Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,14 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { CheckCircle } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import SplitAbout from '@/components/sections/about/SplitAbout';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
 
 export default function LandingPage() {
   return (
@@ -27,151 +26,94 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Menu", id: "menu" },
-          name: "Menu",          id: "menu"},
+        { name: "About", id: "about" },
-        {
+        { name: "Location", id: "location" },
-          name: "About",          id: "about"},
-        {
-          name: "Location",          id: "location"},
       ]}
       brandName="Dara’s Ice Cream"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
+      <HeroSplitTestimonial
       title="Dangerously Good Ice Cream."
-      description="Creamy. Rich. Impossible to stop at one scoop."
+      description="Creamy, rich, and impossible to stop at one scoop. Experience the best artisan gelato in Riyadh."
       testimonials={[
-        {
+        { name: "Sarah Ahmed", handle: "@sarah", testimonial: "Best ice cream in Riyadh, no questions asked!", rating: 5 },
-          name: "Sarah Ahmed",          handle: "@sarah",          testimonial: "Best ice cream in Riyadh, no questions asked!",          rating: 5,
+        { name: "Khalid M.", handle: "@khalid", testimonial: "Creamy, rich, and impossible to stop!", rating: 5 }
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-outdoors-with-ice-cream-cone_23-2149431399.jpg?_wi=1",          imageAlt: "gourmet ice cream scoop close up"},
-        {
-          name: "Khalid M.",          handle: "@khalid",          testimonial: "Creamy, rich, and impossible to stop!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-cheerful-relaxed-black-girl-with-curly-hair-holds-mug-coffee-enjoys-pastime-visits-exotic-cafeteria-has-summer-holidays-abroad-looks-aside_273609-29077.jpg",          imageAlt: "happy customer eating ice cream"},
-        {
-          name: "Lina Z.",          handle: "@lina",          testimonial: "Feels like authentic Italian gelato!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lunch-cafe-olive-women-eating_1303-2349.jpg",          imageAlt: "satisfied customer ice cream shop"},
-        {
-          name: "Omar F.",          handle: "@omar",          testimonial: "The honey flavor is life changing.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-butcher-giving-sausages-from-counter_7502-4787.jpg",          imageAlt: "joyful woman dessert shop"},
-        {
-          name: "Noora K.",          handle: "@noora",          testimonial: "Absolutely divine quality.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3336.jpg",          imageAlt: "happy man eating gelato"},
-      ]}
-      buttons={[
-        {
-          text: "View Menu",          href: "#menu"},
-        {
-          text: "Order Now",          href: "#"},
       ]}
+      buttons={[{ text: "View Menu", href: "#menu" }, { text: "Order Now", href: "#" }]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-outdoors-with-ice-cream-cone_23-2149431399.jpg?_wi=2"
-      avatars={[
+      background={{ variant: "sparkles-gradient" }}
-        {
-          src: "http://img.b2bpic.net/free-photo/photo-cheerful-relaxed-black-girl-with-curly-hair-holds-mug-coffee-enjoys-pastime-visits-exotic-cafeteria-has-summer-holidays-abroad-looks-aside_273609-29077.jpg",          alt: "Sarah"},
-        {
-          src: "http://img.b2bpic.net/free-photo/lunch-cafe-olive-women-eating_1303-2349.jpg",          alt: "Khalid"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-butcher-giving-sausages-from-counter_7502-4787.jpg",          alt: "Lina"},
-        {
-          src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3336.jpg",          alt: "Omar"},
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-women-with-coffee-cups_23-2149966947.jpg",          alt: "Noora"},
-      ]}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentySix
+      <FeatureCardTwentyOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Premium Ingredients",          description: "Sourced from the finest global suppliers.",          buttonIcon: CheckCircle,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-with-coffee-cups_23-2149966947.jpg",          imageAlt: "young woman smiling with dessert"},
-        {
-          title: "Rich Texture",          description: "Small-batch crafted for maximum creaminess.",          buttonIcon: CheckCircle,
-          imageSrc: "http://img.b2bpic.net/free-photo/honey-toast-with-whipped-cream-vanilla-ice-cream_1150-18536.jpg?_wi=1",          imageAlt: "honey swirl ice cream scoop"},
-        {
-          title: "Unique Flavors",          description: "Recipes you won't find anywhere else.",          buttonIcon: CheckCircle,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-healthy-oats-with-waffle-honey_23-2148188969.jpg?_wi=1",          imageAlt: "honeycomb crunchy ice cream bowl"},
-        {
-          title: "Friendly Service",          description: "We treat every customer like family.",          buttonIcon: CheckCircle,
-          imageSrc: "http://img.b2bpic.net/free-photo/set-verdant-easter-eggs-blots-spoon-dye-liquid_23-2148070654.jpg?_wi=1",          imageAlt: "pistachio gelato scoop vibrant"},
-      ]}
       title="Why People Love Us"
-      description="Rated 4.0 from 1,000+ happy customers in Riyadh."
+      description="Crafted with passion, served with love."
+      accordionItems={[
+        { id: "1", title: "Premium Ingredients", content: "Sourced from the finest global suppliers." },
+        { id: "2", title: "Small-Batch Quality", content: "Every batch is churned for maximum creaminess." },
+        { id: "3", title: "Unique Flavors", content: "Innovative recipes you won't find anywhere else." }
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/honey-toast-with-whipped-cream-vanilla-ice-cream_1150-18536.jpg?_wi=1"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardThree
+      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",          name: "Honey Ice Cream",          price: "SAR 25",          imageSrc: "http://img.b2bpic.net/free-photo/honey-toast-with-whipped-cream-vanilla-ice-cream_1150-18536.jpg?_wi=2"},
-        {
-          id: "2",          name: "Honeycomb Perfection",          price: "SAR 28",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-healthy-oats-with-waffle-honey_23-2148188969.jpg?_wi=2"},
-        {
-          id: "3",          name: "Pistachio Rich",          price: "SAR 30",          imageSrc: "http://img.b2bpic.net/free-photo/set-verdant-easter-eggs-blots-spoon-dye-liquid_23-2148070654.jpg?_wi=2"},
-        {
-          id: "4",          name: "Salted Caramel",          price: "SAR 25",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-vanilla-ice-cream-with-caramel-nuts_23-2151988809.jpg"},
-        {
-          id: "5",          name: "Classic Cone",          price: "SAR 15",          imageSrc: "http://img.b2bpic.net/free-photo/mint-ice-cream-spoon_23-2149450716.jpg?_wi=1"},
-        {
-          id: "6",          name: "Heart Cookie",          price: "SAR 18",          imageSrc: "http://img.b2bpic.net/free-photo/heart-cookies-with-flowers-table_23-2148017892.jpg"},
-      ]}
       title="Menu Highlights"
       description="Our most loved flavors, crafted to perfection."
+      gridVariant="three-columns-all-equal-width"
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      products={[
+        { id: "1", brand: "Dara's", name: "Honey Ice Cream", price: "SAR 25", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/honey-toast-with-whipped-cream-vanilla-ice-cream_1150-18536.jpg?_wi=2" },
+        { id: "2", brand: "Dara's", name: "Pistachio Rich", price: "SAR 30", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/set-verdant-easter-eggs-blots-spoon-dye-liquid_23-2148070654.jpg?_wi=2" }
+      ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <MetricSplitMediaAbout
+      <SplitAbout
-      useInvertedBackground={true}
       title="About Dara’s"
-      description="Dara’s Ice Cream is one of Riyadh’s most loved dessert spots. We specialize in premium, small-batch ice cream made with high-quality ingredients to deliver a rich and unforgettable taste."
+      description="Dara’s Ice Cream is Riyadh’s most loved dessert spot, focusing on premium quality and artisan techniques."
-      metrics={[
+      bulletPoints={[
-        {
+        { title: "100% Artisan", description: "Hand-crafted daily." },
-          value: "100%",          title: "Artisan Crafted"},
+        { title: "Locally Sourced", description: "Supporting local farms." }
-        {
-          value: "1K+",          title: "Happy Customers"},
       ]}
-      mediaAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/mint-ice-cream-spoon_23-2149450716.jpg?_wi=2"
-      metricsAnimation="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="location" data-section="location">
-      <ContactCTA
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="Visit Us"
-      background={{
+      description="Located in Al Olaya, Riyadh. Reach out with any questions!"
-        variant: "plain"}}
+      inputs={[
-      tag="Visit Us"
+        { name: "name", type: "text", placeholder: "Your Name" },
-      title="Find Us at Century Corner"
+        { name: "email", type: "email", placeholder: "Your Email" }
-      description="King Fahd Branch Rd, Al Olaya, Riyadh. Open daily until 12 AM. Call us at 054 265 8929."
-      buttons={[
-        {
-          text: "Get Directions",          href: "#"},
-        {
-          text: "Call Now",          href: "tel:0542658929"},
       ]}
+      textarea={{ name: "message", placeholder: "How can we help?" }}
+      imageSrc="http://img.b2bpic.net/free-photo/lunch-cafe-olive-women-eating_1303-2349.jpg"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseCard
       logoText="Dara's Ice Cream"
-      leftLink={{
+      columns={[
-        text: "Terms of Service",        href: "#"}}
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Privacy", href: "#" }] },
-      rightLink={{
+        { title: "Support", items: [{ label: "Contact", href: "#location" }, { label: "FAQ", href: "#" }] }
-        text: "Privacy Policy",        href: "#"}}
+      ]}
     />
   </div>
       </ReactLenis>