Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -1,16 +1,21 @@
+"use client";
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import AboutMetric from '@/components/sections/about/AboutMetric';
+import TextAbout from '@/components/sections/about/TextAbout';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactText from '@/components/sections/contact/ContactText';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Coffee, Leaf, Users, Cake, Award, Smile, Heart } from 'lucide-react';
 
 export default function Page() {
-  const navItems = [{ name: 'Home', id: '/' }];
+  const navItems = [
+    { name: 'Home', id: '/' },
+    { name: 'About', id: '/about' },
+    { name: 'Contact', id: '/contact' }
+  ];
+  
   return (
     <ThemeProvider 
       defaultButtonVariant="text-stagger" 
@@ -25,102 +30,78 @@ export default function Page() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered navItems={navItems} brandName="Constantine & Helen’s" />
+        <NavbarStyleApple navItems={navItems} brandName="Constantine & Helen’s" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery 
+        <HeroCarouselLogo 
-          title="Indulge in something unforgettable."
+          logoText="Constantine & Helen’s"
           description="Handcrafted desserts, made fresh daily in Evia."
-          background={{ variant: "sparkles-gradient" }}
           buttons={[{ text: "Explore Menu", href: "#products" }, { text: "Visit Us Today", href: "#contact" }]}
-          mediaItems={[
+          slides={[
             { 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">
-        <TestimonialCardTen 
+        <TestimonialCardFifteen 
-          title="Loved by dessert lovers"
+          testimonial="The finest patisserie in Evia. Truly unforgettable flavors and warm service."
-          description="Rated 4.6/5 across 799+ reviews."
+          rating={5}
-          textboxLayout="split-description"
+          author="Helen P."
+          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">
-        <ProductCardThree 
+        <ProductCardOne 
           title="Signature Creations"
-          description="Made daily using real butter, fresh milk, and seasonal ingredients."
+          description="Handcrafted daily using traditional techniques."
-          animationType="slide-up"
+          gridVariant="asymmetric-60-wide-40-narrow"
-          textboxLayout="split-description"
+          animationType="blur-reveal"
-          gridVariant="three-columns-all-equal-width"
+          textboxLayout="split"
           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/free-photo/chocolate-balls-ai-generated-image_268835-6150.jpg" },
+            { id: "p2", name: "Profiterole", price: "€6.00", imageSrc: "http://img.b2bpic.net/chocolate-balls-ai-generated-image_268835-6150.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: "p3", name: "Baklava", price: "€4.50", imageSrc: "http://img.b2bpic.net/top-view-baklava-with-nuts-wooden-background_140725-6677.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">
-        <AboutMetric 
+        <TextAbout 
-          title="A Legacy of Sweetness"
+          title="Legacy of Tradition"
+          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">
-        <MetricCardThree 
+        <MetricCardEleven 
-          title="Beyond Dessert"
+          title="Crafted with Passion"
-          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."
+          description="Our commitment to quality."
-          animationType="slide-up"
+          animationType="blur-reveal"
-          textboxLayout="split-description"
+          textboxLayout="split"
           useInvertedBackground={false}
           metrics={[
-            { id: "m1", icon: Award, title: "Founded in", value: "2015" },
+            { 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: "m2", icon: Smile, title: "Happy Guests", value: "10k+" },
-            { id: "m3", icon: Heart, title: "Recipes", value: "100%" }
           ]}
         />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplit 
+        <ContactText 
-          tag="Visit Us"
+          text="Come visit us in Evia for a sweet escape."
-          title="Experience the Extraordinary"
+          background={{ variant: "sparkles-gradient" }}
-          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">
-        <FooterBaseCard 
+        <FooterLogoReveal 
           logoText="Constantine & Helen’s"
-          columns={[
+          leftLink={{ text: "Privacy Policy", href: "#" }}
-            { title: "Explore", items: [{ label: "Menu", href: "#products" }, { label: "About Us", href: "#about" }, { label: "Reviews", href: "#testimonials" }] },
+          rightLink={{ text: "Terms & Conditions", href: "#" }}
-            { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Contact", href: "#contact" }] }
-          ]}
         />
       </div>
     </ThemeProvider>