From f0c09d5477777c3f616b6fb87cacba4b37e118b8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 12:37:11 +0000
Subject: [PATCH] Add src/app/order/page.tsx

---
 src/app/order/page.tsx | 95 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 95 insertions(+)
 create mode 100644 src/app/order/page.tsx

diff --git a/src/app/order/page.tsx b/src/app/order/page.tsx
new file mode 100644
index 0000000..921b605
--- /dev/null
+++ 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>
+  );
+}