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 +
+
+
+