Switch to version 1: modified src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -1,21 +1,16 @@
-"use client";
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TextAbout from '@/components/sections/about/TextAbout';
+import AboutMetric from '@/components/sections/about/AboutMetric';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Coffee, Leaf, Users, Cake, Award, Smile, Heart } from 'lucide-react';
 
 export default function Page() {
-  const navItems = [
+  const navItems = [{ name: 'Home', id: '/' }];
-    { name: 'Home', id: '/' },
-    { name: 'About', id: '/about' },
-    { name: 'Contact', id: '/contact' }
-  ];
-  
   return (
     <ThemeProvider 
       defaultButtonVariant="text-stagger" 
@@ -30,78 +25,102 @@ export default function Page() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple navItems={navItems} brandName="Constantine & Helen’s" />
+        <NavbarStyleCentered navItems={navItems} brandName="Constantine & Helen’s" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroCarouselLogo 
+        <HeroBillboardGallery 
-          logoText="Constantine & Helen’s"
+          title="Indulge in something unforgettable."
           description="Handcrafted desserts, made fresh daily in Evia."
+          background={{ variant: "sparkles-gradient" }}
           buttons={[{ text: "Explore Menu", href: "#products" }, { text: "Visit Us Today", href: "#contact" }]}
-          slides={[
+          mediaItems={[
             { imageSrc: "http://img.b2bpic.net/free-photo/delicious-drink-with-lemon_23-2149617135.jpg", imageAlt: "luxury patisserie chocolate pouring" },
             { imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-donuts-concept_23-2148761706.jpg", imageAlt: "elegant cake display gold accents" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg", imageAlt: "fresh gelato scoop wooden counter" }
+            { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg", imageAlt: "fresh gelato scoop wooden counter" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-holding-pastry_23-2147984963.jpg", imageAlt: "chocolate glaze dripping close-up" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/collection-various-cakes-table_1262-20058.jpg", imageAlt: "elegant ice cream service luxury" }
           ]}
+          mediaAnimation="slide-up"
         />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFifteen 
+        <TestimonialCardTen 
-          testimonial="The finest patisserie in Evia. Truly unforgettable flavors and warm service."
+          title="Loved by dessert lovers"
-          rating={5}
+          description="Rated 4.6/5 across 799+ reviews."
-          author="Helen P."
+          textboxLayout="split-description"
-          avatars={[{ src: "http://img.b2bpic.net/free-photo/woman-standing-front-glass-showcase-with-pastries_171337-16936.jpg", alt: "Customer" }]}
-          ratingAnimation="blur-reveal"
-          avatarsAnimation="blur-reveal"
           useInvertedBackground={false}
+          testimonials={[
+            { id: "1", title: "Excellent", quote: "Best ice cream I ever had.", name: "Sarah J.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" },
+            { id: "2", title: "Quality", quote: "You can taste the quality ingredients.", name: "Mark L.", role: "Chef", imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-my-best-friend-tastes-doubly-well_329181-2937.jpg" },
+            { id: "3", title: "Must try", quote: "Profiterole is a must-order.", name: "Emily R.", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-caf-using-mobile-phone_23-2148027972.jpg" },
+            { id: "4", title: "Extraordinary", quote: "Small indulgences feel extraordinary here.", name: "David K.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25269.jpg" },
+            { id: "5", title: "Atmosphere", quote: "Romantic and warm, truly unique.", name: "Helen P.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-front-glass-showcase-with-pastries_171337-16936.jpg" }
+          ]}
         />
       </div>
       <div id="products" data-section="products">
-        <ProductCardOne 
+        <ProductCardThree 
           title="Signature Creations"
-          description="Handcrafted daily using traditional techniques."
+          description="Made daily using real butter, fresh milk, and seasonal ingredients."
-          gridVariant="asymmetric-60-wide-40-narrow"
+          animationType="slide-up"
-          animationType="blur-reveal"
+          textboxLayout="split-description"
-          textboxLayout="split"
+          gridVariant="three-columns-all-equal-width"
           useInvertedBackground={false}
           products={[
             { id: "p1", name: "Galaktoboureko", price: "€5.50", imageSrc: "http://img.b2bpic.net/free-photo/four-delicious-baklava-dark-plate_114579-50125.jpg" },
-            { id: "p2", name: "Profiterole", price: "€6.00", imageSrc: "http://img.b2bpic.net/chocolate-balls-ai-generated-image_268835-6150.jpg" },
+            { id: "p2", name: "Profiterole", price: "€6.00", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-balls-ai-generated-image_268835-6150.jpg" },
-            { id: "p3", name: "Baklava", price: "€4.50", imageSrc: "http://img.b2bpic.net/top-view-baklava-with-nuts-wooden-background_140725-6677.jpg" }
+            { id: "p3", name: "Artisanal Gelato", price: "€4.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cookies-ice-cream_23-2149637192.jpg" },
+            { id: "p4", name: "Celebration Cake", price: "€35.00", imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake-glass-platter_114579-16601.jpg" },
+            { id: "p5", name: "Modern Tartlet", price: "€4.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-chocolate-cakes-white-plate_114579-85484.jpg" },
+            { id: "p6", name: "Chocolate Mousse", price: "€5.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chocolate-cake-decorated-with-strawberry-plate_141793-2962.jpg" }
           ]}
         />
       </div>
       <div id="about" data-section="about">
-        <TextAbout 
+        <AboutMetric 
-          title="Legacy of Tradition"
+          title="A Legacy of Sweetness"
-          tag="Since 2015"
-          buttons={[{ text: "Our Story" }]}
           useInvertedBackground={false}
+          metrics={[
+            { icon: Coffee, label: "Fresh Daily", value: "100%" },
+            { icon: Leaf, label: "Natural Ingredients", value: "100%" },
+            { icon: Users, label: "Warm Service", value: "Daily" },
+            { icon: Cake, label: "Variety", value: "50+" }
+          ]}
+          metricsAnimation="slide-up"
         />
       </div>
       <div id="brand-story" data-section="brand-story">
-        <MetricCardEleven 
+        <MetricCardThree 
-          title="Crafted with Passion"
+          title="Beyond Dessert"
-          description="Our commitment to quality."
+          description="Constantine & Helen’s isn’t just a patisserie. It’s a place where memories are made — birthdays, late-night cravings, small celebrations that matter. Every dessert is crafted with care, using recipes inspired by Greek tradition and elevated with modern technique."
-          animationType="blur-reveal"
+          animationType="slide-up"
-          textboxLayout="split"
+          textboxLayout="split-description"
           useInvertedBackground={false}
           metrics={[
-            { id: "1", value: "10k+", title: "Happy Guests", description: "Serving the local community with pride.", imageSrc: "http://img.b2bpic.net/free-photo/asian-couple-shopping-flowers-barcelona_657883-571.jpg" }
+            { id: "m1", icon: Award, title: "Founded in", value: "2015" },
+            { id: "m2", icon: Smile, title: "Happy Guests", value: "10k+" },
+            { id: "m3", icon: Heart, title: "Recipes", value: "100%" }
           ]}
         />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText 
+        <ContactSplit 
-          text="Come visit us in Evia for a sweet escape."
+          tag="Visit Us"
-          background={{ variant: "sparkles-gradient" }}
+          title="Experience the Extraordinary"
+          description="Located in the heart of Evia. Open daily 9am–11pm. Come visit our boutique for a sensory treat."
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/asian-couple-shopping-flowers-barcelona_657883-571.jpg"
+          buttonText="Get Directions"
         />
       </div>
       <div id="footer" data-section="footer">
-        <FooterLogoReveal 
+        <FooterBaseCard 
           logoText="Constantine & Helen’s"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
+          columns={[
-          rightLink={{ text: "Terms & Conditions", href: "#" }}
+            { title: "Explore", items: [{ label: "Menu", href: "#products" }, { label: "About Us", href: "#about" }, { label: "Reviews", href: "#testimonials" }] },
+            { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Contact", href: "#contact" }] }
+          ]}
         />
       </div>
     </ThemeProvider>