292 lines
17 KiB
TypeScript
292 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Award, CheckCircle, Heart, Shield, Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="grid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Bhanu Homeo Clinic"
|
|
bottomLeftText="Healing with Nature"
|
|
bottomRightText="contact@bhanuhoméo.clinic"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero" className="relative overflow-hidden min-h-screen flex items-center">
|
|
<HeroBillboardCarousel
|
|
title="Natural Healing for Modern Life"
|
|
description="Experience the gentle power of homeopathic medicine. Bhanu Homeo Clinic combines time-tested remedies with compassionate care to restore your health and wellness."
|
|
background={{ variant: "gradient-bars" }}
|
|
tag="Trusted Homeopathy Care"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Book Appointment", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dstudm", imageAlt: "Homeopathic clinic consultation with patient and doctor" }
|
|
]}
|
|
ariaLabel="Hero section - Bhanu Homeo Clinic"
|
|
className="relative overflow-hidden"
|
|
titleClassName="text-5xl md:text-6xl font-bold text-foreground mb-6"
|
|
descriptionClassName="text-lg md:text-xl text-foreground/80 mb-8 max-w-2xl"
|
|
buttonContainerClassName="flex gap-4 flex-wrap"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about" className="py-20">
|
|
<TestimonialAboutCard
|
|
tag="About Our Clinic"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
title="Dedicated to Your Health"
|
|
description="At Bhanu Homeo Clinic, we believe in treating the whole person, not just the symptoms. With over a decade of experience in homeopathic medicine, our practitioners are committed to providing personalized care that supports your body's natural healing abilities."
|
|
subdescription="Located in Siddartha Nagar, Ramanayyapeta, we serve the community with evidence-based homeopathic treatments for chronic conditions, allergies, digestive issues, and more."
|
|
icon={CheckCircle}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ms3il4"
|
|
imageAlt="Bhanu Homeo Clinic interior showing warm welcoming consultation space"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About Bhanu Homeo Clinic"
|
|
titleClassName="text-4xl md:text-5xl font-bold text-foreground mb-4"
|
|
descriptionClassName="text-lg text-foreground/75 mb-4"
|
|
subdescriptionClassName="text-base text-foreground/70"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services" className="py-20 bg-background-accent/10">
|
|
<FeatureCardTwentyFive
|
|
title="Our Services"
|
|
description="Comprehensive homeopathic care tailored to your individual needs. We offer a wide range of treatments designed to promote healing and wellness."
|
|
tag="Holistic Healing"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Personalized Consultations", description: "In-depth assessment of your health history, lifestyle, and current symptoms to create a customized treatment plan.", icon: Heart,
|
|
mediaItems: [
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6jfl83&_wi=1", imageAlt: "Doctor consultation with patient discussion" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8w0di7&_wi=1", imageAlt: "Homeopathic remedy bottles and natural medicine" }
|
|
]
|
|
},
|
|
{
|
|
title: "Chronic Disease Management", description: "Long-term homeopathic treatment for conditions like arthritis, asthma, migraines, digestive disorders, and hormonal imbalances.", icon: Shield,
|
|
mediaItems: [
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8w0di7&_wi=2", imageAlt: "Natural homeopathic medicine bottles collection" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6jfl83&_wi=2", imageAlt: "Medical professional analyzing treatment" }
|
|
]
|
|
},
|
|
{
|
|
title: "Preventive Care", description: "Build immunity and maintain optimal health through natural remedies and wellness guidance.", icon: Award,
|
|
mediaItems: [
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8w0di7&_wi=3", imageAlt: "Natural wellness remedy collection" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6jfl83&_wi=3", imageAlt: "Health consultation and prevention" }
|
|
]
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
ariaLabel="Services offered at Bhanu Homeo Clinic"
|
|
titleClassName="text-4xl md:text-5xl font-bold text-foreground mb-4"
|
|
descriptionClassName="text-lg text-foreground/75 max-w-2xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics" className="py-20">
|
|
<MetricCardEleven
|
|
title="Trusted by Our Community"
|
|
description="Over a decade of dedicated service helping patients recover and maintain optimal health through natural homeopathic medicine."
|
|
tag="Our Impact"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "patients-served", value: "2500+", title: "Patients Treated", description: "Successfully treated across diverse health conditions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aa3ihf&_wi=1", imageAlt: "Patients icon"
|
|
},
|
|
{
|
|
id: "success-rate", value: "92%", title: "Recovery Rate", description: "Patients report significant improvement in symptoms", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yeu70w&_wi=1", imageAlt: "Health recovery icon"
|
|
},
|
|
{
|
|
id: "years-experience", value: "12+", title: "Years Experience", description: "Over a decade of expert homeopathic practice", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hknipv&_wi=1", imageAlt: "Experience award icon"
|
|
}
|
|
]}
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Bhanu Homeo Clinic metrics and achievements"
|
|
titleClassName="text-4xl md:text-5xl font-bold text-foreground mb-4"
|
|
descriptionClassName="text-lg text-foreground/75 max-w-2xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials" className="py-20">
|
|
<TestimonialCardOne
|
|
title="Patient Testimonials"
|
|
description="Real stories from our patients about their healing journey with Bhanu Homeo Clinic."
|
|
tag="Patient Stories"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Ravi Kumar", role: "Software Engineer", company: "IT Professional", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yeu70w&_wi=2", imageAlt: "Ravi Kumar patient testimonial"
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Priya Sharma", role: "Business Owner", company: "Local Enterprise", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aa3ihf&_wi=2", imageAlt: "Priya Sharma patient testimonial"
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Srinivas Reddy", role: "Retired Professional", company: "Community Member", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hknipv&_wi=2", imageAlt: "Srinivas Reddy patient testimonial"
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "Anjali Desai", role: "Teacher", company: "Education", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=23crzs", imageAlt: "Anjali Desai patient testimonial"
|
|
},
|
|
{
|
|
id: "testimonial-5", name: "Mohan Patel", role: "Health Conscious Parent", company: "Family Care", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u043ri", imageAlt: "Mohan Patel patient testimonial"
|
|
},
|
|
{
|
|
id: "testimonial-6", name: "Dr. Lakshmi Rao", role: "Healthcare Advocate", company: "Wellness Community", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u8gpuk", imageAlt: "Dr. Lakshmi Rao patient testimonial"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
ariaLabel="Patient testimonials for Bhanu Homeo Clinic"
|
|
titleClassName="text-4xl md:text-5xl font-bold text-foreground mb-4"
|
|
descriptionClassName="text-lg text-foreground/75 max-w-2xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq" className="py-20">
|
|
<FaqSplitText
|
|
sideTitle="Common Questions"
|
|
sideDescription="Learn more about our homeopathic treatments and how we can help you achieve optimal health."
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "Is homeopathy effective for chronic conditions?", content: "Yes, homeopathy has been successfully used to treat chronic conditions for over 200 years. Our clinic specializes in managing long-term health issues like arthritis, asthma, migraines, and digestive disorders through personalized treatment plans."
|
|
},
|
|
{
|
|
id: "faq-2", title: "How long does treatment usually take?", content: "Treatment duration varies depending on the condition and individual health history. Acute conditions may improve within days or weeks, while chronic conditions typically require 3-6 months of consistent treatment. We'll discuss timelines during your consultation."
|
|
},
|
|
{
|
|
id: "faq-3", title: "Are homeopathic remedies safe?", content: "Homeopathic medicines are extremely safe and have minimal to no side effects. They work gently with your body's natural healing systems and can be used alongside conventional medicine when necessary."
|
|
},
|
|
{
|
|
id: "faq-4", title: "Do you treat children and pregnant women?", content: "Yes, homeopathy is safe and effective for all ages, including children and pregnant women. We have specific expertise in treating common childhood ailments and pregnancy-related concerns."
|
|
},
|
|
{
|
|
id: "faq-5", title: "What should I expect during my first appointment?", content: "Your first consultation includes a detailed health history assessment, lifestyle evaluation, and symptom analysis. This thorough approach helps us create a customized treatment plan tailored specifically to your needs."
|
|
}
|
|
]}
|
|
textPosition="left"
|
|
faqsAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
ariaLabel="Frequently asked questions about Bhanu Homeo Clinic"
|
|
sideTitleClassName="text-3xl md:text-4xl font-bold text-foreground mb-4"
|
|
sideDescriptionClassName="text-base text-foreground/75 mb-6"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact" className="py-20">
|
|
<ContactCenter
|
|
tag="Get in Touch"
|
|
title="Book Your Consultation Today"
|
|
description="Schedule an appointment with our homeopathic practitioners or get more information about our services. We're here to help you on your wellness journey."
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Schedule Appointment"
|
|
termsText="By clicking Schedule Appointment, you agree to our Terms and Conditions and Privacy Policy."
|
|
ariaLabel="Contact and appointment booking section"
|
|
titleClassName="text-4xl md:text-5xl font-bold text-foreground mb-4"
|
|
descriptionClassName="text-lg text-foreground/75 max-w-2xl mb-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer" className="bg-foreground text-background py-16">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "About", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Services", href: "#services" },
|
|
{ label: "Patient Reviews", href: "#testimonials" },
|
|
{ label: "FAQs", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: +91 929 1629 535", href: "tel:+919291629535" },
|
|
{ label: "Email: contact@bhanuhoméo.clinic", href: "mailto:contact@bhanuhoméo.clinic" },
|
|
{ label: "Siddartha Nagar, Ramanayyapeta", href: "#" },
|
|
{ label: "Hours: 10 AM - 9 PM Daily", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Chronic Disease Management", href: "#services" },
|
|
{ label: "Preventive Care", href: "#services" },
|
|
{ label: "Personalized Consultations", href: "#services" },
|
|
{ label: "Online Consultations", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Bhanu Homeo Clinic. All rights reserved. | Registered Homeopathic Practice"
|
|
ariaLabel="Footer section"
|
|
containerClassName="py-16"
|
|
columnTitleClassName="text-lg font-semibold text-foreground mb-4"
|
|
columnItemClassName="text-foreground/70 hover:text-primary-cta transition-colors"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |