Merge version_14 into main

Merge version_14 into main

src/app/menu/page.tsx

@@ -5,6 +5,7 @@ import ReactLenis from "lenis/react";
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
 export default function MenuPage() {
   return (
@@ -27,28 +28,44 @@ export default function MenuPage() {
                 { name: "Home", id: "/" },
                 { name: "Menu", id: "/menu" },
             ]}
-            button={{ text: "Order Online", href: "#" }}
+            button={{ text: "Order Online", href: "tel:+14134197863" }}
             brandName="CRAVE CAFÉ"
             />
         </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="pricing" data-section="pricing">
             <PricingCardThree
             title="Our Menu"
-            description="Handcrafted crepes, fresh salads, and unique treats."
+            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: "$6.95 - $15.95", buttons: [{text: "Order"}], features: ["Nutella, Strawberry, Banana", "Premium Whipped", "Seasonal Fruits", "Customizable toppings"] },
-                { id: "s2", name: "Hot Savory Crepes", price: "$12.95 - $16.95", buttons: [{text: "Order"}], features: ["Chicken, Spinach, Swiss", "Turkey & Avocado", "Mushroom & Truffle"] },
-                { id: "s3", name: "Toast", price: "$9.95 - $14.95", buttons: [{text: "Order"}], features: ["Beet & Pickled Onion", "Avocado Smash", "Smoked Salmon"] },
-                { id: "s4", name: "Charcuterie Boards", price: "$18.95 - $28.95", buttons: [{text: "Order"}], features: ["Artisan Cheeses", "Cured Meats", "Fresh Grapes & Honey"] },
-                { id: "s5", name: "Cold Crepe Wraps", price: "$11.95", buttons: [{text: "Order"}], features: ["Greek Salad Wrap", "Chicken Caesar", "Veggie Delight"] },
-                { id: "s6", name: "Salads & Soups", price: "$8.95 - $13.95", buttons: [{text: "Order"}], features: ["Seasonal Soup", "Strawberry Blast", "House Garden Salad"] },
-                { id: "s7", name: "Red Caviar Crepes", price: "$19.95", buttons: [{text: "Order"}], features: ["Premium Red Caviar", "Cream Cheese", "Fresh Herbs"] },
-                { id: "s8", name: "Gluten Free", price: "+ $2.50", buttons: [{text: "Order"}], features: ["Gluten Free Crepe Batter", "Allergen conscious preparation"] },
-                { id: "s9", name: "Kids Menu", price: "$6.95", buttons: [{text: "Order"}], features: ["Mini Sweet Crepe", "Fruit Cup", "Juice Box"] }
+                { 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>

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 SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 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,23 +91,12 @@ 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">
-      <SocialProofOne
-        title="Café Aesthetic"
-        description="A visual journey through our boutique space."
-        names={[]}
-        textboxLayout="default"
-        useInvertedBackground={false}
-        className="bg-background"
-      />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[