From 937eb00f567765a30d779454313ee71a99162e2e Mon Sep 17 00:00:00 2001 From: Zubair Mughal Date: Sun, 24 Mar 2024 14:04:45 -0500 Subject: [PATCH] more home page --- app/layout.tsx | 12 ++++++---- app/page.tsx | 39 +++++++++++++++++++++++++++---- media/homePage_blob.svg | 3 +++ media/little_person_homePage.png | Bin 0 -> 188522 bytes tailwind.config.js | 2 +- 5 files changed, 46 insertions(+), 10 deletions(-) create mode 100644 media/homePage_blob.svg create mode 100644 media/little_person_homePage.png diff --git a/app/layout.tsx b/app/layout.tsx index 58f5a9708..24f1b7a55 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,16 +1,20 @@ import Navbar from 'components/layout/navbar'; -import { GeistSans } from 'geist/font'; import { ensureStartsWith } from 'lib/utils'; +import { Open_Sans } from 'next/font/google'; import { ReactNode, Suspense } from 'react'; import './globals.css'; - const { TWITTER_CREATOR, TWITTER_SITE, SITE_NAME } = process.env; const baseUrl = process.env.NEXT_PUBLIC_VERCEL_URL ? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}` : 'http://localhost:3000'; const twitterCreator = TWITTER_CREATOR ? ensureStartsWith(TWITTER_CREATOR, '@') : undefined; const twitterSite = TWITTER_SITE ? ensureStartsWith(TWITTER_SITE, 'https://') : undefined; - +const openSans = Open_Sans({ + weight: ['400', '600', '700'], + subsets: ['latin'], + style: 'normal', + display: 'swap' +}); export const metadata = { metadataBase: new URL(baseUrl), title: { @@ -33,7 +37,7 @@ export const metadata = { export default async function RootLayout({ children }: { children: ReactNode }) { return ( - + diff --git a/app/page.tsx b/app/page.tsx index f6739d634..e19901603 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,8 +1,8 @@ -import { Carousel } from 'components/carousel'; -import { ThreeItemGrid } from 'components/grid/three-items'; import Footer from 'components/layout/footer'; +import Image from 'next/image'; import { Suspense } from 'react'; - +import HomePageBlob from '../media/homePage_blob.svg'; +import littlePerson from '../media/little_person_homePage.png'; export const runtime = 'edge'; export const metadata = { @@ -15,9 +15,38 @@ export const metadata = { export default async function HomePage() { return ( <> - + {/* */} - + {/* */} +
+
+

+ Simplify Back to School Shopping +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. +

+ +
+
+ {/* Blob SVG */} +
+ blob +
+
+ Happy kid with a backpack +
+
+
+