"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Star, Instagram, Facebook, Mail } from 'lucide-react';
import Link from 'next/link';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Jessica"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "About", id: "/about" }
          ]}
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Jessica & Flowers"
          description="Create unforgettable moments with Jessica's bespoke floral arrangements. From weddings to corporate events, each piece is crafted with passion and precision."
          tag="Premium Florist"
          tagIcon={Sparkles}
          background={{ variant: "plain" }}
          buttons={[
            { text: "Explore Collections", href: "/portfolio" },
            { text: "Book Consultation", href: "/contact" }
          ]}
          carouselItems={[
            { 
              id: "1", 
              imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-shot-beautiful-wedding-bouquet-with-gorgeous-white-roses_181624-15923.jpg", 
              imageAlt: "Luxury Wedding Floral Arrangement" 
            },
            { 
              id: "2", 
              imageSrc: "https://img.b2bpic.net/free-photo/composition-flowers-stand-table_8353-10452.jpg", 
              imageAlt: "Elegant White Rose Bouquet" 
            },
            { 
              id: "3", 
              imageSrc: "https://img.b2bpic.net/free-photo/green-yellow-bouquet-with-golden-christmas-ball_114579-2440.jpg", 
              imageAlt: "Premium Event Floral Design" 
            },
            { 
              id: "4", 
              imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg", 
              imageAlt: "Spring Flower Arrangement" 
            },
            { 
              id: "5", 
              imageSrc: "https://img.b2bpic.net/free-photo/wedding-bouquet-table_23-2148105873.jpg", 
              imageAlt: "Colorful Celebration Bouquet" 
            },
            { 
              id: "6", 
              imageSrc: "https://img.b2bpic.net/free-photo/bride-her-friends-hold-wedding-bouquet_8353-9249.jpg", 
              imageAlt: "Artistic Studio Floral Design" 
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardOne
          title="Featured Arrangements"
          description="Discover our most popular and stunning floral creations, handcrafted with premium flowers and artistic vision."
          tag="Portfolio"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",
              name: "Bride's Dream Wedding Bouquet",
              price: "Custom Pricing",
              imageSrc: "https://img.b2bpic.net/free-photo/heart-shaped-bouquet-white-yellow-roses_140725-10846.jpg",
              imageAlt: "Luxury Wedding Bouquet"
            },
            {
              id: "2",
              name: "Premium Event Centerpiece",
              price: "Starting at $150",
              imageSrc: "https://img.b2bpic.net/free-photo/candles-burn-standing-tall-vases-floor_1304-5614.jpg",
              imageAlt: "Event Table Arrangement"
            },
            {
              id: "3",
              name: "Seasonal Gift Collection",
              price: "Starting at $85",
              imageSrc: "https://img.b2bpic.net/free-photo/decorative-floral-composition-table_8353-9811.jpg",
              imageAlt: "Seasonal Flower Gift"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Full Portfolio", href: "/portfolio" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
      <ContactSplitForm
      title="Jessica & Flowers"
      description="From weddings to corporate events, Jessica offers comprehensive floral design services tailored to your vision and budget."
      inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }, { name: "message", type: "textarea", placeholder: "Your Message", required: false }]}
      textarea={{ name: "", placeholder: "" }}
      useInvertedBackground="invertDefault"
      imageSrc="https://placehold.co/600x400"
      mediaPosition="left"
      />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Clients Say"
          description="Real stories from happy customers who trusted Jessica with their special moments."
          tag="Testimonials"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Bride",
              company: "June Wedding 2024",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/florist_23-2148013627.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "Jennifer Lee",
              role: "Event Planner",
              company: "Elite Events Co.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-woman-making-bouquet_23-2148377273.jpg",
              imageAlt: "Jennifer Lee"
            },
            {
              id: "3",
              name: "Amanda Foster",
              role: "Corporate Client",
              company: "Tech Innovations Inc.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28388.jpg",
              imageAlt: "Amanda Foster"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="text_split_about" data-section="text_split_about">
        <TextSplitAbout
          title="Our Philosophy"
          description={["At Jessica, we believe in the power of natural beauty to uplift and inspire.", "Each arrangement is a reflection of our commitment to quality and grace."]}
          buttons={[{ label: "Learn More", href: "#" }, { label: "View Gallery", href: "#" }]}
          useInvertedBackground="noInvert"
        />
      </div>
      <FooterCard
        logoText="Jessica"
        copyrightText="© 2025 Jessica Flowers Studio. All rights reserved."
        socialLinks={[
          { icon: Instagram, href: "https://instagram.com/jessicaflowersstudio", ariaLabel: "Instagram" },
          { icon: Facebook, href: "https://facebook.com/jessicaflowersstudio", ariaLabel: "Facebook" },
          { icon: Mail, href: "mailto:hello@jessicaflowers.com", ariaLabel: "Email" }
        ]}
      />
    </ThemeProvider>
  );
}