"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { SmilePlus, Heart, Lightbulb, Wind, Flower2, Volume2, MessageCircle, User, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="fluid"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="EmotiLink"
          navItems={[
            { name: "About", id: "about" },
            { name: "Challenges", id: "features" },
            { name: "Testimonials", id: "testimonial" },
            { name: "FAQ", id: "faq" },
          ]}
          button={{ text: "Get Started", href: "pricing" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Master Your Child's Emotions with 35 Easy Home Challenges"
          description="Empower mothers with practical, science-backed emotional intelligence tools designed to deepen connections with their children. Complete simple challenges at home with zero complex setup."
          tag="Emotional Growth"
          imageSrc="http://img.b2bpic.net/free-photo/curly-mother-child-play-against-background-inscription-happy-birthday_89887-1157.jpg"
          imageAlt="Mother and child bonding during emotional connection activity"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Explore Challenges", href: "#features" },
            { text: "Learn More", href: "#about" },
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="What is Emotional Intelligence for Children?"
          description="Emotional intelligence (EI) is the foundation for resilience, empathy, and healthy relationships. Our program teaches mothers how to guide their children through emotions with proven techniques that require nothing more than quality time together. Each challenge is designed to be completed at home, anywhere, anytime."
          tag="About Our Approach"
          imageSrc="http://img.b2bpic.net/free-photo/young-woman-doing-speech-therapy-with-kids_23-2149110280.jpg"
          imageAlt="Child learning emotional awareness in a nurturing environment"
          useInvertedBackground={false}
          buttons={[{ text: "See All Challenges", href: "#features" }]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBento
          title="35 Challenges to Transform Emotional Connection"
          description="From mindfulness activities to communication games, each challenge is designed to strengthen your bond while developing emotional awareness in your child."
          tag="Easy Home Activities"
          features={[
            {
              title: "Interactive Emotion Games",              description: "Engage your child with fun games that teach emotional recognition and expression without pressure or complexity.",              bentoComponent: "icon-info-cards",              items: [
                { icon: SmilePlus, label: "Emotion Wheel", value: "Challenge 1-5" },
                { icon: Heart, label: "Empathy Building", value: "Challenge 6-12" },
                { icon: Lightbulb, label: "Problem Solving", value: "Challenge 13-18" },
              ],
            },
            {
              title: "Daily Practices",              description: "Introduce your child to peaceful practices that reduce anxiety and build emotional regulation skills.",              bentoComponent: "3d-task-list",              items: [
                { icon: Wind, label: "Breathing Exercises", time: "5 mins" },
                { icon: Flower2, label: "Guided Visualization", time: "10 mins" },
                { icon: Volume2, label: "Meditation Stories", time: "15 mins" },
              ],
            },
            {
              title: "Communication Mastery",              description: "Learn techniques to foster open dialogue and improve listening skills between you and your child.",              bentoComponent: "chat",              aiIcon: MessageCircle,
              userIcon: User,
              exchanges: [
                {
                  userMessage: "How was your day today?",                  aiResponse: "Great question! This opens the conversation door. Your child feels heard and valued."},
                {
                  userMessage: "What made you feel happy today?",                  aiResponse: "By asking about emotions, you're building emotional vocabulary and awareness."},
              ],
              placeholder: "Try asking open-ended questions..."},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Real Results from Real Mothers"
          description="See how our challenges have transformed parent-child relationships across thousands of families."
          tag="Impact Metrics"
          metrics={[
            {
              id: "1",              value: "35+",              title: "Evidence-Based Challenges",              items: ["Easy home setup", "5-30 minute activities", "Immediate bonding results"],
            },
            {
              id: "2",              value: "87%",              title: "Improved Child Emotional Awareness",              items: ["Better emotion recognition", "Increased empathy", "Healthier relationships"],
            },
            {
              id: "3",              value: "92%",              title: "Enhanced Parent-Child Connection",              items: ["Deeper conversations", "Reduced conflict", "Stronger trust bonds"],
            },
            {
              id: "4",              value: "5k+",              title: "Mothers Transforming Families",              items: ["Global community", "24/7 support access", "Shared success stories"],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardOne
          title="What Mothers Are Saying"
          description="Real stories from mothers who've strengthened their emotional bonds with their children through EmotiLink."
          tag="Success Stories"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Mother of 2",              company: "San Francisco, CA",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-mother-daughter-smiling-happy-hugging-standing-with-smile-face-standing-city_839833-9121.jpg"},
            {
              id: "2",              name: "Jennifer Torres",              role: "Mom & Educator",              company: "Austin, TX",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg"},
            {
              id: "3",              name: "Amanda Chen",              role: "Working Mother",              company: "Seattle, WA",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-smiling-beautiful-brunette-curly-girl-knitted-sweater-beige-wall_176420-8854.jpg"},
            {
              id: "4",              name: "Rebecca Johnson",              role: "Parent Coach",              company: "Boston, MA",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/adoptive-mother-spending-time-with-her-daughter_23-2149501302.jpg"},
            {
              id: "5",              name: "Michelle Davis",              role: "Busy Mom",              company: "Denver, CO",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-kissing-with-copy-space_23-2149123924.jpg"},
            {
              id: "6",              name: "Lisa Anderson",              role: "Child Psychologist",              company: "New York, NY",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Choose Your Journey"
          description="Select the plan that works best for your family. All plans include access to the complete 35-challenge library."
          tag="Flexible Pricing"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          plans={[
            {
              id: "starter",              tag: "Starter Plan",              price: "$9.99",              period: "/month",              description: "Perfect for exploring emotional growth with your child.",              button: { text: "Start Free Trial", href: "#contact" },
              featuresTitle: "What's Included:",              features: [
                "Access to 35 challenges",                "Mobile app access",                "Monthly tips & insights",                "Community forum"],
            },
            {
              id: "family",              tag: "Family Plan",              price: "$19.99",              period: "/month",              description: "For families wanting personalized guidance and support.",              button: { text: "Get Started", href: "#contact" },
              featuresTitle: "Everything in Starter, Plus:",              features: [
                "Personalized challenge recommendations",                "Progress tracking dashboard",                "Weekly parent coaching calls",                "Priority email support",                "Printable activity guides"],
            },
            {
              id: "premium",              tag: "Premium Plan",              tagIcon: Sparkles,
              price: "$29.99",              period: "/month",              description: "Complete transformation with expert support and resources.",              button: { text: "Unlock Premium", href: "#contact" },
              featuresTitle: "Everything in Family, Plus:",              features: [
                "1-on-1 certified coach sessions",                "Custom challenge roadmaps",                "Video tutorials with experts",                "Master courses on emotional intelligence",                "Annual family intensive workshop",                "Lifetime access to updates"],
            },
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about EmotiLink and how to get started."
          tag="Support"
          faqs={[
            {
              id: "1",              title: "What age is this suitable for?",              content: "EmotiLink challenges are designed for children ages 4-14. However, the principles and techniques work across all ages. Parents can adapt challenges to suit their child's developmental stage and maturity level."},
            {
              id: "2",              title: "Do I need any special materials or setup?",              content: "No! That's the beauty of EmotiLink. All 35 challenges use items you already have at home—toys, household objects, or nothing at all. No special equipment, apps, or complex setups required. Just you, your child, and quality time together."},
            {
              id: "3",              title: "How long does each challenge take?",              content: "Challenges range from 5 to 30 minutes, depending on your child's age and engagement level. Most can be completed in 10-15 minutes, making them perfect for busy schedules."},
            {
              id: "4",              title: "Can I use this if my child has anxiety or behavioral issues?",              content: "Yes, but we recommend consulting with your child's healthcare provider first. EmotiLink is designed to complement professional support, not replace it. Our Premium plan includes access to certified coaches who can provide personalized guidance."},
            {
              id: "5",              title: "Is there a money-back guarantee?",              content: "Yes! We offer a 30-day money-back guarantee. If you're not satisfied with EmotiLink, simply reach out, and we'll refund your subscription, no questions asked."},
            {
              id: "6",              title: "Can I access the challenges offline?",              content: "Absolutely! Download the mobile app and access all 35 challenges offline. Perfect for travel, outdoor activities, or when you don't have internet connectivity."},
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/young-woman-using-audio-headset-computer-call-center-job-offering-helpline-assistance-people-female-consultant-talking-clients-customer-care-service-helping-with-telemarketing_482257-43318.jpg?_wi=1"
          imageAlt="Mother and child having an emotional conversation"
          mediaAnimation="blur-reveal"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Start Your Free Trial Today"
          description="Join thousands of mothers transforming their family relationships. Get instant access to all 35 challenges with a free 7-day trial. No credit card required."
          useInvertedBackground={false}
          inputs={[
            { name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us what brought you to EmotiLink (optional)",            rows: 4,
            required: false,
          }}
          imageSrc="http://img.b2bpic.net/free-photo/young-woman-using-audio-headset-computer-call-center-job-offering-helpline-assistance-people-female-consultant-talking-clients-customer-care-service-helping-with-telemarketing_482257-43318.jpg?_wi=2"
          imageAlt="Happy mother and child celebrating emotional growth"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          buttonText="Start Free Trial"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="EmotiLink"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
