Update src/app/menu/page.tsx

Merge version_7 into main

src/app/menu/page.tsx

@@ -4,11 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TextAbout from '@/components/sections/about/TextAbout';
 
-export default function LandingPage() {
+export default function MenuPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -23,102 +21,59 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+            <NavbarStyleCentered
-      navItems={[
+            navItems={[
-        {
+                { name: "Home", id: "/" },
-          name: "Menu",          id: "/menu"},
+                { name: "Menu", id: "/menu" },
-        {
+            ]}
-          name: "The Vibe",          id: "/#vibe"},
+            button={{ text: "Order Online", href: "#" }}
-        {
+            brandName="CRAVE CAFÉ"
-          name: "Visit Us",          id: "/#visit"},
+            />
-      ]}
+        </div>
-      button={{
-        text: "Order Online",        href: "#"}}
-      brandName="CRAVE CAFÉ"
-    />
-  </div>
 
-  <div id="menu-list" data-section="menu-list">
+        <div id="pricing" data-section="pricing">
-      <ProductCardTwo
+            <PricingCardThree
-      animationType="slide-up"
+            title="Our Menu"
-      textboxLayout="default"
+            description="Sophisticated, minimalist aesthetic featuring handcrafted crepes, toasts, and seasonal specialties."
-      gridVariant="bento-grid"
+            animationType="slide-up"
-      useInvertedBackground={false}
+            textboxLayout="default"
-      products={[
+            useInvertedBackground={false}
-        {
+            plans={[
-          id: "c1",          brand: "Toast ",          name: "Bubble Tea ",          price: "$6 - $7",          rating: 5,
+                { id: "s1", name: "SIGNATURE SWEET CREPES", price: "3) 6.95 | 4) 9.10 | 5) 11.25", buttons: [], features: ["Sauce: Nutella, Chocolate Syrup, Almond Butter, Condensed Milk, Honey, Maple Syrup", "Add Filling (2.75): House-Made Farm Cheese or House-Made Whip Cream", "Add Toppings (Unlimited) (2.90): Strawberry, Raspberry, Blueberry, Kiwi, Peach, Mango, Pineapple, Banana, S'mores, Fig & Honey (Fruit Puree Made Daily)"] },
-          reviewCount: "120",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775501251342-0zntpynz.png"},
+                { id: "s2", name: "TOAST", price: "", buttons: [], features: ["Smoked Salmon Avocado Toast (13.95): Smoked Salmon, Avocado, Cucumbers, Roasted Peppers, Mascarpone", "Guac & Veggies Toast (11.95): Guac, Cherry Tomatoes, Radishes, Seasoning on Sourdough", "Beet & Pickled Onions (10.95): Beet, Pickled Onions, Mascarpone, Goat Cheese on Sourdough", "Egg Toast (10.95): Hard Boiled Egg, Garlic Mayo, Cheese, Scallions on Sourdough"] },
-        {
+                { id: "s3", name: "CHARCUTERIE BOARDS", price: "", buttons: [], features: ["Personal (1-2 People) - 16.95", "Large (4-6 People) - 28.95", "A mix of sweet and savory ingredients selected by the chef"] },
-          id: "c2",          brand: "Toast ",          name: "Beet and Pickled Onion Toast ",          price: "$10.95",          rating: 5,
+                { id: "s4", name: "GLUTEN FREE", price: "", buttons: [], features: ["Almond Flour Cheese Quesadilla (8.50): Add Chicken (1.90)", "Loaded Apple (5.75): Apple, Almond Butter, Nutella, Chocolate, Walnuts; Add Fruit (1.90)"] },
-          reviewCount: "85",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775446159736-6ddgpu4s.png"},
+                { id: "s5", name: "KIDS MENU", price: "", buttons: [], features: ["Cheese Crepe (6.75): Add Chicken or Bacon (1.75)", "Cold Sandwich (5.50): Turkey/Ham/Bacon, Greens, Tomatoes, Cucumber, Peppers, American Cheese", "Almond Flour Cheese Quesadilla (4.25): Add Chicken or Bacon (1.75)"] },
-        {
+                { id: "s6", name: "SAVORY & RED CAVIAR", price: "", buttons: [], features: ["Signature Sweet Crepe (2.50): Add Fruit (1.90)", "Hot Savory Crepe (12.50): Choice of sauces, veggies, cheese. Add Avocado/Chicken/Bacon (1.50-1.90)", "Red Caviar Crepes (3) 12.95 | 4) 14.50 | 5) 16.00: Farm Cheese & Red Caviar"] },
-          id: "c3",          brand: "Sweets ",          name: "Dubai Cup ",          price: "$13.95",          rating: 5,
+                { id: "s7", name: "COLD CREPE WRAPS & SOUPS", price: "", buttons: [], features: ["Loaded BLT Crepe Wrap (13.75)", "Loaded Chicken Wrap (13.75): Plain/Teriyaki/Sweet & Sour, Greens, Veggies, Cheese, Chipotle Mayo", "Soups (Cup 6.50 | Bowl 8.50): Chicken Noodle, White Bean, Zuppa Toscana, Creamy Lentil"] },
-          reviewCount: "95",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775445253627-8k9zsc19.jpg"},
+                { id: "s8", name: "SALADS", price: "", buttons: [], features: ["Fresh Salad: Small 5.25 | Large 8.25 (Mixed greens, veggies, radishes. Add egg/chicken/avocado)", "Spicy Carrot Salad: Small 6.50 | Large 8.50", "Caprese Salad: Small 6.75 | Large 9.75"] }
-        {
+            ]}
-          id: "c4",          brand: "Waffle ",          name: "Strawberry Bubble Waffle ",          price: "$11.95 - $16.95",          rating: 5,
+            />
-          reviewCount: "60",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775669412046-4kmmj6cs.png"},
+        </div>
-        {
-          id: "c5",          brand: "Salad",          name: "Strawberry Blast Salad",          price: "$12.95",          rating: 5,
-          reviewCount: "70",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775670140815-68elexev.png"},
-        {
-          id: "c6",          brand: "Crepes ",          name: "Signature Sweet Crepes",          price: "$6.95 - $15.95",          rating: 5,
-          reviewCount: "40",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775670729257-vt0ro02r.png"},
-      ]}
-      title="Our Menu"
-      description="Exquisite selections prepared to satisfy your cravings."
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="footer" data-section="footer">
-      <TextAbout
+            <FooterLogoEmphasis
-      useInvertedBackground={false}
+            columns={[
-      title="A Menu Curated for Discerning Tastes."
+                {
-      tag="Quality First"
+                items: [
-    />
+                    { label: "24 Elm St, Westfield, MA 01085", href: "#" },
-  </div>
+                    { label: "Tue-Fri: 10 AM - 7 PM", href: "#" },
-
+                    { label: "Sat: 9 AM - 6 PM", href: "#" },
-  <div id="product" data-section="product">
+                    { label: "Sun-Mon: Closed", href: "#" },
-      <ProductCardOne
+                ],
-      animationType="slide-up"
+                },
-      textboxLayout="default"
+                {
-      gridVariant="uniform-all-items-equal"
+                items: [
-      useInvertedBackground={false}
+                    { label: "Instagram", href: "https://instagram.com" },
-      title="Specialty Beverages"
+                    { label: "Facebook", href: "https://facebook.com" },
-      description="Handcrafted coffee blends."
+                ],
-      products={[
+                },
-        {
+            ]}
-          id: "b1",          name: "Signature Latte",          price: "$5.50",          imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg?_wi=2"},
+            logoText="CRAVE CAFÉ"
-        {
+            />
-          id: "b2",          name: "Gold Drip Coffee",          price: "$4.00",          imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg?_wi=3"},
+        </div>
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "24 Elm St, Westfield, MA 01085"},
-            {
-              label: "Open Daily | 7:00 AM - 4:00 PM"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",              href: "https://instagram.com"},
-            {
-              label: "Facebook",              href: "https://facebook.com"},
-          ],
-        },
-      ]}
-      logoText="CRAVE CAFÉ"
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -2,11 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import { Coffee, Palette, Utensils } from "lucide-react";
 
@@ -47,7 +46,7 @@ export default function LandingPage() {
       ]}
       enableKpiAnimation={true}
       buttons={[{ text: "Explore The Menu", href: "/menu" }]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775595049237-65qvkfe6.png"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775595049237-65qvkfe6.png?_wi=1"
       imageAlt="Luxurious Cafe Interior"
       mediaAnimation="slide-up"
       avatars={[
@@ -68,18 +67,18 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureHoverPattern
+      <FeatureCardNine
-      animationType="slide-up"
+        title="Signature Experiences"
-      textboxLayout="default"
+        description="Discover the art of the perfect break with our curated offerings."
-      useInvertedBackground={false}
+        showStepNumbers={true}
-      features={[
+        animationType="slide-up"
-        { title: "Craft Beverages ", description: "From Classic favorites to unique blends, find your perfect sip.", icon: Coffee },
+        textboxLayout="default"
-        { title: "Curated Bites", description: "From fresh morning pastries to elegant afternoon lunches.", icon: Utensils },
+        useInvertedBackground={false}
-        { title: "The Aesthetic", description: "Matte black finishes, striking gold accents, and a European-style patio.", icon: Palette }
+        features={[
-      ]}
+            { title: "Craft Beverages", description: "From Classic favorites to unique blends, find your perfect sip.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775501251342-0zntpynz.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775445253627-8k9zsc19.jpg" } },
-      title="Signature Experiences"
+            { title: "Curated Bites", description: "From fresh morning pastries to elegant afternoon lunches.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775669412046-4kmmj6cs.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775446159736-6ddgpu4s.png" } }
-      description="Discover the art of the perfect break."
+        ]}
-    />
+      />
   </div>
 
   <div id="vibe" data-section="vibe">
@@ -92,38 +91,23 @@ export default function LandingPage() {
         { value: "tue-sat ", title: "Service" },
         { value: "100%", title: "Elegance" }
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775580200773-jiod0rla.png"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775580200773-jiod0rla.png?_wi=3"
       imageAlt="Cafe interior aesthetics"
       mediaAnimation="slide-up"
     />
   </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Gift Cards & Memberships"
-      description="Give the gift of luxury at Crave Café."
-      plans={[
-        {
-          id: "p1",          title: "Coffee Club",          price: "$30",          period: "/mo",          features: ["1 Free Drink Daily", "Priority Seating", "Member Events"],
-          button: { text: "Join Club", href: "#" },
-          imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg"
-        },
-        {
-          id: "p2",          title: "Gift Card",          price: "$50",          period: "",          features: ["Usable In-Store", "Elegant Packaging", "No Expiry"],
-          button: { text: "Buy Now", href: "#" },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-cake-with-berries-chocolate-waffles-bowls-colorful-sweets_140725-71279.jpg"
-        }
-      ]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "24 Elm St, Westfield, MA 01085" }, { label: "Open Daily | 7:00 AM - 4:00 PM" }] },
+        {
+          items: [
+            { label: "24 Elm St, Westfield, MA 01085" },
+            { label: "Tue-Fri: 10 AM - 7 PM" },
+            { label: "Sat: 9 AM - 6 PM" },
+            { label: "Sun-Mon: Closed" },
+          ],
+        },
         { items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Facebook", href: "https://facebook.com" }] }
       ]}
       logoText="CRAVE CAFÉ"
@@ -132,4 +116,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}