"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Diamond, Handshake, Crown, Gift } from "lucide-react";

const assetMap = {
    "brand-logo": {"url": "http://img.b2bpic.net/free-vector/monocolor-elegant-beard-parlour-logo-template_742173-17649.jpg", "alt": "elegant beard logo minimal"},
    "hero-left-1": {"url": "http://img.b2bpic.net/free-photo/young-man-worried-expression_1194-1707.jpg", "alt": "man with well-groomed beard city background"},
    "hero-left-2": {"url": "http://img.b2bpic.net/free-photo/using-towel-beard-aged-male-barbershop_23-2148181892.jpg", "alt": "beard care product application model"},
    "hero-left-3": {"url": "http://img.b2bpic.net/free-photo/confident-businessman_53876-15997.jpg", "alt": "sophisticated man with short beard"},
    "hero-left-4": {"url": "http://img.b2bpic.net/free-photo/close-up-barber-trimming-beard-man_23-2147778859.jpg", "alt": "barber shaving beard professional"},
    "hero-left-5": {"url": "http://img.b2bpic.net/free-photo/male-white-bathrobe-with-coffee-mug-hand_1153-3744.jpg", "alt": "man looking in mirror adjusting beard"},
    "hero-left-6": {"url": "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313037.jpg", "alt": "beard product collection display shelf"},
    "hero-right-1": {"url": "http://img.b2bpic.net/free-photo/young-hipster-man-traveling-with-backpack-autumn-forest-wearing-warm-jacket-hat_285396-9776.jpg", "alt": "man with long beard outdoor adventure"},
    "hero-right-2": {"url": "http://img.b2bpic.net/free-photo/fashion-girl-posing_1157-29404.jpg", "alt": "close up beard texture sunlight"},
    "hero-right-3": {"url": "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326538.jpg", "alt": "barber trimming beard client chair"},
    "hero-right-4": {"url": "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-home-comfort_23-2149134396.jpg", "alt": "man with beard enjoying coffee"},
    "hero-right-5": {"url": "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6207.jpg", "alt": "beard brush and comb set vintage"},
    "hero-right-6": {"url": "http://img.b2bpic.net/free-photo/couple-having-fun-together-cottage_107420-9686.jpg", "alt": "various beard products in amber bottles"},
    "about-beard-care": {"url": "http://img.b2bpic.net/free-photo/vintage-salon-tools-jobs-career-concept_53876-127080.jpg", "alt": "barber tools on wooden counter"},
    "product-1": {"url": "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232246.jpg", "alt": "beard oil bottle elegant packaging"},
    "product-2": {"url": "http://img.b2bpic.net/free-photo/senior-man-with-beard-applying-cream_23-2148621217.jpg", "alt": "beard balm tin natural ingredients"},
    "product-3": {"url": "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101902.jpg", "alt": "beard brush boars hair wooden handle"},
    "product-4": {"url": "http://img.b2bpic.net/free-photo/front-view-man-shaving-his-beard_23-2148506239.jpg", "alt": "beard shampoo and conditioner set"},
    "product-5": {"url": "http://img.b2bpic.net/free-photo/close-up-bearded-man-with-eye-closed-against-green-backdrop_23-2148176699.jpg", "alt": "beard growth serum dropper bottle"},
    "product-6": {"url": "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313024.jpg", "alt": "beard grooming travel kit pouch"},
    "avatar-1": {"url": "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-3785.jpg", "alt": "professional male portrait serious"},
    "avatar-2": {"url": "http://img.b2bpic.net/free-photo/african-american-guy-wearing-jacket-checkered-shirt-leaning-wall-looking-away_613910-21130.jpg", "alt": "young male model happy expression"},
    "avatar-3": {"url": "http://img.b2bpic.net/free-photo/happy-hipster-guy-wearing-sunglasses-dressed-old-fashioned-shirt-correct-his-mustache-isolated-dark-background_613910-6682.jpg", "alt": "bearded man avatar glasses"},
    "avatar-4": {"url": "http://img.b2bpic.net/free-photo/close-up-woman-with-big-smile-ginger-hair_23-2148263404.jpg", "alt": "diverse male professional portrait"},
    "avatar-5": {"url": "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-senior-man-listening-music-headphones-isolated-dark-background_613910-42.jpg", "alt": "mature man distinguished look"},
    "blog-image-1": {"url": "http://img.b2bpic.net/free-photo/sensitive-man-posing-medium-shot_23-2149518235.jpg", "alt": "man styling beard with brush"},
    "blog-avatar-1": {"url": "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151134105.jpg", "alt": "male author portrait professional"},
    "blog-image-2": {"url": "http://img.b2bpic.net/free-photo/man-holding-face-oil-bottle-close-up_23-2148696679.jpg", "alt": "beard oil bottle and natural ingredients"},
    "blog-avatar-2": {"url": "http://img.b2bpic.net/free-photo/front-view-smiley-father-holding-tablet_23-2148414871.jpg", "alt": "young man smiling headshot"},
    "blog-image-3": {"url": "http://img.b2bpic.net/free-photo/side-view-handsome-man-smiling-with-copy-space_23-2148696668.jpg", "alt": "different beard styles collage men"},
    "blog-avatar-3": {"url": "http://img.b2bpic.net/free-photo/portrait-young-man-standing-outside-shop-talking-mobile-phone_23-2148175727.jpg", "alt": "man with stylish long beard"},
    "faq-beard-model": {"url": "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-lawyer_23-2151202441.jpg", "alt": "man with confident beard pose"}
};

