"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="gradient-subtle"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Tu Kvitka"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Flowers", id: "products" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="TU KVITKA"
          description="Experience the beauty and elegance of handcrafted flower arrangements. Fresh blooms delivered to your doorstep with care and passion."
          buttons={[
            { text: "Browse Flowers", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-bunch-flowers-wooden-background-horizontal-view-from_1220-1133.jpg"
          imageAlt="Beautiful fresh flower arrangement"
          frameStyle="card"
          logoLineHeight={1.1}
          ariaLabel="Tu Kvitka hero section"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Crafting moments of beauty and joy through flowers. Each arrangement is a masterpiece of nature and artistry, carefully selected and designed to express your deepest emotions and celebrate life's most precious moments."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Explore Our Collection", href: "products" }
          ]}
          ariaLabel="About Tu Kvitka"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Why Choose Tu Kvitka"
          description="Discover what makes our flower arrangements special. From hand-selected blooms to expert arrangement and reliable delivery, we're committed to exceeding your expectations."
          tag="Our Promise"
          imageSrc="https://img.b2bpic.net/free-photo/crop-florist-putting-flowers-into-box_23-2147760954.jpg"
          imageAlt="Fresh flower delivery service"
          accordionItems={[
            {
              id: "1",              title: "Freshly Selected Blooms",              content: "Every flower in our arrangements is hand-selected from premium suppliers. We source only the freshest, highest-quality blooms to ensure your arrangements stay beautiful for longer."
            },
            {
              id: "2",              title: "Expert Arrangement Design",              content: "Our skilled florists craft each arrangement with artistic vision and technical expertise. Every bouquet is a unique expression of beauty, color harmony, and seasonal elegance."
            },
            {
              id: "3",              title: "Reliable Same-Day Delivery",              content: "Need flowers today? We offer same-day delivery throughout the city. Our delivery team handles every arrangement with care to ensure it arrives in perfect condition."
            },
            {
              id: "4",              title: "Personalized Service",              content: "Whether it's a custom arrangement for a special occasion or a regular subscription, we work with you to create exactly what you envision. Your satisfaction is our priority."
            }
          ]}
          mediaPosition="left"
          useInvertedBackground="noInvert"
          ariaLabel="Feature section"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Our Collection"
          description="Browse our selection of hand-crafted flower arrangements for every occasion."
          tag="Popular Choices"
          products={[
            {
              id: "1",              brand: "Tu Kvitka Premium",              name: "Red Rose Romance",              price: "$45.00",              rating: 5,
              reviewCount: "324",              imageSrc: "https://img.b2bpic.net/free-photo/mixed-flower-composition-side-vieq_140725-9166.jpg",              imageAlt: "Beautiful red roses bouquet",              onFavorite: () => {},
              isFavorited: false
            },
            {
              id: "2",              brand: "Tu Kvitka Bright",              name: "Sunny Sunflower Collection",              price: "$38.00",              rating: 5,
              reviewCount: "287",              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-bouquet-sunflowers-iris-blue-rose_140725-10854.jpg",              imageAlt: "Cheerful sunflowers arrangement",              onFavorite: () => {},
              isFavorited: false
            },
            {
              id: "3",              brand: "Tu Kvitka Spring",              name: "Tulip Elegance",              price: "$42.00",              rating: 5,
              reviewCount: "156",              imageSrc: "https://img.b2bpic.net/free-photo/colorful-flowers-vase_23-2148164083.jpg",              imageAlt: "Colorful tulips bouquet",              onFavorite: () => {},
              isFavorited: false
            },
            {
              id: "4",              brand: "Tu Kvitka Exotic",              name: "Orchid Sophistication",              price: "$65.00",              rating: 5,
              reviewCount: "89",              imageSrc: "https://img.b2bpic.net/free-photo/colorful-flowers-vase_1220-657.jpg",              imageAlt: "Premium orchid arrangement",              onFavorite: () => {},
              isFavorited: false
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          ariaLabel="Product collection"
          buttons={[
            { text: "Reserve", href: "contact" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Perfect Plans for Every Occasion"
          description="Choose the arrangement that best fits your needs and budget."
          tag="Flexible Pricing"
          plans={[
            {
              id: "standard",              title: "Standard Arrangement",              price: "$35",              period: "/delivery",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-bouquet-white-pink-color-alstroemeria-chrysanthemum-flowers-craft-paper-dark-background_141793-9271.jpg",              imageAlt: "Standard mixed flower arrangement",              features: [
                "Mixed seasonal flowers",                "Professional arrangement",                "Same-day delivery available",                "Care instructions included"
              ],
              button: { text: "Order Now", href: "contact" }
            },
            {
              id: "premium",              title: "Premium Bouquet",              price: "$65",              period: "/delivery",              imageSrc: "https://img.b2bpic.net/free-photo/composition-purple-flowers-tropical-plants_23-2148103139.jpg",              imageAlt: "Premium luxury flower bouquet",              features: [
                "Premium select flowers",                "Expert floral design",                "Priority same-day delivery",                "Premium packaging",                "Greeting card included"
              ],
              button: { text: "Order Now", href: "contact" }
            },
            {
              id: "deluxe",              title: "Deluxe Designer Collection",              price: "$95",              period: "/delivery",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-bouquet-white-color-calla-lilies-with-dark-purple-iris-lilac-white-gladiolus-pink-alstroemeria-flowers-glass-vase-purple-surface-grey-wooden-background_141793-8007.jpg",              imageAlt: "Deluxe designer flower arrangement",              features: [
                "Luxury imported flowers",                "Custom designer arrangement",                "Priority delivery (1-hour window)",                "Premium luxury packaging",                "Personal consultation",                "Gift wrapping & ribbon"
              ],
              button: { text: "Order Now", href: "contact" }
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          ariaLabel="Pricing plans section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Over 2,000 happy customers trust Tu Kvitka for their most important moments"
          cardTag="Customer Stories"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "David Chen",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "James Wilson",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg",              imageAlt: "James Wilson"
            }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="Customer testimonials"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Get In Touch"
          description="Have questions or ready to place your order? We'd love to hear from you. Reach out and let us create something beautiful for your special occasion."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "your@email.com", required: true },
            { name: "phone", type: "tel", placeholder: "+1 (555) 000-0000", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your flower needs, occasion, color preferences, or any special requests...",            rows: 5,
            required: true
          }}
          buttonText="Send Message"
          useInvertedBackground="noInvert"
          ariaLabel="Contact form section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-bunch-flowers-wooden-background-horizontal-view-from_1220-1133.jpg"
          imageAlt="Tu Kvitka footer image"
          logoText="Tu Kvitka"
          copyrightText="© 2025 Tu Kvitka | Handcrafted Flowers for Every Moment"
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Arrangements", href: "products" },
                { label: "Seasonal Flowers", href: "products" },
                { label: "Special Occasions", href: "products" },
                { label: "Gifts & Subscriptions", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Blog & Tips", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Delivery & Returns", href: "#" },
                { label: "Care Guide", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}