diff --git a/app/account/activate/[id]/[token]/page.tsx b/app/account/activate/[id]/[token]/page.tsx
index 199e1ef..c6d5dc1 100644
--- a/app/account/activate/[id]/[token]/page.tsx
+++ b/app/account/activate/[id]/[token]/page.tsx
@@ -1,5 +1,3 @@
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import AccountForm from '@/components/shopify/account-form';
 
 export const metadata = { title: 'Activate your account — Shop' };
@@ -13,27 +11,23 @@ export default async function Page({
   const { id, token } = await params;
 
   return (
-    <>
-      <Header storeName="Shop" logoUrl="" />
-      <main className="max-w-screen-2xl mx-auto w-full px-8 py-16">
-        <AccountForm
-          title="Activate your account"
-          description="Choose a password to finish setting up your account."
-          fields={[
-            {
-              name: 'password',
-              label: 'Password',
-              type: 'password',
-              autoComplete: 'new-password',
-            },
-          ]}
-          submitLabel="Activate account"
-          endpoint="/api/account/activate"
-          extraPayload={{ id, activationToken: token }}
-          redirectTo="/account"
-        />
-      </main>
-      <Footer storeName="Shop" copyright="© 2026 Shop. All rights reserved." />
-    </>
+    <main className="max-w-screen-2xl mx-auto w-full px-8 py-16">
+      <AccountForm
+        title="Activate your account"
+        description="Choose a password to finish setting up your account."
+        fields={[
+          {
+            name: 'password',
+            label: 'Password',
+            type: 'password',
+            autoComplete: 'new-password',
+          },
+        ]}
+        submitLabel="Activate account"
+        endpoint="/api/account/activate"
+        extraPayload={{ id, activationToken: token }}
+        redirectTo="/account"
+      />
+    </main>
   );
 }
diff --git a/app/account/login/page.tsx b/app/account/login/page.tsx
index 38a0674..e816ce4 100644
--- a/app/account/login/page.tsx
+++ b/app/account/login/page.tsx
@@ -1,44 +1,38 @@
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import AccountForm, { AccountFormLink } from '@/components/shopify/account-form';
 
 export const metadata = { title: 'Sign in — Shop' };
 
 export default function Page() {
   return (
-    <>
-      <Header storeName="Shop" logoUrl="" />
-      <main className="max-w-screen-2xl mx-auto w-full px-8 py-16">
-        <AccountForm
-          title="Sign in"
-          fields={[
-            { name: 'email', label: 'Email', type: 'email', autoComplete: 'email' },
-            {
-              name: 'password',
-              label: 'Password',
-              type: 'password',
-              autoComplete: 'current-password',
-            },
-          ]}
-          submitLabel="Sign in"
-          endpoint="/api/account/login"
-          redirectTo="/account"
-          footer={
-            <>
-              <span>
-                New here?{' '}
-                <AccountFormLink href="/account/register">
-                  Create an account
-                </AccountFormLink>
-              </span>
-              <AccountFormLink href="/account/recover">
-                Forgot your password?
+    <main className="max-w-screen-2xl mx-auto w-full px-8 py-16">
+      <AccountForm
+        title="Sign in"
+        fields={[
+          { name: 'email', label: 'Email', type: 'email', autoComplete: 'email' },
+          {
+            name: 'password',
+            label: 'Password',
+            type: 'password',
+            autoComplete: 'current-password',
+          },
+        ]}
+        submitLabel="Sign in"
+        endpoint="/api/account/login"
+        redirectTo="/account"
+        footer={
+          <>
+            <span>
+              New here?{' '}
+              <AccountFormLink href="/account/register">
+                Create an account
               </AccountFormLink>
-            </>
-          }
-        />
-      </main>
-      <Footer storeName="Shop" copyright="© 2026 Shop. All rights reserved." />
-    </>
+            </span>
+            <AccountFormLink href="/account/recover">
+              Forgot your password?
+            </AccountFormLink>
+          </>
+        }
+      />
+    </main>
   );
 }
diff --git a/app/account/page.tsx b/app/account/page.tsx
index a927204..be24866 100644
--- a/app/account/page.tsx
+++ b/app/account/page.tsx
@@ -1,6 +1,4 @@
 import { redirect } from 'next/navigation';
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import OrderHistory from '@/components/shopify/order-history';
 import { getSessionToken } from '@/services/shopify/session';
 import { getCustomer } from '@/services/shopify/customer';
@@ -16,23 +14,17 @@ export default async function Page() {
   if (!customer) redirect('/account/login');
 
   return (
-    <>
-      <Header storeName="Shop" logoUrl="" />
+    <main className="max-w-screen-2xl mx-auto w-full px-8 py-12">
+      <h1 className="text-2xl md:text-3xl font-normal text-foreground">
+        Order history
+      </h1>
+      <p className="mt-1 text-sm text-muted-foreground">
+        {customer.displayName} · {customer.email}
+      </p>
 
-      <main className="max-w-screen-2xl mx-auto w-full px-8 py-12">
-        <h1 className="text-2xl md:text-3xl font-normal text-foreground">
-          Order history
-        </h1>
-        <p className="mt-1 text-sm text-muted-foreground">
-          {customer.displayName} · {customer.email}
-        </p>
-
-        <div className="mt-10">
-          <OrderHistory customer={customer} />
-        </div>
-      </main>
-
-      <Footer storeName="Shop" copyright="© 2026 Shop. All rights reserved." />
-    </>
+      <div className="mt-10">
+        <OrderHistory customer={customer} />
+      </div>
+    </main>
   );
 }
diff --git a/app/account/recover/page.tsx b/app/account/recover/page.tsx
index e5e8569..1d921c3 100644
--- a/app/account/recover/page.tsx
+++ b/app/account/recover/page.tsx
@@ -1,29 +1,23 @@
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import AccountForm, { AccountFormLink } from '@/components/shopify/account-form';
 
 export const metadata = { title: 'Reset password — Shop' };
 
 export default function Page() {
   return (
-    <>
-      <Header storeName="Shop" logoUrl="" />
-      <main className="max-w-screen-2xl mx-auto w-full px-8 py-16">
-        <AccountForm
-          title="Reset password"
-          description="Enter your email and we'll send you a link to set a new password."
-          fields={[
-            { name: 'email', label: 'Email', type: 'email', autoComplete: 'email' },
-          ]}
-          submitLabel="Send reset link"
-          endpoint="/api/account/recover"
-          successMessage="If that email has an account, a reset link is on its way."
-          footer={
-            <AccountFormLink href="/account/login">Back to sign in</AccountFormLink>
-          }
-        />
-      </main>
-      <Footer storeName="Shop" copyright="© 2026 Shop. All rights reserved." />
-    </>
+    <main className="max-w-screen-2xl mx-auto w-full px-8 py-16">
+      <AccountForm
+        title="Reset password"
+        description="Enter your email and we'll send you a link to set a new password."
+        fields={[
+          { name: 'email', label: 'Email', type: 'email', autoComplete: 'email' },
+        ]}
+        submitLabel="Send reset link"
+        endpoint="/api/account/recover"
+        successMessage="If that email has an account, a reset link is on its way."
+        footer={
+          <AccountFormLink href="/account/login">Back to sign in</AccountFormLink>
+        }
+      />
+    </main>
   );
 }
diff --git a/app/account/register/page.tsx b/app/account/register/page.tsx
index 3a36283..5403b7d 100644
--- a/app/account/register/page.tsx
+++ b/app/account/register/page.tsx
@@ -1,49 +1,43 @@
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import AccountForm, { AccountFormLink } from '@/components/shopify/account-form';
 
 export const metadata = { title: 'Create account — Shop' };
 
 export default function Page() {
   return (
-    <>
-      <Header storeName="Shop" logoUrl="" />
-      <main className="max-w-screen-2xl mx-auto w-full px-8 py-16">
-        <AccountForm
-          title="Create account"
-          fields={[
-            {
-              name: 'firstName',
-              label: 'First name',
-              autoComplete: 'given-name',
-              required: false,
-            },
-            {
-              name: 'lastName',
-              label: 'Last name',
-              autoComplete: 'family-name',
-              required: false,
-            },
-            { name: 'email', label: 'Email', type: 'email', autoComplete: 'email' },
-            {
-              name: 'password',
-              label: 'Password',
-              type: 'password',
-              autoComplete: 'new-password',
-            },
-          ]}
-          submitLabel="Create account"
-          endpoint="/api/account/register"
-          redirectTo="/account"
-          footer={
-            <span>
-              Already have an account?{' '}
-              <AccountFormLink href="/account/login">Sign in</AccountFormLink>
-            </span>
-          }
-        />
-      </main>
-      <Footer storeName="Shop" copyright="© 2026 Shop. All rights reserved." />
-    </>
+    <main className="max-w-screen-2xl mx-auto w-full px-8 py-16">
+      <AccountForm
+        title="Create account"
+        fields={[
+          {
+            name: 'firstName',
+            label: 'First name',
+            autoComplete: 'given-name',
+            required: false,
+          },
+          {
+            name: 'lastName',
+            label: 'Last name',
+            autoComplete: 'family-name',
+            required: false,
+          },
+          { name: 'email', label: 'Email', type: 'email', autoComplete: 'email' },
+          {
+            name: 'password',
+            label: 'Password',
+            type: 'password',
+            autoComplete: 'new-password',
+          },
+        ]}
+        submitLabel="Create account"
+        endpoint="/api/account/register"
+        redirectTo="/account"
+        footer={
+          <span>
+            Already have an account?{' '}
+            <AccountFormLink href="/account/login">Sign in</AccountFormLink>
+          </span>
+        }
+      />
+    </main>
   );
 }
diff --git a/app/account/reset/[id]/[token]/page.tsx b/app/account/reset/[id]/[token]/page.tsx
index 26d4ef6..a80cb3b 100644
--- a/app/account/reset/[id]/[token]/page.tsx
+++ b/app/account/reset/[id]/[token]/page.tsx
@@ -1,5 +1,3 @@
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import AccountForm from '@/components/shopify/account-form';
 
 export const metadata = { title: 'Set a new password — Shop' };
@@ -13,26 +11,22 @@ export default async function Page({
   const { id, token } = await params;
 
   return (
-    <>
-      <Header storeName="Shop" logoUrl="" />
-      <main className="max-w-screen-2xl mx-auto w-full px-8 py-16">
-        <AccountForm
-          title="Set a new password"
-          fields={[
-            {
-              name: 'password',
-              label: 'New password',
-              type: 'password',
-              autoComplete: 'new-password',
-            },
-          ]}
-          submitLabel="Save password"
-          endpoint="/api/account/reset"
-          extraPayload={{ id, resetToken: token }}
-          redirectTo="/account"
-        />
-      </main>
-      <Footer storeName="Shop" copyright="© 2026 Shop. All rights reserved." />
-    </>
+    <main className="max-w-screen-2xl mx-auto w-full px-8 py-16">
+      <AccountForm
+        title="Set a new password"
+        fields={[
+          {
+            name: 'password',
+            label: 'New password',
+            type: 'password',
+            autoComplete: 'new-password',
+          },
+        ]}
+        submitLabel="Save password"
+        endpoint="/api/account/reset"
+        extraPayload={{ id, resetToken: token }}
+        redirectTo="/account"
+      />
+    </main>
   );
 }
diff --git a/app/collections/[handle]/page.tsx b/app/collections/[handle]/page.tsx
index 637012e..1ad0e03 100644
--- a/app/collections/[handle]/page.tsx
+++ b/app/collections/[handle]/page.tsx
@@ -1,23 +1,5 @@
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import CollectionDetail from '@/components/shopify/collection-detail';
 
 export default function Page() {
-  return (
-    <>
-      <Header
-        storeName="Shop"
-        logoUrl=""
-        links={[
-          { label: 'Products', url: '/' },
-          { label: 'Collections', url: '/collections' },
-        ]}
-      />
-      <CollectionDetail />
-      <Footer
-        storeName="Shop"
-        copyright="© 2026 Shop. All rights reserved."
-      />
-    </>
-  );
+  return <CollectionDetail />;
 }
diff --git a/app/collections/page.tsx b/app/collections/page.tsx
index 69133b8..e5da58c 100644
--- a/app/collections/page.tsx
+++ b/app/collections/page.tsx
@@ -1,23 +1,5 @@
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import Collections from '@/components/shopify/collections';
 
 export default function Page() {
-  return (
-    <>
-      <Header
-        storeName="Shop"
-        logoUrl=""
-        links={[
-          { label: 'Products', url: '/' },
-          { label: 'Collections', url: '/collections' },
-        ]}
-      />
-      <Collections title="Our Collections" />
-      <Footer
-        storeName="Shop"
-        copyright="© 2026 Shop. All rights reserved."
-      />
-    </>
-  );
+  return <Collections title="Our Collections" />;
 }
diff --git a/app/error.tsx b/app/error.tsx
index b3805e1..6739a11 100644
--- a/app/error.tsx
+++ b/app/error.tsx
@@ -10,7 +10,7 @@ export default function Error({
   reset: () => void;
 }) {
   return (
-    <div className="flex items-center justify-center min-h-screen">
+    <div className="flex items-center justify-center min-h-[60vh]">
       <div className="flex items-center gap-6">
         <div className="text-lg font-medium text-black font-sans whitespace-nowrap">
           Something went wrong
diff --git a/app/layout.tsx b/app/layout.tsx
index 5c72b80..56b06f6 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,7 +1,10 @@
 import React from 'react';
 import './globals.css';
 import { Geist, Geist_Mono } from 'next/font/google';
+import Header from '@/components/shopify/header';
+import Footer from '@/components/shopify/footer';
 import StoreAssistant from '@/components/shopify/store-assistant';
+import { site } from '@/config/site';
 
 const geist = Geist({
   subsets: ['latin'],
@@ -20,8 +23,16 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en" className={`${geist.variable} ${geistMono.variable}`}>
-      <body className="font-body antialiased bg-background text-foreground m-0 p-0">
-        {children}
+      <body className="font-body antialiased bg-background text-foreground m-0 p-0 flex min-h-screen flex-col">
+        {/* Header owns the cart drawer, search and account menu, so every
+            route gets them by rendering here rather than page by page. */}
+        <Header
+          storeName={site.storeName}
+          logoUrl={site.logoUrl}
+          links={site.navLinks}
+        />
+        <div className="flex-1">{children}</div>
+        <Footer storeName={site.storeName} copyright={site.copyright} />
         <StoreAssistant />
       </body>
     </html>
diff --git a/app/not-found.tsx b/app/not-found.tsx
index 3692439..5be10c6 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -5,7 +5,7 @@ import Link from 'next/link';
 
 export default function NotFound() {
   return (
-    <div className="flex items-center justify-center min-h-screen">
+    <div className="flex items-center justify-center min-h-[60vh]">
       <div className="flex items-center gap-6">
         <div className="text-lg font-medium text-black font-sans whitespace-nowrap">
           404
diff --git a/app/page.tsx b/app/page.tsx
index 5acc707..d1578b8 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,26 +1,10 @@
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import Products from '@/components/shopify/products';
 
 export default function Page() {
   return (
-    <>
-      <Header
-        storeName="Shop"
-        logoUrl=""
-        links={[
-          { label: 'Products', url: '/' },
-          { label: 'Collections', url: '/collections' },
-        ]}
-      />
-      <Products
-        title="Shopify Hydrogen Storefront"
-        subtitle="An agent-friendly Shopify storefront built with Next.js and Hydrogen."
-      />
-      <Footer
-        storeName="Shop"
-        copyright="© 2026 Shop. All rights reserved."
-      />
-    </>
+    <Products
+      title="Shopify Hydrogen Storefront"
+      subtitle="An agent-friendly Shopify storefront built with Next.js and Hydrogen."
+    />
   );
 }
diff --git a/app/policies/[handle]/page.tsx b/app/policies/[handle]/page.tsx
index a4f2dec..b5a0b96 100644
--- a/app/policies/[handle]/page.tsx
+++ b/app/policies/[handle]/page.tsx
@@ -1,6 +1,4 @@
 import { notFound } from 'next/navigation';
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import { getShopPolicy, POLICY_HANDLES } from '@/hooks/use-shopify-policies';
 
 export function generateStaticParams() {
@@ -33,33 +31,17 @@ export default async function PolicyPage({
   }
 
   return (
-    <>
-      <Header
-        storeName="Shop"
-        logoUrl=""
-        links={[
-          { label: 'Products', url: '/' },
-          { label: 'Collections', url: '/collections' },
-        ]}
-      />
+    <main className="max-w-screen-2xl mx-auto w-full px-5 lg:px-10 py-16">
+      <div className="max-w-2xl mx-auto">
+        <h1 className="text-3xl md:text-4xl font-normal text-foreground">
+          {policy.title}
+        </h1>
 
-      <main className="max-w-screen-2xl mx-auto w-full px-5 lg:px-10 py-16">
-        <div className="max-w-2xl mx-auto">
-          <h1 className="text-3xl md:text-4xl font-normal text-foreground">
-            {policy.title}
-          </h1>
-
-          <div
-            className="policy-body mt-8 text-[15px] leading-7 text-foreground"
-            dangerouslySetInnerHTML={{ __html: policy.body }}
-          />
-        </div>
-      </main>
-
-      <Footer
-        storeName="Shop"
-        copyright="© 2026 Shop. All rights reserved."
-      />
-    </>
+        <div
+          className="policy-body mt-8 text-[15px] leading-7 text-foreground"
+          dangerouslySetInnerHTML={{ __html: policy.body }}
+        />
+      </div>
+    </main>
   );
 }
diff --git a/app/products/[handle]/page.tsx b/app/products/[handle]/page.tsx
index 2171dd7..7832c72 100644
--- a/app/products/[handle]/page.tsx
+++ b/app/products/[handle]/page.tsx
@@ -1,25 +1,11 @@
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import ProductDetail from '@/components/shopify/product-detail';
 import ProductRecommendations from '@/components/shopify/product-recommendations';
 
 export default function Page() {
   return (
     <>
-      <Header
-        storeName="Shop"
-        logoUrl=""
-        links={[
-          { label: 'Products', url: '/' },
-          { label: 'Collections', url: '/collections' },
-        ]}
-      />
       <ProductDetail addToCartLabel="Add to Cart" />
       <ProductRecommendations title="You May Also Like" />
-      <Footer
-        storeName="Shop"
-        copyright="© 2026 Shop. All rights reserved."
-      />
     </>
   );
 }
diff --git a/app/search/page.tsx b/app/search/page.tsx
index e3498b9..fc5450d 100644
--- a/app/search/page.tsx
+++ b/app/search/page.tsx
@@ -1,6 +1,4 @@
 import { Suspense } from 'react';
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import SearchResults from '@/components/shopify/search-results';
 
 export const metadata = {
@@ -9,25 +7,9 @@ export const metadata = {
 
 export default function Page() {
   return (
-    <>
-      <Header
-        storeName="Shop"
-        logoUrl=""
-        links={[
-          { label: 'Products', url: '/' },
-          { label: 'Collections', url: '/collections' },
-        ]}
-      />
-
-      {/* useSearchParams needs a Suspense boundary to prerender this route. */}
-      <Suspense fallback={<div className="py-10" />}>
-        <SearchResults />
-      </Suspense>
-
-      <Footer
-        storeName="Shop"
-        copyright="© 2026 Shop. All rights reserved."
-      />
-    </>
+    // useSearchParams needs a Suspense boundary to prerender this route.
+    <Suspense fallback={<div className="py-10" />}>
+      <SearchResults />
+    </Suspense>
   );
 }
diff --git a/app/shop/collections/page.tsx b/app/shop/collections/page.tsx
index fd38b1d..e5da58c 100644
--- a/app/shop/collections/page.tsx
+++ b/app/shop/collections/page.tsx
@@ -1,23 +1,5 @@
-import Header from '@/components/shopify/header';
-import Footer from '@/components/shopify/footer';
 import Collections from '@/components/shopify/collections';
 
 export default function Page() {
-  return (
-    <>
-      <Header
-        storeName="Shop"
-        logoUrl=""
-        links={[
-          { label: 'Products', url: '/' },
-          { label: 'Collections', url: '/shop/collections' },
-        ]}
-      />
-      <Collections title="Our Collections" />
-      <Footer
-        storeName="Shop"
-        copyright="© 2026 Shop. All rights reserved."
-      />
-    </>
-  );
+  return <Collections title="Our Collections" />;
 }
diff --git a/config/site.ts b/config/site.ts
new file mode 100644
index 0000000..539a10a
--- /dev/null
+++ b/config/site.ts
@@ -0,0 +1,12 @@
+import type { NavLink } from '@/components/shopify/header';
+
+/** Chrome shared by every route — rendered once in the root layout. */
+export const site = {
+  storeName: 'Shop',
+  logoUrl: '',
+  copyright: '© 2026 Shop. All rights reserved.',
+  navLinks: [
+    { label: 'Products', url: '/' },
+    { label: 'Collections', url: '/collections' },
+  ] as NavLink[],
+};