"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Flower2, Leaf, Heart, CircleDollarSign, ArrowLeftRight, Send, House, MessageSquareText, Settings, Hexagon } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Bee"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Gallery", id: "gallery" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Handcrafted Floral Artistry"
          description="Transform your moments with stunning, bespoke flower arrangements created with passion and precision. At Bee, we celebrate nature's beauty through thoughtful design and exceptional quality."
          tag="Floral Design Studio"
          tagIcon={Sparkles}
          buttons={[
            { text: "Browse Gallery", href: "gallery" },
            { text: "Order Now", href: "contact" }
          ]}
          background={{ variant: "radial-gradient" }}
          dashboard={{
            title: "Our Creative Process",            logoIcon: Flower2,
            imageSrc: "https://img.b2bpic.net/free-photo/still-life-with-bouquet-blue-pink-wildflowers-vase_169016-58261.jpg",            imageAlt: "Beautiful floral arrangement",            searchPlaceholder: "Explore our designs...",            buttons: [
              { text: "View Collections", href: "gallery" },
              { text: "Custom Orders", href: "contact" }
            ],
            sidebarItems: [
              { icon: Leaf },
              { icon: Heart },
              { icon: Sparkles }
            ],
            stats: [
              {
                title: "Arrangements",                values: [150, 250, 380],
                description: "Created this season"
              },
              {
                title: "Happy Clients",                values: [450, 680, 920],
                description: "Served with care"
              },
              {
                title: "Awards Won",                values: [8, 12, 15],
                description: "Industry recognition"
              }
            ],
            chartTitle: "Seasonal Demand",            chartData: [
              { value: 45 },
              { value: 70 },
              { value: 85 },
              { value: 60 },
              { value: 90 }
            ],
            listTitle: "Latest Orders",            listItems: [
              {
                icon: Flower2,
                title: "Wedding Bouquet",                status: "In Progress"
              },
              {
                icon: Heart,
                title: "Anniversary Gift",                status: "Ready"
              },
              {
                icon: Leaf,
                title: "Corporate Event",                status: "Scheduled"
              }
            ]
          }}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Bee Flowers Studio"
          description="Discover the heart behind every arrangement"
          tabs={[
            {
              id: "story",              label: "Our Story",              description: "Founded with a passion for bringing nature's beauty into people's lives, Bee Flowers Studio began as a small dream to create meaningful floral experiences. Over the years, we've grown into a trusted destination for those seeking authentic, artisanal arrangements that tell stories."
            },
            {
              id: "philosophy",              label: "Our Philosophy",              description: "We believe that flowers are more than decoration—they're expressions of emotion and connection. Each arrangement is crafted with intention, using seasonal blooms and sustainable practices to ensure beauty that feels good inside and out."
            },
            {
              id: "craft",              label: "Our Craft",              description: "Every piece is handcrafted by our team of dedicated florists who blend technical skill with artistic vision. We stay true to timeless design principles while embracing contemporary trends, creating arrangements that are both elegant and unexpected."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg"
          imageAlt="Florist working in studio"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardThree
          title="Featured Arrangements"
          description="Browse our latest creations and find inspiration for your next occasion"
          products={[
            {
              id: "1",              name: "Romance in Bloom",              price: "$85.00",              imageSrc: "https://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17398.jpg",              imageAlt: "Rose and peony wedding bouquet"
            },
            {
              id: "2",              name: "Spring Awakening",              price: "$65.00",              imageSrc: "https://img.b2bpic.net/free-photo/vase-flower_74190-1525.jpg",              imageAlt: "Colorful spring flower arrangement"
            },
            {
              id: "3",              name: "Modern Minimalist",              price: "$75.00",              imageSrc: "https://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-34841.jpg",              imageAlt: "Contemporary minimalist arrangement"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          title="Our Services"
          description="From intimate moments to grand celebrations, we craft experiences through flowers"
          features={[
            {
              id: 1,
              title: "Wedding Flowers",              description: "Create the perfect backdrop for your special day with custom bridal bouquets, ceremony arrangements, and reception décor that captures your vision.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/fresh-flowers-glass-desk-floral-shop_23-2147929234.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17398.jpg"
              }
            },
            {
              id: 2,
              title: "Event Design",              description: "Transform any venue with thoughtfully designed centerpieces, installations, and floral décor that elevate your celebration.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/flower-composition-bucket-roses-orchid-lithianthus-side-view_141793-4427.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/vase-flower_74190-1525.jpg"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Impact"
          description="Join thousands who've experienced the Bee difference"
          metrics={[
            {
              id: "1",              value: "8+",              title: "Years of Excellence",              description: "Serving the community with passion",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg"
            },
            {
              id: "2",              value: "920+",              title: "Happy Customers",              description: "Trusted for life's important moments",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-with-bouquet-blue-pink-wildflowers-vase_169016-58261.jpg"
            },
            {
              id: "3",              value: "100%",              title: "Fresh Blooms",              description: "Sourced responsibly and sustainably",              imageSrc: "https://img.b2bpic.net/free-photo/vase-flower_74190-1525.jpg"
            },
            {
              id: "4",              value: "24hr",              title: "Custom Orders",              description: "Rush service available upon request",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-flowers-glass-desk-floral-shop_23-2147929234.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Loved by Our Clients"
          description="See what people are saying about their Bee experience"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Bride",              testimonial: "From our first consultation, we knew Bee was the perfect choice. The bridal bouquet was absolutely stunning, and the team's attention to detail made our wedding day even more special.",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-woman-holding-flowers_23-2149247574.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Emily Chen",              role: "Event Planner",              testimonial: "Working with Bee on corporate events has been a game-changer. They understand our vision and deliver arrangements that consistently impress our clients. Their reliability is unmatched.",              imageSrc: "https://img.b2bpic.net/free-photo/concentrated-young-woman-collecting-colorful-bouquet-workshop_171337-19286.jpg",              imageAlt: "Emily Chen"
            },
            {
              id: "3",              name: "Michael Rodriguez",              role: "Groom",              testimonial: "The centerpieces at our reception were breathtaking. Our guests couldn't stop talking about them. Bee made our celebration even more memorable than we could have imagined.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-making-pretty-floral-arrangement_23-2148846539.jpg",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "4",              name: "Lisa Thompson",              role: "Office Manager",              testimonial: "We order from Bee every month for our office. The freshness and quality are always exceptional. They've become an integral part of our company's culture and client experience.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-flower-shop_23-2149247584.jpg",              imageAlt: "Lisa Thompson"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          tagIcon={Flower2}
          title="Ready to Transform Your Moments?"
          description="Join our community of satisfied clients. Sign up for our newsletter to receive seasonal collections, design inspiration, and exclusive offers delivered straight to your inbox."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive marketing emails from Bee Flowers Studio."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Explore",              items: [
                { label: "Gallery", href: "gallery" },
                { label: "Services", href: "services" },
                { label: "About", href: "about" },
                { label: "Testimonials", href: "testimonials" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Email", href: "mailto:hello@beeflowers.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Newsletter", href: "contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#" },
                { label: "Delivery Info", href: "#" },
                { label: "Care Guide", href: "#" },
                { label: "Policies", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Bee Flowers Studio. All rights reserved. Crafted with love and petals."
        />
      </div>
    </ThemeProvider>
  );
}