"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Heart, Target, CheckCircle, Shield, Sparkles, Award, Users, TrendingUp, DollarSign } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="fluid"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="HealthFirst ACA"
          navItems={[
            { name: "About", id: "about" },
            { name: "Plans", id: "pricing" },
            { name: "Why Us", id: "metrics" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Affordable Healthcare Coverage for Every Family"
          description="Navigate ACA health insurance plans with confidence. We provide expert guidance to help you find coverage that fits your needs and budget."
          background={{ variant: "sparkles-gradient" }}
          tag="ACA Specialists"
          tagIcon={Heart}
          tagAnimation="slide-up"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/serious-doctor-discussing-with-senior-couple-about-their-medical-documents-appointment-clinic_637285-1493.jpg", imageAlt: "Family receiving healthcare" },
            { imageSrc: "http://img.b2bpic.net/free-photo/old-physician-listens-man-clinic_482257-119511.jpg", imageAlt: "Doctor consultation" },
            { imageSrc: "http://img.b2bpic.net/free-photo/background-blank-paper-medicine-desk_1232-4182.jpg", imageAlt: "Health coverage plans" },
            { imageSrc: "http://img.b2bpic.net/free-photo/mortgage-loan-pawn-pledge-refinance-insure-concept_53876-121133.jpg", imageAlt: "Affordable insurance options" },
            { imageSrc: "http://img.b2bpic.net/free-photo/front-view-grandparents-granddaughter_23-2148548028.jpg", imageAlt: "Family healthcare support" }
          ]}
          buttons={[
            { text: "Explore Plans", href: "pricing" },
            { text: "Get Free Consultation", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Mission"
          tagIcon={Target}
          tagAnimation="slide-up"
          title="Making ACA Coverage Simple and Affordable"
          description="We believe everyone deserves access to quality healthcare. As certified ACA specialists, we help individuals and families understand their enrollment options, compare plans, and select coverage that provides the protection and peace of mind you need."
          metrics={[
            { value: "500+", title: "Families Served" },
            { value: "15+", title: "Years Experience" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/happy-couple-signing-mortgage-agreement-meeting-with-real-estate-agent_637285-8817.jpg"
          imageAlt="ACA insurance specialists helping clients"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="ACA Health Insurance Plans"
          description="Compare our featured ACA plans. All include preventive care and access to major networks."
          tag="2025 Plans Available"
          tagIcon={CheckCircle}
          plans={[
            {
              id: "bronze",              badge: "Bronze Plan",              badgeIcon: Shield,
              price: "Starting at $250/mo",              subtitle: "Essential coverage for budget-conscious individuals",              buttons: [
                { text: "View Details", href: "#" },
                { text: "Enroll Now", href: "contact" }
              ],
              features: [
                "Preventive care covered at 100%",                "Lower monthly premiums",                "Access to nationwide network",                "Coverage for doctor visits and urgent care"
              ]
            },
            {
              id: "silver",              badge: "Silver Plan",              badgeIcon: Sparkles,
              price: "Starting at $380/mo",              subtitle: "Balanced coverage for most families",              buttons: [
                { text: "View Details", href: "#" },
                { text: "Enroll Now", href: "contact" }
              ],
              features: [
                "Lowest total monthly and out-of-pocket costs",                "Preventive care at 100%",                "Subsidies available for qualifying income",                "Prescription drug coverage included"
              ]
            },
            {
              id: "gold",              badge: "Gold Plan",              badgeIcon: Award,
              price: "Starting at $450/mo",              subtitle: "Comprehensive coverage for frequent care users",              buttons: [
                { text: "View Details", href: "#" },
                { text: "Enroll Now", href: "contact" }
              ],
              features: [
                "Lower deductibles and co-pays",                "Better coverage for specialists",                "Preventive and routine care covered",                "Best for those with chronic conditions"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Why Choose HealthFirst ACA"
          description="We provide transparent, expert guidance to help you make informed healthcare decisions."
          metrics={[
            { id: "1", icon: Users, title: "Trusted Advisors", value: "15+ Years" },
            { id: "2", icon: TrendingUp, title: "Coverage Options", value: "50+ Plans" },
            { id: "3", icon: DollarSign, title: "Savings Found", value: "$2.5M+" },
            { id: "4", icon: CheckCircle, title: "Satisfaction", value: "98%" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Client Success Stories"
          description="Real experiences from families we've helped find the right coverage"
          testimonials={[
            {
              id: "1",              title: "Finally Affordable Coverage",              quote: "HealthFirst helped me find a plan that actually fits my budget. The consultation was free and the agent explained everything clearly. I'm saving $120 per month compared to my previous coverage.",              name: "Maria Rodriguez",              role: "Small Business Owner",              imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1",              imageAlt: "Maria Rodriguez"
            },
            {
              id: "2",              title: "Expert Guidance Made the Difference",              quote: "I was overwhelmed by all the plan options. The team at HealthFirst walked me through each one and helped me understand what I actually needed. Best decision I made for my family.",              name: "James Chen",              role: "Freelance Consultant",              imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              title: "Seamless Enrollment Process",              quote: "From initial consultation to enrollment, everything was straightforward. They answered all my questions and made sure I understood my benefits. Highly recommend!",              name: "Sarah Mitchell",              role: "Marketing Manager",              imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=2",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "4",              title: "Support When I Needed It Most",              quote: "When I had a claim issue, HealthFirst advocated for me. Their ongoing support and dedication to their clients is exceptional. I feel truly taken care of.",              name: "David Thompson",              role: "Entrepreneur",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "David Thompson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Common Questions About ACA Plans"
          description="Find answers to help you understand your health insurance options"
          faqs={[
            {
              id: "1",              title: "What is an ACA plan?",              content: "An ACA (Affordable Care Act) health insurance plan is a government-regulated health insurance option available through the Healthcare.gov marketplace or state exchanges. ACA plans include essential health benefits and coverage for preventive services."
            },
            {
              id: "2",              title: "Am I eligible for ACA coverage?",              content: "If you are a U.S. citizen or national, live in the United States, and are not covered by Medicare, you may be eligible for ACA coverage. Enrollment is available during Open Enrollment Period (typically November-January) or if you qualify for a Special Enrollment Period due to life changes."
            },
            {
              id: "3",              title: "What subsidies am I eligible for?",              content: "Your eligibility for subsidies (tax credits) depends on your household income and family size. Most individuals and families with income between 100% and 400% of the Federal Poverty Level qualify for subsidies that reduce monthly premiums."
            },
            {
              id: "4",              title: "How do I choose between Bronze, Silver, and Gold plans?",              content: "The difference is in how costs are shared. Bronze plans have lower premiums but higher deductibles. Silver plans offer a middle ground. Gold plans have higher premiums but lower out-of-pocket costs. Choose based on your expected healthcare needs and budget."
            },
            {
              id: "5",              title: "When can I enroll in an ACA plan?",              content: "You can enroll during the Open Enrollment Period (November 1 - January 15). If you experience qualifying life events like losing coverage, moving, marriage, or birth, you may qualify for a Special Enrollment Period."
            },
            {
              id: "6",              title: "What does preventive care coverage include?",              content: "All ACA plans cover preventive services at no cost, including annual check-ups, cancer screenings, preventive care for women and children, vaccinations, and more. Coverage is 100% with no copay or coinsurance."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get Your Free ACA Consultation"
          description="Our certified ACA specialists are ready to help you find the right coverage. Fill out the form below and we'll contact you within 24 hours."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
            { name: "householdSize", type: "number", placeholder: "Household Size", required: false }
          ]}
          textarea={{ name: "message", placeholder: "Tell us about your healthcare needs and coverage concerns...", rows: 5, required: false }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/broker-offering-agreement-contract-elderly-couple_482257-115634.jpg"
          imageAlt="ACA insurance consultation"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Request Consultation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="HealthFirst ACA"
          copyrightText="© 2025 HealthFirst ACA Insurance Agency. All rights reserved."
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Plans", href: "pricing" },
                { label: "FAQ", href: "faq" },
                { label: "Blog", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "License Information", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
