"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Calendar, Flower2, Sparkles, Star, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Bee & Honey"
          navItems={[
            { name: "Featured", id: "products" },
            { name: "About Us", id: "about" },
            { name: "How It Works", id: "process" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Bee & Honey"
          description="Handcrafted floral arrangements for every occasion. Fresh flowers delivered with love and artistry."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Shop Flowers", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/delicate-bouquet-spring-flowers-vase-windowsill_169016-28349.jpg"
          imageAlt="Fresh colorful flower bouquet"
          frameStyle="card"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Arrangements"
          description="Explore our most popular floral collections, carefully curated for freshness and beauty"
          products={[
            {
              id: "1",              name: "Classic Red Roses",              price: "$65.00",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-flowers-blue-surface_23-2147609383.jpg",              imageAlt: "Premium red rose arrangement"
            },
            {
              id: "2",              name: "Sunny Sunflowers",              price: "$55.00",              imageSrc: "https://img.b2bpic.net/free-photo/flower-composition-bucket-roses-chrysanthemum-side-view_141793-4420.jpg",              imageAlt: "Bright sunflower bouquet"
            },
            {
              id: "3",              name: "Spring Tulips",              price: "$60.00",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-beautiful-bouquet-bright-white-rose-flowers_181624-32225.jpg",              imageAlt: "Colorful tulip arrangement"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Flower2}
          title="Bringing Nature's Beauty to Your Celebrations"
          description="Bee & Honey was founded on the belief that every moment deserves the artistry of fresh flowers. For over a decade, we've been sourcing the finest blooms and crafting arrangements that tell your story. Each bouquet is created with passion and attention to detail."
          metrics={[
            { value: "5000+", title: "Happy Customers" },
            { value: "10+", title: "Years of Excellence" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/full-shot-woman-holding-flowers_23-2149247574.jpg"
          imageAlt="Bee & Honey flower studio workspace"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureProcessSteps
          tag="How We Work"
          tagIcon={Sparkles}
          title="From Selection to Delivery"
          description="Our simple yet meticulous process ensures you receive the freshest, most beautiful flowers every time."
          steps={[
            {
              number: "01",              title: "Choose Your Design",              tag: "Browse",              description: "Select from our curated collection of arrangements or request a custom design for your special occasion."
            },
            {
              number: "02",              title: "Fresh Sourcing",              tag: "Curate",              description: "Our florists hand-select premium blooms from local and international suppliers daily."
            },
            {
              number: "03",              title: "Expert Crafting",              tag: "Create",              description: "Each arrangement is artfully designed by our skilled florists with precision and creativity."
            },
            {
              number: "04",              title: "Prompt Delivery",              tag: "Deliver",              description: "We ensure same-day delivery to keep your flowers fresh and beautiful for longer."
            }
          ]}
          buttons={[
            { text: "Browse Collections", href: "#products" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Hear from those who have experienced the beauty and quality of Bee & Honey flowers"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahmitchell",              testimonial: "The flowers arrived incredibly fresh and the arrangement was even more beautiful than the picture. Best florist in town!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jchen_designs",              testimonial: "I've ordered for my wedding, and the team went above and beyond with custom designs. Absolutely stunning work.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmarose_living",              testimonial: "Fast delivery, fresh flowers, and exceptional customer service. They made my celebration truly special.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Torres",              handle: "@mtorres_photography",              testimonial: "Perfect for corporate events and gifts. The professionalism and quality are unmatched. Highly recommended!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",              imageAlt: "Michael Torres"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Impact"
          description="Bee & Honey by the numbers - celebrating our growth and commitment to excellence"
          metrics={[
            {
              id: "1",              value: "15000",              title: "Bouquets Delivered",              description: "Fresh arrangements delivered with care",              icon: Flower2
            },
            {
              id: "2",              value: "98%",              title: "Customer Satisfaction",              description: "Rated excellent on all platforms",              icon: Star
            },
            {
              id: "3",              value: "365",              title: "Days a Year",              description: "Open and delivering flowers",              icon: Calendar
            },
            {
              id: "4",              value: "24",              title: "Hour Delivery",              description: "Same-day or next-day service",              icon: Zap
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about an arrangement or need custom floral design? We're here to help! Send us a message and we'll respond within 24 hours."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your flower arrangement needs...",            rows: 5,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg"
          imageAlt="Flower delivery service"
          mediaPosition="right"
          buttonText="Send Message"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-shot-flowers-plants-garden_181624-43880.jpg"
          imageAlt="Beautiful flower garden background"
          logoText="Bee & Honey"
          copyrightText="© 2025 Bee & Honey Flowers. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "Featured Arrangements", href: "#products" },
                { label: "Custom Orders", href: "#contact" },
                { label: "Seasonal Collections", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "How We Work", href: "#process" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Delivery Info", href: "#" },
                { label: "Care Guide", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}