Update src/app/page.tsx

Merge version_6 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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TextAbout from '@/components/sections/about/TextAbout';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 
-export default function LandingPage() {
+export default function MenuPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -23,81 +21,59 @@ 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: "#" }}
+            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="Top Picks "
-      description="Exquisite selections prepared to satisfy your cravings."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+            <PricingCardThree
+            title="Our Menu"
+            description="Handcrafted crepes, fresh salads, and unique treats."
+            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"] }
+            ]}
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="A Menu Curated for Discerning Tastes."
-      tag="Quality First"
-    />
-  </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: "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É"
-    />
-  </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,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
-      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" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775445253627-8k9zsc19.jpg" } },
+            { 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" } }
+        ]}
+      />
   </div>
 
   <div id="vibe" data-section="vibe">
@@ -92,34 +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">
-      <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={[
@@ -139,4 +116,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}