Merge version_5 into main

Merge version_5 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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { BarChart3, Package, Users, Info } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -20,173 +21,133 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="mediumSmall"
         sizing="medium"
-        background="circleGradient"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="glass"
-        headingFontWeight="extrabold"
+        background="none"
+        cardStyle="solid"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Αρχική",          id: "hero"},
-        {
-          name: "Σχετικά",          id: "about"},
-        {
-          name: "Προϊόντα",          id: "products"},
-        {
-          name: "Επικοινωνία",          id: "contact"},
+        { name: "Αρχική", id: "hero" },
+        { name: "Σχετικά", id: "about" },
+        { name: "Προϊόντα", id: "products" },
+        { name: "Επικοινωνία", id: "contact" },
       ]}
       brandName="Mr. Ice"
+      button={{ text: "Παραγγελία" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "sparkles-gradient"}}
+      <HeroBillboardDashboard
       title="Mr. Ice: Η Ποιότητα στον Πάγο"
-      description="20+ χρόνια εμπειρίας στην παραγωγή και διανομή πάγου υψηλής ποιότητας για επαγγελματίες και ιδιώτες στη Θεσσαλονίκη."
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-crystal-clear-ice-cubes_23-2150701857.jpg?_wi=1",          imageAlt: "Crystal clear ice cubes"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-concept-with-copy-space_23-2148684786.jpg?_wi=1",          imageAlt: "Professional delivery service"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-ice-cubes_23-2150718374.jpg",          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"},
-      ]}
+      description="20+ χρόνια εμπειρίας στην παραγωγή και διανομή πάγου για επαγγελματίες και ιδιώτες στη Θεσσαλονίκη."
+      background={{ variant: "plain" }}
+      dashboard={{
+        title: "Mr. Ice Operations",        stats: [
+          { title: "Εμπειρία", values: [20, 0, 0], description: "Χρόνια στην αγορά" },
+          { title: "Πελάτες", values: [500, 0, 0], description: "Ενεργοί συνεργάτες" },
+          { title: "Διανομή", values: [24, 7, 0], description: "Εξυπηρέτηση ανά εβδομάδα" }
+        ],
+        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: "Παραγγελία" }],
+        listItems: [{ icon: Info, title: "Πιστοποίηση", status: "Ενεργό" }]
+      }}
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
+      <SplitAbout
       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
-      animationType="slide-up"
-      textboxLayout="split"
+      <ProductCardFour
+      title="Τα Προϊόντα μας"
+      description="Υψηλής ποιότητας πάγος για άμεση κάλυψη αναγκών."
+      textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
+      animationType="none"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          brand: "Mr. Ice",          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"},
+        { 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: "p2", name: "Πάγος 1.5kg", price: "Κατόπιν Συνεννόησης", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/ice-cube-background-still-life_23-2150408431.jpg?_wi=1" },
+        { id: "p3", name: "Πάγος 10kg", price: "Κατόπιν Συνεννόησης", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-arrangement-still-life_23-2150312394.jpg?_wi=1" }
       ]}
-      title="Τα Προϊόντα μας"
-      description="Υψηλής ποιότητας πάγος και εμφιαλωμένα νερά ΒΙΚΟΣ για άμεση κάλυψη των αναγκών σας."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      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: "Ικανοποίηση πελατών"},
-      ]}
+      <MetricCardEleven
       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
-      textboxLayout="split"
+      <TestimonialCardSix
+      title="Τι λένε για εμάς"
+      description="Εμπιστοσύνη των πελατών μας."
+      textboxLayout="default"
+      animationType="none"
       useInvertedBackground={false}
       testimonials={[
-        {
-          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"},
+        { id: "1", name: "Vasilis Μ.", handle: "Ιδιοκτήτης επιχείρησης", testimonial: "20+ χρόνια άψογη εξυπηρέτηση!" }
       ]}
-      title="Τι λένε οι πελάτες μας"
-      description="Αληθινές μαρτυρίες από τους επαγγελματίες και ιδιώτες που εξυπηρετούμε καθημερινά."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split-actions"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",          title: "Ποιες περιοχές εξυπηρετείτε;",          content: "Εξυπηρετούμε όλη τη Θεσσαλονίκη, επαγγελματίες και ιδιώτες."},
-        {
-          id: "f2",          title: "Ποιοι είναι οι χρόνοι διανομής;",          content: "Παραδίδουμε άμεσα και γρήγορα για να καλύψουμε κάθε επείγουσα ανάγκη σας."},
-        {
-          id: "f3",          title: "Πώς μπορώ να παραγγείλω;",          content: "Μπορείτε να μας καλέσετε στο 231 086 2002 για την παραγγελία σας."},
-      ]}
-      buttons={[
-        {
-          text: "Επικοινωνήστε Μαζί μας",          href: "#contact"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/working-table-with-computer_93675-133813.jpg"
-      mediaAnimation="slide-up"
+      <FaqDouble
       title="Συχνές Ερωτήσεις"
-      description="Μάθετε περισσότερα για τις υπηρεσίες μας."
-      faqsAnimation="slide-up"
+      description="Ερωτήσεις που λαμβάνουμε συχνά."
+      textboxLayout="default"
+      faqsAnimation="none"
+      useInvertedBackground={false}
+      faqs={[
+        { id: "f1", title: "Πού εξυπηρετείτε;", content: "Σε όλη τη Θεσσαλονίκη." }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
+      title="Επικοινωνία"
+      description="Χρειάζεστε πάγο άμεσα; Καλέστε μας στο 2310-000000 για άμεση παραγγελία."
+      tag="Υποστήριξη"
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-animated-grid"}}
-      text="Χρειάζεστε πάγο άμεσα; Καλέστε μας στο 231 086 2002 ή επισκεφθείτε μας στη διεύθυνση Κρίτωνος 13, Θεσσαλονίκη."
-      buttons={[
-        {
-          text: "Καλέστε μας Τώρα",          href: "tel:+302310862002"},
-      ]}
+      onSubmit={(email) => console.log(email)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBase
       logoText="Mr. Ice"
-      logoSrc="https://img.logoipsum.com/285.svg"
-      logoAlt="Mr. Ice Logo"
-      leftLink={{
-        text: "Κρίτωνος 13, Θεσσαλονίκη",        href: "#"}}
-      rightLink={{
-        text: "231 086 2002",        href: "tel:+302310862002"}}
+      columns={[
+        { title: "Mr. Ice", items: [{ label: "Κρίτωνος 13", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>