"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Instagram, Facebook, Hash } from 'lucide-react';
import Link from 'next/link';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="large"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Jasmin"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Timeless Floral Elegance"
          description="Jasmin creates bespoke floral arrangements for weddings, events, and special moments. Experience the artistry of premium flowers crafted with passion and precision."
          background={{ variant: "glowing-orb" }}
          tag="Est. 2020"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/vase-flower_74190-1525.jpg"
          imageAlt="Beautiful floral arrangement in studio"
          imagePosition="right"
          buttons={[
            { text: "Explore Collections", href: "/portfolio" },
            { text: "Book Consultation", href: "/contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="We believe in the transformative power of flowers to elevate any occasion. At Jasmin, we handcraft each arrangement with meticulous attention to detail, sourcing the finest blooms and combining classical design principles with contemporary creativity."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Story", href: "/about" },
            { text: "Contact Us", href: "/contact" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Collections"
          description="Discover our signature arrangements perfect for every occasion"
          products={[
            {
              id: "1",              name: "Romantic Rose Ensemble",              price: "$145",              variant: "Premium Roses · 5 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/wedding-roses-bouquet-stands-chair-around-are-scattered-petals-roses_8353-9798.jpg",              imageAlt: "Luxury rose arrangement"
            },
            {
              id: "2",              name: "Bridal Bliss Bouquet",              price: "$280",              variant: "Wedding · Custom Available",              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg",              imageAlt: "Wedding bridal bouquet"
            },
            {
              id: "3",              name: "Celebration Centerpiece",              price: "$195",              variant: "Events · Seasonal Selection",              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg",              imageAlt: "Event floral centerpiece"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
          buttons={[
            { text: "View All", href: "/portfolio" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Our Services"
          description="From intimate gatherings to grand celebrations, we offer comprehensive floral design services tailored to your vision"
          features={[
            {
              id: "1",              title: "Wedding Floral Design",              tags: ["Weddings", "Custom Design"],
              imageSrc: "https://img.b2bpic.net/free-photo/blooming-flowers-table-garden_1304-4038.jpg",              imageAlt: "Wedding floral setup"
            },
            {
              id: "2",              title: "Event Decorations",              tags: ["Events", "Centerpieces"],
              imageSrc: "https://img.b2bpic.net/free-photo/row-bouquets-decorating-table_1304-4047.jpg",              imageAlt: "Event flower decorations"
            },
            {
              id: "3",              title: "Subscription Arrangements",              tags: ["Delivery", "Fresh Weekly"],
              imageSrc: "https://img.b2bpic.net/free-photo/vase-flower_74190-1525.jpg",              imageAlt: "Weekly flower subscription"
            },
            {
              id: "4",              title: "Corporate Installations",              tags: ["Businesses", "Long-term"],
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg",              imageAlt: "Corporate floral installation"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Read testimonials from delighted customers who trusted Jasmin for their special moments"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Bride",              date: "Date: 12 June 2024",              title: "Absolutely stunning bridal bouquet!",              quote: "Jasmin transformed my wedding vision into reality. The bridal bouquet was breathtaking, and every detail was executed flawlessly. The entire experience was professional and stress-free.",              tag: "Wedding",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              avatarAlt: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg",              imageAlt: "Bridal bouquet"
            },
            {
              id: "2",              name: "Emma Richards, Event Planner",              date: "Date: 5 May 2024",              title: "Outstanding professionalism and creativity",              quote: "Working with Jasmin on corporate events has been fantastic. Their creativity knows no bounds, and they consistently deliver arrangements that exceed expectations. Highly recommended!",              tag: "Corporate",              avatarSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              avatarAlt: "Emma Richards",              imageSrc: "https://img.b2bpic.net/free-photo/row-bouquets-decorating-table_1304-4047.jpg",              imageAlt: "Corporate event decoration"
            },
            {
              id: "3",              name: "Jessica Thompson, Customer",              date: "Date: 28 April 2024",              title: "Fresh, beautiful, and reliable",              quote: "I've been subscribing to Jasmin's weekly arrangements for three months. Every delivery is fresh, beautifully designed, and brings joy to my home. Customer service is exceptional.",              tag: "Subscription",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              avatarAlt: "Jessica Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/vase-flower_74190-1525.jpg",              imageAlt: "Weekly flower arrangement"
            },
            {
              id: "4",              name: "Michael Anderson, Groom",              date: "Date: 15 March 2024",              title: "Made our wedding day perfect",              quote: "From ceremony flowers to reception centerpieces, Jasmin handled everything beautifully. Our guests couldn't stop complimenting the floral arrangements. Thank you for making our day special!",              tag: "Wedding",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",              avatarAlt: "Michael Anderson",              imageSrc: "https://img.b2bpic.net/free-photo/blooming-flowers-table-garden_1304-4038.jpg",              imageAlt: "Wedding setup"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Jasmin"
          copyrightText="© 2024 Jasmin Flowers Studio. All rights reserved."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/jasminflowers", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com/jasminflowers", ariaLabel: "Facebook" },
            { icon: Hash, href: "https://pinterest.com/jasminflowers", ariaLabel: "Pinterest" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}