Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,15 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import SplitAbout from '@/components/sections/about/SplitAbout';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { BarChart3, Package, Users, Info } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -20,282 +21,133 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="mediumSmall"
         sizing="medium"
-        background="circleGradient"
+        background="none"
-        cardStyle="gradient-mesh"
+        cardStyle="solid"
-        primaryButtonStyle="diagonal-gradient"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="solid"
-        headingFontWeight="extrabold"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Αρχική", id: "hero" },
-          name: "Αρχική",
+        { name: "Σχετικά", id: "about" },
-          id: "hero",
+        { name: "Προϊόντα", id: "products" },
-        },
+        { name: "Επικοινωνία", id: "contact" },
-        {
-          name: "Σχετικά",
-          id: "about",
-        },
-        {
-          name: "Προϊόντα",
-          id: "products",
-        },
-        {
-          name: "Επικοινωνία",
-          id: "contact",
-        },
       ]}
       brandName="Mr. Ice"
+      button={{ text: "Παραγγελία" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
+      <HeroBillboardDashboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
       title="Mr. Ice: Η Ποιότητα στον Πάγο"
-      description="20+ χρόνια εμπειρίας στην παραγωγή και διανομή πάγου υψηλής ποιότητας για επαγγελματίες και ιδιώτες στη Θεσσαλονίκη."
+      description="20+ χρόνια εμπειρίας στην παραγωγή και διανομή πάγου για επαγγελματίες και ιδιώτες στη Θεσσαλονίκη."
-      mediaItems={[
+      background={{ variant: "plain" }}
-        {
+      dashboard={{
-          imageSrc: "http://img.b2bpic.net/free-photo/view-crystal-clear-ice-cubes_23-2150701857.jpg?_wi=1",
+        title: "Mr. Ice Operations",        stats: [
-          imageAlt: "Crystal clear ice cubes",
+          { title: "Εμπειρία", values: [20, 0, 0], description: "Χρόνια στην αγορά" },
-        },
+          { title: "Πελάτες", values: [500, 0, 0], description: "Ενεργοί συνεργάτες" },
-        {
+          { title: "Διανομή", values: [24, 7, 0], description: "Εξυπηρέτηση ανά εβδομάδα" }
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-concept-with-copy-space_23-2148684786.jpg?_wi=1",
+        ],
-          imageAlt: "Professional delivery service",
+        logoIcon: BarChart3,
-        },
+        sidebarItems: [{ icon: Package, active: true }, { icon: Users }],
-        {
+        imageSrc: "http://img.b2bpic.net/free-photo/view-crystal-clear-ice-cubes_23-2150701857.jpg?_wi=1",        buttons: [{ text: "Παραγγελία" }],
-          imageSrc: "http://img.b2bpic.net/free-photo/view-ice-cubes_23-2150718374.jpg",
+        listItems: [{ icon: Info, title: "Πιστοποίηση", status: "Ενεργό" }]
-          imageAlt: "Premium ice quality",
+      }}
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-takeout-employee-delivering-boxes-pizza-building-driving-delivery-car_482257-134975.jpg",
-          imageAlt: "Fast local distribution",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-ice-cube_52683-111489.jpg",
-          imageAlt: "Clean manufacturing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16632.jpg",
-          imageAlt: "Reliable service",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
+      <SplitAbout
-      useInvertedBackground={false}
       title="20 Χρόνια Αξιοπιστίας"
-      description="Στον Mr. Ice, η ποιότητα είναι η προτεραιότητά μας. Παράγουμε και διανέμουμε πάγο σε συσκευασίες 5 κιλών και 1,5 κιλού, προσφέροντας άριστη εξυπηρέτηση και σταθερή ποιότητα για κάθε ανάγκη εστίασης ή ιδιωτικής χρήσης."
+      description="Η ποιότητα είναι η προτεραιότητά μας. Παράγουμε και διανέμουμε πάγο με σταθερή συνέπεια για κάθε επαγγελματική ή ιδιωτική χρήση."
       imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking-dish-frying-pan_23-2149646198.jpg?_wi=1"
-      imageAlt="Mr. Ice facilities"
+      mediaAnimation="none"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      bulletPoints={[
+        { title: "Αρίστη Ποιότητα", description: "Καθαρός κρυστάλλινος πάγος" },
+        { title: "Άμεση Διανομή", description: "Ταχεία εξυπηρέτηση στη Θεσσαλονίκη" }
+      ]}
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardTwo
+      <ProductCardFour
-      animationType="slide-up"
+      title="Τα Προϊόντα μας"
-      textboxLayout="split"
+      description="Υψηλής ποιότητας πάγος για άμεση κάλυψη αναγκών."
+      textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
+      animationType="none"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Πάγος 5kg", price: "Κατόπιν Συνεννόησης", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-arrangement-still-life_23-2150312394.jpg?_wi=1" },
-          id: "p1",
+        { id: "p2", name: "Πάγος 1.5kg", price: "Κατόπιν Συνεννόησης", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/ice-cube-background-still-life_23-2150408431.jpg?_wi=1" },
-          brand: "Mr. Ice",
+        { id: "p3", name: "Πάγος 10kg", price: "Κατόπιν Συνεννόησης", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-arrangement-still-life_23-2150312394.jpg?_wi=1" }
-          name: "Πάγος 5kg",
-          price: "Επικοινωνήστε μαζί μας",
-          rating: 5,
-          reviewCount: "120+",
-          imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-arrangement-still-life_23-2150312394.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          brand: "Mr. Ice",
-          name: "Πάγος 1.5kg",
-          price: "Επικοινωνήστε μαζί μας",
-          rating: 5,
-          reviewCount: "85+",
-          imageSrc: "http://img.b2bpic.net/free-photo/ice-cube-background-still-life_23-2150408431.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          brand: "ΒΙΚΟΣ",
-          name: "Εμφιαλωμένο Νερό",
-          price: "Επικοινωνήστε μαζί μας",
-          rating: 5,
-          reviewCount: "200+",
-          imageSrc: "http://img.b2bpic.net/free-photo/worried-businesswoman-working-computer-while-drinking-water-from-glass-office_637285-323.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Mr. Ice",
-          name: "Πάγος για Εκδηλώσεις",
-          price: "Επικοινωνήστε μαζί μας",
-          rating: 5,
-          reviewCount: "50+",
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-with-ice-macro-shot_53876-18226.jpg",
-        },
       ]}
-      title="Τα Προϊόντα μας"
-      description="Υψηλής ποιότητας πάγος και εμφιαλωμένα νερά ΒΙΚΟΣ για άμεση κάλυψη των αναγκών σας."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardTwo
+      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "20+",
-          description: "Χρόνια εμπειρίας στην αγορά",
-        },
-        {
-          id: "m2",
-          value: "4.5/5",
-          description: "Μέση βαθμολογία αξιολογήσεων",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Ικανοποίηση πελατών",
-        },
-      ]}
       title="Στατιστικά Επιτυχίας"
