"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="subtle-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "home",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Programs",
          id: "features",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="EmpowerCare"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "gradient-bars",
      }}
      title="Compassionate Support for Your Community"
      description="Empowering individuals and families through dedicated social work services. We provide guidance, resources, and care tailored to your needs."
      tag="Trusted Social Care"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-support-group_23-2151079543.jpg",
          imageAlt: "Support team in meeting",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-doing-volunteer-work-foodbank_23-2149012252.jpg?_wi=1",
          imageAlt: "Care outreach planning",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Rated 5/5 by over 500 families"
      tagIcon={Heart}
      buttons={[
        {
          text: "Get Support",
          href: "#contact",
        },
        {
          text: "Learn More",
          href: "#about",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Our Commitment to Care"
      description="With years of dedicated experience, we facilitate positive changes in lives by providing resources, mental health advocacy, and social safety nets."
      metrics={[
        {
          value: "12+",
          title: "Years Experience",
        },
        {
          value: "2500+",
          title: "Families Served",
        },
        {
          value: "15",
          title: "Active Programs",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/people-doing-volunteer-work-foodbank_23-2149012252.jpg?_wi=2"
      imageAlt="Community care planning"
      mediaAnimation="opacity"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Crisis intervention",
          "Emergency housing aid",
          "Limited immediate counseling",
        ],
      }}
      positiveCard={{
        items: [
          "Family advocacy",
          "Mental health referral",
          "Long-term goal planning",
          "Resource navigation",
        ],
      }}
      title="Comprehensive Support Services"
      description="We offer structured pathways to help you and your family navigate life's challenges."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Elena Ross",
          date: "Jan 2024",
          title: "Life Changing",
          quote: "The support I received helped my family navigate a very difficult season. Truly grateful.",
          tag: "Counseling",
          avatarSrc: "http://img.b2bpic.net/free-photo/vertical-outdoor-shot-attractive-woman-has-long-dark-hair-positive-facial-expression_273609-44811.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-bench-park-filtered-image-processed-vintage-effe_1232-2317.jpg",
        },
        {
          id: "2",
          name: "Marcus Thorne",
          date: "Nov 2023",
          title: "Professionalism",
          quote: "Their advocacy services were essential to our success. Highly recommend to everyone.",
          tag: "Advocacy",
          avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-wearing-casual-clothes-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-14195.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/corner-open-office-space-with-modern-interior-design_181624-17688.jpg",
        },
        {
          id: "3",
          name: "Sarah Jenkins",
          date: "Sep 2023",
          title: "Empowerment",
          quote: "They helped me gain access to resources I didn't even know existed. Empowering work.",
          tag: "Resource Aid",
          avatarSrc: "http://img.b2bpic.net/free-photo/businessman-pointing-camera-against-grey-wall_23-2148112876.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-interior-details-living-room-decor_169016-6008.jpg",
        },
        {
          id: "4",
          name: "David Wu",
          date: "Aug 2023",
          title: "Guidance",
          quote: "Patient, kind, and incredibly knowledgeable. Exactly what our neighborhood needed.",
          tag: "General Support",
          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/empty-road-through-golden-autumn-forest-warm-sunlight-autumn-highway_169016-70030.jpg",
        },
      ]}
      title="Stories of Hope"
      description="See how our community-focused services have helped others rebuild and thrive."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Are your services free?",
          content: "Many of our core community support programs are provided at no cost, thanks to our generous partners.",
        },
        {
          id: "2",
          title: "How do I request an appointment?",
          content: "You can fill out our online contact form, call our office, or walk into our community center during business hours.",
        },
        {
          id: "3",
          title: "Do you offer emergency support?",
          content: "We do provide crisis intervention services and can help coordinate with local emergency support providers.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg"
      title="Frequently Asked Questions"
      description="Have questions? We have answers to help you get started with our services."
      faqsAnimation="slide-up"
      imageAlt="Customer support assistance"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      tag="Get In Touch"
      title="Need Help? Reach Out Today"
      description="Take the first step toward getting the help you or your family needs. We are here to listen."
      imageSrc="http://img.b2bpic.net/free-photo/african-american-wheelchair-user_482257-76237.jpg"
      mediaPosition="right"
      imageAlt="Support team workspace"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Counseling",
              href: "#",
            },
            {
              label: "Resource Aid",
              href: "#",
            },
            {
              label: "Housing Support",
              href: "#",
            },
          ],
        },
        {
          title: "About",
          items: [
            {
              label: "Our Story",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Privacy",
              href: "#",
            },
          ],
        },
        {
          title: "Community",
          items: [
            {
              label: "Get Involved",
              href: "#",
            },
            {
              label: "Partners",
              href: "#",
            },
            {
              label: "News",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 EmpowerCare Services. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}