"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Activity, Award, Heart, Sparkles, Sun, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Doctors",
          id: "/doctors",
        },
        {
          name: "Book Appointment",
          id: "/book-appointment",
        },
        {
          name: "Blog",
          id: "/blog",
        },
        {
          name: "Contact",
          id: "/contact",
        },
        {
          name: "Dashboard",
          id: "/dashboard",
        },
      ]}
      button={{
        text: "Book Appointment",
        href: "/book-appointment",
      }}
      topBarButton={{
        text: "Emergency Contact",
        href: "/contact#emergency",
      }}
      brandName="NovaCare Clinic"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="NovaCare Clinic: Your Future of Health, Today."
      description="Experience unparalleled medical care with advanced technology and compassionate experts. Book your appointment and discover a healthier you."
      buttons={[
        {
          text: "Book Appointment",
          href: "/book-appointment",
        },
        {
          text: "Our Services",
          href: "/services",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurses-discussing-digital-tablet_107420-84814.jpg",
          imageAlt: "NovaCare Clinic Medical Team",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/lively-african-american-nurse-pointing-copy-space-tablet-x-ray_482257-122300.jpg",
          imageAlt: "Digital Medical Records Interface",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521382.jpg",
          imageAlt: "Online Prescription Management",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-arrangement-with-glasses_23-2149046719.jpg",
          imageAlt: "Interactive Appointment Calendar",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medical-consultation-tumor-screening-with-specialist-elderly-patient_482257-126675.jpg",
          imageAlt: "Real-time Patient Monitoring",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-turning-pages-with-analyze-his-clipboard-laboratory-brain-problems-brain-displayed-monitor_482257-34603.jpg",
          imageAlt: "Advanced Diagnostic Imaging",
        },
      ]}
    />
  </div>

  <div id="about-metrics" data-section="about-metrics">
      <AboutMetric
      useInvertedBackground={true}
      title="A New Era of Personalised Healthcare."
      metrics={[
        {
          icon: Activity,
          label: "Happy Patients",
          value: "98%",
        },
        {
          icon: Award,
          label: "Years Experience",
          value: "15+",
        },
        {
          icon: Users,
          label: "Specialists",
          value: "50+",
        },
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="departments" data-section="departments">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "General Medicine",
          description: "Comprehensive primary care for all ages, focusing on preventive health and overall well-being.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-office-with-equipment-instruments_482257-27314.jpg",
            imageAlt: "General Medicine Department",
          },
          items: [
            {
              icon: Stethoscope,
              text: "Preventive Care",
            },
            {
              icon: Pill,
              text: "Chronic Disease Management",
            },
            {
              icon: ClipboardList,
              text: "Routine Check-ups",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurses-discussing-digital-tablet_107420-84814.jpg",
          imageAlt: "general practitioner office clean",
        },
        {
          title: "Dental Care",
          description: "State-of-the-art dental solutions for a healthy, confident smile, from routine cleanings to cosmetic procedures.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg",
            imageAlt: "Dental Care Department",
          },
          items: [
            {
              icon: Tooth,
              text: "Cosmetic Dentistry",
            },
            {
              icon: Brush,
              text: "Oral Hygiene",
            },
            {
              icon: Dental,
              text: "Orthodontics",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/lively-african-american-nurse-pointing-copy-space-tablet-x-ray_482257-122300.jpg",
          imageAlt: "general practitioner office clean",
        },
        {
          title: "Cardiology",
          description: "Expert heart care utilising the latest diagnostic and treatment technologies for optimal cardiovascular health.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-office-equipped-with-diagnostic-tools-blood-pressure-monitor_482257-117002.jpg",
            imageAlt: "Cardiology Department",
          },
          items: [
            {
              icon: Heart,
              text: "Cardiac Diagnostics",
            },
            {
              icon: Activity,
              text: "Heart Disease Management",
            },
            {
              icon: WavePulse,
              text: "Interventional Cardiology",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521382.jpg",
          imageAlt: "general practitioner office clean",
        },
        {
          title: "Orthopedics",
          description: "Specialised care for musculoskeletal conditions, helping you regain mobility and live pain-free.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-massage-gun_23-2149421006.jpg",
            imageAlt: "Orthopedics Department",
          },
          items: [
            {
              icon: Bone,
              text: "Joint Replacement",
            },
            {
              icon: Dumbbell,
              text: "Sports Injuries",
            },
            {
              icon: XRay,
              text: "Spine Surgery",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-arrangement-with-glasses_23-2149046719.jpg",
          imageAlt: "general practitioner office clean",
        },
        {
          title: "Pediatrics",
          description: "Dedicated care for infants, children, and adolescents, ensuring healthy development and well-being.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-hospital-healthcare-scene_23-2151644053.jpg",
            imageAlt: "Pediatrics Department",
          },
          items: [
            {
              icon: Baby,
              text: "Child Health Check-ups",
            },
            {
              icon: Syringe,
              text: "Immunizations",
            },
            {
              icon: Thermometer,
              text: "Growth & Development",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/medical-consultation-tumor-screening-with-specialist-elderly-patient_482257-126675.jpg",
          imageAlt: "general practitioner office clean",
        },
        {
          title: "Dermatology",
          description: "Advanced skin care solutions for all dermatological concerns, enhancing skin health and natural beauty.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-laser-hair-removal-patient-face_107420-65127.jpg",
            imageAlt: "Dermatology Department",
          },
          items: [
            {
              icon: Sparkles,
              text: "Cosmetic Treatments",
            },
            {
              icon: Sun,
              text: "Skin Cancer Screening",
            },
            {
              icon: PencilRuler,
              text: "Acne & Eczema",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-turning-pages-with-analyze-his-clipboard-laboratory-brain-problems-brain-displayed-monitor_482257-34603.jpg",
          imageAlt: "general practitioner office clean",
        },
      ]}
      title="Our Specialised Departments"
      description="From general wellness to advanced treatments, our expert teams cover every aspect of your health journey with care and precision."
      buttons={[
        {
          text: "Learn More",
          href: "/services",
        },
      ]}
    />
  </div>

  <div id="doctors-showcase" data-section="doctors-showcase">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      groups={[
        {
          id: "featured",
          groupTitle: "Featured Specialists",
          members: [
            {
              id: "elara-vance",
              title: "Dr. Elara Vance",
              subtitle: "Head of Cardiology",
              detail: "18 years of experience, specialising in advanced cardiac imaging and interventional procedures.",
              imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-female-lab-coat-with-stethoscope-posed-outdoor-against-clinic_627829-2908.jpg",
              imageAlt: "Dr. Elara Vance",
            },
            {
              id: "kian-shah",
              title: "Dr. Kian Shah",
              subtitle: "General Physician",
              detail: "12 years of broad experience in family medicine, focusing on holistic patient wellness.",
              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-doctor-with-stethoscope-clinic_1303-19761.jpg",
              imageAlt: "Dr. Kian Shah",
            },
            {
              id: "sophia-lee",
              title: "Dr. Sophia Lee",
              subtitle: "Dental Surgeon",
              detail: "10 years of expertise in cosmetic and reconstructive dentistry, ensuring healthy smiles.",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg",
              imageAlt: "Dr. Sophia Lee",
            },
            {
              id: "benjamin-hart",
              title: "Dr. Benjamin Hart",
              subtitle: "Orthopedic Specialist",
              detail: "14 years of experience in sports medicine and complex joint surgeries.",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-doctor_23-2148328451.jpg",
              imageAlt: "Dr. Benjamin Hart",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurses-discussing-digital-tablet_107420-84814.jpg",
          imageAlt: "female doctor smiling confident professional",
        },
      ]}
      title="Meet Our Visionary Doctors"
      description="Our team of highly skilled and compassionate medical professionals is dedicated to providing you with the best possible care."
      buttons={[
        {
          text: "View All Doctors",
          href: "/doctors",
        },
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="auto"
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          role: "Consultant",
          company: "Global Innovations",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/adult-man-woman-working-together_23-2148461552.jpg",
          imageAlt: "Sarah J.",
        },
        {
          id: "2",
          name: "Michael R.",
          role: "Engineer",
          company: "Tech Solutions",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/routine-examination-doctors-office_329181-7637.jpg",
          imageAlt: "Michael R.",
        },
        {
          id: "3",
          name: "Emily C.",
          role: "Artist",
          company: "Creative Hub",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/patient-consulting-doctor_1170-2122.jpg",
          imageAlt: "Emily C.",
        },
        {
          id: "4",
          name: "David W.",
          role: "Entrepreneur",
          company: "Startup X",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pleased-smiling-woman-dentist-s-clinic_329181-20765.jpg",
          imageAlt: "David W.",
        },
        {
          id: "5",
          name: "Jessica L.",
          role: "Teacher",
          company: "Local School",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150995049.jpg",
          imageAlt: "Jessica L.",
        },
      ]}
      kpiItems={[
        {
          value: "98%",
          label: "Patient Satisfaction",
        },
        {
          value: "15+",
          label: "Years of Excellence",
        },
        {
          value: "5000+",
          label: "Successful Procedures",
        },
      ]}
      title="Hear From Our Valued Patients"
      description="Our patients' well-being is our greatest reward. Read their stories and see the NovaCare difference."
    />
  </div>

  <div id="contact-cta" data-section="contact-cta">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Ready for a Healthier Future?"
      description="Contact NovaCare Clinic today to book your appointment or speak with our dedicated support team for any emergencies or inquiries."
      buttons={[
        {
          text: "Book Appointment",
          href: "/book-appointment",
        },
        {
          text: "Emergency Contact",
          href: "/contact#emergency",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861962.jpg"
      imageAlt="Modern Clinic at Sunset"
      logoText="NovaCare Clinic"
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Services",
              href: "/services",
            },
            {
              label: "Doctors",
              href: "/doctors",
            },
          ],
        },
        {
          title: "Departments",
          items: [
            {
              label: "General Medicine",
              href: "/services#general-medicine",
            },
            {
              label: "Dental Care",
              href: "/services#dental-care",
            },
            {
              label: "Cardiology",
              href: "/services#cardiology",
            },
            {
              label: "Orthopedics",
              href: "/services#orthopedics",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Book Appointment",
              href: "/book-appointment",
            },
            {
              label: "Patient Dashboard",
              href: "/dashboard",
            },
            {
              label: "Emergency: +1 (123) 456-7890",
              href: "tel:+11234567890",
            },
            {
              label: "Contact Us",
              href: "/contact",
            },
          ],
        },
      ]}
      copyrightText="© 2024 NovaCare Clinic. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
