diff --git a/apps/webapp/app/(routes)/[lang]/layout.tsx b/apps/webapp/app/(routes)/[lang]/layout.tsx index 0bc61f4e2..a60133e8f 100644 --- a/apps/webapp/app/(routes)/[lang]/layout.tsx +++ b/apps/webapp/app/(routes)/[lang]/layout.tsx @@ -1,4 +1,31 @@ import '@/app/globals.css' +import { + FuturaPTBold, + FuturaPTBook, + FuturaPTDemi, + FuturaPTExtraBold, + FuturaPTHeavy, + FuturaPTLight, + FuturaPTMedium, + LufgaBlack, + LufgaBlackItalic, + LufgaBold, + LufgaBoldItalic, + LufgaExtraBold, + LufgaExtraBoldItalic, + LufgaExtraLight, + LufgaExtraLightItalic, + LufgaItalic, + LufgaLight, + LufgaLightItalic, + LufgaMedium, + LufgaMediumItalic, + LufgaRegular, + LufgaSemiBold, + LufgaSemiBoldItalic, + LufgaThin, + LufgaThinItalic, +} from "@/assets/fonts/fonts" import Footer from '@/components/layout/footer/footer' import { Header } from '@/components/layout/header' import { Providers } from '@/components/layout/providers' @@ -38,7 +65,10 @@ export default async function RootLayout({ className={cn('tk-futura-pt max-w-full text-lg antialiased')} suppressHydrationWarning > - + +
- -
- {content.cards[0].title} - - + +
+ + + + {content.cards[0].title} + + + {content.cards[0].title} +
-
- -
+ +
{ content.cards[0].paragraphs.map((p) => (

{p}

@@ -40,43 +45,49 @@ export function LearnSection() {
- -
- - +
+ + {content.cards[1].title} -
+
- {content.cards[1].title} + + + + {content.cards[1].title} +
- -
- - +
+ + {content.cards[2].title} -
+
- {content.cards[2].title} + + + + {content.cards[2].title} +
@@ -95,17 +106,26 @@ const content = { "A good place to start is: what is Bitlauncher? (We'll give you the brief version). Bitlauncher is a platform that connects young projects with early community members through initial decentralized offerings (IDOS). It provides a unique opportunity for investors to engage with up-and-coming tech innovations.", "By participating in an IDO on Bitlauncher, users can gain early access to tokens from new blockchain projects. This early access can potentially lead to significant benefits if the projects grow in value and popularity. Bitlauncher aims to democratize the investment process, making it accessible to a broader audience." ], - image: "/images/home/kyc-bitcash.png" + images: [ + "/images/home/platform-circles.webp", + "/images/home/platform-circles.png", + ] }, { - title: 'How to buy the Bitlauncher $BC token?', + title: 'How to buy the Bitlauncher $BL token?', paragraphs: [], - image: "/images/home/bc-tokens.png" + images: [ + "/images/home/bl-coins.webp", + "/images/home/bl-coins.png", + ] }, { title: 'What is an IDO (Initial Decentralized Offering)?', paragraphs: [], - image: "/images/home/ido.png" + images: [ + "/images/home/glass.webp", + "/images/home/glass.png", + ] } ] } diff --git a/apps/webapp/public/images/home/bc-tokens.png b/apps/webapp/public/images/home/bc-tokens.png deleted file mode 100644 index dd74b7424..000000000 Binary files a/apps/webapp/public/images/home/bc-tokens.png and /dev/null differ diff --git a/apps/webapp/public/images/home/bl-coins.png b/apps/webapp/public/images/home/bl-coins.png new file mode 100644 index 000000000..ee33fd019 Binary files /dev/null and b/apps/webapp/public/images/home/bl-coins.png differ diff --git a/apps/webapp/public/images/home/bl-coins.webp b/apps/webapp/public/images/home/bl-coins.webp new file mode 100644 index 000000000..1398984f9 Binary files /dev/null and b/apps/webapp/public/images/home/bl-coins.webp differ diff --git a/apps/webapp/public/images/home/glass.png b/apps/webapp/public/images/home/glass.png new file mode 100644 index 000000000..c1e2cac70 Binary files /dev/null and b/apps/webapp/public/images/home/glass.png differ diff --git a/apps/webapp/public/images/home/glass.webp b/apps/webapp/public/images/home/glass.webp new file mode 100644 index 000000000..d25563513 Binary files /dev/null and b/apps/webapp/public/images/home/glass.webp differ diff --git a/apps/webapp/public/images/home/ido.png b/apps/webapp/public/images/home/ido.png deleted file mode 100644 index 550b860f3..000000000 Binary files a/apps/webapp/public/images/home/ido.png and /dev/null differ diff --git a/apps/webapp/public/images/home/kyc-bitcash.png b/apps/webapp/public/images/home/kyc-bitcash.png deleted file mode 100644 index 88e47418d..000000000 Binary files a/apps/webapp/public/images/home/kyc-bitcash.png and /dev/null differ diff --git a/apps/webapp/public/images/home/platform-circles.png b/apps/webapp/public/images/home/platform-circles.png new file mode 100644 index 000000000..ea221c540 Binary files /dev/null and b/apps/webapp/public/images/home/platform-circles.png differ diff --git a/apps/webapp/public/images/home/platform-circles.webp b/apps/webapp/public/images/home/platform-circles.webp new file mode 100644 index 000000000..1609287c3 Binary files /dev/null and b/apps/webapp/public/images/home/platform-circles.webp differ diff --git a/apps/webapp/tailwind.config.js b/apps/webapp/tailwind.config.js index 3e6dc08b2..32f99e56d 100644 --- a/apps/webapp/tailwind.config.js +++ b/apps/webapp/tailwind.config.js @@ -2,8 +2,8 @@ const { default: flattenColorPalette } = require('tailwindcss/lib/util/flattenColorPalette') const svgToDataUri = require('mini-svg-data-uri') - const colors = require('tailwindcss/colors') +const { fontFamily } = require("tailwindcss/defaultTheme"); /** @type {import('tailwindcss').Config} */ module.exports = { @@ -31,6 +31,10 @@ module.exports = { ring: 'hsla(var(--ring))', background: 'hsla(var(--background))', foreground: 'hsla(var(--foreground))', + cornflowerblue: { + 100: "rgba(125, 129, 217, 0.2)", + 200: "rgba(125, 129, 217, 0.2)" + }, primary: { DEFAULT: 'hsla(var(--primary))', foreground: 'hsla(var(--primary-foreground))', @@ -50,7 +54,9 @@ module.exports = { 100: '#535461', 200: '#040216', 300: '#080821', - 400: '#F5F5F5' + 400: '#F5F5F5', + 500: '#5361FF', + 600: '#9A9EFC' }, tertiary: { blue: '#0000EE' }, destructive: { @@ -77,8 +83,17 @@ module.exports = { card: { DEFAULT: 'hsla(var(--card))', foreground: 'hsla(var(--card-foreground))' + }, + alert: { + DEFAULT: "hsla(var(--alert))" } }, + background: { + cornflowerblue: { + 100: "rgba(125, 129, 217, 0.5)", + 200: "rgba(125, 129, 217, 0.43)" + }, + }, borderRadius: { lg: 'var(--radius)', md: 'calc(var(--radius) - 2px)', @@ -90,6 +105,11 @@ module.exports = { 'inputs-shaped': '100px', 'check-box': '4px' }, + fontFamily: { + sans: ["Futura PT", ...fontFamily.sans], + 'futura-pt-bold': ['Futura PT Bold', 'sans-serif'], + 'futura-pt-condensed': ['Futura PT Heavy', 'sans-serif'], + }, keyframes: { 'accordion-down': { from: { height: 0 },