"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Flower2, Heart, Phone, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Alisa"
          navItems={[
            { name: "Shop", id: "/shop" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "/shop"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Welcome to Alisa"
          description="Discover beautifully crafted floral arrangements for every occasion. Fresh flowers delivered with love and care."
          tag="Premium Flowers"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/still-life-with-bouquet-blue-pink-wildflowers-vase_169016-58261.jpg"
          imageAlt="Beautiful fresh flower arrangement"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            { text: "Shop Flowers", href: "/shop" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Alisa"
          description="Crafting beautiful moments with nature's finest blooms"
          tabs={[
            {
              id: "mission",              label: "Our Mission",              description: "At Alisa, we believe that flowers have the power to brighten any day. We're committed to sourcing the freshest blooms and creating stunning arrangements that bring joy to every occasion."
            },
            {
              id: "quality",              label: "Quality Promise",              description: "Every arrangement is carefully hand-crafted by our expert florists. We use only the finest fresh flowers and premium materials to ensure your flowers last longer and look absolutely stunning."
            },
            {
              id: "service",              label: "Customer Care",              description: "Your satisfaction is our priority. We offer same-day delivery, personalized consultations, and a 100% freshness guarantee on all our arrangements."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/florist-arranging-flowers-shop_23-2147882014.jpg"
          imageAlt="Alisa flower shop storefront"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyTwo
          title="Why Choose Alisa"
          description="Experience the difference with our premium floral services and dedication to excellence"
          tag="Featured Benefits"
          tagIcon={Heart}
          features={[
            {
              id: "1",              category: ["Fresh", "Natural"],
              title: "Farm-Fresh Blooms Daily",              imageSrc: "https://img.b2bpic.net/free-photo/romantic-bouquet-fresh-flowers-wedding-celebration-generated-by-ai_188544-45526.jpg",              imageAlt: "Fresh rose arrangement"
            },
            {
              id: "2",              category: ["Expert", "Crafted"],
              title: "Expertly Designed Arrangements",              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",              imageAlt: "Beautiful tulip collection"
            },
            {
              id: "3",              category: ["Fast", "Reliable"],
              title: "Same-Day Delivery Available",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-445.jpg",              imageAlt: "Sunflower bouquet package"
            },
            {
              id: "4",              category: ["Premium", "Quality"],
              title: "Guaranteed Freshness",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-gift-surprise_114579-427.jpg",              imageAlt: "Fresh hydrangea bouquet"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Collection"
          description="Explore our curated selection of fresh flower arrangements for any occasion"
          tag="Shop Now"
          tagIcon={Flower2}
          products={[
            {
              id: "1",              name: "Ruby Rose Deluxe Bouquet",              price: "$64.99",              imageSrc: "https://img.b2bpic.net/free-photo/romantic-bouquet-fresh-flowers-wedding-celebration-generated-by-ai_188544-45526.jpg",              imageAlt: "Ruby Rose Deluxe Bouquet",              initialQuantity: 1
            },
            {
              id: "2",              name: "Spring Tulip Collection",              price: "$54.99",              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",              imageAlt: "Spring Tulip Collection",              initialQuantity: 1
            },
            {
              id: "3",              name: "Golden Sunflower Premium",              price: "$59.99",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-445.jpg",              imageAlt: "Golden Sunflower Premium",              initialQuantity: 1
            },
            {
              id: "4",              name: "Blue Hydrangea Elegance",              price: "$69.99",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-gift-surprise_114579-427.jpg",              imageAlt: "Blue Hydrangea Elegance",              initialQuantity: 1
            },
            {
              id: "5",              name: "Mixed Botanical Wonder",              price: "$74.99",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg",              imageAlt: "Mixed Botanical Wonder",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Our Customers"
          description="See what our happy customers have to say about their Alisa floral experiences"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Perfect for Our Wedding Day",              quote: "Alisa created the most beautiful bridal bouquet and centerpieces for our wedding. Every detail was perfect and the flowers stayed fresh throughout the entire celebration. Highly recommended!",              name: "Sarah Mitchell",              role: "Bride",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Exceptional Quality and Service",              quote: "I've ordered from Alisa multiple times for corporate events and personal gifts. The quality is consistently excellent and their customer service team is always helpful and responsive.",              name: "Michael Chen",              role: "Event Planner",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              title: "Brightened My Mom's Day",              quote: "I sent my mom a beautiful arrangement for her birthday and she absolutely loved it! The flowers were fresh, vibrant, and the presentation was absolutely gorgeous.",              name: "Emily Rodriguez",              role: "Satisfied Customer",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              title: "Same-Day Delivery Lifesaver",              quote: "I needed flowers delivered last minute and Alisa came through! The same-day delivery was fast and reliable, and the arrangement was even more beautiful than I expected.",              name: "David Kim",              role: "Customer",              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              title: "Professional and Beautiful",              quote: "Alisa handled all the floral arrangements for our corporate office. Their professionalism and eye for design transformed our workspace. They're our go-to florist.",              name: "Jessica Wong",              role: "Office Manager",              imageSrc: "https://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",              imageAlt: "Jessica Wong"
            },
            {
              id: "6",              title: "Worth Every Penny",              quote: "Premium flowers at fair prices. Alisa understands that quality flowers are an investment in making memories and special moments. They deliver exactly that.",              name: "Robert Thompson",              role: "Regular Customer",              imageSrc: "https://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",              imageAlt: "Robert Thompson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Have questions about our flowers or need a custom arrangement? We'd love to hear from you!"
          ctaButton={{
            text: "Contact Us",            href: "https://alisa-flowers.example.com/contact"
          }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "How long do your flowers last?",              content: "Our fresh flowers typically last 7-10 days with proper care. We include care instructions with every arrangement to help you keep your flowers looking beautiful longer."
            },
            {
              id: "2",              title: "Do you offer same-day delivery?",              content: "Yes! We offer same-day delivery for orders placed before 2 PM in our service area. Orders placed after 2 PM will be delivered the next business day."
            },
            {
              id: "3",              title: "Can I customize my arrangement?",              content: "Absolutely! We love creating custom arrangements tailored to your preferences, budget, and occasion. Contact our design team to discuss your vision."
            },
            {
              id: "4",              title: "What is your freshness guarantee?",              content: "We guarantee that all our flowers are fresh upon delivery. If you're not completely satisfied, we'll replace your arrangement at no charge."
            },
            {
              id: "5",              title: "Do you deliver to my area?",              content: "We currently deliver throughout the city and surrounding suburbs. Enter your zip code at checkout to confirm delivery availability to your location."
            },
            {
              id: "6",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, PayPal, and digital wallets. All transactions are secure and encrypted for your protection."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Alisa"
          columns={[
            {
              items: [
                { label: "Shop Flowers", href: "/shop" },
                { label: "About Us", href: "about" },
                { label: "Testimonials", href: "testimonials" }
              ]
            },
            {
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Delivery Info", href: "#" },
                { label: "Care Tips", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Return Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}