function getAsset(id) {
  return assetMap[id] || { url: '', alt: '' };
}

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="grid"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Stylowy Brodacz"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "Produkty", id: "#products" },
            { name: "Poradniki", id: "#blog" },
            { name: "O nas", id: "#about" },
            { name: "Kontakt", id: "#contact" }
          ]}
          button={{"text": "Kup Teraz", "href": "#products"}}
          logoSrc={getAsset("brand-logo").url}
          logoAlt={getAsset("brand-logo").alt}
        />
      </div>
      <div id="home" data-section="home">
        <HeroSplitDoubleCarousel
          title="Brodacz z klasą. Produkty dla mężczyzny."
          description="Odkryj kolekcję premium do pielęgnacji brody i stylizacji. Od olejków po zabiegi, wszystko czego potrzebujesz, aby Twoja broda wyglądała perfekcyjnie."
          background={{"variant": "radial-gradient"}}
          leftCarouselItems={[
            { imageSrc: getAsset("hero-left-1").url, imageAlt: getAsset("hero-left-1").alt },
            { imageSrc: getAsset("hero-left-2").url, imageAlt: getAsset("hero-left-2").alt },
            { imageSrc: getAsset("hero-left-3").url, imageAlt: getAsset("hero-left-3").alt },
            { imageSrc: getAsset("hero-left-4").url, imageAlt: getAsset("hero-left-4").alt },
            { imageSrc: getAsset("hero-left-5").url, imageAlt: getAsset("hero-left-5").alt },
            { imageSrc: getAsset("hero-left-6").url, imageAlt: getAsset("hero-left-6").alt }
          ]}
          rightCarouselItems={[
            { imageSrc: getAsset("hero-right-1").url, imageAlt: getAsset("hero-right-1").alt },
            { imageSrc: getAsset("hero-right-2").url, imageAlt: getAsset("hero-right-2").alt },
            { imageSrc: getAsset("hero-right-3").url, imageAlt: getAsset("hero-right-3").alt },
            { imageSrc: getAsset("hero-right-4").url, imageAlt: getAsset("hero-right-4").alt },
            { imageSrc: getAsset("hero-right-5").url, imageAlt: getAsset("hero-right-5").alt },
            { imageSrc: getAsset("hero-right-6").url, imageAlt: getAsset("hero-right-6").alt }
          ]}
          buttons={[
            { text: "Przeglądaj kolekcję", href: "#products" }
          ]}
        />
      </div>
      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "O marce Stylowy Brodacz: Pielęgnacja z pasją." }
          ]}
        />
      </div>
      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Dlaczego Stylowy Brodacz to Twój najlepszy wybór?"
          description="Nasze produkty i filozofia stoją za doskonałością, tworzone z myślą o Twojej brodzie."
          features={[
            { icon: Diamond, title: "Składniki Premium", description: "Używamy tylko najwyższej jakości naturalnych składników, aby zapewnić brodzie zdrowie i blask." },
            { icon: Handshake, title: "Eksperckie Poradniki", description: "Dostęp do bogatej bazy wiedzy o pielęgnacji i stylizacji brody, tworzonej przez profesjonalistów." },
            { icon: Crown, title: "Wyjątkowa Jakość", description: "Każdy produkt jest starannie testowany, aby spełniać najwyższe standardy i oczekiwania." },
            { icon: Gift, title: "Zadowolenie Gwarantowane", description: "Jesteśmy pewni naszych produktów. Jeśli nie będziesz zadowolony, zwrócimy Ci pieniądze." }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="products" data-section="products">
        <ProductCardTwo
          title="Nasze Produkty Premium"
          description="Odkryj naszą starannie wyselekcjonowaną kolekcję, która zapewni Twojej brodzie wszystko, czego potrzebuje."
          products={[
            { id: "brodacz-oil", brand: "Stylowy Brodacz", name: "Olejek do Brody Elite", price: "PLN 89.00", rating: 5, reviewCount: "120", imageSrc: getAsset("product-1").url, imageAlt: getAsset("product-1").alt },
            { id: "brodacz-balm", brand: "Stylowy Brodacz", name: "Balsam do Brody Classic", price: "PLN 75.00", rating: 4.8, reviewCount: "95", imageSrc: getAsset("product-2").url, imageAlt: getAsset("product-2").alt },
            { id: "brodacz-brush", brand: "Stylowy Brodacz", name: "Szczotka z Włosia Dzika", price: "PLN 60.00", rating: 4.9, reviewCount: "150", imageSrc: getAsset("product-3").url, imageAlt: getAsset("product-3").alt },
            { id: "brodacz-shampoo", brand: "Stylowy Brodacz", name: "Szampon do Brody Soft", price: "PLN 55.00", rating: 4.7, reviewCount: "80", imageSrc: getAsset("product-4").url, imageAlt: getAsset("product-4").alt },
            { id: "brodacz-serum", brand: "Stylowy Brodacz", name: "Serum Wzmacniające Growth", price: "PLN 110.00", rating: 4.6, reviewCount: "70", imageSrc: getAsset("product-5").url, imageAlt: getAsset("product-5").alt },
            { id: "brodacz-kit", brand: "Stylowy Brodacz", name: "Zestaw Podróżny Brodacz", price: "PLN 199.00", rating: 4.9, reviewCount: "65", imageSrc: getAsset("product-6").url, imageAlt: getAsset("product-6").alt }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Produkty Stylowego Brodacza to absolutna rewolucja w mojej codziennej pielęgnacji! Moja broda nigdy nie była tak miękka, błyszcząca i łatwa w układaniu. Zdecydowanie polecam każdemu, kto poważnie myśli o swojej brodzie. Niesamowita jakość!"
          rating={5}
          author="Michał K., Zadowolony Klient"
          avatars={[
            { src: getAsset("avatar-1").url, alt: getAsset("avatar-1").alt },
            { src: getAsset("avatar-2").url, alt: getAsset("avatar-2").alt },
            { src: getAsset("avatar-3").url, alt: getAsset("avatar-3").alt },
            { src: getAsset("avatar-4").url, alt: getAsset("avatar-4").alt },
            { src: getAsset("avatar-5").url, alt: getAsset("avatar-5").alt }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>
      <div id="blog" data-section="blog">
        <BlogCardThree
          title="Poradniki i Inspiracje"
          description="Odkryj sekrety perfekcyjnej brody z naszymi ekspertami. Czytaj najnowsze artykuły o pielęgnacji, stylizacji i trendach."
          blogs={[
            { id: "blog-1", category: "Pielęgnacja", title: "5 Kroków do Zdrowej i Lśniącej Brody", excerpt: "Dowiedz się, jak krok po kroku zadbać o swoją brodę, aby zawsze wyglądała nienagannie i zdrowo.", imageSrc: getAsset("blog-image-1").url, imageAlt: getAsset("blog-image-1").alt, authorName: "Eryk Nowak", authorAvatar: getAsset("blog-avatar-1").url, date: "15 Lipiec 2024" },
            { id: "blog-2", category: "Składniki", title: "Siła Natury: Najlepsze Składniki dla Twojej Brody", excerpt: "Poznaj kluczowe składniki naturalne, które odżywią Twoją brodę i zapewnią jej optymalną kondycję.", imageSrc: getAsset("blog-image-2").url, imageAlt: getAsset("blog-image-2").alt, authorName: "Anna Kowalska", authorAvatar: getAsset("blog-avatar-2").url, date: "08 Lipiec 2024" },
            { id: "blog-3", category: "Stylizacja", title: "Znajdź Swój Idealny Styl Brody: Przewodnik", excerpt: "Odkryj różne style brody i dowiedz się, który z nich najlepiej pasuje do kształtu Twojej twarzy i Twojego stylu życia.", imageSrc: getAsset("blog-image-3").url, imageAlt: getAsset("blog-image-3").alt, authorName: "Tomasz Wiśniewski", authorAvatar: getAsset("blog-avatar-3").url, date: "01 Lipiec 2024" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Często Zadawane Pytania"
          description="Znajdź odpowiedzi na najczęściej zadawane pytania dotyczące pielęgnacji brody, naszych produktów i zamówień."
          faqs={[
            { id: "faq-1", title: "Jak często powinienem używać olejku do brody?", content: "Olejek do brody najlepiej stosować codziennie, rano po umyciu twarzy. Kilka kropel wystarczy, aby nawilżyć brodę i skórę pod nią." },
            { id: "faq-2", title: "Jaki produkt jest najlepszy do stylizacji długiej brody?", content: "Do stylizacji długiej brody polecamy balsam do brody, który zapewnia mocniejsze utrwalenie i kontrolę niż olejek. Pozwala również na modelowanie kształtu." },
            { id: "faq-3", title: "Czy Wasze produkty są odpowiednie dla wrażliwej skóry?", content: "Tak, nasze produkty są formułowane z myślą o minimalizacji podrażnień i zawierają naturalne składniki, które są łagodne dla wrażliwej skóry. Zawsze zalecamy wykonanie testu płatkowego." },
            { id: "faq-4", title: "Jak długo trwa dostawa zamówienia?", content: "Standardowa dostawa na terenie Polski zajmuje zazwyczaj 2-3 dni robocze. Po wysłaniu zamówienia otrzymasz numer do śledzenia przesyłki." }
          ]}
          imageSrc={getAsset("faq-beard-model").url}
          imageAlt={getAsset("faq-beard-model").alt}
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactText
          text="Gotowy na zmianę? Skontaktuj się z nami!"
          buttons={[
            { text: "Napisz do nas", href: "mailto:kontakt@stylowybrodacz.pl" }
          ]}
          background={{"variant": "radial-gradient"}}
          useInvertedBackground={false}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoText="Stylowy Brodacz"
          logoSrc={getAsset("brand-logo").url}
          logoAlt={getAsset("brand-logo").alt}
          columns={[
            { title: "Produkty", items: [{ label: "Olejki", href: "#products" }, { label: "Balsamy", href: "#products" }, { label: "Szczotki i Grzebienie", href: "#products" }, { label: "Akcesoria", href: "#products" }] },
            { title: "Informacje", items: [{ label: "O nas", href: "#about" }, { label: "Poradniki", href: "#blog" }, { label: "FAQ", href: "#faq" }, { label: "Kontakt", href: "#contact" }] },
            { title: "Prawne", items: [{ label: "Polityka Prywatności", href: "#" }, { label: "Regulamin", href: "#" }, { label: "Dostawa i Zwroty", href: "#" }] },
            { title: "Społeczność", items: [{ label: "Instagram", href: "https://instagram.com/stylowybrodacz" }, { label: "Facebook", href: "https://facebook.com/stylowybrodacz" }, { label: "YouTube", href: "https://youtube.com/stylowybrodacz" }] }
          ]}
          copyrightText="© 2024 Stylowy Brodacz. Wszelkie prawa zastrzeżone."
        />
      </div>
    </ThemeProvider>
  );
}
