"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Flower2, Heart, Flower, Palette, Zap, Star, Mail } from "lucide-react";

export default function FireFlowersPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Fire"
          navItems={[
            { name: "Collections", id: "collections" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Floral Artistry"
          bottomRightText="hello@firestudio.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Celebrate Every Moment with Fire"
          description="Exquisite floral arrangements crafted with passion and artistry. From romantic roses to vibrant seasonal blooms, each bouquet tells a story of beauty and elegance."
          tag="Premium Floristry"
          tagIcon={Sparkles}
          buttons={[
            { text: "Shop Collections" },
            { text: "Book Custom Arrangement" }
          ]}
          background={{ variant: "plain" }}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg",              imageAlt: "Red roses elegant bouquet"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",              imageAlt: "Pink peonies luxury arrangement"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-roses_1162-10.jpg",              imageAlt: "Mixed flowers colorful bouquet"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/rich-bouquet-made-red-roses-stands-outside_8353-8470.jpg",              imageAlt: "White flowers elegant arrangement"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-beautiful-red-roses-marble_114579-85918.jpg",              imageAlt: "Purple flowers luxury bouquet"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-445.jpg",              imageAlt: "Seasonal flowers fresh arrangement"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="collections" data-section="collections">
        <FeatureCardNine
          title="Our Featured Collections"
          description="Explore our most beloved floral collections, each designed to capture the essence of special moments and celebrations."
          tag="Collections"
          tagIcon={Flower2}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Rose Garden",              description: "Classic elegance meets modern design. Our signature rose bouquets feature premium long-stem roses in deep reds, soft pinks, and pristine whites, perfect for romantic occasions.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-gift-surprise_114579-427.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg"
              }
            },
            {
              id: 2,
              title: "Spring Bloom",              description: "Celebrate renewal with our vibrant spring collection. Featuring peonies, tulips, and daffodils in pastel hues that bring joy and freshness to any space.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/rose-wooden-background_1232-2088.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/bouquet-roses_1162-10.jpg"
              }
            },
            {
              id: 3,
              title: "Sunset Dream",              description: "Warm tones and golden hues create a mesmerizing display. Orange, coral, and yellow flowers blend beautifully for a stunning sunset-inspired arrangement.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-426.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/rich-bouquet-made-red-roses-stands-outside_8353-8470.jpg"
              }
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Fire Flowers Studio"
          description="At Fire, we believe every flower tells a story. Our team of passionate florists combines artistry, expertise, and love for nature to create unforgettable arrangements that celebrate life's most precious moments."
          tag="Our Story"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg"
          imageAlt="Florist working on arrangement"
          bulletPoints={[
            {
              title: "Premium Quality",              description: "We source the finest flowers from local and international growers, ensuring freshness and beauty in every arrangement.",              icon: Flower
            },
            {
              title: "Custom Designs",              description: "Every bouquet is created specifically for you, tailored to your preferences, color palette, and occasion.",              icon: Palette
            },
            {
              title: "Expert Artistry",              description: "Our experienced florists blend traditional techniques with modern design to create truly unique and stunning arrangements.",              icon: Sparkles
            },
            {
              title: "Same-Day Delivery",              description: "Order before 2 PM and your bouquet will be delivered the same day, fresh and beautifully wrapped.",              icon: Zap
            }
          ]}
          buttons={[
            { text: "Learn More" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Signature Bouquets"
          description="Handpicked arrangements featuring our most popular floral combinations, curated for every occasion."
          tag="Shop Now"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Rose Garden Supreme",              price: "$89.99",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-gift-surprise_114579-427.jpg",              imageAlt: "Rose garden bouquet",              initialQuantity: 1
            },
            {
              id: "2",              name: "Spring Bloom Delight",              price: "$74.99",              imageSrc: "https://img.b2bpic.net/free-photo/rose-wooden-background_1232-2088.jpg",              imageAlt: "Spring bloom arrangement",              initialQuantity: 1
            },
            {
              id: "3",              name: "Sunset Dream Elegance",              price: "$79.99",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-426.jpg",              imageAlt: "Sunset dream bouquet",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Real stories from happy customers who celebrated special moments with Fire flowers."
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Wedding Planner",              company: "Dream Events",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-brunette-woman-wearing-casual-clothes-looking-away-side-with-smile-face-natural-expression-laughing-confident_839833-10725.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "Jessica Chen",              role: "Event Coordinator",              company: "Luxury Celebrations",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",              imageAlt: "Jessica Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Interior Designer",              company: "Modern Spaces",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-natural-daytime-makeup-wearing-blue-shirt-beige-background-smiles-with-mischievous-cheerful-smile_343596-8237.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Lisa Anderson",              role: "Corporate Events Manager",              company: "Fortune 500 Tech",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/blonde-model-white-shirt-looks-seductive-positive_114579-29592.jpg",              imageAlt: "Lisa Anderson"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <PricingCardEight
          title="Services & Occasions"
          description="Tailored floral solutions for every celebration and special moment."
          tag="Services"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "weddings",              badge: "Popular",              badgeIcon: Heart,
              price: "Custom",              subtitle: "Wedding Bouquets & Decorations",              buttons: [
                { text: "Inquire" }
              ],
              features: [
                "Bridal bouquet design",                "Bridesmaids arrangements",                "Centerpieces for reception",                "Ceremony decorations",                "Same-day delivery available"
              ]
            },
            {
              id: "events",              badge: "Events",              badgeIcon: Sparkles,
              price: "Custom",              subtitle: "Corporate & Private Events",              buttons: [
                { text: "Inquire" }
              ],
              features: [
                "Event centerpieces",                "Themed arrangements",                "Large-scale installations",                "Consultation included",                "Delivery & setup service"
              ]
            },
            {
              id: "subscriptions",              badge: "Recurring",              badgeIcon: Zap,
              price: "$45/week",              subtitle: "Weekly Fresh Bouquets",              buttons: [
                { text: "Subscribe" }
              ],
              features: [
                "Fresh bouquet every week",                "Seasonal arrangements",                "Free delivery",                "Flexible cancellation",                "Exclusive member discounts"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Connected with Fire"
          description="Subscribe to receive exclusive offers, seasonal collections, and floral inspiration delivered to your inbox."
          tagIcon={Mail}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your inbox. Unsubscribe anytime. Check out our privacy policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Fire"
          copyrightText="© 2025 Fire Flowers Studio. All rights reserved."
          columns={[
            {
              title: "Collections",              items: [
                { label: "Rose Garden", href: "collections" },
                { label: "Spring Bloom", href: "collections" },
                { label: "Seasonal Special", href: "collections" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Weddings", href: "services" },
                { label: "Corporate Events", href: "services" },
                { label: "Subscriptions", href: "services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Instagram", href: "https://instagram.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}