"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Instagram, Facebook } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="animatedAurora"
      cardStyle="outline"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Super Clothes Maman"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Shop Now for Moms",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit
          title="Look Great, Live Better – For Every Mom"
          description="Stylish, comfortable clothes that keep up with your life—whether you're at the office or the playground"
          tag="For Moms Who Do It All"
          buttons={[
            { text: "Shop Now for Moms", href: "products" },
            { text: "Learn Our Story", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/people-summer-city-mother-with-son-woman-gray-sweater_1157-41758.jpg"
          imageAlt="Stylish mother in comfortable, professional clothing"
          frameStyle="browser"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Our Featured Collection"
          description="Discover pieces designed for real life—work, family, and everything in between"
          tag="New Arrivals"
          products={[
            {
              id: "1",              name: "Essential Comfort Tee",              price: "$48",              variant: "Off-White, Charcoal, Navy — 3 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/mother-daughter-with-shopping-bag-city_1157-21214.jpg",              imageAlt: "Essential Comfort Tee in multiple colors"
            },
            {
              id: "2",              name: "Versatile Day Dress",              price: "$95",              variant: "Black, Sage, Camel — 3 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/mother-daughter-with-shopping-bag-city_1157-21217.jpg",              imageAlt: "Versatile Day Dress perfect for office to playground"
            },
            {
              id: "3",              name: "Perfect Fit Trousers",              price: "$78",              variant: "Black, Olive, Khaki — 3 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/mother-adult-daughter-with-shopping-bag_1157-31129.jpg",              imageAlt: "Perfect Fit Trousers in neutral shades"
            },
            {
              id: "4",              name: "Modern Blazer",              price: "$128",              variant: "Navy, Charcoal, Cream — 3 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-caucasian-female-friends-white-pink-suits-smile-picture-isolated-grey-wall_132075-8113.jpg",              imageAlt: "Modern Blazer for professional and casual settings"
            }
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutMetric
          title="Built for Modern Mothers"
          description={[
            "At Super Clothes Maman, we understand that today's mothers juggle it all. You deserve clothing that doesn't make you choose between comfort and style. Every piece in our collection is thoughtfully designed with premium fabrics, intelligent cuts, and timeless aesthetics—so you can move confidently from the boardroom to the playground."
          ]}
          metrics={[
            { label: "Happy Moms", value: "10K+" },
            { label: "Pieces in Rotation", value: "200+" }
          ]}
          showBorder={false}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Loved by Moms Like You"
          description="Real feedback from real mothers who've transformed their wardrobes"
          testimonials={[
            {
              id: "1",              name: "Jessica M.",              role: "Working Mom, Marketing Director",              testimonial: "Finally found pieces I can wear to client meetings AND pick up my kids in. The comfort is unreal, and I actually get compliments on my outfit—even at 8 AM.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Jessica M."
            },
            {
              id: "2",              name: "Sarah T.",              role: "Stay-at-Home Mom",              testimonial: "These clothes make me feel put-together on the toughest days. I love that I can dress up or down, and everything holds up through countless washes. Best investment I've made.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",              imageAlt: "Sarah T."
            },
            {
              id: "3",              name: "Michelle L.",              role: "Entrepreneur & Mom of Two",              testimonial: "I've replaced half my closet with Super Clothes Maman pieces. The quality is exceptional, and I finally have items that work for my chaotic schedule without looking frumpy.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Michelle L."
            },
            {
              id: "4",              name: "Amanda H.",              role: "Teacher & Mom",              testimonial: "Comfortable enough for long days at school, stylish enough for parent events. This is exactly what I was looking for. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              imageAlt: "Amanda H."
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Everything you need to know about Super Clothes Maman"
          faqs={[
            {
              id: "1",              title: "What makes your pieces different?",              content: "Our clothing is designed specifically for mothers who refuse to compromise. We use premium, durable fabrics that withstand real life—spills, stains, endless laundry cycles—while maintaining their shape and comfort. Every design prioritizes both style and functionality."
            },
            {
              id: "2",              title: "How do I find my perfect size?",              content: "We recommend reviewing our detailed size guide before ordering. Our pieces are designed with generous, comfortable cuts that flatter all body types. If you're between sizes, we suggest sizing up for maximum comfort. We also offer free returns and exchanges for 30 days."
            },
            {
              id: "3",              title: "Are the materials easy to care for?",              content: "Absolutely. Most pieces are machine-washable in cold water and dry quickly. We avoid high-maintenance fabrics because we know you're busy. All care instructions are detailed on product pages and included with your order."
            },
            {
              id: "4",              title: "Do you offer subscriptions or loyalty programs?",              content: "Yes! Join our Maman Club for early access to new collections, exclusive discounts, and special member events. Members also receive free shipping on all orders and birthday surprises."
            },
            {
              id: "5",              title: "What's your return and exchange policy?",              content: "We offer free returns and exchanges within 30 days of purchase. We want you to feel confident in every piece. Simply initiate a return through your account, and we'll send a prepaid shipping label."
            },
            {
              id: "6",              title: "How often do you release new collections?",              content: "We launch new pieces seasonally—spring, summer, fall, and winter—plus limited capsule collections throughout the year. Subscribe to our newsletter to stay updated on new arrivals and special drops."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/mother-with-children-having-fun-hammock-mom-kids-hammock_72229-658.jpg"
          imageAlt="Happy mother enjoying comfortable, stylish clothing"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about sizing, styling, or anything else? We'd love to hear from you. Reach out and let's chat!"
          inputs={[
            {
              id: "name",              label: "Your Name",              type: "text",              placeholder: "Jane Doe",              required: true
            },
            {
              id: "email",              label: "Email Address",              type: "email",              placeholder: "jane@example.com",              required: true
            }
          ]}
          textarea={{
            id: "message",            label: "Your Message",            placeholder: "Tell us how we can help...",            required: true
          }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/mother-with-children-having-fun-hammock-mom-kids-hammock_72229-659.jpg"
          imageAlt="Professional mother in comfortable Super Clothes Maman pieces"
          mediaPosition="left"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Super Clothes Maman"
          copyrightText="© Super Clothes Maman, 2025. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "New Arrivals", href: "products" },
                { label: "All Collections", href: "products" },
                { label: "Sale", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Sustainability", href: "about" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Size Guide", href: "faq" },
                { label: "Care Instructions", href: "faq" },
                { label: "Returns & Exchanges", href: "faq" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",              ariaLabel: "Facebook"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}