"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Bell, BookOpen } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="grid"
        cardStyle="glass-depth"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Impact",
          id: "#metrics",
        },
        {
          name: "Blog",
          id: "#blog",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="SNAF"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "gradient-bars",
      }}
      title="Empowering Every Unique Potential"
      description="SNAF is dedicated to raising awareness, fostering inclusion, and providing essential resources for children with special needs and their families."
      kpis={[
        {
          value: "500+",
          label: "Families Supported",
        },
        {
          value: "120+",
          label: "Community Workshops",
        },
        {
          value: "15+",
          label: "Inclusive Programs",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Get Involved",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/best-friends-looking-photos-camera_23-2148784133.jpg"
      imageAlt="diverse children inclusive playground"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-smelling-apples-while-shopping-local-farmers-market-female-buyer-standing-near-stall-choosing-locally-grown-fresh-organic-fruits-vegetables-while-visiting-harvest-fair-festival_482257-65870.jpg",
          alt: "Parent supporter 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-pouring-coffee-his-girlfriend_23-2148714939.jpg",
          alt: "Parent supporter 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176480.jpg",
          alt: "Parent supporter 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/children-participating-together-as-team-treasure-hunt_23-2149042902.jpg",
          alt: "Parent supporter 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176482.jpg",
          alt: "Parent supporter 5",
        },
      ]}
      avatarText="Join our 500+ strong community of supporters."
      marqueeItems={[
        {
          type: "text",
          text: "Inclusion Focused",
        },
        {
          type: "text-icon",
          text: "Advocacy Driven",
          icon: Bell,
        },
        {
          type: "text",
          text: "Community Centric",
        },
        {
          type: "text-icon",
          text: "Resource Rich",
          icon: BookOpen,
        },
        {
          type: "text",
          text: "Empathy First",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Our Heartfelt Mission"
      description="We believe in a world where every child is celebrated for their unique abilities. SNAF provides emotional, educational, and social support to bridge gaps and create a landscape of true belonging for children with special needs."
      buttons={[
        {
          text: "Read Our Story",
          href: "#",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149329719.jpg"
      imageAlt="hands caring for seedling"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Developmental Support",
          description: "Tailored therapy programs and developmental resources.",
          imageSrc: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906268.jpg",
          buttonIcon: "Heart",
        },
        {
          title: "Inclusive Education",
          description: "Advocating for accessible learning environments and classrooms.",
          imageSrc: "http://img.b2bpic.net/free-photo/children-learning-about-universe_23-2148925496.jpg",
          buttonIcon: "BookOpen",
        },
        {
          title: "Family Networks",
          description: "Building strong communities for parents and caregivers.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-family-dad-mom-daughter-having-fun-cuddle-video-call-laptop-sofa-house_7861-3103.jpg",
          buttonIcon: "Users",
        },
        {
          title: "Awareness Advocacy",
          description: "Spreading understanding and empathy throughout society.",
          imageSrc: "http://img.b2bpic.net/free-photo/paper-style-soccer-match_23-2148930673.jpg",
          buttonIcon: "Megaphone",
        },
      ]}
      title="How We Make a Difference"
      description="Comprehensive initiatives designed to support development and community integration."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "85%",
          title: "Successful Integrations",
          items: [
            "In schools",
            "In neighborhoods",
          ],
        },
        {
          id: "m2",
          value: "92%",
          title: "Parent Satisfaction",
          items: [
            "Resources",
            "Community",
          ],
        },
        {
          id: "m3",
          value: "100+",
          title: "Active Advocates",
          items: [
            "Volunteers",
            "Partners",
          ],
        },
      ]}
      title="Impact by the Numbers"
      description="Tangible progress toward an inclusive future."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Miller",
          handle: "@sarahm",
          testimonial: "SNAF has been a life-changing resource for our family. Truly inspiring.",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lightskinned-mother-with-redhaired-daughter-casual-clothes-spending-time-together-home-weekends-family-concept_197531-32761.jpg",
        },
        {
          id: "t2",
          name: "John Davis",
          handle: "@johnd",
          testimonial: "The educational advocacy provided by the foundation is unmatched.",
          imageSrc: "http://img.b2bpic.net/free-photo/boy-doing-occupational-therapy-session-with-psychologist_23-2149091562.jpg",
        },
        {
          id: "t3",
          name: "Elena Ross",
          handle: "@elenar",
          testimonial: "Such a warm, welcoming community of supporters and families.",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-game-phone-tailgate-party_53876-132058.jpg",
        },
        {
          id: "t4",
          name: "Mark Wilson",
          handle: "@markw",
          testimonial: "Grateful for the programs that help my daughter thrive every day.",
          imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-thoughtful-people_23-2147657216.jpg",
        },
        {
          id: "t5",
          name: "Linda Chen",
          handle: "@lindac",
          testimonial: "Their workshops gave us the tools to navigate our new journey confidently.",
          imageSrc: "http://img.b2bpic.net/free-photo/nomad-family-traveling-living-van_23-2149651534.jpg",
        },
      ]}
      title="Stories of Hope & Growth"
      description="Our community shares their experiences."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "How can I volunteer?",
          content: "Reach out via our contact form and our community manager will guide you.",
        },
        {
          id: "f2",
          title: "Are your resources free?",
          content: "Many of our educational resources are free, while specialized workshops are subsidized.",
        },
        {
          id: "f3",
          title: "How do I join the network?",
          content: "Sign up for our newsletter to get regular updates and event invitations.",
        },
      ]}
      title="Common Questions"
      description="How you can get involved and find support."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Latest Insights"
      description="Deep dives into awareness, inclusivity, and community growth."
      blogs={[
        {
          id: "b1",
          category: "Advocacy",
          title: "The Power of Inclusive Play",
          excerpt: "Why play is essential for every child's development.",
          imageSrc: "http://img.b2bpic.net/free-photo/students-reviewing-material-together_23-2147656164.jpg",
          authorName: "Jane Doe",
          authorAvatar: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-smiling-father-daughter_23-2147805472.jpg",
          date: "Oct 12, 2024",
        },
        {
          id: "b2",
          category: "Support",
          title: "Creative Art for Growth",
          excerpt: "How art helps children express and grow.",
          imageSrc: "http://img.b2bpic.net/free-photo/improve-ideas-inspiration-creative-concept_53876-138650.jpg",
          authorName: "Jane Doe",
          authorAvatar: "http://img.b2bpic.net/free-photo/smiley-friends-outdoors-close-up_23-2149073453.jpg",
          date: "Oct 15, 2024",
        },
        {
          id: "b3",
          category: "Education",
          title: "Parenting Advocacy Tips",
          excerpt: "Expert advice for ensuring the best education.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-talking_23-2149080799.jpg",
          authorName: "Jane Doe",
          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-couple-celebrating-new-year-eve_23-2148722184.jpg",
          date: "Oct 18, 2024",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Join Our Awareness Mission"
      description="Whether you're looking for support or want to offer a helping hand, we'd love to hear from you."
      buttons={[
        {
          text: "Send Message",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-friends-eating-pizza-outdoors_23-2149550678.jpg"
      logoText="SNAF"
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Support",
              href: "#features",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Blog",
              href: "#blog",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
      imageAlt="diverse children inclusive playground"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
