"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Activity, Award, CalendarCheck, Heart, Leaf, LifeBuoy, Lightbulb, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "home"},
        {
          name: "About",          id: "about"},
        {
          name: "Treatments",          id: "treatments"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Thirukumaran Homoeopathy"
      button={{
        text: "Book Consultation",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "radial-gradient"}}
      title="Holistic Healing for Life's Chronic Conditions"
      description="Thirukumaran Homoeopathy combines multispecialty expertise with proven homeopathic treatments for allergies, skin diseases, lifestyle disorders, and behavioral health. Over 4.7-star rated care in Karur."
      tag="Your Path to Natural Wellness"
      buttons={[
        {
          text: "Book Your Consultation Today",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-pharmacist-checking-senior-man-s-blood-pressure_23-2150359148.jpg",          imageAlt: "Doctor consulting a patient about homeopathic treatment"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-putting-prunes-into-glass-jar-with-dried-plums_140725-12903.jpg",          imageAlt: "Homeopathic medicine bottles on a shelf"}
      ]}
      mediaAnimation="slide-up"
      rating={4.7}
      ratingText="Rated by our happy patients"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="About Thirukumaran Homoeopathy"
      description="At Thirukumaran Homoeopathy, we are dedicated to providing compassionate and effective homeopathic care. Our multispecialty clinic in Karur is recognized for its hygienic facilities, qualified practitioners, and a patient-centered approach to chronic health challenges. We blend ancient wisdom with modern understanding to offer personalized treatment plans."
      metrics={[
        {
          value: "15+",          title: "Years of Experience"},
        {
          value: "2000+",          title: "Happy Patients"},
        {
          value: "5+",          title: "Specializations"},
      ]}
      tag="Our Expertise & Commitment"
      imageSrc="http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150923347.jpg"
      imageAlt="Homeopathy doctor consulting a patient in a modern clinic"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="treatments" data-section="treatments">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Leaf,
          title: "Allergies & Respiratory Issues",          description: "Holistic relief for seasonal allergies, asthma, and chronic coughs, addressing root causes naturally."},
        {
          icon: Activity,
          title: "Skin Diseases & Dermatology",          description: "Effective homeopathic solutions for eczema, psoriasis, acne, and other persistent skin conditions."},
        {
          icon: Heart,
          title: "Lifestyle Disorders",          description: "Comprehensive treatment plans for diabetes, hypertension, obesity, and stress-related ailments."},
        {
          icon: Lightbulb,
          title: "Mental Health & Behavioral Concerns",          description: "Gentle remedies for anxiety, depression, insomnia, and behavioral challenges, promoting emotional balance."},
      ]}
      title="Our Multispecialty Treatment Expertise"
      description="We specialize in a diverse range of chronic conditions, providing personalized and natural homeopathic care."
      tag="Specializations"
    />
  </div>

  <div id="achievements" data-section="achievements">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          icon: LifeBuoy,
          title: "Patient Trust",          value: "98%"},
        {
          id: "m2",          icon: Award,
          title: "Success Rate",          value: "90%+"},
        {
          id: "m3",          icon: Users,
          title: "Return Patients",          value: "85%"},
        {
          id: "m4",          icon: CalendarCheck,
          title: "Years of Service",          value: "15+"},
      ]}
      title="Proven Outcomes & Patient Satisfaction"
      description="Our commitment to holistic care has resulted in remarkable success and enduring trust from our patients."
      tag="Our Impact"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Priya S.",          handle: "@PriyaWellness",          testimonial: "Thirukumaran Homoeopathy truly changed my life! After years of struggling with chronic allergies, I finally found lasting relief. The doctors are incredibly knowledgeable and caring. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/african-woman-drinking-green-tea-resting-spa-salon_176420-12905.jpg",          imageAlt: "Smiling woman, Priya S."},
        {
          id: "2",          name: "Arjun M.",          handle: "@ArjunHealth",          testimonial: "The personalized treatment for my skin condition was exceptional. Not only did my eczema clear up, but I also feel healthier overall. A truly holistic approach.",          imageSrc: "http://img.b2bpic.net/free-photo/hemp-oil-that-is-paired-with-hemp-brown-wooden-floor_1150-18450.jpg",          imageAlt: "Happy man, Arjun M."},
        {
          id: "3",          name: "Meena K.",          handle: "@MeenaCare",          testimonial: "I was hesitant about homeopathy, but Thirukumaran's team guided me through every step. My lifestyle disorder is now well-managed without heavy medications. Thank you for the wonderful care!",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1293.jpg",          imageAlt: "Smiling elderly woman, Meena K."},
        {
          id: "4",          name: "Santhosh R.",          handle: "@SanthoshWell",          testimonial: "For my anxiety, I sought alternative treatment. The gentle approach here has made a huge difference. I feel calmer and more balanced now. A truly supportive environment.",          imageSrc: "http://img.b2bpic.net/free-photo/positive-office-worker-admiring-seascape_1262-19190.jpg",          imageAlt: "Smiling young professional, Santhosh R."},
        {
          id: "5",          name: "Deepa L.",          handle: "@DeepaHeals",          testimonial: "The clinic's professionalism and hygiene are top-notch. I appreciated the thorough consultation and the clear explanation of my treatment plan. A fantastic experience all around.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nurses-talking_23-2148501139.jpg",          imageAlt: "Smiling woman in a professional setting, Deepa L."},
      ]}
      title="What Our Patients Say"
      description="Hear directly from those who have experienced the transformative power of holistic healing at our clinic."
      tag="Genuine Reviews"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Ministry of AYUSH",        "Indian Homeopathic Medical Association",        "Karur Health & Wellness Council",        "Global Homeopathy Forum",        "Tamil Nadu Health Partners",        "Ayurveda & Naturopathy Board",        "National Institute of Homeopathy"]}
      title="Trusted by Leading Health Organizations"
      description="Our clinic is recognized and affiliated with prominent national and regional health bodies, ensuring the highest standards of care and ethical practice."
      tag="Our Recognitions"
      showCard={false}
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Health Insights & Latest Articles"
      description="Stay informed with our expert articles on homeopathic treatments, wellness tips, and natural health approaches."
      tag="Our Blog"
      blogs={[
        {
          id: "b1",          category: "Allergies",          title: "Natural Relief for Seasonal Allergies",          excerpt: "Explore how homeopathy can provide effective and gentle relief from seasonal allergy symptoms, without side effects.",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-organic-medicines-with-copy-space_23-2148776433.jpg",          imageAlt: "Man sneezing with flowers in background",          authorName: "Dr. Anand Kumar",          authorAvatar: "http://img.b2bpic.net/free-photo/rendering-anime-doctor-job_23-2151151768.jpg",          date: "May 10, 2024"},
        {
          id: "b2",          category: "Lifestyle",          title: "Managing Stress Holistically with Homeopathy",          excerpt: "Learn about homeopathic approaches to stress management and improving overall mental well-being for a balanced life.",          imageSrc: "http://img.b2bpic.net/free-photo/female-hands-making-manicure-office-painting-nails-close-up_1163-4322.jpg",          imageAlt: "Person meditating peacefully",          authorName: "Dr. Lakshmi Devi",          authorAvatar: "http://img.b2bpic.net/free-photo/front-view-portrait-doctor-little-patient-girl_23-2148880482.jpg",          date: "April 28, 2024"},
        {
          id: "b3",          category: "Child Health",          title: "Gentle Homeopathic Solutions for Kids' Health",          excerpt: "Discover safe and natural homeopathic remedies for common childhood ailments, promoting health from an early age.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-pink-t-shirt-blue-jeans-holding-orange-pieces_140725-21130.jpg",          imageAlt: "Happy child playing with toys",          authorName: "Dr. Priya Sharma",          authorAvatar: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859099.jpg",          date: "April 15, 2024"},
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What is homeopathy?",          content: "Homeopathy is a holistic system of medicine based on the principle of 'like cures like,' using highly diluted substances to stimulate the body's self-healing mechanisms."},
        {
          id: "q2",          title: "Is homeopathic treatment safe for all ages?",          content: "Yes, homeopathic remedies are gentle, non-toxic, and considered safe for infants, children, adults, and pregnant women when prescribed by a qualified practitioner."},
        {
          id: "q3",          title: "How long does a typical homeopathic consultation last?",          content: "Initial consultations are typically comprehensive, lasting between 60-90 minutes to understand your full medical history and individual symptoms. Follow-up appointments are shorter."},
        {
          id: "q4",          title: "What conditions can homeopathy treat?",          content: "Homeopathy can effectively treat a wide range of acute and chronic conditions, including allergies, skin disorders, digestive issues, stress, anxiety, and various lifestyle-related diseases."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/thoughtful-woman-going-through-medical-test-results-with-her-doctor-clinic_637285-1779.jpg"
      imageAlt="Person pondering a question, surrounded by thought bubbles"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Frequently Asked Questions"
      description="Find answers to common questions about homeopathy, our clinic, and what to expect during your treatment journey."
      tag="Your Queries Answered"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Schedule Your Visit"
      title="Book Your Holistic Healing Consultation"
      description="Ready to start your journey to natural wellness? Contact us today to book an appointment or inquire about our specialized treatments. Our team is here to guide you."
      inputPlaceholder="Enter your email for updates"
      buttonText="Get in Touch"
      termsText="By clicking Get in Touch, you agree to receive communications from Thirukumaran Homoeopathy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912551.jpg"
      imageAlt="Exterior view of Thirukumaran Homoeopathy clinic at dusk"
      logoText="Thirukumaran Homoeopathy"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Allergies",              href: "#treatments"},
            {
              label: "Skin Diseases",              href: "#treatments"},
            {
              label: "Lifestyle Disorders",              href: "#treatments"},
            {
              label: "Mental Health",              href: "#treatments"},
          ],
        },
        {
          title: "About Us",          items: [
            {
              label: "Our Clinic",              href: "#about"},
            {
              label: "Our Doctors",              href: "#about"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Blog",              href: "#blog"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Thirukumaran Homoeopathy. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
