"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="aurora"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Beautiful Brains"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "plain"}}
      title="Unlocking the Potential in Every Unique Brain"
      description="Lauren Hansen provides specialized academic intervention and learning support for students with language-based learning differences. Discover a partnership that empowers your child to thrive."
      buttons={[
        {
          text: "Schedule Consultation",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/teamwork-notebook-friends-communication-working-meeting_1418-85.jpg",          imageAlt: "Educational tools"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/desktop-students-background_23-2147655790.jpg",          imageAlt: "Welcoming office"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/international-day-literacy-concept-with-learning-tools_1150-24442.jpg",          imageAlt: "Multi-sensory tools"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Meet Lauren Hansen"
      description="As a dedicated Academic Intervention and Learning Specialist, I partner with students from Pre-K to adult. My approach is rooted in Orton-Gillingham methods, ensuring every session is explicit, structured, and multi-sensory. I believe in discovering how each brain learns best—and ensuring we have fun while doing it."
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg"
      imageAlt="Lauren Hansen"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          id: "1",          title: "Orton-Gillingham Intervention",          tags: [
            "Literacy",            "Dyslexia"],
          imageSrc: "http://img.b2bpic.net/free-photo/people-studying-peacefully-library_23-2148844710.jpg"},
        {
          id: "2",          title: "Executive Functioning Support",          tags: [
            "ADHD",            "Strategy"],
          imageSrc: "http://img.b2bpic.net/free-photo/financial-advisor-working-laptop-while-having-meeting-with-clients-office_637285-11096.jpg"},
        {
          id: "3",          title: "Language-Based Learning Aid",          tags: [
            "Language",            "Dysgraphia"],
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-woman-reading-form_23-2148461492.jpg"},
      ]}
      title="Comprehensive Support Services"
      description="Tailored intervention strategies for diverse learners."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",          value: "7+",          title: "Years Experience",          items: [
            "Serving families since 2018"],
        },
        {
          id: "2",          value: "Multi-Sensory",          title: "Methodology",          items: [
            "Orton-Gillingham based approach"],
        },
        {
          id: "3",          value: "Holistic",          title: "Focus",          items: [
            "Pre-K through Adult learners"],
        },
      ]}
      title="Empowering Diverse Learners"
      description="Specialized support for a wide range of processing differences."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          role: "Parent",          testimonial: "Lauren completely transformed my child's confidence in reading.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-greenhouse-sitting_23-2148509935.jpg"},
        {
          id: "2",          name: "Mark D.",          role: "Parent",          testimonial: "The structured approach really makes sense for his ADHD brain.",          imageSrc: "http://img.b2bpic.net/free-photo/tired-teenager-lies-table-from-weariness-cant-work-any-more_273609-44835.jpg"},
        {
          id: "3",          name: "Elena R.",          role: "Adult Learner",          testimonial: "I finally understand how my brain processes language after years of struggling.",          imageSrc: "http://img.b2bpic.net/free-photo/cute-blonde-student-holding-idea-board-drinking-coffee_114579-92478.jpg"},
      ]}
      title="Client Success Stories"
      description="What our families say about their experience with Beautiful Brains."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      faqsAnimation="slide-up"
      sideTitle="Frequently Asked Questions"
      sideDescription="Common questions about academic intervention and learning differences."
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "What ages do you work with?",          content: "I work with students from Pre-K all the way through adulthood."},
        {
          id: "2",          title: "What is Orton-Gillingham?",          content: "It is a highly structured, multi-sensory method ideal for students with dyslexia and processing differences."},
        {
          id: "3",          title: "Do you offer hybrid sessions?",          content: "Yes, I offer hybrid support for flexibility and meeting students where they are."},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      tag="Contact"
      title="Start Your Journey"
      description="Let's discover how your brain learns best."
      buttons={[
        {
          text: "Get in Touch",          href: "#"
        }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Beautiful Brains"
      columns={[
        {
          title: "Navigation",          items: [
            { label: "About", href: "#about" },
            { label: "Services", href: "#services" },
          ],
        },
        {
          title: "Support",          items: [
            { label: "Contact", href: "#contact" },
            { label: "FAQ", href: "#faq" },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
