From 578822d4280dd9ee64a14d44623e4e8203ae42a5 Mon Sep 17 00:00:00 2001 From: Chloe Date: Tue, 4 Jun 2024 18:39:01 +0700 Subject: [PATCH] fix: homepage revamp Signed-off-by: Chloe --- app/favicon.ico | Bin 15086 -> 15406 bytes app/layout.tsx | 15 +++++----- app/page.tsx | 8 ++--- components/banner.tsx | 2 +- components/hero.tsx | 26 +++++++++++++---- components/home-page/about.tsx | 42 +++++++++++++++++++++++++++ components/home-page/button-link.tsx | 18 ++++++++++++ components/home-page/tag.tsx | 7 +++++ components/layout/footer.tsx | 11 +++---- components/layout/navbar/index.tsx | 6 +--- components/logo-square.tsx | 18 +++++------- components/trust-pilot.tsx | 34 ++++++++++++++++++++++ lib/styles.ts | 5 ++++ public/about.png | Bin 0 -> 468145 bytes public/background.svg | 11 +++++++ public/best-price.svg | 9 ++++++ public/dark-logo.svg | 7 +++++ public/logo.svg | 8 +++++ tailwind.config.js | 10 ++----- 19 files changed, 188 insertions(+), 49 deletions(-) create mode 100644 components/home-page/about.tsx create mode 100644 components/home-page/button-link.tsx create mode 100644 components/home-page/tag.tsx create mode 100644 components/trust-pilot.tsx create mode 100644 lib/styles.ts create mode 100644 public/about.png create mode 100644 public/background.svg create mode 100644 public/best-price.svg create mode 100644 public/dark-logo.svg create mode 100644 public/logo.svg diff --git a/app/favicon.ico b/app/favicon.ico index fb7aef80b792d1323fe587fac913a43d37c4b105..c9bc2deb400bbcb23ba56cfcc959b3c6ca3c43a2 100644 GIT binary patch literal 15406 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 M$GHWbw=J3f0X6D5A^-pY diff --git a/app/layout.tsx b/app/layout.tsx index 2f98587f2..73eec1918 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -2,7 +2,7 @@ import Banner from 'components/banner'; import Navbar from 'components/layout/navbar'; import { GeistSans } from 'geist/font/sans'; import { ensureStartsWith } from 'lib/utils'; -import { League_Spartan } from 'next/font/google'; +import Script from 'next/script'; import { ReactNode, Suspense } from 'react'; import './globals.css'; @@ -13,12 +13,6 @@ const baseUrl = process.env.NEXT_PUBLIC_VERCEL_URL const twitterCreator = TWITTER_CREATOR ? ensureStartsWith(TWITTER_CREATOR, '@') : undefined; const twitterSite = TWITTER_SITE ? ensureStartsWith(TWITTER_SITE, 'https://') : undefined; -const league_spartan = League_Spartan({ - subsets: ['latin'], - variable: '--font-league-spartan', - display: 'swap' -}); - export const metadata = { metadataBase: new URL(baseUrl), title: { @@ -41,8 +35,13 @@ export const metadata = { export default async function RootLayout({ children }: { children: ReactNode }) { return ( - + +