"use client"

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Heart, Leaf, Mail, MapPin, MessageSquare, Palette, Phone, Sparkles, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmall"
      background="noise"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="outline"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="MossArt"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Process", id: "process" },
            { name: "Work", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Request Consultation",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Floral Art That Transforms Spaces"
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/pink-chrysanthemums-hang-threads-from-ceiling-dinner-hall_1304-3325.jpg",              imageAlt: "Luxury floral event installation with hanging flowers and architectural design"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/pink-white-chrysanthemums-hang-threads-from-ceiling_1304-3324.jpg",              imageAlt: "Custom moss panel botanical art installation on interior wall"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/part-with-flowers-wedding-archway_8353-9890.jpg",              imageAlt: "Original floral painting artwork on canvas"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-wedding-catering-banquet-outdoor_624325-1790.jpg",              imageAlt: "Bespoke floral centerpiece arrangement with premium flowers"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/garland-pink-white-roses-peonies_1304-3717.jpg",              imageAlt: "Interior space decorated with botanical floral installations"
            }
          ]}
          buttons={[
            { text: "Request Consultation", href: "contact" },
            { text: "View Process", href: "process" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardOne
          title="What We Create"
          description="Custom floral design for every vision. Handcrafted, one-of-a-kind pieces that elevate events, transform interiors, and become conversation starters."
          tag="Services"
          textboxLayout="default"
          features={[
            {
              title: "Event Floral Design",              description: "From intimate celebrations to grand corporate events. We create immersive floral atmospheres that reflect your vision and set the emotional tone for every moment.",              imageSrc: "https://img.b2bpic.net/free-photo/blooming-flowers-table-garden_1304-4038.jpg",              imageAlt: "Luxury wedding floral design with hanging installations",              button: {
                text: "Discuss Your Event",                href: "contact"
              }
            },
            {
              title: "Interior & Space Decoration",              description: "Botanical artistry for homes, offices, restaurants, and hotels. Living floral installations that breathe life into spaces and create lasting impressions.",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-beautiful-plants-home_23-2149155732.jpg",              imageAlt: "Interior space decorated with floral botanical designs",              button: {
                text: "Explore Interiors",                href: "contact"
              }
            },
            {
              title: "Custom Floral Art Objects",              description: "Handcrafted pieces: flower paintings, moss panels, sculptural installations. Museum-quality botanical art made exclusively for you. No replicas. Ever.",              imageSrc: "https://img.b2bpic.net/free-photo/tree-natural-pattern-summer-leaves-colorful_1417-1048.jpg",              imageAlt: "Custom moss art panel installation as botanical artwork",              button: {
                text: "Create Your Piece",                href: "contact"
              }
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="process" data-section="process">
        <SplitAbout
          title="Our Process: Craftsmanship & Collaboration"
          description="Every project begins with understanding your vision. We listen, explore materials, collaborate deeply, and create something entirely yours."
          tag="How We Work"
          tagIcon={Leaf}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          bulletPoints={[
            {
              title: "Consultation & Mood",              description: "We meet to understand your vision, aesthetic preferences, space, and emotional intent. Details matter.",              icon: MessageSquare
            },
            {
              title: "Concept & Materials",              description: "Sketches, material samples, and collaborative refinement. We source premium botanicals and craft bespoke solutions.",              icon: Palette
            },
            {
              title: "Creation & Installation",              description: "Handcrafted with precision and artistry. We handle installation, ensuring every detail is perfect.",              icon: Sparkles
            }
          ]}
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/tree-natural-pattern-summer-leaves-colorful_1417-1048.jpg"
          imageAlt="Floral artist creating custom botanical installation"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Trusted by Planners, Designers & Discerning Clients"
          description="Hear from those who've experienced the MossArt difference."
          tag="Client Stories"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "Event Planner, Luxe Events Co",              testimonial: "The floral installation MossArt created for our gala literally transformed the entire venue. Guests couldn't stop talking about it. The detail and artistry were unmatched.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",              imageAlt: "Sarah Mitchell, luxury event planner"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "Interior Designer, Modern Spaces Studio",              testimonial: "Working with MossArt on the restaurant redesign was seamless. The moss panel became the signature element—clients ask about it every single day.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg",              imageAlt: "Michael Chen, interior designer"
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "Bride & Groom, June Wedding",              testimonial: "Our wedding felt like we were surrounded by art, not just flowers. Every arrangement told our story. MossArt didn't just decorate—they elevated our entire celebration.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",              imageAlt: "Emily Rodriguez, happy bride"
            },
            {
              id: "4",              name: "David Park",              handle: "CEO, Tech Startup HQ",              testimonial: "We commissioned a custom flower painting for our office entrance. It's become iconic. We've had investors comment on it before even entering the meeting room.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              imageAlt: "David Park, tech CEO"
            },
            {
              id: "5",              name: "Lisa Thompson",              handle: "Gallery Owner, Art District",              testimonial: "The botanical artworks from MossArt are museum-caliber. They've become collector favorites and our bestsellers. Each piece is truly one-of-a-kind.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",              imageAlt: "Lisa Thompson, gallery owner"
            },
            {
              id: "6",              name: "James Wong",              handle: "Restaurant Owner, Fine Dining",              testimonial: "The moss installation in our dining area created the ambiance we were searching for. It's elegant, natural, and makes our space feel premium and exclusive.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/sensual-blond-female-dressed-purple-jacket-isolated-dark-grey-background_613910-141.jpg",              imageAlt: "James Wong, restaurant owner"
            }
          ]}
          showRating={true}
          animationType="slide-up"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet the Artists Behind MossArt"
          description="Passionate creators dedicated to transforming spaces with botanical artistry."
          tag="Our Team"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          members={[
            {
              id: "1",              name: "Victoria Brennan",              role: "Founder & Lead Designer",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-female-florist-holding-basket-flowers_23-2147882381.jpg",              imageAlt: "Victoria Brennan, MossArt founder and floral artist"
            },
            {
              id: "2",              name: "Marcus Dunn",              role: "Custom Art Director",              imageSrc: "https://img.b2bpic.net/free-photo/young-female-florist-looking-bunch-beautiful-white-flowers_23-2147882071.jpg",              imageAlt: "Marcus Dunn, custom botanical art director"
            },
            {
              id: "3",              name: "Sophia Leclerc",              role: "Installation Specialist",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-african-woman-florist-smiling-making-bouquet-flowers-white-wall_176420-12261.jpg",              imageAlt: "Sophia Leclerc, floral installation specialist"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Custom Design Packages"
          description="Transparent, bespoke pricing tailored to your vision. No cookie-cutter arrangements."
          tag="Pricing"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "event-design",              tag: "Event Floral Design",              tagIcon: Sparkles,
              price: "Starting at $3,000",              period: "",              description: "Full event floral consultation, design, and installation for weddings, galas, corporate events.",              button: {
                text: "Request Quote",                href: "contact"
              },
              featuresTitle: "Includes:",              features: [
                "In-depth consultation & mood board",                "Premium imported botanicals",                "Custom arrangement design",                "Full installation & styling",                "24-hour event support"
              ]
            },
            {
              id: "interior-design",              tag: "Interior & Space Design",              tagIcon: Sparkles,
              price: "Starting at $2,000",              period: "",              description: "Residential & commercial space transformation with living floral installations.",              button: {
                text: "Explore Options",                href: "contact"
              },
              featuresTitle: "Includes:",              features: [
                "Space assessment & design consultation",                "Material sourcing & sustainability",                "Custom installation",                "Maintenance recommendations",                "3-month follow-up support"
              ]
            },
            {
              id: "custom-art",              tag: "Custom Floral Art Objects",              tagIcon: Sparkles,
              price: "Starting at $1,500",              period: "",              description: "One-of-a-kind flower paintings, moss panels, and sculptural botanical installations.",              button: {
                text: "Commission a Piece",                href: "contact"
              },
              featuresTitle: "Includes:",              features: [
                "Bespoke design & concept development",                "Premium natural materials",                "Handcrafted creation",                "Certificate of authenticity",                "Lifetime care guidance"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Transform Your Space?"
          description="Tell us about your vision. No obligation—just genuine conversation about what you're imagining. We respond within 24 hours."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/pink-white-flower-macro_417767-657.jpg"
          imageAlt="Close-up botanical photography of delicate flower petals"
          mediaPosition="right"
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "projectType",              type: "text",              placeholder: "Project Type (Event / Interior / Custom Art)",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your vision, space, and timeline...",            rows: 5,
            required: true
          }}
          buttonText="Send Request"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="MossArt"
          title="Nature-Inspired Design for Meaningful Moments"
          columns={[
            {
              title: "Studio",              items: [
                { label: "Our Services", href: "#services" },
                { label: "Our Process", href: "#process" },
                { label: "Client Work", href: "#testimonials" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Request Consultation", href: "#contact" }
              ]
            },
            {
              title: "Studio Info",              items: [
                { label: "hello@mossart.studio", href: "mailto:hello@mossart.studio" },
                { label: "(555) 792-4015", href: "tel:+15557924015" },
                { label: "By Appointment Only", href: "#" }
              ]
            }
          ]}
          contactItems={[
            { icon: Mail, text: "hello@mossart.studio" },
            { icon: Phone, text: "(555) 792-4015" },
            { icon: MapPin, text: "Chicago, IL" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}