Merge version_2 into main

2026-03-03 12:37:16 +00:00
parent 2d21362b21 3c9075cdb4
commit e49c2a4263
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>
  );
-}
+}