"use client";

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

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="Exquisite Floral Designs for Every Occasion"
          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="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Meet Jessica, A Passionate" },
            { type: "text", content: "Floral Artist" }
          ]}
          buttons={[
            { text: "Learn More", href: "/about" },
            { text: "Get Started", href: "/contact" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </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">
        <FeatureCardThree
          title="Our Feedbacks"
          description="From weddings to corporate events, Jessica offers comprehensive floral design services tailored to your vision and budget."
          tag="Services"
          tagIcon={Sparkles}
          features={[
            {
              id: "01",
              title: "Wedding Florals",
              description: "Complete bridal packages including bouquets, ceremony arrangements, and reception centerpieces.",
              imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-shot-beautiful-wedding-bouquet-with-gorgeous-white-roses_181624-15923.jpg",
              imageAlt: "Wedding Floral Design"
            },
            {
              id: "02",
              title: "Event Design",
              description: "Corporate events, galas, and private celebrations with custom floral installations and arrangements.",
              imageSrc: "https://img.b2bpic.net/free-photo/composition-flowers-stand-table_8353-10452.jpg",
              imageAlt: "Event Floral Installation"
            },
            {
              id: "03",
              title: "Seasonal Bouquets",
              description: "Fresh, beautiful bouquets for birthdays, anniversaries, and special occasions delivered to your loved ones.",
              imageSrc: "https://img.b2bpic.net/free-photo/green-yellow-bouquet-with-golden-christmas-ball_114579-2440.jpg",
              imageAlt: "Seasonal Bouquet Arrangement"
            },
            {
              id: "04",
              title: "Consultation Services",
              description: "Expert floral design consultation to help you plan the perfect arrangements for any event.",
              imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg",
              imageAlt: "Floral Consultation"
            }
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </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="contact" data-section="contact">
        <ContactText
          text="Ready to bring your floral vision to life? Contact Jessica today to book your consultation and start creating something beautiful together."
          animationType="background-highlight"
          buttons={[
            { text: "Schedule Consultation", href: "/contact" },
            { text: "View Portfolio", href: "/portfolio" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </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>
  );
}