"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles } from "lucide-react";

export default function FlowerShopPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Smaragdove nebo"
          button={{
            text: "Objednat kytice",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <<HeroSplit
          title="Dokonalá kytice pro každou chvíli"
          description="Čerstvé a krásné květiny přímo z našeho zahradnictví. Ručně vybírané a skládané s láskou pro vaše nejdůležitější momenty. qwe 123"
          tag="Čerstvé květiny"
          tagIcon={Sparkles}
          buttons={[
            {
              text: "Prohlédnout nabídku",              href: "products"
            },
            {
              text: "Dozvědět se více",              href: "about"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/high-angle-beautiful-flowers-bouquet_23-2149024553.jpg"
          imageAlt="Krásná kytice čerstvých květin"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="O Smaragdově nebi"
          description="Jsme floristé s vášní pro krásu a péči o detaily"
          tabs={[
            {
              id: "philosophy",              label: "Naša filozofie",              description: "Věříme, že každá květina má svou energii a příběh. Naše práce spočívá v tom vybrat a uspořádat květiny takovým způsobem, aby v nich žila emoce a gesto, které jste chtěli vyjádřit."
            },
            {
              id: "selection",              label: "Výběr květin",              description: "Spolupracujeme s nejlepšími zahradami a dodavateli. Každý den si vybíráme nejčerstvější a nejkrásnější exempláře, které procházejí přísnými kvalitativními kontrolami."
            },
            {
              id: "sustainability",              label: "Udržitelnost",              description: "Podporujeme místní zemědělce a snažíme se minimalizovat naš dopad na životní prostředí. Používáme ekologické materiály a recyklujeme, kde je to jen možné."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/top-view-beautiful-colored-flowers-grey-wood-with-copy-space_141793-17053.jpg"
          imageAlt="Floristka pracující na kytici"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardEight
          title="Jak vytváříme vaši kytici"
          description="Náš proces je péčlivě navržen tak, aby garantoval dokonalý výsledek od první chvíle"
          tag="Náš proces"
          textboxLayout="default"
          features={[
            {
              id: 1,
              title: "Výběr",              description: "Pečlivě vybíráme nejkrásnější a nejčerstvější květiny z našeho zahradnictví",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-pretty-assortment-roses_23-2148388009.jpg"
            },
            {
              id: 2,
              title: "Skládání",              description: "Naši zkušení floristé sklápějí každou kytici s uměleckým cítěním a péčí",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-beautiful-flowers-bouquet_23-2149024546.jpg"
            },
            {
              id: 3,
              title: "Balení",              description: "Zabalujeme s luxusním balením, aby vaša kytice dorazila v dokonalém stavu",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-pink-ranunculus-flowers-bouquet-glass-vase-flower-shop_140725-12178.jpg"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Naša kolekce"
          description="Vyberte si ze svých oblíbených kyticí nebo si vytvořte vlastní kombinaci"
          products={[
            {
              id: "1",              name: "Luxusní růže",              price: "1 290 Kč",              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",              imageAlt: "Kytice červených růží",              initialQuantity: 1
            },
            {
              id: "2",              name: "Jarní tulipány",              price: "890 Kč",              imageSrc: "https://img.b2bpic.net/free-photo/romantic-bouquet-fresh-flowers-wedding-celebration-generated-by-ai_188544-45526.jpg",              imageAlt: "Barevné tulipány",              initialQuantity: 1
            },
            {
              id: "3",              name: "Slunečnice radost",              price: "750 Kč",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-gift-surprise_114579-427.jpg",              imageAlt: "Jasné slunečnice",              initialQuantity: 1
            },
            {
              id: "4",              name: "Sezonní mix",              price: "1 050 Kč",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg",              imageAlt: "Mix barevných květin",              initialQuantity: 1
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Naši spokojení zákazníci"
          description="Čtěte, co si myslí ti, co nás již znají"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Překrásné květiny na svatbu",              quote: "Smaragdove nebo udělal naši svatbu ještě krásnější. Květiny byly čerstvé, úžasně voňavé a skládané s neuvěřitelnou péčí. Všechny naše hosty se jich ptaly, kde jsme je vzali!",              name: "Markéta Svobodová",              role: "Nevěsta",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Markéta Svobodová"
            },
            {
              id: "2",              title: "Dokonalý dárek pro mou matku",              quote: "Pořádám kytici jako dárek k narozeninám mojí matky a byl jsem ohromený kvalitou a ústností. Doručení bylo rychlé a květiny vydržely déle než obvykle.",              name: "Jan Novotný",              role: "Spokojený zákazník",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Jan Novotný"
            },
            {
              id: "3",              title: "Profesionální služba a osobní přístup",              quote: "Tým je velmi odborný a byl schopen poradit mi s výběrem. Moje objednávka byla připravena včas a balení bylo elegantní. Všem bude to doporučovat!",              name: "Petra Kučerová",              role: "Korporátní klient",              imageSrc: "https://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",              imageAlt: "Petra Kučerová"
            },
            {
              id: "4",              title: "Opakující se volba pro zvláštní chvíle",              quote: "Již třetí rok objednávám kytice na Valentýna. Nikdy mě nezklamou. Květiny jsou čerstvé, krásné a vždy přesnější dle mého přání. Děkuji!",              name: "Tomáš Řezníček",              role: "Pravidelný zákazník",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Tomáš Řezníček"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Často kladené otázky"
          description="Najděte odpovědi na běžné otázky týkající se našich služeb"
          faqs={[
            {
              id: "1",              title: "Jak dlouho vydržují čerstvé květiny?",              content: "Kvalitní květiny mohou vydržet 7-14 dní v závislosti na typu. Doporučujeme měnit vodu každý den, odstranit nižší listy a míchu ořezat pod úhlem pro lepší absorpci."
            },
            {
              id: "2",              title: "Nabízíte doručení?",              content: "Ano, nabízíme doručení v Praze a okolí. Doručujeme ve všední dny i víkendy. Poplatek za doručení je 150 Kč v Praze a 200 Kč mimo Prahu."
            },
            {
              id: "3",              title: "Mohu si objednat vlastní návrh?",              content: "Samozřejmě! Kontaktujte nás přímo s vaší představou. Naši floristé vám pomohou vytvořit dokonalou kytici dle vašich přání a rozpočtu."
            },
            {
              id: "4",              title: "Jaké je vaše balné doručovací lhůty?",              content: "Běžné objednávky můžete podat do 14:00 a budou doručeny další den. Spěchá vám? Máme možnost doručení v ten stejný den v Praze."
            },
            {
              id: "5",              title: "Jak se staráte o čerstvost?",              content: "Všechny květiny si vyzvedáváme od zahradníků každý den ráno. Skladujeme je v klimatizované studené místnosti a přepravujeme v chladících boxech."
            },
            {
              id: "6",              title: "Nabízíte také služby pro firemní akce?",              content: "Ano, máme speciální balíčky pro firemní večírky, konference a ostatní akce. Kontaktujte nás pro osobní konzultaci a cenovou nabídku."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Kontaktujte nás"
          description="Máte dotaz nebo chcete objednat vlastní návrh? Napište nám! Rádi vám pomůžeme vytvořit dokonalou kytici."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Vaše jméno",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Váš email",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Telefonní číslo",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Vaše zpráva nebo požadavek na kytici...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/cozy-pretty-bouquet-blue-purple-combination-flowers_114579-1547.jpg"
          imageAlt="Floristka s květinami"
          mediaPosition="right"
          buttonText="Odeslat"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Smaragdove nebo"
          columns={[
            {
              title: "O nás",              items: [
                {
                  label: "Naša příběh",                  href: "#about"
                },
                {
                  label: "Proces",                  href: "#process"
                },
                {
                  label: "Tým",                  href: "#about"
                }
              ]
            },
            {
              title: "Služby",              items: [
                {
                  label: "Kytice na prodej",                  href: "#products"
                },
                {
                  label: "Vlastní návrhy",                  href: "#contact"
                },
                {
                  label: "Doručení",                  href: "#faq"
                }
              ]
            },
            {
              title: "Zákazníci",              items: [
                {
                  label: "Často kladené otázky",                  href: "#faq"
                },
                {
                  label: "Recenze",                  href: "#testimonials"
                },
                {
                  label: "Kontakt",                  href: "#contact"
                }
              ]
            }
          ]}
          copyrightText="© 2025 Smaragdove nebo. Všechna práva vyhrazena."
        />
      </div>
    </ThemeProvider>
  );
}