"use client";

import Link from "next/link";
import { Sparkles, Award, Heart, Globe, Flower2 } from "lucide-react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="large"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Bee"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Gallery", id: "/gallery" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Exquisite Floral Artistry"
          description="Celebrate life's beautiful moments with bespoke floral arrangements crafted by our talented artists. From weddings to corporate events, we bring nature's elegance to every occasion."
          background={{ variant: "sparkles-gradient" }}
          tag="Premium Floristry"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/man-winter-outfits-with-bouquet-mixed-flowers_114579-2706.jpg"
          imageAlt="Luxury floral arrangement in studio"
          buttons={[
            { text: "Explore Gallery", href: "/gallery" },
            { text: "Book Consultation", href: "/contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Bee Flowers Studio: Where Passion Meets Petals. We believe every celebration deserves extraordinary floral design that captures the essence of the moment."
          metrics={[
            { icon: Award, label: "Years of Excellence", value: "15+" },
            { icon: Heart, label: "Happy Clients", value: "2,500+" },
            { icon: Sparkles, label: "Custom Arrangements", value: "5,000+" },
            { icon: Globe, label: "Events Celebrated", value: "500+" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Our Collections"
          description="Discover our carefully curated selection of premium floral arrangements, each designed to express elegance and sophistication."
          products={[
            {
              id: "1",
              brand: "Bee Flowers",
              name: "Romantic Rose Ensemble",
              price: "$150",
              rating: 5,
              reviewCount: "347",
              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",
              imageAlt: "Romantic rose ensemble bouquet"
            },
            {
              id: "2",
              brand: "Bee Flowers",
              name: "Bridal Dream Collection",
              price: "$275",
              rating: 5,
              reviewCount: "289",
              imageSrc: "https://img.b2bpic.net/free-photo/romantic-bouquet-fresh-flowers-wedding-celebration-generated-by-ai_188544-45526.jpg",
              imageAlt: "Bridal dream collection wedding flowers"
            },
            {
              id: "3",
              brand: "Bee Flowers",
              name: "Seasonal Celebration",
              price: "$125",
              rating: 5,
              reviewCount: "412",
              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg",
              imageAlt: "Seasonal celebration colorful arrangement"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureProcessSteps
          title="Our Creative Process"
          description="From initial consultation to the final bloom, we guide you through our thoughtful design process to create arrangements that exceed expectations."
          tag="How We Work"
          tagIcon={Flower2}
          steps={[
            {
              number: "01",
              title: "Consultation & Vision",
              tag: "Day 1",
              description: "We listen to your ideas, preferences, and vision. Understanding your event and style helps us create the perfect arrangement for you."
            },
            {
              number: "02",
              title: "Design & Selection",
              tag: "Days 2-3",
              description: "Our artists sketch designs and select premium flowers. We source the finest blooms to ensure freshness and quality in every piece."
            },
            {
              number: "03",
              title: "Crafting & Delivery",
              tag: "Day 4",
              description: "We carefully arrange each flower with precision and artistry. Delivery is timed perfectly to ensure your arrangements arrive in pristine condition."
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to bring your floral vision to life? Let's create something beautiful together. Reach out today for a personalized consultation with our design team."
          animationType="reveal-blur"
          buttons={[
            { text: "Schedule Consultation", href: "/contact" },
            { text: "View Our Work", href: "/gallery" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="Bee" />
      </div>
    </ThemeProvider>
  );
}