"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Heart, Leaf, Sparkles, Trophy, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="medium"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Bee at Home"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Why Us", id: "why-us" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Bee at Home"
          description="Pure, raw, and delicious honey harvested with care. From our hives to your table, experience the golden goodness of nature."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Explore Products", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/jar-sweet-honey-flowers-desk_23-2147938089.jpg"
          imageAlt="Golden honey jar with honeycomb"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Sparkles}
          title="Crafted by nature, perfected by passion. Every jar tells the story of our commitment to quality and sustainability."
          description="Bee at Home"
          subdescription="Artisanal Honey Since 2015"
          icon={Leaf}
          imageSrc="https://img.b2bpic.net/free-photo/shot-beekeeper-beekeeping-suit-standing-near-row-beehives-his-apiary-copyspace_7502-5476.jpg"
          imageAlt="Beekeeper tending to hives in sunlit field"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Premium Selection"
          description="Hand-selected honey varieties sourced from sustainable beekeeping practices"
          tag="Fresh Harvest"
          tagIcon={Leaf}
          products={[
            {
              id: "1",              name: "Raw Wildflower Honey",              price: "$24.99",              imageSrc: "https://img.b2bpic.net/free-photo/honey-toasts-with-walnuts-cereals_95678-310.jpg",              imageAlt: "Raw wildflower honey bottle",              initialQuantity: 1
            },
            {
              id: "2",              name: "Golden Clover Honey",              price: "$19.99",              imageSrc: "https://img.b2bpic.net/free-photo/spoon-full-honey_23-2148132520.jpg",              imageAlt: "Golden clover honey jar",              initialQuantity: 1
            },
            {
              id: "3",              name: "Premium Creamed Honey",              price: "$27.99",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-with-honey-utensils_95678-307.jpg",              imageAlt: "Premium creamed honey jar",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBento
          title="Why Choose Bee at Home"
          description="Experience the difference of artisanal, sustainably harvested honey with exceptional quality and taste"
          tag="Benefits"
          tagIcon={Award}
          features={[
            {
              title: "100% Pure & Raw",              description: "No additives, no processing—just pure, raw honey straight from the hive",              bentoComponent: "reveal-icon",              icon: Heart
            },
            {
              title: "Sustainable Practices",              description: "Supporting local beekeepers with ethical, environmentally responsible harvesting",              bentoComponent: "reveal-icon",              icon: Leaf
            },
            {
              title: "Health Benefits",              description: "Rich in antioxidants and natural enzymes for wellness and vitality",              bentoComponent: "reveal-icon",              icon: Zap
            },
            {
              title: "Award-Winning Quality",              description: "Recognized by honey enthusiasts and certified for superior taste and purity",              bentoComponent: "reveal-icon",              icon: Trophy
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Loved by thousands of happy customers who trust us for their daily honey needs"
          cardTag="Customer Stories"
          cardTagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-shopping-bags_329181-18722.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-looking-camera-office_23-2148218515.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              name: "Jessica Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",              imageAlt: "Jessica Martinez"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricCardTen
          title="By The Numbers"
          description="See why Bee at Home is the choice for honey lovers everywhere"
          metrics={[
            {
              id: "1",              title: "Years of Expertise",              subtitle: "Crafting premium honey since 2015",              category: "Heritage",              value: "9+"
            },
            {
              id: "2",              title: "Happy Customers",              subtitle: "Satisfied families across the nation",              category: "Community",              value: "15K+"
            },
            {
              id: "3",              title: "Honey Varieties",              subtitle: "Unique flavors from sustainable sources",              category: "Selection",              value: "12"
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Taste the Difference?"
          tagIcon={Heart}
          title="Get Your Honey Today"
          description="Join thousands of customers enjoying the pure, authentic taste of Bee at Home honey. Order now and experience the golden goodness."
          buttons={[
            { text: "Order Now", href: "#products" },
            { text: "Contact Us", href: "#footer" }
          ]}
          background={{ variant: "animated-grid" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/beekeeper-working-bee-farm_23-2151441129.jpg"
          imageAlt="Honey and natural ingredients lifestyle"
          logoText="Bee at Home"
          copyrightText="© 2025 Bee at Home. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Products", href: "#products" },
                { label: "New Arrivals", href: "#products" },
                { label: "Gift Sets", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "#why-us" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact", href: "#contact" },
                { label: "FAQ", href: "#contact" },
                { label: "Shipping Info", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}