Add src/app/order/page.tsx

2026-03-03 12:37:11 +00:00
parent a675b6709b
commit f0c09d5477
1 changed files with 95 additions and 0 deletions
--- 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>
+  );
+}