"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroSignup from "@/components/sections/hero/HeroSignup";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardTwentyTwo from "@/components/sections/feature/FeatureCardTwentyTwo";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Flower, Star, Leaf, Heart, Sparkles, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Mandarin"
          navItems={[
            { name: "Shop", id: "featured" },
            { name: "About", id: "about" },
            { name: "Why Us", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSignup
          title="Celebrate Every Moment with Fresh Flowers"
          description="Handcrafted floral arrangements for weddings, celebrations, and everyday joy. Discover the beauty of nature delivered to your doorstep."
          tag="Fresh & Beautiful"
          tagIcon={Flower}
          background={{ variant: "sparkles-gradient" }}
          inputPlaceholder="Enter your email"
          buttonText="Join Our Community"
        />
      </div>

      <div id="featured" data-section="featured">
        <ProductCardOne
          products={[
            {
              id: "1",              name: "Romance Red Roses",              price: "$45.00",              imageSrc: "https://img.b2bpic.net/free-photo/rose-wooden-background_1232-2088.jpg",              imageAlt: "Beautiful red rose bouquet"
            },
            {
              id: "2",              name: "Sunshine Sunflowers",              price: "$38.00",              imageSrc: "https://img.b2bpic.net/free-photo/roses-wooden-table_1232-1416.jpg",              imageAlt: "Bright sunflower arrangement"
            },
            {
              id: "3",              name: "Spring Tulips Mix",              price: "$42.00",              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-roses_1162-10.jpg",              imageAlt: "Colorful tulip bouquet"
            }
          ]}
          title="Featured Collections"
          description="Explore our most loved floral arrangements, freshly curated for your special moments."
          tag="Our Favorites"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Mandarin"
          description={[
            "At Mandarin, we believe that flowers are nature's perfect gift. Since our founding, we've been dedicated to sourcing the freshest blooms and creating arrangements that tell a story.",            "Every bouquet is carefully crafted by our expert florists with attention to detail and love for the craft. We work directly with trusted growers to ensure quality, sustainability, and vibrant colors in every arrangement.",            "Whether it's a wedding, anniversary, or a simple 'thinking of you' moment, we're here to make your celebrations special with flowers that speak from the heart."
          ]}
          showBorder={false}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn Our Story", href: "#about" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyTwo
          title="Why Choose Mandarin"
          description="We stand out for our commitment to quality, freshness, and customer satisfaction."
          tag="Our Promise"
          tagIcon={Leaf}
          features={[
            {
              id: "1",              title: "Farm-to-Vase Freshness Guarantee",              category: ["Quality", "Freshness"],
              imageSrc: "https://img.b2bpic.net/free-photo/flowers-florist-atelier_23-2147761223.jpg",              imageAlt: "Fresh flower arrangement process"
            },
            {
              id: "2",              title: "Expert Florist Design & Curation",              category: ["Artistry", "Expertise"],
              imageSrc: "https://img.b2bpic.net/free-photo/beatiful-wedding-details_1328-5326.jpg",              imageAlt: "Professional florist arranging bouquet"
            },
            {
              id: "3",              title: "Sustainable & Eco-Friendly Practices",              category: ["Sustainability", "Care"],
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bouquet-with-pink-roses-green-leaves_181624-25521.jpg",              imageAlt: "Seasonal sustainable flowers"
            },
            {
              id: "4",              title: "Same-Day & Next-Day Delivery Available",              category: ["Convenience", "Speed"],
              imageSrc: "https://img.b2bpic.net/free-photo/showing-purple-bouquet-flowers-garden_114579-2582.jpg",              imageAlt: "Fast delivery service"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Customers Love"
          description="Real stories from people who've celebrated with Mandarin flowers."
          tag="Customer Love"
          tagIcon={Heart}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "Wedding Bride",              testimonial: "The bridal bouquet was absolutely stunning! Every detail was perfect and the flowers stayed fresh for the entire celebration. Highly recommend Mandarin!",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "Corporate Client",              testimonial: "We use Mandarin for all our office events and client gifts. The quality is consistent, the service is reliable, and the designs are always elegant.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "Anniversary Celebrator",              testimonial: "Ordered flowers as an apology gesture and they exceeded my expectations. The arrangement was beautiful and my wife loved it. Thank you, Mandarin!",              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              handle: "Regular Customer",              testimonial: "I order from Mandarin every month for my mom. The flowers always arrive fresh and beautifully arranged. She looks forward to them every time!",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              name: "Jessica Williams",              handle: "Event Planner",              testimonial: "As an event planner, I trust Mandarin with high-profile events. Their attention to detail and commitment to excellence is unmatched in the industry.",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Jessica Williams"
            },
            {
              id: "6",              name: "Robert Martinez",              handle: "Funeral Service Provider",              testimonial: "During difficult times, Mandarin's compassionate service and beautiful sympathy arrangements provided comfort to families. They truly care about their customers.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Robert Martinez"
            }
          ]}
          speed={40}
        />
      </div>

      <div id="collections" data-section="collections">
        <ProductCardOne
          products={[
            {
              id: "1",              name: "Wedding Collections",              price: "From $65.00",              imageSrc: "https://img.b2bpic.net/free-photo/beatiful-wedding-details_1328-5326.jpg",              imageAlt: "Wedding flower arrangement"
            },
            {
              id: "2",              name: "Seasonal Specials",              price: "From $35.00",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bouquet-with-pink-roses-green-leaves_181624-25521.jpg",              imageAlt: "Seasonal flower collection"
            },
            {
              id: "3",              name: "Minimalist Modern",              price: "From $28.00",              imageSrc: "https://img.b2bpic.net/free-photo/showing-purple-bouquet-flowers-garden_114579-2582.jpg",              imageAlt: "Modern minimalist arrangement"
            }
          ]}
          title="Special Collections"
          description="Curated collections for every occasion and style. From romantic weddings to minimalist modern designs."
          tag="Limited Collections"
          tagIcon={Sparkles}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about ordering and caring for your flowers."
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How long do your flowers stay fresh?",              content: "Our flowers typically last 7-10 days with proper care. We include care instructions with every arrangement, and premium selections can last even longer."
            },
            {
              id: "2",              title: "Do you offer same-day delivery?",              content: "Yes! Orders placed before 2 PM on weekdays qualify for same-day delivery in our service area. Next-day delivery is available for all locations."
            },
            {
              id: "3",              title: "Can I customize my arrangement?",              content: "Absolutely! We love custom requests. Contact our team directly or add special instructions during checkout to personalize your bouquet."
            },
            {
              id: "4",              title: "What if I'm not satisfied?",              content: "Your satisfaction is guaranteed. If you're not happy with your order, we'll replace it or provide a full refund within 24 hours of delivery."
            },
            {
              id: "5",              title: "Do you offer corporate packages?",              content: "Yes, we offer special corporate rates for regular orders, event arrangements, and office deliveries. Contact our business team for a custom quote."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Mail}
          title="Ready to Send Flowers?"
          description="Whether you need a last-minute arrangement or planning a special event, we're here to help. Reach out to our team or explore our full collection today."
          buttons={[
            { text: "Browse All Flowers", href: "#featured" },
            { text: "Contact Our Team" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Mandarin"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}