"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Heart, Cake, Leaf, Gift, Sparkles, Star, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            {name: "Home", id: "hero"},
            {name: "Products", id: "products"},
            {name: "Shop", id: "/shop"},
            {name: "About", id: "about"},
            {name: "Testimonials", id: "testimonials"},
            {name: "Contact", id: "/contact"}
          ]}
          brandName="Kvitok"
          bottomLeftText="Fresh Flowers Daily"
          bottomRightText="hello@kvitok.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit 
          logoText="KVITOK"
          description="Discover the beauty of fresh, handcrafted floral arrangements. From elegant roses to vibrant sunflowers, we bring nature's finest blooms to your doorstep with care and passion."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Shop Now", href: "/shop" },
            { text: "Learn More", href: "#about" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/lisianthus-bouquet-wooden-table_501050-281.jpg"
          imageAlt="Beautiful floral arrangement with fresh flowers"
          frameStyle="card"
          logoLineHeight={1.2}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour 
          title="Featured Collections"
          description="Handpicked selections of our most beloved floral arrangements, perfect for any occasion"
          tag="New Arrivals"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              name: "Romantic Red Roses Bouquet",              price: "$89.99",              variant: "Premium Selection • 24 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/tender-pink-roses-put-bouquet_1304-5428.jpg",              imageAlt: "Red roses bouquet"
            },
            {
              id: "2",              name: "Vibrant Tulip Garden",              price: "$74.99",              variant: "Spring Colors • Mixed Varieties",              imageSrc: "https://img.b2bpic.net/free-photo/decoration-artificial-flower-table-filtered-image-processed_1232-3631.jpg",              imageAlt: "Colorful tulips arrangement"
            },
            {
              id: "3",              name: "Sunshine Sunflower Mix",              price: "$64.99",              variant: "Cheerful Yellow • 12 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/exotic-rustic-bunch-flowers-mixed-colors_114579-1969.jpg",              imageAlt: "Bright sunflowers bouquet"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout 
          title="Why Choose Kvitok"
          description="Experience the Kvitok difference with every arrangement"
          tabs={[
            {
              id: "quality",              label: "Premium Quality",              description: "Every flower is hand-selected from the finest growers and suppliers. We guarantee freshness and beauty in every arrangement, ensuring your flowers last longer and look stunning."
            },
            {
              id: "expertise",              label: "Expert Florists",              description: "Our experienced team of professional florists creates custom arrangements tailored to your preferences. With years of expertise, we transform flowers into art."
            },
            {
              id: "service",              label: "Fast Delivery",              description: "Same-day delivery available for orders placed before 2 PM. We ensure your flowers arrive fresh, beautifully arranged, and on time, every time."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/decoration-artificial-flower-table-filtered-image-processed_1232-3629.jpg"
          imageAlt="Expert florist arranging beautiful flowers"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureHoverPattern 
          title="Special Collections"
          description="Explore our curated collections designed for every moment and occasion"
          tag="Collections"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              icon: Heart,
              title: "Romance",              description: "Express your love with our carefully curated romantic arrangements, perfect for anniversaries and special moments."
            },
            {
              icon: Cake,
              title: "Celebrations",              description: "Brighten any celebration with vibrant, cheerful arrangements that complement your festive moments perfectly."
            },
            {
              icon: Leaf,
              title: "Sympathy",              description: "Respectful and elegant arrangements to express your deepest condolences and support during difficult times."
            },
            {
              icon: Gift,
              title: "Gifts",              description: "Unique floral gifts that convey your appreciation and gratitude to the special people in your life."
            }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix 
          title="What Our Customers Say"
          description="Join thousands of happy customers who trust Kvitok for their floral needs"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          speed={40}
          testimonials={[
            {
              id: "1",              name: "Maria Johnson",              handle: "@maria_loves_flowers",              testimonial: "The bouquet was absolutely stunning! Fresh, beautifully arranged, and delivered right on time. Kvitok is my go-to for all my floral needs.",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Maria Johnson"
            },
            {
              id: "2",              name: "David Chen",              handle: "@davidchen_designs",              testimonial: "Exceptional quality and attention to detail. Every flower is perfect, and the customer service is outstanding. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Sarah Williams",              handle: "@sarah_gardens",              testimonial: "I've ordered from Kvitok multiple times and they never disappoint. Fresh flowers, beautiful arrangements, and always on time. Best florist in town!",              imageSrc: "https://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",              imageAlt: "Sarah Williams"
            },
            {
              id: "4",              name: "Michael Park",              handle: "@mikeparkcreative",              testimonial: "Amazing service and beautiful arrangements. My wife loved the flowers, and the presentation was absolutely gorgeous. Thank you, Kvitok!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Michael Park"
            },
            {
              id: "5",              name: "Emma Rodriguez",              handle: "@emmarodriguez",              testimonial: "Outstanding quality and delivery. The flowers stayed fresh for over two weeks. Kvitok is worth every penny!",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "6",              name: "James Watson",              handle: "@jameswatson",              testimonial: "Professional, courteous, and the flowers are always perfect. Kvitok is my trusted choice for corporate arrangements and gifts.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",              imageAlt: "James Watson"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase 
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products and services"
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How long do your flowers last?",              content: "Our premium flowers typically last 7-14 days with proper care. We include care instructions with every arrangement. Fresh flowers are harvested daily to ensure maximum longevity."
            },
            {
              id: "2",              title: "Do you offer same-day delivery?",              content: "Yes! Same-day delivery is available for orders placed before 2 PM in your area. We deliver fresh arrangements straight from our studio to ensure quality and freshness."
            },
            {
              id: "3",              title: "Can I customize my arrangement?",              content: "Absolutely! We specialize in custom arrangements tailored to your preferences, budget, and occasion. Contact our florists directly for personalized service."
            },
            {
              id: "4",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, debit cards, and digital payment methods including PayPal and Apple Pay for your convenience."
            },
            {
              id: "5",              title: "Do you offer bulk orders for events?",              content: "Yes, we specialize in corporate and event arrangements. Contact us for bulk orders and special pricing on weddings, corporate events, and large celebrations."
            },
            {
              id: "6",              title: "What's your return policy?",              content: "We stand behind our quality. If you're not satisfied with your flowers, we offer a replacement or refund within 24 hours of delivery."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm 
          title="Get in Touch"
          description="Have questions about our flowers or services? Reach out to our team. We're here to help and would love to hear from you."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your floral needs or questions...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005538.jpg"
          imageAlt="Beautiful flower arrangement"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia 
          imageSrc="https://img.b2bpic.net/free-photo/flower-cake_74190-4879.jpg"
          imageAlt="Beautiful flower field"
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Arrangements", href: "/shop" },
                { label: "Collections", href: "#feature" },
                { label: "Custom Orders", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Contact Us", href: "#contact" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Delivery Info", href: "#faq" },
                { label: "Care Guide", href: "#faq" }
              ]
            }
          ]}
          logoText="KVITOK"
          copyrightText="© 2025 Kvitok Flowers. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
