"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <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: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Book Appointment",        href: "#contact"}}
      brandName="Viveks Multispeciality Clinic"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
        variant: "rotated-rays-animated-grid"}}
      title="Expert Care for Your Health & Well-being"
      description="DR SHIVARAM HR MBBS MD DNB FIPC, a trusted General Practitioner and Diabetologist at Viveks Multispeciality Clinic, Kanakapura Road, offering comprehensive and compassionate medical services."
      buttons={[
        {
          text: "Book an Appointment",          href: "#contact"},
        {
          text: "Learn More",          href: "#about"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/physician-having-conversation-with-adult-medical-cabinet-taking-notes-about-health-care-diagnosis-general-practitioner-talking-mother-about-recovery-treatment-appointment_482257-41817.jpg",          imageAlt: "Modern clinic reception with dark theme"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-clinic-evaluates-man-cognitive-function-reflex_482257-126970.jpg",          imageAlt: "Doctor examining patient in a dark clinic room"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/nurse-writing-patient-details-symptoms-files-help-doctor_482257-122774.jpg",          imageAlt: "Doctor using a tablet in a modern clinic"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-phonendoscope-white-table-lights-with-blurry-background_181624-18176.jpg",          imageAlt: "Stethoscope on a doctor's desk in a dark setting"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-doctor-with-stethoscope-receipt-book_114579-15053.jpg",          imageAlt: "Happy patient leaving a modern clinic"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/crystal-balls-with-purple-background_23-2150439131.jpg",          imageAlt: "Medical research lab with dark ambiance"},
      ]}
      mediaAnimation="opacity"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Clinic"
      title="Trusted Medical Care in Bengaluru"
      description="At Viveks Multispeciality Clinic, Dr. Shivaram HR provides personalized and effective medical treatments. With expertise in general practice and diabetology, we ensure every patient receives dedicated attention."
      subdescription="Committed to health and healing, our clinic near Royal Oak, Konanakunte, offers a welcoming environment and advanced care for all age groups."
      icon={Heart}
      imageSrc="http://img.b2bpic.net/free-photo/doctor-talking-patient-s-wife_23-2148981228.jpg"
      imageAlt="Doctor consulting with a patient in a modern clinic setting"
      mediaAnimation="opacity"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "General Practitioner",          subtitle: "Comprehensive primary care for all ages.",          category: "Care",          value: "Health",          buttons: [
            {
              text: "Learn More",              href: "#"},
          ],
        },
        {
          id: "f2",          title: "Diabetology",          subtitle: "Expert management and treatment for diabetes.",          category: "Specialty",          value: "Diabetes",          buttons: [
            {
              text: "Learn More",              href: "#"},
          ],
        },
        {
          id: "f3",          title: "MD Physician",          subtitle: "Advanced diagnostics and treatment plans.",          category: "Expertise",          value: "Physician",          buttons: [
            {
              text: "Learn More",              href: "#"},
          ],
        },
        {
          id: "f4",          title: "Preventive Health Checkups",          subtitle: "Regular screenings and advice for long-term wellness.",          category: "Wellness",          value: "Prevention",          buttons: [
            {
              text: "Learn More",              href: "#"},
          ],
        },
        {
          id: "f5",          title: "Chronic Disease Management",          subtitle: "Personalized care plans for ongoing health conditions.",          category: "Support",          value: "Management",          buttons: [
            {
              text: "Learn More",              href: "#"},
          ],
        },
        {
          id: "f6",          title: "Vaccinations & Immunizations",          subtitle: "Stay protected with our comprehensive vaccination services.",          category: "Protection",          value: "Immunity",          buttons: [
            {
              text: "Learn More",              href: "#"},
          ],
        },
      ]}
      title="Our Specialized Medical Services"
      description="We offer a wide range of medical services to cater to your health needs, ensuring comprehensive care under one roof."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "4.9",          title: "Patient Rating",          description: "Based on 872 verified Google Reviews.",          imageSrc: "http://img.b2bpic.net/free-photo/doctors-day-handsome-brunette-cute-guy-medical-gown-holding-golden-trophy_140725-162902.jpg",          imageAlt: "Award icon"},
        {
          id: "m2",          value: "15+",          title: "Years of Experience",          description: "Providing expert medical care to the community.",          imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stethoscope-medical-gown-white-backdrop_23-2148129577.jpg",          imageAlt: "Experience icon"},
        {
          id: "m3",          value: "5000+",          title: "Happy Patients",          description: "Our growing family of satisfied individuals.",          imageSrc: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-human-figure-blue-table-flat-lay_176474-9434.jpg",          imageAlt: "Happy patients icon"},
      ]}
      title="Commitment to Patient Satisfaction"
      description="Our dedicated care and excellent service are reflected in the trust and positive feedback from our patients."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      groups={[
        {
          id: "g1",          groupTitle: "Medical Professionals",          members: [
            {
              id: "t1",              title: "Dr. Shivaram HR",              subtitle: "MBBS MD DNB FIPC",              detail: "General Practitioner, Diabetologist & MD Physician. With vast experience, Dr. Shivaram is dedicated to patient wellness and comprehensive health management.",              imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg",              imageAlt: "Dr. Shivaram HR"},
            {
              id: "t2",              title: "Ms. Ananya Sharma",              subtitle: "Clinic Manager",              detail: "Ananya ensures the smooth operation of our clinic, focusing on patient comfort and administrative excellence.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-as-medical-assistant-desk-doctors-office-nurse-looking-camera-smiling-while-preparing-work-computer-healthcare-specialist-uniform_482257-35922.jpg",              imageAlt: "Ms. Ananya Sharma, Clinic Manager"},
            {
              id: "t3",              title: "Mr. Rohan Kumar",              subtitle: "Lead Nurse",              detail: "Rohan provides exceptional patient care and support, specializing in medical assistance and patient education.",              imageSrc: "http://img.b2bpic.net/free-photo/doctor-sitting-medical-office-hospital_1170-2275.jpg",              imageAlt: "Mr. Rohan Kumar, Lead Nurse"},
            {
              id: "t4",              title: "Ms. Pooja Singh",              subtitle: "Receptionist",              detail: "Pooja is your first point of contact, offering a warm welcome and efficient appointment scheduling.",              imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-medical-assistant-analyzing-diagnosis-report-laptop-doing-consultation-hospital-reception-nurse-patient-discussing-about-treatment-health-support-handheld-shot_482257-48912.jpg",              imageAlt: "Ms. Pooja Singh, Receptionist"},
          ]
        }
      ]}
      title="Meet Our Dedicated Team"
      description="Our compassionate and experienced team is committed to providing the best healthcare experience for you and your family."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "testimonial-1",          name: "Sarah M.",          handle: "@sarah_m_health",          testimonial: "Excellent service and patient care, doctor and staff are good. Behaviour is very professional and caring.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg",          imageAlt: "Sarah M."},
        {
          id: "testimonial-2",          name: "John D.",          handle: "@johnd_care",          testimonial: "Dr. Shivaram gives apt medication for all age groups, from small children to the oldest people.",          imageSrc: "http://img.b2bpic.net/free-photo/social-worker-taking-care-old-woman_23-2149031322.jpg",          imageAlt: "John D."},
        {
          id: "testimonial-3",          name: "Priya R.",          handle: "@priya_wellness",          testimonial: "The technician is friendly, knowledgeable, and creates a homely atmosphere, making visits comfortable.",          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6865.jpg",          imageAlt: "Priya R."},
        {
          id: "testimonial-4",          name: "Ramesh K.",          handle: "@rameshk_health",          testimonial: "Dr. Shivaram is very understanding and thorough. I always feel heard and well-cared for during my visits.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-doctor_171337-1499.jpg",          imageAlt: "Ramesh K."},
        {
          id: "testimonial-5",          name: "Aisha S.",          handle: "@aisha_s_patient",          testimonial: "The clinic environment is peaceful, and the staff are always welcoming. A truly positive experience.",          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-pointing-camera-while-winking-blue-uniform-looking-assured-space-text_176474-19604.jpg",          imageAlt: "Aisha S."},
        {
          id: "testimonial-6",          name: "David L.",          handle: "@davidl_care",          testimonial: "Highly recommend Dr. Shivaram for general health checkups and diabetes management. Professional and caring.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg",          imageAlt: "David L."},
      ]}
      title="What Our Patients Say"
      description="Hear from those who have experienced our exceptional care and compassionate service."
      speed={50}
      topMarqueeDirection="left"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What are your clinic hours?",          content: "Our clinic is open daily, closing at 8 PM. Please call us to confirm specific timings for consultations or special services."},
        {
          id: "q2",          title: "What specialties does Dr. Shivaram HR cover?",          content: "Dr. Shivaram HR is a General Practitioner, Diabetologist, and MD Physician, offering a broad range of medical expertise for diverse health needs."},
        {
          id: "q3",          title: "How can I book an appointment?",          content: "You can book an appointment by calling us at 076766 02624 during business hours, or by visiting our clinic directly."},
        {
          id: "q4",          title: "Do you accept walk-in patients?",          content: "Yes, we accept walk-in patients, but we highly recommend booking an appointment in advance to minimize waiting times and ensure prompt consultation."},
        {
          id: "q5",          title: "Where is Viveks Multispeciality Clinic located?",          content: "We are located at No 220, 1st Floor, A2B, Swamy Vivekananda Rd 2nd Cross Rd, opposite Double Road, near to Royal Oak, Narayana Nagar 1st Block, Konanakunte, Bengaluru, Karnataka 560062."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our clinic, services, and appointments to help you prepare for your visit."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Connect With Us"
      title="Book Your Appointment Today"
      description="Reach out to Viveks Multispeciality Clinic for any inquiries or to schedule a consultation with Dr. Shivaram HR. We are here to help you."
      buttons={[
        {
          text: "Call Us Now",          href: "tel:07676602624"},
        {
          text: "Get Directions",          href: "https://www.google.com/maps/dir/?api=1&destination=DR+SHIVARAM+HR+MBBS+MD+DNB+FIPC+(VIVEKS+MULTISPECIALITY+CLINIC)+kanakapura+road+branch+Bengaluru+Karnataka"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",          items: [
            {
              label: "General Practitioner",              href: "#services"},
            {
              label: "Diabetology",              href: "#services"},
            {
              label: "MD Physician",              href: "#services"},
            {
              label: "Preventive Care",              href: "#services"},
          ],
        },
        {
          title: "Quick Links",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Team",              href: "#team"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Contact Us",          items: [
            {
              label: "076766 02624",              href: "tel:07676602624"},
            {
              label: "Get Directions",              href: "https://www.google.com/maps/dir/?api=1&destination=DR+SHIVARAM+HR+MBBS+MD+DNB+FIPC+(VIVEKS+MULTISPECIALITY+CLINIC)+kanakapura+road+branch+Bengaluru+Karnataka"},
            {
              label: "Email Us",              href: "mailto:info@viveksmultispeciality.com"},
          ],
        },
      ]}
      bottomLeftText="© 2023 Viveks Multispeciality Clinic. All rights reserved."
      bottomRightText="Built with care."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}