"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Flower2 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="grid"
      cardStyle="subtle-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="IndoLor"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Collections", id: "collections" },
            { name: "Services", id: "services" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Elegant Floral Artistry"
          description="Discover beautifully crafted flower arrangements for every occasion. From weddings to celebrations, IndoLor brings nature's beauty to life."
          tag="Premium Floristry"
          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/uploaded-1771578706866-a7zjtsw5.mp4"
          imageAlt="Beautiful flower arrangement"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Browse Collections", href: "collections" },
            { text: "Book Consultation", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Crafted with Passion"
          description="At IndoLor, we believe every flower tells a story. With over a decade of experience in floristry, our talented team creates stunning arrangements that capture emotions and celebrate life's special moments. We source the finest flowers and use sustainable practices."
          tag="About IndoLor"
          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/uploaded-1771578629160-cn9h0zvr.mp4"
          imageAlt="Our flower studio"
          useInvertedBackground={false}
          buttons={[
            { text: "Learn Our Story", href: "#" }
          ]}
        />
      </div>

      <div id="collections" data-section="collections">
        <ProductCardTwo
          title="Featured Collections"
          description="Explore our exquisite selection of handcrafted floral arrangements, each piece designed to bring joy and elegance."
          tag="Shop"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "IndoLor",              name: "Romance Red Roses",              price: "$85.00",              rating: 5,
              reviewCount: "142",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/uploaded-1770200756297-lx7ph7fu.jpg",              imageAlt: "Red roses bouquet"
            },
            {
              id: "2",              brand: "IndoLor",              name: "Pure Elegance White",              price: "$95.00",              rating: 5,
              reviewCount: "98",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/uploaded-1770200760466-j705jlae.jpg",              imageAlt: "White lilies arrangement"
            },
            {
              id: "3",              brand: "IndoLor",              name: "Seasonal Spectrum",              price: "$75.00",              rating: 5,
              reviewCount: "167",              imageSrc: "https://img.b2bpic.net/free-photo/various-colorful-flower-bouquet-decorated-white-wooden-background_23-2148048404.jpg?_wi=1",              imageAlt: "Mixed colorful flowers"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Our Services"
          description="From custom arrangements to event styling, discover what we offer."
          tag="Services"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Custom Arrangements",              description: "Personalized floral designs tailored to your vision and preferences. Whether it's a specific color palette or flower type, we create bespoke arrangements for weddings, events, and special occasions.",              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg?_wi=2",              imageAlt: "Custom floral arrangement"
            },
            {
              id: 2,
              title: "Wedding Floristry",              description: "Complete wedding flower packages including bridal bouquets, ceremony installations, and reception centerpieces. Our team works closely with couples to bring their dream wedding aesthetic to life.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-still-life-bouquet-with-calla-lily_23-2148029172.jpg?_wi=2",              imageAlt: "Wedding flower arrangement"
            },
            {
              id: 3,
              title: "Event Styling",              description: "Transform any space with stunning floral installations and decorative arrangements. From intimate gatherings to large corporate events, we design florals that elevate your event's ambiance.",              imageSrc: "https://img.b2bpic.net/free-photo/various-colorful-flower-bouquet-decorated-white-wooden-background_23-2148048404.jpg?_wi=2",              imageAlt: "Event flower decoration"
            },
            {
              id: 4,
              title: "Subscription Plans",              description: "Enjoy fresh flower arrangements delivered weekly or bi-weekly. Perfect for home or office, our subscription service keeps your space vibrant and filled with nature's beauty.",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-wedding-bouquet_1157-18562.jpg?_wi=2",              imageAlt: "Subscription flower delivery"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Hear from those who've experienced IndoLor's artistry and service."
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground={false}
          showRating={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahj_events",              testimonial: "IndoLor created the most breathtaking bridal bouquet for my wedding. Every detail was perfect, and the flowers stayed fresh throughout the day. Highly recommended!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-exited-girl-with-brown-hair-pink-lips-is-looking-up-with-wonderful-smile-near-window-sun-day-pretty-adorable-lady-resting-home_291650-2326.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "@michaelchen92",              testimonial: "I've been using IndoLor's subscription service for 6 months. The variety and quality of arrangements are consistently excellent. They brighten my office every week!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmarode",              testimonial: "For my corporate event, IndoLor delivered stunning floral installations. The team was professional, creative, and delivered exactly what I envisioned. They exceeded expectations!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-striped-tshirt-isolated-white-background-looking-away-side-with-smile-face-natural-expression-laughing-confident_839833-30463.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "David Park",              handle: "@davidpark_co",              testimonial: "Custom arrangements for my mother's birthday were absolutely gorgeous. The team took time to understand what I wanted and delivered something truly special.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",              imageAlt: "David Park"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Ready to Order?"
          description="Subscribe to our newsletter for exclusive offers and floral inspiration. Or reach out directly for custom orders and event consultations."
          tagIcon={Flower2}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="https://img.b2bpic.net/free-photo/flowers-floral-shop-different-types_1303-15615.jpg"
          imageAlt="Flower arrangement contact"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="IndoLor"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Terms of Service",            href: "#"
          }}
        />
      </div>
    </ThemeProvider>
  );
}