"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Heart, Award, CheckCircle, Zap, Shield, Star, HelpCircle, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Flowers", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "products" }}
          brandName="Fiasko"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Discover Fresh Flowers for Every Moment"
          description="Premium floral arrangements delivered with care. From romantic roses to exotic orchids, find the perfect flowers to express your emotions and celebrate life's special moments."
          tag="Fresh Daily Delivery"
          tagIcon={Sparkles}
          background={{ variant: "plain" }}
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          carouselItems={[
            { 
              id: "1", 
              imageSrc: "https://img.b2bpic.net/free-photo/decoration-artificial-flower-table-filtered-image-processed_1232-3695.jpg", 
              imageAlt: "Beautiful pink roses bouquet" 
            },
            { 
              id: "2", 
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-bunch-romantic-roses_23-2148387902.jpg", 
              imageAlt: "Colorful spring tulips arrangement" 
            },
            { 
              id: "3", 
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-flowers-blue-surface_23-2147609383.jpg", 
              imageAlt: "Vibrant sunflowers collection" 
            },
            { 
              id: "4", 
              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-florish-vase-standing_114579-2320.jpg", 
              imageAlt: "Elegant white roses display" 
            },
            { 
              id: "5", 
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-pretty-floral-decoration_23-2147609389.jpg", 
              imageAlt: "Rainbow mixed flower bouquet" 
            },
            { 
              id: "6", 
              imageSrc: "https://img.b2bpic.net/free-photo/pink-fresh-rose-white-wooden-background_1150-7146.jpg", 
              imageAlt: "Premium lily flower arrangement" 
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Featured Flower Collections"
          description="Browse our handpicked selection of the finest floral arrangements, carefully crafted to bring beauty and joy to your celebrations."
          tag="Bestsellers"
          tagIcon={Heart}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Red Roses Deluxe",              price: "$79.99",              imageSrc: "https://img.b2bpic.net/free-photo/some-pink-roses-basket-white-background_268835-1382.jpg",              imageAlt: "Red roses deluxe bouquet",              initialQuantity: 1
            },
            {
              id: "2",              name: "Purple Orchids Premium",              price: "$89.99",              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-blue-ribbon-vintage-wooden-background_1220-285.jpg",              imageAlt: "Purple orchids premium arrangement",              initialQuantity: 1
            },
            {
              id: "3",              name: "Seasonal Garden Mix",              price: "$69.99",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-romantic-roses-table_23-2148387916.jpg",              imageAlt: "Seasonal mixed flower bouquet",              initialQuantity: 1
            }
          ]}
          buttons={[
            { text: "View All Collections", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="About Fiasko Flowers"
          description="With over a decade of passion for floristry, Fiasko has been crafting stunning arrangements that tell stories and create memories. We believe every flower deserves to be celebrated, and every moment deserves the perfect blooms."
          tag="Est. 2012"
          tagIcon={Award}
          imageSrc="https://img.b2bpic.net/free-photo/woman-s-hand-tying-bunch-flowers-with-string-shop_23-2147882098.jpg"
          imageAlt="Fiasko florist arranging flowers"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Our Story", href: "about" },
            { text: "Contact Us", href: "contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTen
          title="Why Choose Fiasko"
          description="Experience the Fiasko difference with premium quality, expert craftsmanship, and exceptional service."
          tag="Our Promise"
          tagIcon={CheckCircle}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",              title: "Premium Quality Flowers",              description: "We source only the freshest blooms from trusted local and international growers. Every flower is hand-selected to ensure vibrant colors, perfect form, and maximum longevity.",              media: { imageSrc: "https://img.b2bpic.net/free-photo/some-pink-roses-basket-white-background_268835-1382.jpg" },
              items: [
                { icon: Sparkles, text: "Fresh flowers daily" },
                { icon: CheckCircle, text: "Guaranteed freshness" },
                { icon: Zap, text: "Long-lasting blooms" }
              ],
              reverse: false
            },
            {
              id: "2",              title: "Fast & Reliable Delivery",              description: "Get your flowers delivered right on time, every time. Our dedicated delivery team ensures your arrangements arrive in perfect condition, carefully packaged and ready to impress.",              media: { imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-blue-ribbon-vintage-wooden-background_1220-285.jpg" },
              items: [
                { icon: Zap, text: "Same-day delivery available" },
                { icon: Shield, text: "Delivery guaranteed" },
                { icon: CheckCircle, text: "Careful handling assured" }
              ],
              reverse: true
            },
            {
              id: "3",              title: "Expert Floral Artistry",              description: "Our skilled florists combine creativity with technical expertise to design arrangements that perfectly capture your sentiments and exceed your expectations.",              media: { imageSrc: "https://img.b2bpic.net/free-photo/top-view-romantic-roses-table_23-2148387916.jpg" },
              items: [
                { icon: Award, text: "Award-winning designers" },
                { icon: Heart, text: "Custom arrangements" },
                { icon: Sparkles, text: "Artistic excellence" }
              ],
              reverse: false
            }
          ]}
          buttons={[
            { text: "Explore Collections", href: "products" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Customers Love"
          description="Join thousands of satisfied customers who trust Fiasko for their special moments and celebrations."
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Bride",              company: "Wedding Client",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "Emma Rodriguez",              role: "Event Planner",              company: "Events & Celebrations",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "3",              name: "Michael Chen",              role: "Regular Customer",              company: "Loyal Client",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "4",              name: "Jessica Williams",              role: "Corporate Client",              company: "Business Partner",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Jessica Williams"
            }
          ]}
          kpiItems={[
            { value: "10K+", label: "Happy Customers" },
            { value: "99%", label: "Satisfaction Rate" },
            { value: "13+", label: "Years of Excellence" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our flowers, delivery, and services."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How long do your flowers last?",              content: "With proper care, our fresh flowers typically last 7-10 days. We include care instructions with every arrangement. Keep them in fresh water, remove lower leaves, and trim stems every few days for maximum longevity."
            },
            {
              id: "2",              title: "Do you offer same-day delivery?",              content: "Yes! We offer same-day delivery for orders placed before 2 PM in your area. Simply select the same-day delivery option at checkout. Our delivery team will bring your flowers fresh and beautiful to your doorstep."
            },
            {
              id: "3",              title: "Can I customize my arrangement?",              content: "Absolutely! We love custom orders. Contact our team with your specifications, color preferences, and budget. Our expert florists will create a unique arrangement that perfectly matches your vision."
            },
            {
              id: "4",              title: "What's your return policy?",              content: "We guarantee 100% satisfaction with every order. If you're not happy with your flowers, contact us within 24 hours of delivery, and we'll make it right—either with a replacement or full refund."
            },
            {
              id: "5",              title: "Do you ship internationally?",              content: "Currently, we deliver within the local area and surrounding regions. For international inquiries, please contact our team directly for special arrangements and custom solutions."
            },
            {
              id: "6",              title: "How should I care for my flowers?",              content: "Place flowers in clean water with the included flower food. Keep them away from direct sunlight, heat, and ripening fruits. Change water every 2-3 days and trim stems at an angle before placing back in water."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get In Touch"
          ctaDescription="Have a question or need a custom arrangement? Reach out to our team and we'll help you find the perfect flowers."
          ctaButton={{ text: "Contact Us", href: "contact" }}
          ctaIcon={Mail}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is your order process?",              content: "Simply browse our collections, select your flowers, customize if needed, and proceed to checkout. You'll receive an order confirmation with delivery details. Our team will prepare your arrangement with care and deliver it on your chosen date."
            },
            {
              id: "2",              title: "Do you offer corporate gifting?",              content: "Yes! We specialize in corporate flower arrangements for offices, events, and special occasions. Bulk orders and subscription services are available. Contact our corporate team for customized solutions and pricing."
            },
            {
              id: "3",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, digital wallets, and bank transfers. All transactions are secure and encrypted. You'll receive a receipt confirmation for every purchase."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Fiasko"
          columns={[
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Flowers", href: "products" },
                { label: "Why Choose Us", href: "features" }
              ]
            },
            {
              items: [
                { label: "Customer Reviews", href: "testimonials" },
                { label: "FAQ", href: "faq" },
                { label: "Care Guide", href: "features" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Delivery Info", href: "contact" },
                { label: "Custom Orders", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}