"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Flower2, Sparkles, Heart, Flower, Award, MapPin, Leaf, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Giina"
          navItems={[
            { name: "Collections", id: "products" },
            { name: "About", id: "about" },
            { name: "Why Giina", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Exquisite Flowers for Every Moment"
          description="Discover the beauty of nature with Giina's handcrafted floral arrangements. Fresh flowers delivered with love, passion, and attention to every detail."
          background={{ variant: "plain" }}
          tag="Fresh Blooms"
          tagIcon={Sparkles}
          tagAnimation="opacity"
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          buttonAnimation="blur-reveal"
          mediaItems={[
            { imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-bouquet-with-roses-vase-near-window-sunlight_181624-30882.jpg", imageAlt: "Fresh rose bouquet arrangement" },
            { imageSrc: "https://img.b2bpic.net/free-photo/beautiful-vase-pink-roses-grey-table_114579-39503.jpg", imageAlt: "Pink roses in vase" }
          ]}
          mediaAnimation="slide-up"
          rating={5}
          ratingText="Rated by loving Customers"
          ariaLabel="Hero section with dual media"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Collections"
          description="Hand-selected flowers arranged with care and expertise. Each bouquet is a masterpiece designed to bring joy and beauty into your life."
          tag="Featured"
          tagIcon={Sparkles}
          tagAnimation="opacity"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Red Romance Bouquet",              price: "$65",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-vase-pink-roses-grey-table_114579-39503.jpg",              imageAlt: "Red romance bouquet"
            },
            {
              id: "2",              name: "Sunset Harmony Mix",              price: "$85",              imageSrc: "https://img.b2bpic.net/free-photo/red-rose-bouquet-grey-background_23-2148017688.jpg",              imageAlt: "Colorful sunset harmony arrangement"
            },
            {
              id: "3",              name: "Pink Peony Elegance",              price: "$75",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bouquet-pink-roses-grey-table_114579-39487.jpg",              imageAlt: "Pink peony luxury bouquet"
            },
            {
              id: "4",              name: "Pure Daisy Delight",              price: "$55",              imageSrc: "https://img.b2bpic.net/free-photo/some-pink-roses-basket-white-background_268835-1382.jpg",              imageAlt: "Fresh white daisy arrangement"
            }
          ]}
          buttons={[
            { text: "View All Collections", href: "contact" }
          ]}
          buttonAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Giina: Where Nature Meets Art. We believe every flower tells a story, and every arrangement celebrates life's most precious moments."
          metrics={[
            { icon: Heart, label: "Happy Customers", value: "5,000+" },
            { icon: Flower, label: "Fresh Blooms Daily", value: "50+" },
            { icon: Award, label: "Years of Excellence", value: "12+" },
            { icon: MapPin, label: "Cities Served", value: "15" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="Why Choose Giina Flowers"
          description="Experience the difference with our premium floral service. From fresh sourcing to careful delivery, we ensure every bloom is perfect."
          tag="Our Promise"
          tagIcon={Leaf}
          tagAnimation="opacity"
          textboxLayout="default"
          features={[
            {
              id: 1,
              title: "Farm-Fresh Quality",              description: "We source directly from premium flower farms, ensuring the freshest blooms arrive at your doorstep within 24 hours of harvest.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-vase-pink-roses-grey-table_114579-39503.jpg",              imageAlt: "Fresh farm flowers"
            },
            {
              id: 2,
              title: "Expert Arrangements",              description: "Our experienced florists craft each arrangement with artistic precision, combining colors, textures, and stems for maximum beauty and longevity.",              imageSrc: "https://img.b2bpic.net/free-photo/red-rose-bouquet-grey-background_23-2148017688.jpg",              imageAlt: "Expert floral arrangement"
            },
            {
              id: 3,
              title: "Careful Delivery",              description: "Every bouquet is packaged with protective care and delivered fresh. We guarantee satisfaction with our white-glove delivery service in select areas.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bouquet-pink-roses-grey-table_114579-39487.jpg",              imageAlt: "Safe flower delivery"
            },
            {
              id: 4,
              title: "Lifetime Support",              description: "Get care tips to extend the life of your flowers. Our customer support team is available 24/7 to ensure your flowers stay beautiful longer.",              imageSrc: "https://img.b2bpic.net/free-photo/some-pink-roses-basket-white-background_268835-1382.jpg",              imageAlt: "Customer care support"
            }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Giina flowers transformed my wedding day. The arrangements were breathtaking, fresh, and exactly what I envisioned. The team's attention to detail and customer service was exceptional. I couldn't have asked for better!"
          rating={5}
          author="Sarah Mitchell, Event Planner"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",              alt: "Customer avatar 1"
            },
            {
              src: "https://img.b2bpic.net/free-photo/smiling-hispanic-female-executive-wearing-eyeglasses-standing-studio_662251-664.jpg",              alt: "Customer avatar 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg",              alt: "Customer avatar 3"
            }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Mail}
          tagAnimation="opacity"
          title="Ready to Brighten Someone's Day?"
          description="Reach out to Giina today. Let us help you find the perfect arrangement for any occasion. Our floral experts are ready to assist you."
          buttons={[
            { text: "Contact Us", href: "mailto:hello@giina.com" },
            { text: "Call Now", href: "tel:+1-555-GIINA-01" }
          ]}
          buttonAnimation="blur-reveal"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Giina Flowers"
          columns={[
            {
              title: "Collections",              items: [
                { label: "All Flowers", href: "products" },
                { label: "Seasonal", href: "products" },
                { label: "Premium", href: "products" },
                { label: "Custom Orders", href: "contact" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "about" },
                { label: "Why Choose Us", href: "features" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Delivery Info", href: "#" },
                { label: "Care Guide", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Returns", href: "#" },
                { label: "Sitemap", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Giina Flowers. All rights reserved with love."
        />
      </div>
    </ThemeProvider>
  );
}