"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="floatingGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Blog",          id: "#blog"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Book Appointment",        href: "#contact"}}
      brandName="HealWell Clinic"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient"}}
      title="Your Health, Our Priority"
      description="Providing compassionate and comprehensive medical care for your entire family. Experience health and wellness with our dedicated team."
      buttons={[
        {
          text: "Book Appointment",          href: "#contact"},
        {
          text: "Learn More",          href: "#about"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-office-building_1127-2056.jpg"
      imageAlt="Diverse medical team smiling in a modern clinic."
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="About Our Clinic"
      description={[
        "HealWell Clinic is dedicated to providing exceptional healthcare services with a patient-first approach. Established with the vision of fostering a healthier community, we combine advanced medical technology with heartfelt compassion.",        "Our team of experienced doctors, nurses, and support staff are committed to your well-being, offering personalized treatment plans and preventive care tailored to your unique needs. We believe in building lasting relationships with our patients, grounded in trust and mutual respect."]}
      buttons={[
        {
          text: "Meet Our Team",          href: "#team"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "general-checkups",          title: "General Check-ups",          description: "Regular health assessments to ensure your well-being and catch any potential issues early.",          tag: "Primary Care",          imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-giving-injection-patient-hospital_1170-2137.jpg",          imageAlt: "Doctor using a stethoscope on a patient."},
        {
          id: "vaccinations",          title: "Vaccinations",          description: "Stay protected with our comprehensive immunization programs for all ages.",          tag: "Preventive",          imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-doctor-s-hands-holding-poster-about-vaccination_1157-52070.jpg",          imageAlt: "Nurse administering a vaccine."},
        {
          id: "diagnostic-testing",          title: "Diagnostic Testing",          description: "Advanced in-house laboratory for quick and accurate diagnostic results.",          tag: "Laboratory",          imageSrc: "http://img.b2bpic.net/free-photo/medical-vacutainer-with-blood-sample-standing-table-pharmaceutical-examination_482257-10477.jpg",          imageAlt: "Modern laboratory with diagnostic equipment."},
      ]}
      title="Our Comprehensive Services"
      description="At HealWell Clinic, we offer a wide range of medical services to address all your health needs."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "patients-served",          value: "10K+",          description: "Happy Patients Served"},
        {
          id: "years-experience",          value: "25+",          description: "Years of Combined Experience"},
        {
          id: "satisfaction-rate",          value: "98%",          description: "Patient Satisfaction Rate"},
      ]}
      title="Our Clinic at a Glance"
      description="Numbers that speak volumes about our commitment to patient care and excellence."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      members={[
        {
          id: "dr-smith",          name: "Dr. John Smith",          role: "Chief Physician",          imageSrc: "http://img.b2bpic.net/free-photo/detective-specialist_1098-15356.jpg",          imageAlt: "Portrait of Dr. John Smith"},
        {
          id: "dr-jones",          name: "Dr. Emily Jones",          role: "Pediatric Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/doctor-doing-their-work-pediatrics-office_23-2149224177.jpg",          imageAlt: "Portrait of Dr. Emily Jones"},
        {
          id: "nurse-davis",          name: "Nurse Sarah Davis",          role: "Head Nurse",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-nurse-writing-medical-paper-healthcare-specialist-with-uniform-stethoscope-taking-notes-about-disease-lifestyle-standing-isolated-background_482257-39804.jpg",          imageAlt: "Portrait of Nurse Sarah Davis"},
      ]}
      title="Meet Our Dedicated Team"
      description="Our compassionate healthcare professionals are here to provide you with the best care."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Maria S.",          role: "Patient",          testimonial: "HealWell Clinic has transformed my health journey. The doctors are incredibly knowledgeable and truly care.",          imageSrc: "http://img.b2bpic.net/free-photo/patient-consulting-doctor_1170-2096.jpg",          imageAlt: "Portrait of Maria S."},
        {
          id: "2",          name: "David L.",          role: "Patient",          testimonial: "I always feel heard and well-cared for at HealWell. Their staff is amazing and very professional.",          imageSrc: "http://img.b2bpic.net/free-photo/laughing-happily-with-arms-crossed-with-relaxed-positive-satisfied-pose_1194-413783.jpg",          imageAlt: "Portrait of David L."},
        {
          id: "3",          name: "Sophia R.",          role: "Patient",          testimonial: "The best clinic experience I've ever had. From booking to treatment, everything was seamless and comforting.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-shaking-hands-with-doctor-while-talking-her-hospital-hallway_637285-5309.jpg",          imageAlt: "Portrait of Sophia R."},
        {
          id: "4",          name: "James K.",          role: "Patient",          testimonial: "Highly recommend HealWell Clinic. They prioritize patient comfort and deliver outstanding medical advice.",          imageSrc: "http://img.b2bpic.net/free-photo/work-company-male-brick-wall-eye-glasses_1134-1249.jpg",          imageAlt: "Portrait of James K."},
        {
          id: "5",          name: "Eleanor & Frank P.",          role: "Patients",          testimonial: "Coming to HealWell is always a positive experience for us. We trust them completely with our family's health.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167771.jpg",          imageAlt: "Portrait of Eleanor and Frank P."},
      ]}
      title="What Our Patients Say"
      description="Hear directly from those who have experienced our exceptional care."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "appointment-booking",          title: "How can I book an appointment?",          content: "You can easily book an appointment by calling our reception during business hours, or by using our online booking system available on the 'Contact Us' section of our website."},
        {
          id: "insurance-accepted",          title: "Do you accept my insurance?",          content: "We accept a wide range of insurance plans. Please contact our administrative staff with your insurance details, and they will gladly assist you in verifying coverage."},
        {
          id: "new-patients",          title: "Are you accepting new patients?",          content: "Yes, we are always welcoming new patients to HealWell Clinic. Please visit the 'Contact Us' section or call us to register."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our clinic and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Health Insights & Articles"
      description="Stay informed with our latest articles on health, wellness, and preventive care."
      blogs={[
        {
          id: "nutrition-tips",          category: "Nutrition",          title: "5 Simple Nutrition Tips for a Healthier You",          excerpt: "Discover easy ways to improve your diet and boost your overall health with practical advice.",          imageSrc: "http://img.b2bpic.net/free-photo/nutrition-healthy-diet-plan-concept_53876-125014.jpg",          imageAlt: "Healthy food plate with fruits and vegetables.",          authorName: "Dr. Emily Jones",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-blogger-holding-clipboard_23-2148538762.jpg",          date: "July 15, 2024"},
        {
          id: "stress-management",          category: "Mental Health",          title: "Managing Stress: Techniques for a Calmer Life",          excerpt: "Learn effective strategies to cope with stress and enhance your mental well-being.",          imageSrc: "http://img.b2bpic.net/free-photo/back-view-beautiful-african-woman-sitting-ground_23-2148353586.jpg",          imageAlt: "Person meditating in a peaceful park.",          authorName: "Nurse Sarah Davis",          authorAvatar: "http://img.b2bpic.net/free-photo/medical-nurse-uniform-using-laptop-sitting-desk-hospital-office-health-care-physician-using-computer-modern-clinic-looking-monitor-medicine-profession-scrubs_482257-6742.jpg",          date: "August 1, 2024"},
        {
          id: "exercise-benefits",          category: "Fitness",          title: "The Benefits of Regular Exercise for All Ages",          excerpt: "Explore how consistent physical activity can significantly improve your health and longevity.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-running-together-stairs_23-2149037650.jpg",          imageAlt: "Running shoes on a track.",          authorName: "Dr. John Smith",          authorAvatar: "http://img.b2bpic.net/free-photo/smiley-female-doctor-posing-suit-stethoscope_23-2149014356.jpg",          date: "August 10, 2024"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get in Touch"
      title="Book Your Appointment Today"
      description="Schedule a consultation with our experts and take the first step towards better health."
      inputPlaceholder="Enter your email for updates"
      buttonText="Subscribe"
      termsText="By subscribing you're confirming that you agree with our Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/bright-light-jesus-cross_23-2150978827.jpg"
      imageAlt="Modern medical clinic reception area."
      logoText="HealWell Clinic"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "General Check-ups",              href: "#services"},
            {
              label: "Vaccinations",              href: "#services"},
            {
              label: "Diagnostics",              href: "#services"},
            {
              label: "Pediatrics",              href: "#services"},
          ],
        },
        {
          title: "About Us",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Our Team",              href: "#team"},
            {
              label: "Patient Testimonials",              href: "#testimonials"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Health Blog",              href: "#blog"},
            {
              label: "Contact Us",              href: "#contact"},
          ],
        },
      ]}
      copyrightText="© 2024 HealWell Clinic. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
