Update src/app/page.tsx

Add src/app/order/page.tsx
Update src/app/layout.tsx
2026-03-03 12:37:11 +00:00 · 2026-03-03 12:37:11 +00:00 · 2026-03-03 12:37:10 +00:00 · 2026-03-03 12:37:09 +00:00 · 2026-03-03 12:37:09 +00:00 · 2026-03-03 12:37:08 +00:00
7 changed files with 108 additions and 9 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -29,6 +29,7 @@ export default function AboutPage() {
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Beers", id: "/beers" },
+            { name: "Order Online", id: "/order" },
            { name: "Events", id: "/events" },
            { name: "Contact", id: "/contact" },
          ]}
@@ -115,4 +116,4 @@ export default function AboutPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/beers/page.tsx
+++ b/src/app/beers/page.tsx
@@ -29,6 +29,7 @@ export default function BeersPage() {
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Beers", id: "/beers" },
+            { name: "Order Online", id: "/order" },
            { name: "Events", id: "/events" },
            { name: "Contact", id: "/contact" },
          ]}
@@ -91,4 +92,4 @@ export default function BeersPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -29,6 +29,7 @@ export default function ContactPage() {
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Beers", id: "/beers" },
+            { name: "Order Online", id: "/order" },
            { name: "Events", id: "/events" },
            { name: "Contact", id: "/contact" },
          ]}
@@ -93,4 +94,4 @@ export default function ContactPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/events/page.tsx
+++ b/src/app/events/page.tsx
@@ -29,6 +29,7 @@ export default function EventsPage() {
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Beers", id: "/beers" },
+            { name: "Order Online", id: "/order" },
            { name: "Events", id: "/events" },
            { name: "Contact", id: "/contact" },
          ]}
@@ -88,4 +89,4 @@ export default function EventsPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -35,9 +35,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body
-          className={`${sourceSans3.variable} antialiased`}
-        >
+        <body className={`${sourceSans3.variable} antialiased`}>
          <Tag />
          {children}
        
@@ -1411,4 +1409,4 @@ export default function RootLayout({
      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/order/page.tsx
+++ b/src/app/order/page.tsx
@@ -0,0 +1,95 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import Link from "next/link";
+import { ShoppingCart, Sparkles } from "lucide-react";
+
+export default function OrderPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="largeSmall"
+      background="grid"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      {/* Navbar */}
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Beers", id: "/beers" },
+            { name: "Order Online", id: "/order" },
+            { name: "Events", id: "/events" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Ninepenny"
+          bottomLeftText="75 Conception Bay Hwy, CBS"
+          bottomRightText="hello@ninepenny.com"
+        />
+      </div>
+
+      {/* Order Online Section */}
+      <div id="order-products" data-section="order-products">
+        <ProductCardFour
+          title="Order Online"
+          description="Take home Ninepenny's award-winning craft beers, growlers, merchandise, and gift cards. Available for local delivery and local pickup. All orders include age verification for alcohol purchases."
+          tag="Shop Now"
+          tagIcon={ShoppingCart}
+          products={[
+            {
+              id: "1",              name: "4-Pack Cans Variety",              price: "$18.99",              variant: "Mix & Match • Choose 4 Beers",              imageSrc: "http://img.b2bpic.net/free-photo/black-beer-wood_1150-12242.jpg?_wi=2",              imageAlt: "beer 4-pack cans variety pack"},
+            {
+              id: "2",              name: "64oz Growler",              price: "$14.99",              variant: "Refillable • Fill Fresh Daily",              imageSrc: "http://img.b2bpic.net/free-vector/realistic-beer-background_23-2147738579.jpg?_wi=2",              imageAlt: "glass growler beer bottle refillable"},
+            {
+              id: "3",              name: "Ninepenny Merch Bundle",              price: "$34.99",              variant: "Apparel & Gear • Limited Designs",              imageSrc: "http://img.b2bpic.net/free-photo/frothy-beer-pouring-into-glass-refreshing-refreshment-generated-by-ai_188544-34315.jpg?_wi=2",              imageAlt: "merchandise apparel t-shirt branded gear"},
+            {
+              id: "4",              name: "Gift Card",              price: "$25 - $100",              variant: "Digital or Physical • Perfect Gift",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-beers-chilling-ice_53876-31310.jpg?_wi=3",              imageAlt: "gift card digital present voucher"},
+          ]}
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      {/* Age Verification & Shipping Section */}
+      <div id="ordering-info" data-section="ordering-info">
+        <MetricSplitMediaAbout
+          tag="Important Info"
+          tagIcon={Sparkles}
+          title="Safe, Secure Online Ordering"
+          description="All alcohol orders require age verification. Our ordering process is quick, secure, and LCNL compliant. Choose from convenient local delivery or pickup at our taproom. For questions about orders, contact us directly. Gift cards and merchandise ship anywhere in Canada. All prices include HST."
+          metrics={[
+            { value: "Age 19+", title: "Required for Alcohol" },
+            { value: "LCNL", title: "Fully Compliant" },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/black-bearded-tattooed-hipster-male-manufacturer-presenting-craft-beer-microbrewery_613910-13529.jpg?_wi=2"
+          imageAlt="brewery facility brewing equipment industrial interior"
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      {/* Footer */}
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Ninepenny"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,6 +33,7 @@ export default function HomePage() {
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Beers", id: "/beers" },
+            { name: "Order Online", id: "/order" },
            { name: "Events", id: "/events" },
            { name: "Contact", id: "/contact" },
          ]}
@@ -49,6 +50,7 @@ export default function HomePage() {
          description="Award-Winning Craft Beer in Conception Bay South. Locally brewed. Community driven. Always fresh."
          buttons={[
            { text: "View Our Beers", href: "/beers" },
+            { text: "Order Online", href: "/order" },
            { text: "Get Directions", href: "#visit" },
          ]}
          slides={[
@@ -202,4 +204,4 @@ export default function HomePage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	3c9075cdb4	Update src/app/page.tsx	2026-03-03 12:37:11 +00:00
bender	f0c09d5477	Add src/app/order/page.tsx	2026-03-03 12:37:11 +00:00
bender	a675b6709b	Update src/app/layout.tsx	2026-03-03 12:37:10 +00:00
bender	735321f1bf	Update src/app/events/page.tsx	2026-03-03 12:37:09 +00:00
bender	8b2868a558	Update src/app/contact/page.tsx	2026-03-03 12:37:09 +00:00
bender	f899a3cd97	Update src/app/beers/page.tsx	2026-03-03 12:37:08 +00:00
bender	f5c0063d4d	Update src/app/about/page.tsx	2026-03-03 12:37:07 +00:00
bender	2d21362b21	Merge version_1 into main Merge version_1 into main	2026-03-03 02:29:47 +00:00
bender	83d581f13b	Merge version_1 into main Merge version_1 into main	2026-03-03 02:29:06 +00:00
bender	bc543b125b	Merge version_1 into main Merge version_1 into main	2026-03-03 02:27:23 +00:00