"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, CheckCircle, ArrowRight, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Hero", id: "hero-section" },
            { name: "About", id: "about-section" },
            { name: "Feature", id: "features-section" },
            { name: "Product", id: "product-section" },
            { name: "Testimonial", id: "testimonial-section" },
            { name: "Contact", id: "contact-section" }
          ]}
          button={{ text: "Order Now", href: "#product-section" }}
          brandName="Ukrainian Bakery"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroBillboard
          title="Authentic Ukrainian Flavors, Baked with Love"
          description="Discover the warmth of traditional recipes passed down through generations. Our artisanal breads, pastries, and sweets bring the heart of Ukraine to your table."
          background={{ variant: "radial-gradient" }}
          tag="Since 1995"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Products", href: "#product-section" },
            { text: "Visit Our Bakery", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/man-baker-with-fresh-bread-baker-house_1303-32273.jpg", alt: "Happy customer enjoying Ukrainian pastry" },
            { src: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-bread_23-2149638016.jpg", alt: "Baker preparing traditional bread" }
          ]}
          avatarText="Trusted by over 1,000 families"
          imageSrc="https://img.b2bpic.net/free-photo/healthy-bun-wooden-table-close-up_23-2148229150.jpg"
          imageAlt="Freshly baked Ukrainian bread and pastries on a wooden table"
          mediaAnimation="slide-up"
          marqueeItems={[
            { type: "text", text: "Handcrafted Daily" },
            { type: "text", text: "Traditional Recipes" },
            { type: "text", text: "Locally Sourced Ingredients" }
          ]}
          marqueeSpeed={30}
          showMarqueeCard={true}
        />
      </div>

      <div id="about-section" data-section="about-section">
        <TextSplitAbout
          title="Our Traditional Ukrainian Bakery Story"
          description={[
            "Founded in 2010 by Maria Kowalski, our bakery brings the warmth of Ukrainian tradition to your table. Each day, we craft our beloved recipes using time-honored techniques passed down through generations.",            "From flaky pirozhki filled with tender beef and vegetables to delicate kulebyaka with herbed cheese, every bite tells a story of heritage and love."
          ]}
          buttons={[
            { text: "Explore Our Products", href: "#product-section" },
            { text: "Visit Our Bakery", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardSix
          title="Authentic Ukrainian Flavors, Modernly Crafted"
          description="Discover the warmth of traditional recipes brought to life with care and passion. Each item is made with love, using time-honored techniques passed down through generations."
          tag="Our Craft"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Handcrafted Bread",              description: "Traditional rye and wheat breads baked daily with natural fermentation for the perfect texture and flavor.",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-view-whole-black-bread-brown-towel-potteries-dark-colors-surface_179666-24652.jpg",              imageAlt: "Freshly baked Ukrainian rye bread"
            },
            {
              id: 2,
              title: "Classic Pastries",              description: "Delicate pastries filled with sweet poppy seed or rich cheese, crafted with butter and love.",              imageSrc: "https://img.b2bpic.net/free-photo/puff-pastry-wooden-board_114579-17133.jpg",              imageAlt: "Traditional Ukrainian pastries with poppy seeds"
            },
            {
              id: 3,
              title: "Seasonal Specialties",              description: "Limited-time offerings that celebrate the changing seasons with fresh ingredients and regional flavors.",              imageSrc: "https://img.b2bpic.net/free-photo/wooden-plate-full-sweet-pastries-with-christmas-balls-pinecones_114579-73517.jpg",              imageAlt: "Seasonal Ukrainian baked goods"
            }
          ]}
        />
      </div>

      <div id="product-section" data-section="product-section">
        <ProductCardThree
          products={[
            {
              id: "kutia",              name: "Kutia",              price: "$8.99",              imageSrc: "https://img.b2bpic.net/free-photo/oatmeal-porridge-with-apples-cinnamon_114579-20470.jpg",              imageAlt: "Traditional Ukrainian kutia dessert",              initialQuantity: 1
            },
            {
              id: "borscht",              name: "Borscht",              price: "$6.99",              imageSrc: "https://img.b2bpic.net/free-photo/borsh-red-vegetable-soup-with-bread-sour-cream-grey-desk_140725-14580.jpg",              imageAlt: "Hearty Ukrainian borscht soup",              initialQuantity: 1
            },
            {
              id: "pierogi",              name: "Pierogi",              price: "$12.99",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-gurza-dumplings-platter-served-with-yogurt_141793-2139.jpg?_wi=1",              imageAlt: "Freshly made Ukrainian pierogi with various fillings",              initialQuantity: 1
            },
            {
              id: "varenyky",              name: "Varenyky",              price: "$10.99",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-gurza-dumplings-platter-served-with-yogurt_141793-2139.jpg?_wi=2",              imageAlt: "Traditional Ukrainian dumplings served with sour cream",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Authentic Ukrainian Delights"
          description="Discover our handcrafted selection of traditional Ukrainian baked goods and hearty dishes, made with love and the finest ingredients."
          tag="Best Sellers"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Full Menu", href: "#features-section" }
          ]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonial-section" data-section="testimonial-section">
        <TestimonialCardOne
          testimonials={[
            {
              id: "testimonial-1",              name: "Oksana Kovalenko",              role: "Local Food Blogger",              company: "Tasty Ukraine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-baker-kitchen-by-pastry-cart_1303-32295.jpg",              imageAlt: "Oksana Kovalenko, local food blogger"
            },
            {
              id: "testimonial-2",              name: "Dmitriy Petrov",              role: "Restaurant Owner",              company: "Ukrainian Flavors Bistro",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-grandma-kid-cooking_23-2149168290.jpg",              imageAlt: "Dmitriy Petrov, restaurant owner"
            },
            {
              id: "testimonial-3",              name: "Yulia Morozova",              role: "Home Baker",              company: "Traditional Recipes",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/kids-cooking-having-fun-home_23-2149891145.jpg",              imageAlt: "Yulia Morozova, home baker"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="What Our Customers Say"
          description="Hear from our community of food lovers who have experienced the warmth and authenticity of our traditional Ukrainian baked goods."
          tag="Authentic Flavors"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          buttons={[
            { text: "View All Reviews", href: "#" }
          ]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm
          title="We'd Love to Hear From You"
          description="Have questions about our traditional recipes or want to place an order? Reach out to us and we'll get back to you within 24 hours."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: false }
          ]}
          textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
          useInvertedBackground={true}
          imageSrc="https://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-115978.jpg"
          imageAlt="Cozy Ukrainian bakery interior with fresh bread and pastries on display"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterBase
          columns={[
            {
              title: "Explore",              items: [
                { label: "Home", href: "#hero-section" },
                { label: "Our Story", href: "#about-section" },
                { label: "Products", href: "#product-section" },
                { label: "Testimonials", href: "#testimonial-section" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact-section" },
                { label: "FAQs", href: "#contact-section" },
                { label: "Delivery Info", href: "#contact-section" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Pinterest", href: "#" }
              ]
            }
          ]}
          logoText="Kiev Bakery"
          copyrightText="© 2025 Kiev Bakery | Preserving Traditional Flavors with Modern Warmth"
        />
      </div>
    </ThemeProvider>
  );
}