diff --git a/apps/template/app/about/page.tsx b/apps/template/app/about/page.tsx index f1af3ce1..cd0b48a9 100644 --- a/apps/template/app/about/page.tsx +++ b/apps/template/app/about/page.tsx @@ -5,7 +5,7 @@ import { Page } from "@/components/ui/page"; export const metadata: Metadata = { title: "About", - description: "Learn about Vercel Shop, a Next.js storefront template for Shopify.", + description: "Learn about Hausu, a Next.js storefront template for Shopify.", }; export default function AboutPage() { @@ -13,9 +13,9 @@ export default function AboutPage() {
-

About Vercel Shop

+

About Hausu

- Vercel Shop is a Next.js storefront that connects to Shopify. You get product pages, + Hausu is a Next.js storefront that connects to Shopify. You get product pages, collections, a cart, and search out of the box. Point it at your store and you're selling.

diff --git a/apps/template/app/collections/[handle]/page.tsx b/apps/template/app/collections/[handle]/page.tsx index 8a0906fa..53ea2374 100644 --- a/apps/template/app/collections/[handle]/page.tsx +++ b/apps/template/app/collections/[handle]/page.tsx @@ -84,6 +84,7 @@ export const unstable_instant = { sort: null, }, cookies: [{ name: "shopify_cartId", value: null }], + headers: [["x-vercel-ip-postal-code", null]], }, ], }; diff --git a/apps/template/app/globals.css b/apps/template/app/globals.css index 99e893cd..27fdc24d 100644 --- a/apps/template/app/globals.css +++ b/apps/template/app/globals.css @@ -8,8 +8,12 @@ --breakpoint-4xl: 140rem; /* 2240px */ --color-background: var(--background); + --color-chartreuse: var(--chartreuse); --color-foreground: var(--foreground); + --color-link: var(--link); + --color-link-foreground: var(--link-foreground); --color-shop: #5A31F4; + --font-display: var(--font-bricolage); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --text-xxs: 0.625rem; @@ -72,7 +76,10 @@ ); /* 64px = h-16 single nav row + safe area */ --radius: 0.625rem; --background: #ffffff; + --chartreuse: #ccff00; --foreground: #010101; + --link: #0a1f4b; + --link-foreground: #ffffff; --card: #ffffff; --card-foreground: #010101; --popover: #ffffff; @@ -112,6 +119,9 @@ letter-spacing: -0.025em; /* tracking-tight */ font-weight: 600; /* font-semibold */ } + .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--link); + } } @layer base { diff --git a/apps/template/app/layout.tsx b/apps/template/app/layout.tsx index 13454778..4f0fa49b 100644 --- a/apps/template/app/layout.tsx +++ b/apps/template/app/layout.tsx @@ -2,7 +2,7 @@ import "./globals.css"; import type { Metadata } from "next"; import { NextIntlClientProvider } from "next-intl"; import { getMessages, getTranslations } from "next-intl/server"; -import { Geist, Geist_Mono } from "next/font/google"; +import { Bricolage_Grotesque, Geist, Geist_Mono } from "next/font/google"; import { Suspense } from "react"; import { ActionBar } from "@/components/action-bar"; @@ -11,6 +11,7 @@ import { CartProvider } from "@/components/cart/context"; import { CartOverlayWithAddress } from "@/components/cart/overlay-with-address"; import { Footer } from "@/components/footer"; import { Nav } from "@/components/nav"; +import { TopBar } from "@/components/nav/top-bar"; import { SiteSchema } from "@/components/schema/site-schema"; import { siteConfig } from "@/lib/config"; import { getLocale } from "@/lib/params"; @@ -26,6 +27,11 @@ const geistMono = Geist_Mono({ subsets: ["latin"], }); +const bricolage = Bricolage_Grotesque({ + variable: "--font-bricolage", + subsets: ["latin"], +}); + export default async function RootLayout({ children }: LayoutProps<"/">) { const [locale, messages, t] = await Promise.all([ getLocale(), @@ -37,7 +43,7 @@ export default async function RootLayout({ children }: LayoutProps<"/">) { ) { +