293 lines
16 KiB
TypeScript
293 lines
16 KiB
TypeScript
"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>
|
|
);
|
|
}
|