"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Heart, TrendingUp, HandHeartIcon, Users, Handshake, Phone, Facebook, Instagram, Linkedin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Connors Cause"
          navItems={[
            { name: "Our Impact", id: "impact" },
            { name: "What We Do", id: "services" },
            { name: "Get Involved", id: "involved" },
          ]}
          button={{
            text: "Call Now",            href: "tel:+1-555-0123"}}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero" className="bg-gradient-to-br from-background via-background to-background-accent/10">
        <HeroSplitDualMedia
          title="Help is Here. Your Community Matters."
          description="Connors Cause provides essential support to local families in need. From emergency assistance to long-term programs, we're committed to building a stronger community together."
          tag="Local Charity Impact"
          tagIcon={Heart}
          tagAnimation="slide-up"
          buttons={[
            { text: "Call for Help", href: "tel:+1-555-0123" },
            { text: "Get Involved", href: "#involved" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-volunteer-teamwork-join-hands-environment-conservation-volunteering-world-environment-day_640221-254.jpg",              imageAlt: "Community members helping each other"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg?_wi=1",              imageAlt: "Families receiving support from Connors Cause"},
          ]}
          mediaAnimation="slide-up"
          rating={5}
          ratingText="Trusted by 500+ Local Families"
        />
      </div>

      <div id="impact" data-section="impact" className="bg-background-accent/5">
        <MetricCardEleven
          title="Our Local Impact"
          description="Measurable results that prove Connors Cause is making real change in our community."
          tag="Proven Results"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "500+",              title: "Families Served",              description: "Direct support provided this year",              imageSrc: "http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg?_wi=2",              imageAlt: "Families receiving support"},
            {
              id: "2",              value: "2,500+",              title: "Meals Distributed",              description: "Nutritious food to those in need",              imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-volunteers-charitable-event-handing-out-food-poor-needy-smiles-abound-as-voluntary-individuals-work-together-fight-hunger-provide-support-less-fortunate_482257-68825.jpg?_wi=1",              imageAlt: "Food drive and meal distribution"},
            {
              id: "3",              value: "150+",              title: "Children Tutored",              description: "Academic support and mentorship",              imageSrc: "http://img.b2bpic.net/free-photo/school-education-home-tutoring-concept-horizontal-shot-black-clever-african-amercan-woman-answers-some-question-schoolboy-who-has-headache-cant-understand-flipchart-diagram_273609-44824.jpg?_wi=1",              imageAlt: "Education and tutoring support"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services" className="bg-gradient-to-b from-background to-card">
        <FeatureCardSeven
          title="What We Do"
          description="Connors Cause provides comprehensive support tailored to the unique needs of each family."
          tag="Our Services"
          tagIcon={HandHeartIcon}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Emergency Financial Assistance",              description: "Immediate help for rent, utilities, and critical bills when families face unexpected hardship.",              imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-psychologist-s-office-talking-about-problems_1157-28377.jpg?_wi=1",              imageAlt: "Financial assistance support"},
            {
              id: 2,
              title: "Food Pantry & Meal Programs",              description: "Weekly food distributions and meal support ensuring no one goes hungry in our community.",              imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-volunteers-charitable-event-handing-out-food-poor-needy-smiles-abound-as-voluntary-individuals-work-together-fight-hunger-provide-support-less-fortunate_482257-68825.jpg?_wi=2",              imageAlt: "Food pantry and meal support"},
            {
              id: 3,
              title: "Counseling & Mental Health Support",              description: "Professional and peer counseling to help families navigate life's challenges with compassion.",              imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-psychologist-s-office-talking-about-problems_1157-28377.jpg?_wi=2",              imageAlt: "Counseling and support services"},
            {
              id: 4,
              title: "Youth Tutoring & Education Programs",              description: "Academic mentorship and tutoring to help children succeed and reach their potential.",              imageSrc: "http://img.b2bpic.net/free-photo/school-education-home-tutoring-concept-horizontal-shot-black-clever-african-amercan-woman-answers-some-question-schoolboy-who-has-headache-cant-understand-flipchart-diagram_273609-44824.jpg?_wi=2",              imageAlt: "Youth education and tutoring"},
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="bg-accent/5">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Maria Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Maria Rodriguez"},
            {
              id: "2",              name: "James Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "James Thompson"},
            {
              id: "3",              name: "Sarah Chen",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Sarah Chen"},
            {
              id: "4",              name: "David Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: "David Martinez"},
          ]}
          cardTitle="Connors Cause transformed my family's life. Their compassion and practical support made all the difference."
          cardTag="See what families say"
          cardTagIcon={Heart}
          cardAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="partners" data-section="partners" className="bg-background">
        <SocialProofOne
          title="Trusted by Local Partners"
          description="Leading businesses and organizations in our community support Connors Cause."
          tag="Community Partners"
          tagIcon={Users}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Local Credit Union",            "Community Health Center",            "Regional Hospital",            "Small Business Alliance",            "County Services",            "Faith Communities",            "Education District"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="involved" data-section="involved" className="bg-gradient-to-r from-background to-background-accent/10">
        <MetricSplitMediaAbout
          title="Get Involved & Make a Difference"
          description="Whether you're looking to donate, volunteer, or advocate for change, there are many ways to support Connors Cause and strengthen our community. Every contribution, big or small, creates lasting impact."
          tag="Multiple Ways to Help"
          tagIcon={Handshake}
          tagAnimation="slide-up"
          metrics={[
            { value: "$100", title: "Can provide emergency rent assistance" },
            { value: "4 hrs", title: "Of volunteering feeds 20 families" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg?_wi=3"
          imageAlt="Community members working together"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact" className="bg-accent/8">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Ready to Help or Get Help?"
          description="Contact us today. Our team is available to answer questions, process donations, schedule volunteers, or connect you with the support you need."
          buttons={[
            { text: "Call Now: (555) 0123", href: "tel:+1-555-0123" },
            { text: "Submit Interest Form", href: "#contact-form" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Connors Cause"
          copyrightText="© 2025 Connors Cause. All rights reserved."
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com/connorscause",              ariaLabel: "Visit our Facebook page"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/connorscause",              ariaLabel: "Visit our Instagram profile"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/connorscause",              ariaLabel: "Visit our LinkedIn page"
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