-      description="Γιατί μας εμπιστεύεστε τόσα χρόνια."
+      description="Δείκτες ποιότητας και εξυπηρέτησης."
+      textboxLayout="default"
+      animationType="none"
+      useInvertedBackground={false}
+      metrics={[
+        { id: "m1", value: "20+", title: "Εμπειρία", description: "Χρόνια στον κλάδο", imageSrc: "http://img.b2bpic.net/free-photo/view-ice-cubes_23-2150718374.jpg?_wi=1" },
+        { id: "m2", value: "100%", title: "Καθαρότητα", description: "Προδιαγραφές τροφίμων", imageSrc: "http://img.b2bpic.net/free-photo/view-ice-cubes_23-2150718374.jpg?_wi=2" }
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardSix
-      textboxLayout="split"
+      title="Τι λένε για εμάς"
+      description="Εμπιστοσύνη των πελατών μας."
+      textboxLayout="default"
+      animationType="none"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Vasilis Μ.", handle: "Ιδιοκτήτης επιχείρησης", testimonial: "20+ χρόνια άψογη εξυπηρέτηση!" }
-          id: "1",
-          name: "Vasilis Μ.",
-          date: "πριν από 2 χρόνια",
-          title: "Ιδιοκτήτης επιχείρησης",
-          quote: "Χρόνια επιλογή, 20+ χρόνια στο χώρο η ίδια εξυπηρέτηση!",
-          tag: "Άριστη ποιότητα",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-crystal-clear-ice-cubes_23-2150701857.jpg?_wi=2",
-          imageAlt: "professional restaurant manager portrait",
-        },
-        {
-          id: "2",
-          name: "Μαρία Κ.",
-          date: "πριν από 1 χρόνο",
-          title: "Catering Manager",
-          quote: "Άμεση και γρήγορη εξυπηρέτηση, εξαιρετική ποιότητα πάγου.",
-          tag: "Επαγγελματική εξυπηρέτηση",
-          avatarSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286011.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-concept-with-copy-space_23-2148684786.jpg?_wi=2",
-          imageAlt: "professional restaurant manager portrait",
-        },
-        {
-          id: "3",
-          name: "Γιάννης Π.",
-          date: "πριν από 6 μήνες",
-          title: "Cafe Owner",
-          quote: "Σταθερή επικοινωνία, ευγενικοί και πάντα στην ώρα τους.",
-          tag: "Αξιοπιστία",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order_1258-199284.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking-dish-frying-pan_23-2149646198.jpg?_wi=2",
-          imageAlt: "professional restaurant manager portrait",
-        },
-        {
-          id: "4",
-          name: "Ελένη Α.",
-          date: "πριν από 1 χρόνο",
-          title: "Event Planner",
-          quote: "Ο πάγος είναι πάντα τέλειος, καμία αμφιβολία για την ποιότητα.",
-          tag: "Κορυφαία ποιότητα",
-          avatarSrc: "http://img.b2bpic.net/free-photo/bartender-working-club_23-2150497624.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-arrangement-still-life_23-2150312394.jpg?_wi=2",
-          imageAlt: "professional restaurant manager portrait",
-        },
-        {
-          id: "5",
-          name: "Κώστας Σ.",
-          date: "πριν από 8 μήνες",
-          title: "Bar Manager",
-          quote: "Εξαιρετική συνεργασία, ο καλύτερος πάγος στη Θεσσαλονίκη.",
-          tag: "Συνιστώμενο",
-          avatarSrc: "http://img.b2bpic.net/free-photo/caucasian-receptionist-helps-retired-old-man-with-hotel-checkin-verifying-identity-retrieving-reservation-details-female-concierge-holds-checks-passport-male-tourist-focus-background_482257-75152.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/ice-cube-background-still-life_23-2150408431.jpg?_wi=2",
-          imageAlt: "professional restaurant manager portrait",
-        },
       ]}
