"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Home, Users, TrendingUp, Award, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Domov", id: "hero" },
            { name: "Nehnuteľnosti", id: "product" },
            { name: "Služby", id: "feature" },
            { name: "O Nás", id: "about" },
            { name: "Kontakt", id: "contact" }
          ]}
          button={{ text: "Požiadať o Ponuku", href: "contact" }}
          brandName="Premet s.r.o."
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Objavte Luxusnú Nehnuteľnosť v Bratislave"
          description="Exkluzívne nehnuteľnosti s dizajnom svetových tried v najlepších lokalitách Bratislavy. Vaš ideálny domov alebo investícia čaká."
          tag="Premet s.r.o."
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Prezrieť Nehnuteľnosti", href: "product" },
            { text: "Kontaktujte Nás", href: "contact" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg", imageAlt: "Luxusný byt Horský Park" },
            { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg", imageAlt: "Moderný dizajn interiéru" },
            { imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg", imageAlt: "Luxusná vila s bazénom" },
            { imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg", imageAlt: "Vila s vonkajším priestorom" },
            { imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg", imageAlt: "Penthouse s výhľadom" }
          ]}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardFour
          title="Vybrané Nehnuteľnosti"
          description="Prezrite si našu najlepšiu ponuku exkluzívnych nehnuteľností v Bratislave."
          tag="Premium Výber"
          tagAnimation="slide-up"
          buttons={[
            { text: "Všetky Nehnuteľnosti", href: "#" }
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          products={[
            { id: "1", name: "4-izbový Výnimočný Dizajnovo Zariadený Byt", price: "Hovorte o Cene", variant: "Horský Park - Bratislava", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497276.jpg", imageAlt: "4-izbový byt Horský Park" },
            { id: "2", name: "Zariadená 7-izbová Moderná Vila s Bazénom", price: "Hovorte o Cene", variant: "2 Výťahy - Hradný Kopec", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7875.jpg", imageAlt: "7-izbová vila s bazénom" },
            { id: "3", name: "Moderne Zariadený a Klimatizovaný 4-izbový Byt", price: "€ 699 000", variant: "Horský Park - Bratislava", imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-sitting-table-working-laptop-co-working-office_1153-4314.jpg", imageAlt: "4-izbový moderný byt" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="O Premet s.r.o."
          description="Sme vedúcou realitnou agentúrou v Bratislave so špecializáciou na luxusné nehnuteľnosti. S dlhoročnými skúsenosťami a profesionálnym tímom sme pripravení pomôcť vám nájsť vašu ideálnu nehnuteľnosť."
          tag="O Nás"
          tagAnimation="slide-up"
          buttons={[
            { text: "Dozvedieť sa Viac", href: "#" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/attractive-woman-standing-with-coffee-near-window_7502-9288.jpg"
          imageAlt="Premet s.r.o. Kancelária"
          useInvertedBackground={true}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardThree
          title="Naše Služby a Odbornosť"
          description="Komplexný rozsah realitných služieb pre všetky vaše potreby."
          tag="Služby"
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          features={[
            { id: "01", title: "Konzultácia Nehnuteľnosti", description: "Odborná konzultácia pri výbere vašej ďalšej nehnuteľnosti. Pomôžeme vám nájsť perfektnú nehnuteľnosť podľa vašich potrieb.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-couple-meeting-with-notary_74855-2978.jpg", imageAlt: "Konzultácia nehnuteľnosti" },
            { id: "02", title: "Marketing a Ponuka", description: "Komplexný marketing vašej nehnuteľnosti s profesionálnym fotografovaním a prezentáciou. Dostaneme vašu nehnuteľnosť do očí správnych ľudí.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-geometric-real-estate-landing-page_23-2149105881.jpg", imageAlt: "Marketing nehnuteľnosti" },
            { id: "03", title: "Posúdenie Hodnoty", description: "Precízne posúdenie trhovej hodnoty vašej nehnuteľnosti. Poskytneme vám detaillnú analýzu a odborné stanovisko.", imageSrc: "http://img.b2bpic.net/free-photo/house-model-compass-plan-background-real-estate-concept_1423-179.jpg", imageAlt: "Posúdenie hodnoty" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Bude Spolupracovať s"
          description="Náš odborný tím je tu pre vás."
          tag="Tím"
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          gridVariant="four-items-2x2-equal-grid"
          members={[
            { id: "1", name: "Ing. Michaela Polačková", role: "Maklérka", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg", imageAlt: "Ing. Michaela Polačková" },
            { id: "2", name: "Ján Kováč", role: "Realitný Agent", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", imageAlt: "Ján Kováč" }
          ]}
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardThree
          title="Naše Úspechy"
          description="Ukazovateľ nášho dedikácie a výsledkov."
          tag="Štatistika"
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          metrics={[
            { id: "1", icon: Home, title: "Nehnuteľnosti", value: "150+" },
            { id: "2", icon: Users, title: "Spokojní Klienti", value: "500+" },
            { id: "3", icon: TrendingUp, title: "Transakcie", value: "200+" },
            { id: "4", icon: Award, title: "Rokov Skúsenosti", value: "15+" }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="Čo Hovoria Naši Klienti"
          description="Pozitívne skúsenosti od spokojných klientov."
          tag="Recenzie"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            { id: "1", name: "Marián Oravec, Podnikateľ", date: "Dátum: 15. november 2024", title: "Profesionálny a rýchly proces", quote: "Premet s.r.o. mi pomohli nájsť a predať svoju nehnuteľnosť bez zbytočných ťažkostí. Ich tím bol veľmi profesionálny a rýchly.", tag: "Predaj bytu", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", avatarAlt: "Marián Oravec" },
            { id: "2", name: "Lucia Nováková, Projektový Manažér", date: "Dátum: 12. november 2024", title: "Nádherné nehnuteľnosti a skvelá služba", quote: "Presne taký tím, akého ste hľadali. Ich odbornosť a prístup k jednotlivým klientom je naozaj výnimočný.", tag: "Pronájem apartmánu", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-businesswoman-balcony_1262-1758.jpg", avatarAlt: "Lucia Nováková" },
            { id: "3", name: "Peter Horváth, Generálny Riaditeľ", date: "Dátum: 8. november 2024", title: "Výnimočné výsledky a dedikácia", quote: "S Premet s.r.o. sa nám podarilo nájsť ideálnu nehnuteľnosť pre našu firmu. Ich vnímavý prístup bol naozaj obdivuhodný.", tag: "Komerčný priestor", avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg", avatarAlt: "Peter Horváth" },
            { id: "4", name: "Elena Gregorová, Podnikateľka", date: "Dátum: 5. november 2024", title: "Odborníci v svojom obore", quote: "Vďaka tímu Premet s.r.o. som našla svoj vysnívaný domov v Bratislave. Sú to naozaj odborníci.", tag: "Kúpa vily", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", avatarAlt: "Elena Gregorová" },
            { id: "5", name: "Róbert Szabó, Podnikateľ", date: "Dátum: 1. november 2024", title: "Maximálna spokojnosť", quote: "Premet s.r.o. prekonali moje očakávania. Ich služby boli na najvyššej úrovni a veľmi som spokojný.", tag: "Investičná nehnuteľnosť", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", avatarAlt: "Róbert Szabó" },
            { id: "6", name: "Zuzana Kovács, Vedúca Projektov", date: "Dátum: 28. október 2024", title: "Odporúčam ich všetkým", quote: "Ak hľadáte spoľahlivú realitňú agentúru v Bratislave, Premet s.r.o. je perfektná voľba. Sú profesionáli.", tag: "Prenájom apartmánu", avatarSrc: "http://img.b2bpic.net/free-photo/happy-business-women-posing-pointing-fingers-camera-while-sitting-table-with-coffee-cups-documents_74855-9959.jpg", avatarAlt: "Zuzana Kovács" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Kontaktujte Nás"
          tagIcon={Mail}
          tagAnimation="slide-up"
          title="Ste Pripravení Nájsť Vašu Ideálnu Nehnuteľnosť?"
          description="Spojte sa s tímom Premet s.r.o. dnes a objavte svoju ďalšiu investíciu alebo domov v Bratislave. Sme tu na to, aby vám pomohli."
          buttons={[
            { text: "Napisať Správu", href: "#" },
            { text: "Zavolať", href: "#" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigácia",              items: [
                { label: "Domov", href: "#hero" },
                { label: "Nehnuteľnosti", href: "#product" },
                { label: "Služby", href: "#feature" },
                { label: "O Nás", href: "#about" }
              ]
            },
            {
              title: "Kontakt",              items: [
                { label: "E-mail", href: "#" },
                { label: "Telefón", href: "#" },
                { label: "Bratislava", href: "#" }
              ]
            },
            {
              title: "Právne",              items: [
                { label: "Ochrana Súkromia", href: "#" },
                { label: "Podmienky Použitia", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Premet s.r.o. Všetky práva vyhradené."
          bottomRightText="Dizajn od David Pavlík"
        />
      </div>
    </ThemeProvider>
  );
}
