crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: homepage revamp

Browse Source 
Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe
2024-06-04 18:39:01 +07:00
parent 4d9f4fe822
commit 578822d428
19 changed files with 188 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

15
app/layout.tsx
View File

@@ -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 (
<html lang="en" className={`${GeistSans.variable} ${league_spartan.variable}`}>
<html lang="en" className={GeistSans.variable}>
<body className="bg-neutral-50 text-black selection:bg-teal-300 dark:bg-neutral-900 dark:text-white dark:selection:bg-pink-500 dark:selection:text-white">
<Script
src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js"
async
type="text/javascript"
/>
<header>
<Banner />
<Navbar />

8
app/page.tsx
View File

@@ -1,5 +1,5 @@
import Hero from 'components/hero';
import HomePageContent from 'components/home-page-content';
import About from 'components/home-page/about';
import Footer from 'components/layout/footer';
import { getPage } from 'lib/shopify';
import { Metadata } from 'next';
@@ -25,10 +25,8 @@ export default async function HomePage() {
<Suspense>
<Hero />
</Suspense>
<div className="my-3 min-h-96">
<Suspense>
<HomePageContent />
</Suspense>
<div className="mx-auto flex min-h-96 max-w-7xl flex-col space-y-16 px-6 py-12 lg:px-8">
<About />
</div>
<Suspense>
<Footer />