"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Camera, Award, Sparkles, Heart, Rings, Zap, Leaf, Image, Star, HelpCircle, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="fluid"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="MARVIN fotoateliér"
          navItems={[
            { name: "O nás", id: "about" },
            { name: "Služby", id: "services" },
            { name: "Galerie", id: "gallery" },
            { name: "Kontakt", id: "contact" }
          ]}
          bottomLeftText="Frýdlant, Liberecký kraj"
          bottomRightText="marvinfoto@gmail.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Vaše příběh v každém snímku"
          description="Kvalitní fotografické služby od roku 2011. Specialisté na portrétní focení, svatby, sportovní fotografie a profesionální služby v Libereckém kraji."
          tag="Ateliér Marvina"
          tagIcon={Camera}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Rezervovat focení", href: "mailto:marvinfoto@gmail.com" },
            { text: "Více informací", href: "#about" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-posing-mirror_23-2149426405.jpg"
          imageAlt="Fotografický ateliér - Marvin fotoateliér"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="O ateliéru Marvina"
          description="Jsme profesionální fotografický ateliér v Frýdlantu, který poskytuje služby již od roku 2011. Náš fotograf Marek Sekáč se zaměřuje na kvalitní ateliérové focení, venkovní portrétní sezení, sportovní fotografii, fotografii přírody a makrofotografii. Specialisté na focení hokejové extraligy a rally WRC. Nabízíme komplexní služby včetně digitalizace fotografií, tisku na fotoplátna a nový servis leteckých prací dronem."
          tag="Zkušenost od 2011"
          tagIcon={Award}
          tagAnimation="slide-up"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-woman_78492-3911.jpg"
          imageAlt="Portrétní focení v ateliéru"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          title="Naše služby"
          description="Komplexní nabídka fotografických a doplňkových služeb pro všechny vaše potřeby."
          tag="Rozsáhlá nabídka"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              title: "Portrétní focení",              description: "Profesionální portrétní focení v ateliéru i venkovním prostředí s kvalitním osvětlením.",              buttonIcon: Camera,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-woman_78492-3911.jpg"
            },
            {
              title: "Rodinné focení",              description: "Focení rodin, dětí, párů a skupin. Zachycujeme autentické momenty a emoce.",              buttonIcon: Heart,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-family-concept_23-2148547138.jpg"
            },
            {
              title: "Svatební focení",              description: "Profesionální dokumentace vašeho nejdůležitějšího dne. Estetické a detailní zpracování.",              buttonIcon: Rings,
              imageSrc: "http://img.b2bpic.net/free-photo/girl-love-with-her-husband_1153-71.jpg"
            },
            {
              title: "Sportovní fotografie",              description: "Focení hokejové extraligy, rally WRC a dalších sportovních akcí. Dynamické záběry vysoké kvality.",              buttonIcon: Zap,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-jogging_329181-16742.jpg"
            },
            {
              title: "Příroda a makro",              description: "Nádherné přírodní fotografie a detailní makrofotografie se zaměřením na krásu detailů.",              buttonIcon: Leaf,
              imageSrc: "http://img.b2bpic.net/free-photo/geranium-plants-outdoors_417767-321.jpg"
            },
            {
              title: "Tisk a digitalizace",              description: "Tisk na fotoplátna, fotodesky, fotodárky. Digitalizace starých fotografií s retušováním.",              buttonIcon: Zap
            }
          ]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardThree
          title="Galerie našich prací"
          description="Procházejte naší galerií a poznamenejte si příklady naší práce. Každá fotografie vypráví příběh."
          tag="Portfolium"
          tagIcon={Image}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "gallery-1",              name: "Portrétní kolekce",              price: "Zobrazit",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-woman_78492-3911.jpg",              imageAlt: "Portrétní fotografie"
            },
            {
              id: "gallery-2",              name: "Rodinné focení",              price: "Zobrazit",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-family-concept_23-2148547138.jpg",              imageAlt: "Rodinná fotografia"
            },
            {
              id: "gallery-3",              name: "Svatby",              price: "Zobrazit",              imageSrc: "http://img.b2bpic.net/free-photo/girl-love-with-her-husband_1153-71.jpg",              imageAlt: "Svatební fotografie"
            },
            {
              id: "gallery-4",              name: "Sport",              price: "Zobrazit",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-jogging_329181-16742.jpg",              imageAlt: "Sportovní fotografie"
            },
            {
              id: "gallery-5",              name: "Příroda",              price: "Zobrazit",              imageSrc: "http://img.b2bpic.net/free-photo/geranium-plants-outdoors_417767-321.jpg",              imageAlt: "Přírodní fotografia"
            },
            {
              id: "gallery-6",              name: "Ostatní",              price: "Zobrazit",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-posing-mirror_23-2149426405.jpg",              imageAlt: "Ostatní práce"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Naše úspěchy"
          description="Více než 13 let zkušeností a tisíce spokojených zákazníků."
          tag="Kvalita ověřená praxí"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
          metrics={[
            { id: "years", icon: Heart, title: "Let provozu", value: "13+" },
            { id: "photos", icon: Image, title: "Fotografií ročně", value: "10k+" },
            { id: "clients", icon: Heart, title: "Spokojených klientů", value: "5k+" },
            { id: "services", icon: Zap, title: "Druhů služeb", value: "15+" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Slova našich klientů"
          description="Poslechněte si, co říkají naši spokojení zákazníci o naší práci a professionalismu."
          tag="Recenze"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Petra Nováková",              handle: "Maminka, Frýdlant",              testimonial: "Nádherné rodinné focení! Marek je velmi profesionální a děti se s ním krásně bavily. Fotos vypadají úžasně. Vřele doporučuji!"
            },
            {
              id: "2",              name: "Jan Svoboda",              handle: "Ženich, Liberec",              testimonial: "Nejlepší rozhodnutí pro naši svatbu! Fotografie jsou padesát krát krásnější, než jsme si představovali. Děkujeme za profesionalitu!"
            },
            {
              id: "3",              name: "Tereza Voláková",              handle: "Model, Praha",              testimonial: "Pracovala jsem s Markem na několika projektech. Vždy profesionální přístup, kvalitní výstup a skvělé osvětlení. Doporučuji!"
            },
            {
              id: "4",              name: "Tomáš Michalski",              handle: "Manažer, Frýdlant",              testimonial: "Focení firemního večírku bylo skvělé. Fotos jsme používali na webu a sociálních sítích. Velmi kvalitní práce."
            },
            {
              id: "5",              name: "Eva Kučerová",              handle: "Podnikatelka, Liberec",              testimonial: "Profesionální průkazové fotografie na počkání. Rychle, kvalitně a přívětivě. Už sem byla popáté!"
            },
            {
              id: "6",              name: "Lukáš Horáček",              handle: "Sportovec, Frýdlant",              testimonial: "Marek fotografoval naše hockeyové zápasy. Snímky jsou ostré, dynamické a krásně osvětlené. Top fotograf!"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Často kladené otázky"
          description="Odpovědi na nejčastější otázky ohledně našich služeb a podmínek."
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Jaká je výše zálohy?",              content: "Záloha při rezervaci je 300 Kč pro rodinné focení a 1 000 Kč pro svatby. Záloha se nevrací při nedostavení se nebo pozdní přerezervaci."
            },
            {
              id: "2",              title: "Jak se rezervuje focení?",              content: "Focení se rezervuje e-mailem na adresu marvinfoto@gmail.com nebo telefonicky na čísla +420 607 270 759 (Marek) nebo +420 721 715 507 (Jitka)."
            },
            {
              id: "3",              title: "Jaké jsou podmínky zrušení?",              content: "Zrušení nebo přesunutí termínu je možné minimálně 1 den předem. Pokud se nedostavíte nebo se ozvete později, záloha se nevrací."
            },
            {
              id: "4",              title: "Jak se fotografie odevzdávají?",              content: "Po focení si prohlédnete náhledy, vybíráte si fotografie, které se upravují. Upravené fotografie se odevzdávají ve smluveném termínu. Hotově při převzetí."
            },
            {
              id: "5",              title: "Dostanu syrové fotografie?",              content: "Ne, neupravené fotografie se neposkytují. Všechny fotografie jsou profesionálně zpracovány a upraveny."
            },
            {
              id: "6",              title: "Nabízíte letecké focení?",              content: "Ano! Nabízíme nový servis leteckých prací dronem (focení + video) s povolením ÚCL. Kontaktujte nás pro více informací."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Kontaktujte nás"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Připraveni vás fotografovat?"
          description="Neváhejte a kontaktujte nás. Jsme tu pro vás a odpovíme na všechny vaše otázky. Těšíme se na vaši rezervaci!"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Poslat email", href: "mailto:marvinfoto@gmail.com" },
            { text: "Zavolat Marka", href: "tel:+420607270759" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Kontakt",              items: [
                { label: "marvinfoto@gmail.com", href: "mailto:marvinfoto@gmail.com" },
                { label: "+420 607 270 759", href: "tel:+420607270759" },
                { label: "+420 721 715 507", href: "tel:+420721715507" },
                { label: "Míru 172, Frýdlant", href: "#" }
              ]
            },
            {
              title: "Služby",              items: [
                { label: "Portrétní focení", href: "#services" },
                { label: "Rodinné focení", href: "#services" },
                { label: "Svatební focení", href: "#services" },
                { label: "Sportovní fotografie", href: "#services" }
              ]
            },
            {
              title: "Navigace",              items: [
                { label: "O nás", href: "#about" },
                { label: "Galerie", href: "#gallery" },
                { label: "FAQ", href: "#faq" },
                { label: "Kontakt", href: "#contact" }
              ]
            },
            {
              title: "Sociální sítě",              items: [
                { label: "Facebook", href: "https://www.facebook.com/259105804132681" },
                { label: "Rezervace", href: "mailto:marvinfoto@gmail.com" }
              ]
            }
          ]}
          copyrightText="© 2024 MARVIN fotoateliér. Všechna práva vyhrazena. Provozuje od roku 2011."
        />
      </div>
    </ThemeProvider>
  );
}