"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Flower, Heart, Leaf, Star, Gift, Mail } from 'lucide-react';

export default function Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="JijO"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "FAQ", id: "faq" }
          ]}
          bottomLeftText="Freshness Guaranteed"
          bottomRightText="info@jijo-flowers.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Celebrate Every Moment with Fresh Flowers"
          description="Discover JijO's premium selection of handcrafted floral arrangements. From romantic roses to vibrant sunflowers, we deliver beauty to your doorstep."
          tag="Premium Flowers"
          tagIcon={Sparkles}
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          background={{ variant: "plain" }}
          carouselItems={[
            { id: "1", imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg", imageAlt: "Red roses premium bouquet" },
            { id: "2", imageSrc: "https://img.b2bpic.net/free-photo/romantic-bouquet-fresh-flowers-wedding-celebration-generated-by-ai_188544-45526.jpg", imageAlt: "Pink tulips elegant arrangement" },
            { id: "3", imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg", imageAlt: "White lilies luxury bouquet" },
            { id: "4", imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-gift-surprise_114579-427.jpg", imageAlt: "Sunflowers bright arrangement" },
            { id: "5", imageSrc: "https://img.b2bpic.net/free-photo/top-view-beautiful-red-roses-marble_114579-85918.jpg", imageAlt: "Mixed flowers colorful bouquet" },
            { id: "6", imageSrc: "https://img.b2bpic.net/free-photo/bouquet-red-flowers-glass-vase-dark-background_140725-497.jpg", imageAlt: "Peony flowers premium arrangement" }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Collection"
          description="Handpicked floral arrangements crafted with the freshest blooms. Each bouquet is a masterpiece designed to express your emotions."
          tag="New Arrivals"
          tagIcon={Flower}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            { id: "1", name: "Passion Red Roses", price: "$85", imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-bouquet-red-velvet-roses-hand_114579-1435.jpg", imageAlt: "Red roses bouquet" },
            { id: "2", name: "Spring Tulips Mix", price: "$65", imageSrc: "https://img.b2bpic.net/free-photo/girlfriend-standing-living-room-filled-with-romantic-gifts_482257-77346.jpg", imageAlt: "Tulip arrangement" },
            { id: "3", name: "Sunny Sunflowers", price: "$75", imageSrc: "https://img.b2bpic.net/free-photo/side-view-bouquet-red-color-roses-flowers_140725-12105.jpg", imageAlt: "Sunflower bouquet" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Heart}
          title="Bringing Nature's Beauty to Your Celebrations"
          description="JijO was founded with a simple mission: to deliver the freshest, most beautiful flower arrangements to celebrate life's special moments. With over a decade of experience, our expert florists handcraft each arrangement with passion and precision. We source our blooms directly from trusted growers to ensure premium quality and longevity."
          metrics={[
            { value: "10,000+", title: "Happy Customers" },
            { value: "12 Years", title: "Industry Experience" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/florist-arranging-flowers-shop_23-2147882014.jpg"
          imageAlt="JijO flower shop interior"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardEight
          title="Our Services"
          description="Everything you need for your floral needs"
          tag="What We Offer"
          tagIcon={Leaf}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            { id: 1, title: "Same-Day Delivery", description: "Order before 2 PM and receive your flowers the same day. Fast, reliable delivery across the city.", imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg", imageAlt: "Fast flower delivery service" },
            { id: 2, title: "Custom Arrangements", description: "Work with our expert florists to create a unique arrangement tailored to your preferences and budget.", imageSrc: "https://img.b2bpic.net/free-photo/romantic-bouquet-fresh-flowers-wedding-celebration-generated-by-ai_188544-45526.jpg", imageAlt: "Custom flower arrangement design" },
            { id: 3, title: "Subscription Plans", description: "Enjoy fresh flowers delivered weekly to brighten your space. Cancel anytime with no commitment.", imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg", imageAlt: "Weekly flower subscription service" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Thousands"
          description="See what our customers have to say about their JijO flower experiences"
          tag="Customer Stories"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            { id: "1", title: "Perfect for My Wedding", quote: "The team at JijO created the most beautiful floral arrangements for our wedding. Every detail was perfect, and the flowers stayed fresh throughout the entire day. Highly recommended!", name: "Sarah Johnson", role: "Bride", imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageAlt: "Sarah Johnson" },
            { id: "2", title: "Beautiful and Fresh", quote: "I ordered flowers for my mother's birthday and she absolutely loved them. The arrangement was stunning and the flowers lasted for two weeks. Best flower delivery service ever!", name: "Michael Chen", role: "Regular Customer", imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "Michael Chen" },
            { id: "3", title: "Professional Service", quote: "JijO's customer service is exceptional. They helped me customize a bouquet for a corporate event and delivered it on time. The quality is outstanding.", name: "Emily Rodriguez", role: "Event Planner", imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageAlt: "Emily Rodriguez" },
            { id: "4", title: "My Go-To Flower Shop", quote: "I've been ordering from JijO for years now. They never disappoint. The flowers are always fresh, the arrangements are creative, and the team is so friendly.", name: "David Kim", role: "Loyal Customer", imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "David Kim" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Choose Your Plan"
          description="Select the perfect flower subscription plan for your needs"
          tag="Subscription Options"
          tagIcon={Gift}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            { id: "1", badge: "Starter", badgeIcon: Flower, price: "$35/month", subtitle: "Perfect for home enjoyment", features: ["One small bouquet per month", "Standard flower selection", "Flexible delivery scheduling", "Email support"] },
            { id: "2", badge: "Most Popular", badgeIcon: Sparkles, price: "$65/month", subtitle: "Premium weekly blooms", features: ["One bouquet per week", "Premium flower selection", "Same-day delivery available", "Priority customer support", "Seasonal specials included"] }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about JijO flowers and our services"
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            { id: "1", title: "How long will my flowers last?", content: "Our flowers typically last 7-14 days when properly cared for. We provide care instructions with every arrangement to help you maximize their freshness. Fresh blooms and quality stems ensure longevity." },
            { id: "2", title: "Do you offer same-day delivery?", content: "Yes! If you order before 2 PM, we deliver the same day to most areas in the city. Orders placed after 2 PM will be delivered the next business day. Weekend and holiday deliveries are also available." },
            { id: "3", title: "Can I customize my arrangement?", content: "Absolutely! We love creating custom arrangements. Contact our team with your preferences, budget, and occasion, and our expert florists will design something perfect for you." },
            { id: "4", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, digital wallets, and bank transfers. All transactions are secure and encrypted for your protection." },
            { id: "5", title: "Is there a minimum order value?", content: "Our minimum order value is $35. However, most of our arrangements start from $45 and up, offering great value for premium quality flowers." }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Updated with Fresh Flower Ideas"
          description="Subscribe to our newsletter for exclusive offers, seasonal arrangements, and flower care tips delivered to your inbox."
          tagIcon={Mail}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. We send updates twice a month."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            { title: "Shop", items: [{ label: "Featured Flowers", href: "products" }, { label: "Custom Arrangements", href: "services" }, { label: "Subscription Plans", href: "pricing" }] },
            { title: "Company", items: [{ label: "About JijO", href: "about" }, { label: "Contact Us", href: "contact" }, { label: "FAQ", href: "faq" }] },
            { title: "Support", items: [{ label: "Delivery Info", href: "#" }, { label: "Care Guide", href: "#" }, { label: "Returns", href: "#" }] }
          ]}
          copyrightText="© 2025 JijO Flowers. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}