Update src/app/page.tsx

Merge version_13 into main

src/app/menu/page.tsx

@@ -4,11 +4,10 @@ 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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TextAbout from '@/components/sections/about/TextAbout';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
-export default function LandingPage() {
+export default function MenuPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -23,101 +22,75 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Menu",          id: "/menu"},
-        {
-          name: "The Vibe",          id: "/#vibe"},
-        {
-          name: "Visit Us",          id: "/#visit"},
-      ]}
-      button={{
-        text: "Order Online",        href: "#"}}
-      brandName="CRAVE CAFÉ"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Menu", id: "/menu" },
+            ]}
+            button={{ text: "Order Online", href: "tel:+14134197863" }}
+            brandName="CRAVE CAFÉ"
+            />
+        </div>
 
-  <div id="menu-list" data-section="menu-list">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "c1",          brand: "Toast ",          name: "Bubble Tea ",          price: "$6 - $7",          rating: 5,
-          reviewCount: "120",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775501251342-0zntpynz.png"},
-        {
-          id: "c2",          brand: "Toast ",          name: "Beet and Pickled Onion Toast ",          price: "$10.95",          rating: 5,
-          reviewCount: "85",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775446159736-6ddgpu4s.png"},
-        {
-          id: "c3",          brand: "Sweets ",          name: "Dubai Cup ",          price: "$13.95",          rating: 5,
-          reviewCount: "95",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775445253627-8k9zsc19.jpg"},
-        {
-          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"},
-        {
-          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="top-picks" data-section="top-picks">
+            <ProductCardFour
+            title="This Months Top Picks"
+            description="Discover our curated selection of customer favorites and chef specialties. Elegant, fresh, and served just for you."
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+                { id: "p1", name: "Strawberry Bubble Waffle ", price: "$13.95", variant: "Breakfast", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775669412046-4kmmj6cs.png?_wi=1", imageAlt: "Strawberry Bubble Waffle " },
+                { id: "p2", name: "Bubble Tea ", price: "$6.95", variant: "Drinks ", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775501251342-0zntpynz.png?_wi=1", imageAlt: "Bubble Tea " },
+                { id: "p3", name: "Beet and Pickled Onion Toast ", price: "$10.95", variant: "Breakfast", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775446159736-6ddgpu4s.png?_wi=1", imageAlt: "Beet and Pickled Onion Toast " },
+                { id: "p4", name: "Dubai Cup ", price: "$12.95", variant: "Specialty", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775445253627-8k9zsc19.jpg?_wi=1", imageAlt: "Red Caviar Crep es" }
+            ]}
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="A Menu Curated for Discerning Tastes."
-      tag="Quality First"
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+            <PricingCardThree
+            title="Our Menu"
+            description="Sophisticated, minimalist aesthetic featuring handcrafted crepes, toasts, and seasonal specialties."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+                { id: "s1", name: "SIGNATURE SWEET CREPES", price: "", 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)"] },
+                { 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: "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)"] },
+                { 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: "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"] },
+                { 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"] }
+            ]}
+            />
+        </div>
 
-  <div id="product" data-section="product">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Specialty Beverages"
-      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"},
-        {
-          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 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>
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+            columns={[
+                {
+                items: [
+                    { label: "24 Elm St, Westfield, MA 01085", href: "#" },
+                    { label: "Tue-Fri: 10 AM - 7 PM", href: "#" },
+                    { label: "Sat: 9 AM - 6 PM", href: "#" },
+                    { label: "Sun-Mon: Closed", href: "#" },
+                ],
+                },
+                {
+                items: [
+                    { label: "Instagram", href: "https://instagram.com" },
+                    { label: "Facebook", href: "https://facebook.com" },
+                ],
+                },
+            ]}
+            logoText="CRAVE CAFÉ"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -2,13 +2,11 @@
 
 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";
 
 export default function LandingPage() {
   return (
@@ -31,6 +29,7 @@ export default function LandingPage() {
         { name: "Home", id: "/" },
         { name: "Menu", id: "/menu" }
       ]}
+      button={{ text: "Order Online", href: "tel:+14134197863" }}
       brandName="CRAVE CAFÉ"
     />
   </div>
@@ -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
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        { title: "Craft Beverages ", description: "From Classic favorites to unique blends, find your perfect sip.", icon: Coffee },
-        { title: "Curated Bites", description: "From fresh morning pastries to elegant afternoon lunches.", icon: Utensils },
-        { title: "The Aesthetic", description: "Matte black finishes, striking gold accents, and a European-style patio.", icon: Palette }
-      ]}
-      title="Signature Experiences"
-      description="Discover the art of the perfect break."
-    />
+      <FeatureCardNine
+        title="Signature Experiences"
+        description="Discover the art of the perfect break with our curated offerings."
+        showStepNumbers={true}
+        animationType="slide-up"
+        textboxLayout="default"
+        useInvertedBackground={false}
+        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?_wi=2" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775445253627-8k9zsc19.jpg?_wi=2" } },
+            { 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?_wi=2" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775446159736-6ddgpu4s.png?_wi=2" } }
+        ]}
+      />
   </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É"