Add src/app/menu/page.tsx

2026-03-09 17:24:34 +00:00
parent 516fef7e11
commit 3b008f7e59
1 changed files with 99 additions and 0 deletions
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -0,0 +1,99 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { Package, Gift } from "lucide-react";
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="largeSizeMediumTitles"
+      background="none"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Menu", id: "/menu" },
+            { name: "About", id: "about" },
+            { name: "Products", id: "products" },
+            { name: "Reviews", id: "testimonials" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Order Now", href: "contact" }}
+          brandName="Sweet Haven"
+        />
+      </div>
+
+      <div id="menu" data-section="menu">
+        <PricingCardNine
+          plans={[
+            {
+              id: "classic",              title: "Classic Collection",              price: "$24.99",              period: "/box",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-slices-with-nuts-sweets-dark-surface_140725-90766.jpg?_wi=1",              imageAlt: "Classic chocolate collection",              button: { text: "Order Now", href: "#contact" },
+              features: [
+                "12 assorted chocolates",                "Premium cocoa blend",                "Handcrafted with care",                "Gift box included",                "Free shipping on 3+"
+              ]
+            },
+            {
+              id: "premium",              title: "Premium Selection",              price: "$39.99",              period: "/box",              imageSrc: "http://img.b2bpic.net/free-photo/cookies-colored-stacked_1232-565.jpg?_wi=1",              imageAlt: "Premium macarons collection",              button: { text: "Order Now", href: "#contact" },
+              features: [
+                "24 premium chocolates & macarons",                "Exotic fillings & flavors",                "Luxury packaging",                "Personal message card",                "Priority delivery"
+              ]
+            },
+            {
+              id: "deluxe",              title: "Deluxe Assortment",              price: "$59.99",              period: "/box",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-honey-pouring-spoons_23-2148346638.jpg?_wi=1",              imageAlt: "Deluxe caramel collection",              button: { text: "Order Now", href: "#contact" },
+              features: [
+                "36 premium assorted sweets",                "Gourmet chocolates & caramels",                "Limited edition flavors",                "Elegant gift presentation",                "Complimentary consultation"
+              ]
+            }
+          ]}
+          animationType="slide-up"
+          title="Our Sweet Menu"
+          description="Choose from our delightful collection of gourmet sweets and premium confections. Each box is handcrafted with the finest ingredients."
+          tag="Specialty Items"
+          tagIcon={Package}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          columns={[
+            {
+              items: [
+                { label: "Menu", href: "/menu" },
+                { label: "About Us", href: "#about" },
+                { label: "Products", href: "#products" }
+              ]
+            },
+            {
+              items: [
+                { label: "Contact", href: "#contact" },
+                { label: "Gift Cards", href: "#" },
+                { label: "Catering", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Shipping Info", href: "#" }
+              ]
+            }
+          ]}
+          logoText="Sweet Haven"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}