"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Heart, Flower2, Award, MapPin, Sparkles, Leaf, Zap, Users, Gift, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "home" },
            { name: "Collections", id: "collections" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Ignat"
          bottomLeftText="Premium Flowers"
          bottomRightText="hello@ignatflowers.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo 
          logoText="Ignat"
          description="Handcrafted floral arrangements for every occasion. Premium flowers, impeccable service, unforgettable moments."
          buttons={[
            { text: "Shop Now", href: "collections" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/exotic-rustic-bunch-flowers-mixed-colors_114579-1969.jpg"
          imageAlt="Premium fresh flower bouquets"
          showDimOverlay={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree 
          title="Our Collections"
          description="Browse our exquisite selection of handcrafted floral arrangements perfect for any celebration or moment."
          products={[
            {
              id: "1",              name: "Classic Red Roses",              price: "$75.00",              imageSrc: "https://img.b2bpic.net/free-photo/roses-wooden-table_1232-1416.jpg",              imageAlt: "Classic Red Roses Bouquet",              initialQuantity: 1
            },
            {
              id: "2",              name: "Spring Tulip Mix",              price: "$65.00",              imageSrc: "https://img.b2bpic.net/free-photo/rich-bouquet-made-red-roses-stands-outside_8353-8470.jpg",              imageAlt: "Spring Tulip Mix Arrangement",              initialQuantity: 1
            },
            {
              id: "3",              name: "Golden Sunflowers",              price: "$55.00",              imageSrc: "https://img.b2bpic.net/free-photo/rose-wooden-background_1232-2088.jpg",              imageAlt: "Golden Sunflower Bouquet",              initialQuantity: 1
            },
            {
              id: "4",              name: "Elegant White Lilies",              price: "$85.00",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-holding-collection-red-roses_23-2148488575.jpg",              imageAlt: "Elegant White Lilies Arrangement",              initialQuantity: 1
            },
            {
              id: "5",              name: "Exotic Orchids",              price: "$95.00",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005546.jpg",              imageAlt: "Exotic Orchid Collection",              initialQuantity: 1
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric 
          title="Crafting Beauty Since 2010. Ignat flowers brings joy through thoughtfully designed arrangements that celebrate life's most important moments with elegance and care."
          metrics={[
            { icon: Heart, label: "Happy Customers", value: "5,000+" },
            { icon: Flower2, label: "Arrangements Created", value: "15,000+" },
            { icon: Award, label: "Years of Excellence", value: "14+" },
            { icon: MapPin, label: "Local Delivery", value: "Same-Day" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern 
          title="Why Choose Ignat"
          description="Experience the difference premium floristry makes. Each arrangement is carefully crafted with passion and expertise."
          features={[
            {
              icon: Sparkles,
              title: "Premium Quality",              description: "Handpicked fresh flowers sourced from the finest local and international growers daily."
            },
            {
              icon: Leaf,
              title: "Eco-Friendly",              description: "Sustainable packaging and ethical sourcing practices that care for our planet."
            },
            {
              icon: Zap,
              title: "Same-Day Delivery",              description: "Express delivery service available for last-minute surprises and celebrations."
            },
            {
              icon: Users,
              title: "Expert Florists",              description: "Trained professionals with years of experience creating stunning floral designs."
            },
            {
              icon: Gift,
              title: "Custom Orders",              description: "Personalized arrangements tailored to your specific needs and preferences."
            },
            {
              icon: Heart,
              title: "Customer Care",              description: "Dedicated support team ensuring every order exceeds your expectations."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          title="Loved by Our Customers"
          description="See what our satisfied customers have to say about their Ignat flowers experience."
          testimonials={[
            {
              id: "1",              title: "Perfect for our wedding day",              quote: "Ignat flowers created the most beautiful bridal bouquet and centerpieces for our wedding. The attention to detail was extraordinary, and the arrangements stayed fresh throughout the entire celebration. Highly recommended!",              name: "Sarah Mitchell",              role: "Bride",              imageSrc: "https://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186122.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Exceptional service and quality",              quote: "I've been ordering from Ignat for over two years now. The quality is consistently excellent, the same-day delivery is reliable, and the customer service is outstanding. They truly care about their craft.",              name: "James Richardson",              role: "Regular Customer",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2148827181.jpg",              imageAlt: "James Richardson"
            },
            {
              id: "3",              title: "Made my mother's day special",              quote: "I sent my mother an arrangement from Ignat for her birthday, and she was absolutely thrilled. The flowers were fresh, vibrant, and the arrangement was elegant. Thank you for making her day extra special!",              name: "Emma Thompson",              role: "Daughter",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",              imageAlt: "Emma Thompson"
            },
            {
              id: "4",              title: "Corporate events made easy",              quote: "Ignat flowers handles all our corporate event arrangements. They deliver on time, the quality is impeccable, and the pricing is fair. They've become an essential partner for our business.",              name: "Michael Chen",              role: "Corporate Events Manager",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Michael Chen"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq 
          ctaTitle="Get In Touch"
          ctaDescription="Have questions about our flowers or services? Reach out to our team and we'll be happy to help."
          ctaButton={{ text: "Contact Us", href: "https://example.com/contact" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "What is your delivery radius?",              content: "We offer same-day delivery within a 15-mile radius of our shop. For areas outside this range, we provide next-day delivery service. Contact us for specific delivery information."
            },
            {
              id: "2",              title: "Can I request custom arrangements?",              content: "Absolutely! We specialize in custom floral arrangements. Contact our team with your vision, color preferences, and budget, and we'll create something beautiful and unique for you."
            },
            {
              id: "3",              title: "How long do your flowers last?",              content: "With proper care, most arrangements last 7-10 days. We include care instructions with every delivery. Fresh water daily and cool placement will extend the life of your flowers."
            },
            {
              id: "4",              title: "Do you offer corporate accounts?",              content: "Yes! We work with many businesses for regular arrangements, events, and corporate gifting. Contact us to discuss a customized corporate plan."
            },
            {
              id: "5",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, debit cards, and digital payment methods. Flexible payment options available for large orders and corporate accounts."
            },
            {
              id: "6",              title: "Is there a minimum order amount?",              content: "Our minimum order is $45. This ensures we can deliver fresh, beautifully arranged flowers that meet our quality standards."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis 
          logoText="Ignat"
          columns={[
            {
              items: [
                { label: "Home", href: "home" },
                { label: "Collections", href: "collections" },
                { label: "About", href: "about" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Delivery Info", href: "#" },
                { label: "Custom Orders", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}