"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, Star, Heart } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="inset"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Dr. Kajee R M"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Call Now: 011 883 3882",            href: "tel:0118833882"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Trusted Family Doctor in Sandton"
          description="Professional, compassionate healthcare for you and your family. Same-day appointments available."
          tag="⭐ 4.0 Rating | 35 Reviews"
          tagAnimation="slide-up"
          buttons={[
            { text: "Call Now: 011 883 3882", href: "tel:0118833882" },
            { text: "Book Appointment", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/sheerful-business-african-american-lady-with-afro-hair-wear-white-blouse-green-pants-posed-cafe_627829-1033.jpg",              imageAlt: "Modern medical clinic interior"
            }
          ]}
          mediaAnimation="slide-up"
          ariaLabel="Hero section - Dr. Kajee R M General Practice"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About Dr. Kajee R M"
          tagAnimation="slide-up"
          title="Experienced General Practitioner Serving Sandton Since 2003"
          useInvertedBackground={false}
          ariaLabel="About section - Dr. Kajee R M background and experience"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNineteen
          tag="Services"
          tagAnimation="slide-up"
          title="Comprehensive Healthcare Services"
          description="We provide a full range of general medical services tailored to your healthcare needs."
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              tag: "General Consultations",              title: "Expert Medical Advice",              subtitle: "Professional diagnosis and treatment",              description: "Comprehensive consultations for acute and chronic conditions with evidence-based treatment plans.",              imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-holding-tablet-looking-patient_23-2148352066.jpg",              imageAlt: "Doctor patient consultation"
            },
            {
              id: 2,
              tag: "Family Healthcare",              title: "Care for All Ages",              subtitle: "From infants to seniors",              description: "Holistic family medicine ensuring every member of your family receives personalized healthcare.",              imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-doctor-talking-mother-baby_23-2148352088.jpg",              imageAlt: "Family healthcare consultation"
            },
            {
              id: 3,
              tag: "Minor Procedures",              title: "In-Clinic Treatments",              subtitle: "Safe and professional",              description: "Minor surgical procedures including circumcisions performed with modern sterile techniques.",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-nurse-doctor-checking-patient_23-2148973497.jpg",              imageAlt: "Medical procedure equipment"
            },
            {
              id: 4,
              tag: "Health Checkups",              title: "Preventive Care",              subtitle: "Stay healthy and well",              description: "Regular checkups and medical screenings to detect and prevent health issues early.",              imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-working-together-project_23-2148461544.jpg",              imageAlt: "Medical health checkup"
            }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Services section - Healthcare offerings"
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <MetricCardOne
          tag="Why Choose Us"
          tagAnimation="slide-up"
          title="Why Patients Trust Dr. Kajee"
          description="Committed to providing the highest standard of healthcare with compassion and professionalism."
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="bento-grid"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "20+",              title: "Years of Experience",              description: "Over two decades serving the Sandton community with expert medical care",              icon: Award
            },
            {
              id: "2",              value: "4.0★",              title: "Patient Rating",              description: "Highly rated by satisfied patients for professionalism and care quality",              icon: Star
            },
            {
              id: "3",              value: "24/7",              title: "Emergency Support",              description: "Available for emergencies and urgent medical concerns when you need us",              icon: Heart
            }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Why choose section - Dr. Kajee credentials"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          tag="Patient Testimonials"
          tagAnimation="slide-up"
          title="What Our Patients Say"
          description="Real feedback from families who trust Dr. Kajee with their healthcare."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Parent",              testimonial: "Best service ever. The kindness you show us is remarkable. Dr. Kajee truly cares about his patients.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-doctor-patient_23-2149844603.jpg",              imageAlt: "Sarah Johnson testimonial"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Family Patient",              testimonial: "Extremely knowledgeable, friendly, and professional. Highly recommend for your family healthcare needs.",              imageSrc: "http://img.b2bpic.net/free-photo/doctor-tending-patient_23-2148168447.jpg",              imageAlt: "Michael Chen testimonial"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Long-time Patient",              testimonial: "Goes above and beyond in emergencies. Dr. Kajee's dedication to patient care is exceptional.",              imageSrc: "http://img.b2bpic.net/free-photo/black-female-doctor-showing-couple-their-electronic-medical-record-touchpad-while-communicating-with-them-clinic_637285-1768.jpg",              imageAlt: "Emily Rodriguez testimonial"
            },
            {
              id: "4",              name: "David Kim",              role: "Patient",              testimonial: "Professional, caring, and always available when we need medical advice. Very satisfied.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-black-female-doctor-talking-couple-while-analyzing-their-medical-reports-consultations-clinic_637285-1761.jpg",              imageAlt: "David Kim testimonial"
            },
            {
              id: "5",              name: "Lisa Thompson",              role: "Family Patient",              testimonial: "Trustworthy doctor with genuine compassion. Our entire family has been with Dr. Kajee for years.",              imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-medics-examining-x-ray-results-healthcare-data-meeting_482257-112082.jpg",              imageAlt: "Lisa Thompson testimonial"
            },
            {
              id: "6",              name: "James Martinez",              role: "Community Member",              testimonial: "A pillar of the Sandton community. Dr. Kajee's commitment to healthcare excellence is evident every visit.",              imageSrc: "http://img.b2bpic.net/free-photo/positive-man-woman-chatting-kitchen_1262-20339.jpg",              imageAlt: "James Martinez testimonial"
            }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Testimonials section - Patient reviews"
        />
      </div>

      <div id="call-to-action" data-section="call-to-action">
        <ContactText
          text="Need to see a doctor today? Same-day appointments are often available. Contact us now to schedule your visit or discuss your healthcare concerns."
          animationType="reveal-blur"
          buttons={[
            { text: "Call: 011 883 3882", href: "tel:0118833882" },
            { text: "WhatsApp Message", href: "https://wa.me/27118833882" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          ariaLabel="Call-to-action section - Emergency contact"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about our services, appointment booking, and healthcare offerings."
          textPosition="left"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "How do I book an appointment?",              content: "You can call us directly at 011 883 3882 or use our WhatsApp contact option. We typically have same-day or next-day availability for urgent concerns."
            },
            {
              id: "2",              title: "What are your clinic hours?",              content: "We're open Monday to Friday. The clinic closes at 5pm. For emergency consultations outside these hours, please call our emergency line."
            },
            {
              id: "3",              title: "Do you treat family members of all ages?",              content: "Yes! We provide comprehensive family medicine services for patients from infants to seniors. Everyone in your family can be treated at our clinic."
            },
            {
              id: "4",              title: "What conditions do you treat?",              content: "We treat acute illnesses, chronic conditions, perform minor procedures, provide preventive care, and manage family healthcare needs. If specialized care is needed, we provide referrals."
            },
            {
              id: "5",              title: "Are same-day appointments available?",              content: "Yes, we often have same-day appointment slots available, especially for urgent medical concerns. Call ahead to confirm availability."
            },
            {
              id: "6",              title: "Do you accept medical aid insurance?",              content: "We work with most major medical aid schemes. Please contact us with your insurance details, and we'll confirm coverage details."
            }
          ]}
          ariaLabel="FAQ section - Common questions"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Dr. Kajee R M"
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "#hero" },
                { label: "About", href: "#about" },
                { label: "Services", href: "#services" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: 011 883 3882", href: "tel:0118833882" },
                { label: "WhatsApp", href: "https://wa.me/27118833882" },
                { label: "Block A, Rochester Place, 173 Rivonia Rd, Morningside, Sandton, 2196", href: "#" }
              ]
            },
            {
              title: "Information",              items: [
                { label: "Hours: Open - Closes at 5pm", href: "#" },
                { label: "Emergency Support Available", href: "#" },
                { label: "Same-Day Appointments", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Dr. Kajee R M | General Practice Clinic. All rights reserved."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}