"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Heart, Sparkles, CheckCircle, MessageCircle, Linkedin, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="animatedAurora"
      cardStyle="neon-glow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            {name: "Home", id: "home"},
            {name: "About", id: "about"},
            {name: "Features", id: "features"},
            {name: "Contact", id: "contact"}
          ]}
          brandName="MoveOnn"
          bottomLeftText="Your healing journey starts here"
          bottomRightText="hello@moveonn.app"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Move Forward From Your Past"
          description="MoveOnn is your personal companion for healing and growth. We guide you through every step of moving on from past relationships with compassion, proven strategies, and community support."
          tag="Wellness & Healing"
          tagIcon={Heart}
          kpis={[
            {value: "100K+", label: "Users Healing"},
            {value: "4.9/5", label: "App Rating"},
            {value: "24/7", label: "Support Available"}
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766138831995-01c7r7mz.jpg"
          imageAlt="Person in nature symbolizing healing and transformation"
          buttons={[
            {text: "Start Healing", href: "#signup"},
            {text: "Learn More", href: "#about"}
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          title="Why MoveOnn Matters"
          description="Designed by therapists and relationship experts, MoveOnn provides structured guidance to help you process emotions and build a healthy future."
          textboxLayout="default"
          contentTag="HOLISTIC HEALING"
          contentTagIcon={Sparkles}
          contentTitle="Your Journey, Your Timeline"
          contentDescription="We believe healing isn't linear. Our app meets you where you are with personalized guidance, daily affirmations, and coping strategies backed by science. Whether you're struggling with heartbreak or building new confidence, MoveOnn is here to support your growth every step of the way."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347538216-4winqq63.jpg"
          imageAlt="Community support and healing together"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Trusted By People Like You"
          description="Real stories from real users who found their strength"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "MoveOnn helped me process my emotions and find myself again. The daily affirmations and journaling prompts were game-changers in my healing journey.",
              name: "Sarah Martinez",
              role: "Marketing Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
              imageAlt: "Sarah Martinez"
            },
            {
              id: "2",
              quote: "I was lost after my breakup. This app gave me structure and hope. The community features helped me realize I wasn't alone in this pain.",
              name: "James Chen",
              role: "Software Engineer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              quote: "The therapist-backed approach made all the difference. I finally feel ready to move forward and build a better version of myself.",
              name: "Emma Williams",
              role: "Creative Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "Emma Williams"
            },
            {
              id: "4",
              quote: "What impressed me most was how understanding and judgment-free the app felt. It's like having a therapist in your pocket.",
              name: "Alex Johnson",
              role: "Consultant",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
              imageAlt: "Alex Johnson"
            }
          ]}
        />
      </div>

      <div id="signup" data-section="signup">
        <ContactFaq
          ctaTitle="Ready to Start Healing?"
          ctaDescription="Join thousands of people who've found their strength and moved forward. Sign up today and start your transformation."
          ctaButton={{text: "Create Account", href: "https://app.moveonn.example.com/signup"}}
          ctaIcon={CheckCircle}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",
              title: "Is my data private and secure?",
              content: "Yes. We use enterprise-grade encryption and comply with HIPAA standards. Your healing journey is completely private and secure."
            },
            {
              id: "2",
              title: "Can I get professional help through MoveOnn?",
              content: "MoveOnn is a supportive tool, not a replacement for therapy. We recommend pairing our app with professional mental health support for optimal results."
            },
            {
              id: "3",
              title: "What if I'm not ready to heal right now?",
              content: "There's no rush. Healing happens on your timeline. MoveOnn will be here whenever you're ready to take the first step."
            },
            {
              id: "4",
              title: "Is there a free trial available?",
              content: "Yes. Start with our free tier that includes basic journaling and daily affirmations. Upgrade anytime to unlock personalized guidance."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="MoveOnn"
          description="Healing from heartbreak isn't easy, but you don't have to do it alone. MoveOnn is your compassionate companion on the journey to moving forward."
          columns={[
            {
              title: "Product",
              items: [
                {label: "Features", href: "#features"},
                {label: "Pricing", href: "#pricing"},
                {label: "Download App", href: "https://app.moveonn.example.com"}
              ]
            },
            {
              title: "Company",
              items: [
                {label: "About Us", href: "#about"},
                {label: "Blog", href: "https://blog.moveonn.example.com"},
                {label: "Careers", href: "https://careers.moveonn.example.com"}
              ]
            },
            {
              title: "Support",
              items: [
                {label: "Help Center", href: "https://help.moveonn.example.com"},
                {label: "Contact Us", href: "#contact"},
                {label: "Community", href: "https://community.moveonn.example.com"}
              ]
            },
            {
              title: "Legal",
              items: [
                {label: "Privacy Policy", href: "https://moveonn.example.com/privacy"},
                {label: "Terms of Service", href: "https://moveonn.example.com/terms"},
                {label: "Cookie Policy", href: "https://moveonn.example.com/cookies"}
              ]
            }
          ]}
          socialLinks={[
            {icon: Heart, href: "https://instagram.com/moveonn", ariaLabel: "Instagram"},
            {icon: MessageCircle, href: "https://twitter.com/moveonn", ariaLabel: "Twitter"},
            {icon: Linkedin, href: "https://linkedin.com/company/moveonn", ariaLabel: "LinkedIn"},
            {icon: Mail, href: "mailto:hello@moveonn.app", ariaLabel: "Email"}
          ]}
          copyrightText="© 2025 MoveOnn. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}