"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Flower, Sparkles, Star, Heart, HelpCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="medium"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Magnolia"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Arrangements", id: "products" },
            { name: "Services", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Magnolia Flowers Studio"
          description="Exquisite floral arrangements crafted with passion and precision. Each bloom tells a story of elegance and natural beauty."
          tag="Premium Floristry"
          tagIcon={Flower}
          imageSrc="https://img.b2bpic.net/free-photo/closeup-pink-magnolia-flowers-tree-with-tree-branches-background_181624-34317.jpg"
          imageAlt="magnolia flowers arrangement bloom botanical elegant"
          buttons={[
            { text: "Explore Arrangements", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Artistry in Every Bloom"
          description="At Magnolia, we believe every flower deserves to be celebrated. Our studio combines traditional floristry techniques with contemporary design sensibilities, creating arrangements that transcend ordinary beauty. With over a decade of experience, our passionate team handcrafts each piece to perfection."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/bouquet-flowers-plant-twigs-vase-near-wall_23-2148031500.jpg"
          imageAlt="flower studio workspace floral design creative"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Our Services", href: "features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Our Services"
          description="Discover the full spectrum of floral design services tailored to your special moments"
          tag="What We Offer"
          tagIcon={Sparkles}
          features={[
            {
              id: 1,
              title: "Wedding Floristry",              description: "Bespoke bridal bouquets, ceremony arrangements, and reception centerpieces designed to complement your perfect day.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/soft-focus-pink-magnolia-flower-tree-with-blurry-background_181624-32652.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-28511.jpg" }
            },
            {
              id: 2,
              title: "Event Design",              description: "Custom floral installations and decorative arrangements that elevate corporate events, galas, and celebrations.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-28511.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-24084.jpg" }
            },
            {
              id: 3,
              title: "Subscription Services",              description: "Fresh flower deliveries every week, curated seasonally to bring nature's beauty into your home or office.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-24084.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/soft-focus-pink-magnolia-flower-tree-with-blurry-background_181624-32652.jpg" }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book a Consultation", href: "contact" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Featured Arrangements"
          description="Hand-selected premium floral arrangements available for immediate order"
          tag="Available Now"
          tagIcon={Heart}
          products={[
            {
              id: "1",              name: "Luxury Rose Collection",              price: "$85.00",              imageSrc: "https://img.b2bpic.net/free-photo/white-magnolia-flower_661209-545.jpg",              imageAlt: "red roses bouquet luxury flowers arrangement",              initialQuantity: 1
            },
            {
              id: "2",              name: "Sunburst Celebration",              price: "$72.00",              imageSrc: "https://img.b2bpic.net/free-photo/pink-flower-tree-branch-surrounded-by-others_181624-27156.jpg",              imageAlt: "sunflowers yellow bouquet bright flowers cheerful",              initialQuantity: 1
            },
            {
              id: "3",              name: "Spring Tulip Medley",              price: "$68.00",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-white-flowers-glass-bottle-with-water_23-2147925523.jpg",              imageAlt: "tulips spring bouquet colorful flowers fresh",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Full Catalog", href: "#" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Real stories from those who've experienced Magnolia's floral artistry"
          tag="Client Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Emma Richardson, Bride",              date: "Date: 15 June 2024",              title: "The most beautiful bouquet I could have imagined",              quote: "Magnolia transformed my wedding vision into reality. Every flower was perfect, and the team's attention to detail was extraordinary. Our guests are still talking about the arrangements!",              tag: "Wedding",              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/soft-focus-pink-magnolia-flower-tree-with-blurry-background_181624-32652.jpg"
            },
            {
              id: "2",              name: "James Mitchell, Event Planner",              date: "Date: 22 May 2024",              title: "Exceeded all expectations for our gala",              quote: "Working with Magnolia was a dream. They understood the vision immediately and created stunning floral installations that elevated the entire event. Their professionalism is unmatched.",              tag: "Corporate Event",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-28511.jpg"
            },
            {
              id: "3",              name: "Sofia Chen, Home Subscriber",              date: "Date: 8 April 2024",              title: "Fresh flowers every week bring joy to my home",              quote: "I've been subscribing for three months and each delivery is better than the last. The seasonal arrangements are always creative and the flowers last so long. Highly recommended!",              tag: "Subscription",              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-24084.jpg"
            },
            {
              id: "4",              name: "Marcus Thompson, Corporate Office",              date: "Date: 20 March 2024",              title: "Brightens our workspace every day",              quote: "Our office reception is now a showcase thanks to Magnolia's monthly arrangements. The vibrant displays make such a positive impression on clients. Well worth the investment.",              tag: "Corporate",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-28511.jpg"
            },
            {
              id: "5",              name: "Lisa Anderson, Anniversary Celebration",              date: "Date: 10 February 2024",              title: "Perfect flowers for our special day",              quote: "Magnolia created a breathtaking centerpiece for our 25th anniversary dinner. The arrangement was elegant, romantic, and exactly what I envisioned. Thank you for making our night special.",              tag: "Special Occasion",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/white-magnolia-flower_661209-545.jpg"
            },
            {
              id: "6",              name: "David Park, Garden Enthusiast",              date: "Date: 28 January 2024",              title: "Passion for flowers evident in every piece",              quote: "As someone who loves flowers, I deeply appreciate the craftsmanship and knowledge the Magnolia team brings to every arrangement. They're not just sellers, they're true artists.",              tag: "Personal",              avatarSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601457.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-24084.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about ordering from Magnolia"
          tag="Help Center"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "How far in advance should I order?",              content: "For wedding and large events, we recommend ordering 2-4 weeks in advance. For regular orders, same-day arrangements are available if placed before 2 PM. Subscription services can be set up anytime."
            },
            {
              id: "2",              title: "Do you offer delivery?",              content: "Yes! We offer free delivery within 5 miles of our studio for orders over $50. Extended delivery areas are available for an additional fee. Express delivery options are available for special occasions."
            },
            {
              id: "3",              title: "Can I customize arrangements?",              content: "Absolutely! We specialize in custom arrangements. Share your preferences, color palette, and occasion details, and our team will create something uniquely tailored for you."
            },
            {
              id: "4",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, PayPal, Apple Pay, and Google Pay. For large orders, we can arrange payment plans. A 50% deposit is required to secure your order."
            },
            {
              id: "5",              title: "How long do arrangements typically last?",              content: "Our arrangements typically last 7-10 days with proper care. We include detailed care instructions with every delivery. Seasonal factors and flower types may affect longevity."
            },
            {
              id: "6",              title: "What's your cancellation policy?",              content: "Orders can be cancelled up to 48 hours before delivery for a full refund. Deposits for events are non-refundable but can be transferred to a different date within 12 months."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your space with premium floristry? Get in touch with our team to discuss your vision and create something truly memorable."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Send Us a Message", href: "#" },
            { text: "Call Us Today", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "hero" },
                { label: "About", href: "about" },
                { label: "Services", href: "features" },
                { label: "Arrangements", href: "products" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Weddings", href: "#" },
                { label: "Events", href: "#" },
                { label: "Subscriptions", href: "#" },
                { label: "Custom Orders", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Email", href: "#" },
                { label: "Phone", href: "#" },
                { label: "Visit Us", href: "#" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Return Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2024 Magnolia Flowers Studio. All rights reserved."
          bottomRightText="Crafted with passion and petals"
        />
      </div>
    </ThemeProvider>
  );
}