"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Building, Cog, Droplet, Feather, Leaf, Sparkles, Star, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Αρχική",
          id: "#hero",
        },
        {
          name: "Υπηρεσίες",
          id: "#features",
        },
        {
          name: "Έργα",
          id: "#products",
        },
        {
          name: "Σχετικά",
          id: "#about",
        },
        {
          name: "Επικοινωνία",
          id: "#contact",
        },
      ]}
      button={{
        text: "Ζητήστε Προσφορά",
        href: "#contact",
      }}
      brandName="Greenitects Κηπουροί"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={true}
      background={{
        variant: "glowing-orb",
      }}
      title="Δημιουργούμε τους Κήπους των Ονείρων Σας"
      description="Οι Greenitects κηπουροί διαμορφώνουν, κατασκευάζουν και συντηρούν κήπους σε Θεσσαλονίκη και Χαλκιδική. Εμπειρία ετών, προσαρμοσμένες λύσεις."
      testimonials={[
        {
          name: "Αννα Παπαδοπούλου",
          handle: "@AnnaP",
          testimonial: "Οι Greenitects μεταμόρφωσαν την αυλή μου σε έναν παράδεισο! Επαγγελματίες και με άριστο αποτέλεσμα.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-joyful-bearded-guy-posing-indoors_74855-2696.jpg",
          imageAlt: "Anna Papadopoulou",
        },
        {
          name: "Γιώργος Καραλής",
          handle: "@GiorgosK",
          testimonial: "Είμαι εντυπωσιασμένος με την ποιότητα της εργασίας και την προσοχή στη λεπτομέρεια. Ο κήπος μου είναι πλέον έργο τέχνης.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
          imageAlt: "Giorgos Karalis",
        },
        {
          name: "Ελένη Βλάχου",
          handle: "@EleniV",
          testimonial: "Η συντήρηση του κήπου είναι πλέον εύκολη υπόθεση. Οι Greenitects αναλαμβάνουν τα πάντα, με συνέπεια και αποτελεσματικότητα.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-with-reviews_23-2149394417.jpg",
          imageAlt: "Eleni Vlachou",
        },
        {
          name: "Δημήτρης Πέτρος",
          handle: "@DimitrisP",
          testimonial: "Άκουσαν τις ανάγκες μου και δημιούργησαν έναν κήπο που ξεπέρασε κάθε προσδοκία. Τους συνιστώ ανεπιφύλακτα.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-mixed-race-black-women-talking-park-surrounded-by-flowers-morning-sunlight-film-colors-soft-focus_633478-436.jpg",
          imageAlt: "Dimitris Petros",
        },
        {
          name: "Κώστας & Μαρία",
          handle: "@KostasMaria",
          testimonial: "Το ζευγάρι Greenitects μας βοήθησε να δημιουργήσουμε τον ιδανικό χώρο χαλάρωσης για την οικογένειά μας. Ευχαριστούμε!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-confident-middleaged-man-gray-sweater-showing-thumbsup-approval-recommendi_1258-129203.jpg",
          imageAlt: "Kostas and Maria",
        },
      ]}
      tag="Κήποι που Εμπνέουν"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Μάθετε Περισσότερα",
          href: "#features",
        },
        {
          text: "Επικοινωνία",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666467.jpg"
      videoSrc="https://framerusercontent.com/assets/P3uM8H25L07q2W0sTjKjQjTq0M.mp4"
      imageAlt="Panoramic view of a modern luxury garden with lush greenery and elegant design elements"
      videoAriaLabel="Video of a beautiful, vibrant garden with modern landscaping, showing different plants and water features."
      mediaAnimation="opacity"
      avatars={[
        {
          src: "asset://hero-avatar-1",
          alt: "Ικανοποιημένος πελάτης",
        },
        {
          src: "asset://hero-avatar-2",
          alt: "Ευχαριστημένη πελάτισσα",
        },
        {
          src: "asset://hero-avatar-3",
          alt: "Επαγγελματίας συνεργάτης",
        },
        {
          src: "asset://hero-avatar-4",
          alt: "Πελάτης χαμογελαστός",
        },
        {
          src: "asset://hero-avatar-5",
          alt: "Πελάτισσα με πράσινο φόντο",
        },
      ]}
      avatarText="Πάνω από 250 Ευτυχισμένοι Πελάτες"
      marqueeItems={[
        {
          type: "image",
          src: "asset://hero-marquee-1",
          alt: "Σχεδιασμός κήπου",
        },
        {
          type: "text-icon",
          text: "Βιώσιμες Λύσεις",
          icon: Leaf,
        },
        {
          type: "image",
          src: "asset://hero-marquee-2",
          alt: "Κατασκευή έργων",
        },
        {
          type: "text-icon",
          text: "Ποιοτική Κατασκευή",
          icon: Wrench,
        },
        {
          type: "image",
          src: "asset://hero-marquee-3",
          alt: "Συντήρηση και φροντίδα",
        },
        {
          type: "text-icon",
          text: "Πράσινες Οάσεις",
          icon: Droplet,
        },
        {
          type: "image",
          src: "asset://hero-marquee-4",
          alt: "Αναμόρφωση παλιών κήπων",
        },
        {
          type: "text-icon",
          text: "Εμπειρία Ετών",
          icon: Award,
        },
        {
          type: "image",
          src: "asset://hero-marquee-5",
          alt: "Ολοκληρωμένα έργα",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Γιατί να μας Επιλέξετε"
      tagAnimation="blur-reveal"
      title="Η Φιλοσοφία των Greenitects"
      buttons={[
        {
          text: "Δείτε τα Έργα μας",
          href: "#products",
        },
      ]}
      description="Στους Greenitects, κάθε κήπος, μεγάλος ή μικρός, είναι ο δικός σας μικρός παράδεισος. Με έμπειρους επαγγελματίες και εμπειρία ετών, διαμορφώνουμε ιδέ"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Feather,
          title: "Μελέτη & Σχεδιασμός",
          description: "Δημιουργούμε μοναδικά σχέδια κήπων, προσαρμοσμένα στις ανάγκες και το στυλ σας, με 3D απεικονίσεις.",
        },
        {
          icon: Building,
          title: "Κατασκευή & Διαμόρφωση",
          description: "Από την προετοιμασία του εδάφους μέχρι την τοποθέτηση φυτών, υλοποιούμε τον κήπο των ονείρων σας.",
        },
        {
          icon: Cog,
          title: "Συντήρηση Κήπων",
          description: "Ολοκληρωμένες υπηρεσίες συντήρησης, συμπεριλαμβανομένου κλαδέματος, λιπάσματος, και φυτοπροστασίας.",
        },
        {
          icon: Sparkles,
          title: "Αναμόρφωση Παλιών Κήπων",
          description: "Αναπνέουμε νέα ζωή σε παλιούς κήπους, μετατρέποντάς τους σε σύγχρονους και λειτουργικούς χώρους.",
        },
      ]}
      title="Οι Υπηρεσίες μας για έναν Πράσινο Κόσμο"
      description="Προσφέρουμε ολοκληρωμένες λύσεις για τη δημιουργία και φροντίδα του κήπου σας, με σεβασμό στο περιβάλλον και συνεχή υποστήριξη."
      tag="Ολοκληρωμένες Λύσεις"
      tagAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "garden-1",
          name: "Μοντέρνος Κήπος Πόλης",
          price: "Από 1500€",
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5465.jpg",
          imageAlt: "Modern city garden with clean lines and geometric shapes",
        },
        {
          id: "garden-2",
          name: "Παραδοσιακός Κήπος Μεσογείου",
          price: "Από 2000€",
          imageSrc: "http://img.b2bpic.net/free-photo/natural-wall-made-stones_1127-287.jpg",
          imageAlt: "Traditional Mediterranean garden with olive trees and stone paths",
        },
        {
          id: "garden-3",
          name: "Εξωτικός Κήπος Τροπικών",
          price: "Από 2500€",
          imageSrc: "http://img.b2bpic.net/free-photo/floral-composition-with-elegant-style_23-2147897685.jpg",
          imageAlt: "Lush tropical garden with exotic plants and vibrant flowers",
        },
        {
          id: "garden-4",
          name: "Ξηροφυτικός Κήπος",
          price: "Από 1200€",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-plants-pots_23-2148269595.jpg",
          imageAlt: "Xeriscape garden with drought-tolerant plants and decorative gravel",
        },
        {
          id: "garden-5",
          name: "Κήπος Ταράτσας",
          price: "Από 1800€",
          imageSrc: "http://img.b2bpic.net/free-photo/part-building-made-white-pieces-metal-going-top-each-other_181624-19428.jpg",
          imageAlt: "Rooftop garden with seating area and city views",
        },
        {
          id: "garden-6",
          name: "Βιολογικός Κήπος Άγριας Φύσης",
          price: "Από 1700€",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-alone-sustainable-greenhouse_23-2149072116.jpg",
          imageAlt: "Naturalistic garden with wildflowers and native plants",
        },
      ]}
      title="Δείγμα Έργων & Κατασκευών"
      description="Εμπνευστείτε από την ποικιλία των έργων που έχουμε ολοκληρώσει, από μοντέρνους αστικούς κήπους έως παραδοσιακές μεσογειακές οάσεις."
      tag="Οι Δημιουργίες μας"
      tagAnimation="blur-reveal"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          icon: Leaf,
          title: "Ολοκληρωμένα Έργα",
          value: "250+",
        },
        {
          id: "m2",
          icon: Star,
          title: "Ικανοποιημένοι Πελάτες",
          value: "98%",
        },
        {
          id: "m3",
          icon: Award,
          title: "Έτη Εμπειρίας",
          value: "15+",
        },
      ]}
      title="Οι Αριθμοί που Μιλούν από Μόνοι τους"
      description="Η αφοσίωσή μας στην ποιότητα και την ικανοποίηση του πελάτη αντικατοπτρίζεται στα αποτελέσματά μας."
      tag="Η Επιτυχία μας"
      tagAnimation="opacity"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "EcoBuild",
        "GreenSpaces",
        "Urban Oasis",
        "Terra Design",
        "Halkidiki Resorts",
        "Thessaloniki City Council",
        "Gardens of Greece",
      ]}
      title="Οι Συνεργασίες που μας εμπιστεύονται"
      description="Είμαστε περήφανοι για τις μακροχρόνιες συνεργασίες μας με κορυφαίες εταιρείες και οργανισμούς στον χώρο."
      tag="Εμπιστοσύνη & Συνεργασία"
      tagAnimation="blur-reveal"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Μαρία Στεργίου",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12290.jpg",
          imageAlt: "Maria Stergiou",
        },
        {
          id: "t2",
          name: "Νίκος Βασιλείου",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg",
          imageAlt: "Nikos Vasileiou",
        },
        {
          id: "t3",
          name: "Σοφία Ιωάννου",
          imageSrc: "http://img.b2bpic.net/free-photo/excited-young-male-gardener-wearing-gardening-hat-holding-flowers-flower-pots-isolated-pink-wall_141793-82873.jpg",
          imageAlt: "Sofia Ioannou",
        },
        {
          id: "t4",
          name: "Παύλος Κωνσταντίνου",
          imageSrc: "http://img.b2bpic.net/free-photo/american-bearded-man-looks-river-bank-blue-jacket_1153-8230.jpg",
          imageAlt: "Pavlos Konstantinou",
        },
        {
          id: "t5",
          name: "Αγγελική & Γιάννης",
          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986401.jpg",
          imageAlt: "Angeliki and Giannis",
        },
      ]}
      cardTitle="Εξαιρετικές Υπηρεσίες!"
      cardTag="Πραγματικές κριτικές"
      cardTagIcon={MessageSquareText}
      buttons={[
        {
          text: "Διαβάστε Περισσότερα",
        },
      ]}
      buttonAnimation="slide-up"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Ποιες περιοχές εξυπηρετείτε;",
          content: "Εξυπηρετούμε κυρίως τη Θεσσαλονίκη και την Χαλκιδική, αλλά μπορούμε να συζητήσουμε έργα και σε άλλες περιοχές.",
        },
        {
          id: "q2",
          title: "Πόσο κοστίζει ο σχεδιασμός ενός κήπου;",
          content: "Το κόστος εξαρτάται από το μέγεθος και την πολυπλοκότητα του έργου. Επικοινωνήστε μαζί μας για μια δωρεάν εκτίμηση.",
        },
        {
          id: "q3",
          title: "Παρέχετε υπηρεσίες συντήρησης;",
          content: "Ναι, προσφέρουμε ολοκληρωμένα πακέτα συντήρησης, προσαρμοσμένα στις ανάγκες του κήπου σας.",
        },
        {
          id: "q4",
          title: "Χρησιμοποιείτε βιολογικά προϊόντα;",
          content: "Δίνουμε προτεραιότητα στη χρήση φιλικών προς το περιβάλλον και βιολογικών προϊόντων, όπου είναι εφικτό.",
        },
        {
          id: "q5",
          title: "Μπορείτε να αναμορφώσετε έναν παλιό κήπο;",
          content: "Φυσικά! Ειδικευόμαστε στην αναμόρφωση παλιών κήπων, δίνοντάς τους νέα ζωή και λειτουργικότητα.",
        },
      ]}
      title="Συχνές Ερωτήσεις"
      description="Βρείτε απαντήσεις στις πιο συχνές ερωτήσεις σχετικά με τις υπηρεσίες μας."
      tag="Απορίες;"
      tagAnimation="opacity"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Επικοινωνήστε Σήμερα"
      title="Επικοινωνήστε Μαζί μας"
      description="Ελάτε να συζητήσουμε τις ιδέες σας για τον κήπο σας. Είμαστε στη διάθεσή σας για οποιαδήποτε ερώτηση ή για να σας δώσουμε μια δωρεάν προσφορά."
      tagAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/anime-style-house-structure_23-2151064792.jpg"
      imageAlt="Architectural drawing of a garden layout with tools"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Εισάγετε το email σας"
      buttonText="Αποστολή"
      termsText="Με την αποστολή, επιβεβαιώνετε ότι συμφωνείτε με τους Όρους Χρήσης μας."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/green-plants-forming-beautiful-pattern_181624-1469.jpg"
      imageAlt="Lush green garden foliage background"
      videoSrc="https://framerusercontent.com/assets/fX3f11d1kH15aFqH79L362d0Q0.mp4"
      videoAriaLabel="Video of green foliage swaying gently in the breeze"
      logoText="Greenitects Κηπουροί"
      columns={[
        {
          title: "Υπηρεσίες",
          items: [
            {
              label: "Σχεδιασμός",
              href: "#features",
            },
            {
              label: "Κατασκευή",
              href: "#features",
            },
            {
              label: "Συντήρηση",
              href: "#features",
            },
            {
              label: "Αναμόρφωση",
              href: "#features",
            },
          ],
        },
        {
          title: "Εταιρεία",
          items: [
            {
              label: "Σχετικά με Εμάς",
              href: "#about",
            },
            {
              label: "Έργα",
              href: "#products",
            },
            {
              label: "Κριτικές",
              href: "#testimonials",
            },
            {
              label: "Συχνές Ερωτήσεις",
              href: "#faq",
            },
          ],
        },
        {
          title: "Νομικά",
          items: [
            {
              label: "Όροι Χρήσης",
              href: "#",
            },
            {
              label: "Πολιτική Απορρήτου",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Greenitects. Όλα τα δικαιώματα διατηρούνται."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
