"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="medium"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="Diana"
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo 
          logoText="Diana"
          description="Handcrafted floral arrangements for every celebration and moment that matters"
          buttons={[
            { text: "Explore Collections", href: "/flowers" },
            { text: "Book Consultation", href: "/contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/assorted-flower-arrangement-vase_209848-94.jpg"
          imageAlt="Beautiful fresh flowers arrangement"
          showDimOverlay={true}
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout 
          heading={[
            { type: "text", content: "Bringing nature's beauty to your special moments with care and creativity" }
          ]}
          buttons={[
            { text: "Learn Our Story", href: "/about" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="featured" data-section="featured">
        <FeatureCardMedia 
          title="Our Featured Flowers"
          description="Discover our most popular and breathtaking floral arrangements"
          features={[
            {
              id: "1",
              title: "Premium Red Roses",
              description: "Classic elegance with our finest imported red roses, perfect for expressing deep emotions",
              tag: "Classic",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-bouquet-pink-white-flower-set-hand_114579-1999.jpg",
              imageAlt: "Red roses arrangement"
            },
            {
              id: "2",
              title: "Spring Tulips",
              description: "Vibrant and fresh tulips in a stunning array of colors for any occasion",
              tag: "Seasonal",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-bouquet-yellow-orange-dahliason-light-background_169016-39443.jpg",
              imageAlt: "Colorful tulips bouquet"
            },
            {
              id: "3",
              title: "Elegant Peonies",
              description: "Luxurious peonies with romantic charm, ideal for weddings and special events",
              tag: "Premium",
              imageSrc: "https://img.b2bpic.net/free-photo/stunning-wedding-bouquet-made-red-flowers-greenery-lies-o_8353-722.jpg",
              imageAlt: "Pink peonies arrangement"
            },
            {
              id: "4",
              title: "Sunny Sunflowers",
              description: "Bright and cheerful sunflowers to bring joy and warmth to any space",
              tag: "Cheerful",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bunch-flowers-wooden-background-horizontal-view-from_1220-1135.jpg",
              imageAlt: "Yellow sunflowers bouquet"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardFour 
          title="Our Services"
          description="Custom floral services for every occasion and celebration"
          products={[
            {
              id: "1",
              name: "Wedding Arrangements",
              price: "Custom",
              variant: "Bouquets, centerpieces, decorations",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bouquet-pastel-color-flowers-cage-container_114579-1883.jpg",
              imageAlt: "Wedding flowers arrangement"
            },
            {
              id: "2",
              name: "Event Decoration",
              price: "Custom",
              variant: "Parties, celebrations, installations",
              imageSrc: "https://img.b2bpic.net/free-photo/flower-bouquet-pink-candles-rustic-wooden-space_114579-2569.jpg",
              imageAlt: "Event flower decoration"
            },
            {
              id: "3",
              name: "Corporate Gifts",
              price: "Custom",
              variant: "Office arrangements, corporate events",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-flowers-blue-surface_23-2147609383.jpg",
              imageAlt: "Corporate flower arrangement"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          title="Loved by Our Customers"
          description="See what our happy clients say about their experiences with Diana Flowers"
          testimonials={[
            {
              id: "1",
              title: "Perfect Wedding Flowers",
              quote: "Diana created the most beautiful bouquets for our wedding day. Every detail was absolutely perfect, and the flowers stayed fresh throughout the entire celebration. Highly recommended!",
              name: "Sarah Johnson",
              role: "Bride",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              title: "Exceptional Service",
              quote: "Working with Diana for our corporate events has been a game-changer. The arrangements are always stunning and the customer service is outstanding. They truly go above and beyond.",
              name: "Michael Chen",
              role: "Event Manager",
              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              title: "Made Our Day Special",
              quote: "We ordered flowers for our anniversary and Diana delivered something truly magical. The colors, the arrangement, the freshness - everything was exceptional!",
              name: "Emily Rodriguez",
              role: "Happy Customer",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",
              imageAlt: "Emily Rodriguez"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardTwo 
          title="Floral Inspiration"
          description="Tips, trends, and insights from our flower experts"
          blogs={[
            {
              id: "1",
              category: ["Wedding", "Guide"],
              title: "Complete Guide to Wedding Flowers",
              excerpt: "Everything you need to know about choosing the perfect flowers for your wedding day - from seasonal options to color palettes.",
              imageSrc: "https://img.b2bpic.net/free-vector/wedding-florist-bouquet-menu-template_742173-33253.jpg",
              authorName: "Diana Team",
              date: "15 Mar 2024"
            },
            {
              id: "2",
              category: ["Seasonal", "Trends"],
              title: "Spring Flower Collections 2024",
              excerpt: "Discover the most stunning spring flowers now in stock. Learn what makes this season's palette special and how to style them.",
              imageSrc: "https://img.b2bpic.net/free-photo/feminine-hands-writing-wedding-planner_23-2148652064.jpg",
              authorName: "Diana Team",
              date: "10 Mar 2024"
            },
            {
              id: "3",
              category: ["DIY", "Tips"],
              title: "DIY Flower Arrangement Tips",
              excerpt: "Master the art of flower arranging with our expert tips and tricks. Create beautiful arrangements that last longer.",
              imageSrc: "https://img.b2bpic.net/free-photo/crop-florist-making-notes-phone-conversation_23-2147760940.jpg",
              authorName: "Diana Team",
              date: "05 Mar 2024"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterLogoReveal 
        logoText="Diana"
        logoLineHeight={1.1}
      />
    </ThemeProvider>
  );
}