"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Leaf } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="large"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="outline"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="MossArt"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Work", id: "work" },
            { name: "About", id: "about" },
            { name: "Process", id: "process" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Request Consultation",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Floral Art That Transforms Spaces"
          description="Bespoke floral installations, custom botanical paintings, and handcrafted moss art pieces for events, interiors, and collectors."
          tag="Premium Floral Design"
          tagIcon={Sparkles}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/italian-wedding-decoration-green-eucalyptus-oranges-pink-f_8353-8947.jpg",              imageAlt: "Elegant wedding floral installation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/floral-composition-posted-vertical-box_8353-9659.jpg",              imageAlt: "Moss art panel for modern interior"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/blur-furniture-marriage-empty-party_1304-1044.jpg",              imageAlt: "Botanical flower painting on canvas"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/blooming-flowers-table-garden_1304-4038.jpg",              imageAlt: "Corporate event floral design"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/part-with-flowers-wedding-archway_8353-9890.jpg",              imageAlt: "Sculptural moss and floral installation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/wedding-photography-southern-cross-guest-ranch-madison-ga_181624-10717.jpg",              imageAlt: "Fresh flower arrangement for celebration"
            }
          ]}
          buttons={[
            {
              text: "Request a Consultation",              href: "contact"
            },
            {
              text: "View Our Work",              href: "work"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThirteen
          title="What We Create"
          description="Custom floral designs for every occasion and vision. Every piece is handcrafted and made to order."
          tag="Our Services"
          features={[
            {
              id: "01",              title: "Event Floral Design",              description: "Weddings, corporate gatherings, private celebrations—we transform venues into immersive botanical experiences. Full event coordination available."
            },
            {
              id: "02",              title: "Interior & Space Decoration",              description: "Permanent or seasonal installations for homes, offices, restaurants, and hotels. We blend nature with architecture to create living art."
            },
            {
              id: "03",              title: "Custom Botanical Art",              description: "One-of-a-kind pieces including flower paintings, moss panels, and sculptural installations. Each work is unique and handcrafted."
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="work" data-section="work">
        <ProductCardOne
          title="Signature Works"
          description="Explore our collection of custom floral art, installations, and botanical pieces crafted for clients worldwide."
          tag="Portfolio"
          products={[
            {
              id: "1",              name: "Botanical Flower Painting",              price: "Made to Order",              imageSrc: "https://img.b2bpic.net/free-photo/flower-with-psychedelic-painting_23-2149372263.jpg",              imageAlt: "Custom flower painting on canvas"
            },
            {
              id: "2",              name: "Living Moss Panel",              price: "Made to Order",              imageSrc: "https://img.b2bpic.net/free-photo/colorful-humidity-glass_23-2149442631.jpg",              imageAlt: "Sculptural moss art installation"
            },
            {
              id: "3",              name: "Floral Sculpture",              price: "Made to Order",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-colorful-flowers-negative-filter-floating-water-background_53876-165348.jpg",              imageAlt: "Three-dimensional floral botanical art"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          tag="Our Philosophy"
          title="Nature as Art, Craft as Soul"
          description="We believe in creating more than flowers—we craft emotional, immersive spaces that reflect the uniqueness of every client. Each project is a collaboration, a conversation between vision and botanical artistry."
          textboxLayout="default"
          phoneOne={{
            imageSrc: "https://img.b2bpic.net/free-vector/landing-page-brainstorming-concept_52683-27801.jpg",            imageAlt: "Creative consultation process"
          }}
          phoneTwo={{
            imageSrc: "https://img.b2bpic.net/free-photo/colleagues-discussing-work-table-with-design-space_53876-104973.jpg",            imageAlt: "Handcrafting botanical art"
          }}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardThirteen
          title="How We Work"
          description="A personal, collaborative approach to bring your vision to life. From concept to installation, we focus on every detail."
          tag="Our Process"
          features={[
            {
              id: "01",              title: "Consultation & Mood",              description: "We listen deeply to your vision, aesthetic preferences, and emotional goals. Understanding the story behind your space is where creativity begins."
            },
            {
              id: "02",              title: "Concept & Materials",              description: "Our team sketches concepts and selects materials—fresh botanicals, preserved flowers, moss, or canvas—ensuring alignment with your environment and budget."
            },
            {
              id: "03",              title: "Handcrafted Creation",              description: "Each piece is created by hand in our studio. We honor natural materials and embrace the organic imperfections that make each work truly one-of-a-kind."
            },
            {
              id: "04",              title: "Installation & Beyond",              description: "Professional installation ensures your floral art is perfectly positioned. We provide care guidance and remain your partner for future projects."
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Trusted by Planners, Designers & Collectors"
          description="Hear from clients who've experienced the MossArt difference."
          tag="Client Testimonials"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahmweddings",              testimonial: "The floral installation transformed our venue into an enchanted garden. Every detail was perfect, and the team's attention to emotion elevated the entire celebration.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jamesinteriors",              testimonial: "As an interior designer, I collaborate with florists regularly. MossArt's moss panels brought our minimalist loft to life. The craftsmanship is unparalleled.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmacollector",              testimonial: "I purchased a custom flower painting for my home. Not only is it visually stunning, but the artist's understanding of color and form is extraordinary. A true investment piece.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Park",              handle: "@luxuryhotels",              testimonial: "For our hotel lobby installation, MossArt created a living botanical wall that evolves seasonally. Guests constantly ask about it. Simply transformative.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",              imageAlt: "Michael Park"
            },
            {
              id: "5",              name: "Victoria Lawson",              handle: "@corporateevents",              testimonial: "We've hired MossArt for three annual corporate galas. They understand that floral design isn't decoration—it's about creating moments that matter.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              imageAlt: "Victoria Lawson"
            },
            {
              id: "6",              name: "David Wong",              handle: "@artgalleries",              testimonial: "Their botanical paintings hung in our gallery. The depth of artistry, the quality of materials, and the originality—collectors were captivated.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg",              imageAlt: "David Wong"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Impact"
          description="Years of dedication to botanical artistry and client partnerships."
          tag="By the Numbers"
          metrics={[
            {
              id: "1",              value: "500+",              title: "Projects Completed",              description: "Events, interiors, and custom art pieces across continents",              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-financial-consultancy-landing-page_23-2150838095.jpg"
            },
            {
              id: "2",              value: "12+",              title: "Years Experience",              description: "Crafting botanical art and transforming spaces since founding",              imageSrc: "https://img.b2bpic.net/free-photo/two-business-woman-working-office-with-digital-tablet_1301-3554.jpg"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Begin Your Project"
          ctaDescription="Tell us about your vision. We'll respond within 24 hours with next steps."
          ctaButton={{
            text: "Request a Proposal",            href: "#contact"
          }}
          ctaIcon={Leaf}
          faqs={[
            {
              id: "1",              title: "What's your typical project timeline?",              content: "For events, we typically need 4-8 weeks for full design and creation. Interior installations range from 2-6 months depending on complexity. Custom art pieces are scheduled based on current workload. We work closely with you on timing."
            },
            {
              id: "2",              title: "Do you work with fresh or preserved flowers?",              content: "We use both, depending on your project goals. Fresh flowers are ideal for events and create vibrant, temporary installations. Preserved and dried botanicals offer longevity for interiors. We customize the approach to match your vision."
            },
            {
              id: "3",              title: "Can you work within a specific budget?",              content: "Absolutely. We believe premium design is possible at various investment levels. During consultation, we discuss budget parameters and craft solutions that maximize artistry and impact within your range."
            },
            {
              id: "4",              title: "Do you offer maintenance for installations?",              content: "Yes. For living installations and preserved pieces, we provide care guidance and offer optional seasonal maintenance packages to keep your botanical art thriving and beautiful year-round."
            },
            {
              id: "5",              title: "How do we get started?",              content: "Fill out the inquiry form or email us directly. We'll schedule a consultation—in person or virtual—to discuss your project, goals, and creative direction. No obligation. We respond within 24 hours."
            },
            {
              id: "6",              title: "Can you create bespoke pieces for resale?",              content: "Yes. We work with galleries, boutiques, and collectors on custom pieces for resale. Limited editions and one-of-a-kind works are available. Discuss your needs during consultation."
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="MossArt"
        />
      </div>
    </ThemeProvider>
  );
}