-      title="Τι λένε οι πελάτες μας"
-      description="Αληθινές μαρτυρίες από τους επαγγελματίες και ιδιώτες που εξυπηρετούμε καθημερινά."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Ποιες περιοχές εξυπηρετείτε;",
-          content: "Εξυπηρετούμε όλη τη Θεσσαλονίκη, επαγγελματίες και ιδιώτες.",
-        },
-        {
-          id: "f2",
-          title: "Ποιοι είναι οι χρόνοι διανομής;",
-          content: "Παραδίδουμε άμεσα και γρήγορα για να καλύψουμε κάθε επείγουσα ανάγκη σας.",
-        },
-        {
-          id: "f3",
-          title: "Πώς μπορώ να παραγγείλω;",
-          content: "Μπορείτε να μας καλέσετε στο 231 086 2002 για την παραγγελία σας.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/working-table-with-computer_93675-133813.jpg"
-      mediaAnimation="slide-up"
       title="Συχνές Ερωτήσεις"
-      description="Μάθετε περισσότερα για τις υπηρεσίες μας."
+      description="Ερωτήσεις που λαμβάνουμε συχνά."
-      faqsAnimation="slide-up"
+      textboxLayout="default"
+      faqsAnimation="none"
+      useInvertedBackground={false}
+      faqs={[
+        { id: "f1", title: "Πού εξυπηρετείτε;", content: "Σε όλη τη Θεσσαλονίκη." }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
+      title="Επικοινωνία"
+      description="Χρειάζεστε πάγο άμεσα; Καλέστε μας."
+      tag="Υποστήριξη"
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      background={{
+      onSubmit={(email) => console.log(email)}
-        variant: "rotated-rays-animated-grid",
-      }}
-      text="Χρειάζεστε πάγο άμεσα; Καλέστε μας στο 231 086 2002 ή επισκεφθείτε μας στη διεύθυνση Κρίτωνος 13, Θεσσαλονίκη."
-      buttons={[
-        {
-          text: "Καλέστε μας Τώρα",
-          href: "tel:+302310862002",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBase
       logoText="Mr. Ice"
-      leftLink={{
+      columns={[
-        text: "Κρίτωνος 13, Θεσσαλονίκη",
+        { title: "Mr. Ice", items: [{ label: "Κρίτωνος 13", href: "#" }] }
-        href: "#",
+      ]}
-      }}
-      rightLink={{
-        text: "231 086 2002",
-        href: "tel:+302310862002",
-      }}
     />
   </div>
       </ReactLenis>