Update src/app/page.tsx

Merge version_6 into main

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,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={[