226 lines
12 KiB
TypeScript
226 lines
12 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Award, Users, Zap, Shield, Heart, TrendingDown, Clock, Smile, Mail } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Dr. Pranali's Dental Clinic"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Nagpur, India"
|
|
bottomRightText="hello@drantaliclinic.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Luxury Dental Care, Zero Pain Promise"
|
|
description="Dr. Pranali delivers advanced, painless treatments in a calm, welcoming environment where every patient feels heard and comfortable. Experience dentistry reimagined."
|
|
tag="Painless & Compassionate"
|
|
tagIcon={Smile}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Book Your Painless Visit", href: "contact" },
|
|
{ text: "Call Now", href: "tel:+91-XXXXXXXXXX" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/women-wearing-masks-therapy_23-2148913111.jpg"
|
|
imageAlt="Modern luxury dental clinic environment"
|
|
mediaAnimation="opacity"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Dr. Pranali's commitment to painless, compassionate dental care has transformed thousands of smiles in Nagpur with advanced techniques and personalized patient attention."
|
|
metrics={[
|
|
{ icon: Award, label: "Years of Excellence", value: "15+" },
|
|
{ icon: Users, label: "Happy Patients", value: "5000+" },
|
|
{ icon: Zap, label: "Painless Procedures", value: "99%" },
|
|
{ icon: Shield, label: "Certified Expert", value: "Dr. Pranali, BDS, MDS" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
title="Our Specialized Services"
|
|
description="Advanced dental treatments designed for comfort and exceptional results"
|
|
tag="Expert Care"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Painless Root Canals", descriptions: [
|
|
"Advanced endodontic techniques with minimal discomfort", "State-of-the-art equipment and anesthesia protocols", "Save your natural tooth with precision care"
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-patient-with-toothache-waiting-medical-procedure-stomatological-consultation-dentistry-office-room-background-medical-team-analyzing-teeth-radiography-medicine-service_482257-39540.jpg", imageAlt: "Root canal treatment procedure"
|
|
},
|
|
{
|
|
id: "2", title: "Cosmetic Smile Design", descriptions: [
|
|
"Transform your smile with teeth whitening and bonding", "Custom smile makeovers tailored to your face", "Professional results that boost confidence"
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23106.jpg", imageAlt: "Cosmetic smile design procedure"
|
|
},
|
|
{
|
|
id: "3", title: "Anxiety-Free Dentistry", descriptions: [
|
|
"Compassionate care for fearful and anxious patients", "Gentle techniques and sedation options available", "Your comfort is our top priority"
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dental-assistant-writing-stomatology-treatment-clipboard-dental-clinic-sick-patient-check-up_482257-4885.jpg", imageAlt: "Comfortable painless dental treatment"
|
|
},
|
|
{
|
|
id: "4", title: "Preventive Care", descriptions: [
|
|
"Regular cleanings and checkups to maintain oral health", "Early detection of dental issues", "Affordable maintenance plans for families"
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dental-assistant-writing-stomatology-treatment-clipboard-dental-clinic-sick-patient-check-up_482257-4885.jpg", imageAlt: "Preventive dental care cleaning"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<MetricCardOne
|
|
title="Why Choose Dr. Pranali's Clinic"
|
|
description="A commitment to luxury, affordability, and patient-first care that sets us apart in Nagpur"
|
|
tag="Premium Values"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "100%", title: "Painless Promise", description: "Every procedure designed for zero-discomfort experience", icon: Heart
|
|
},
|
|
{
|
|
id: "2", value: "40%", title: "Affordable Pricing", description: "Premium care at family-friendly rates in Nagpur", icon: TrendingDown
|
|
},
|
|
{
|
|
id: "3", value: "24/7", title: "Emergency Support", description: "Always available for urgent dental needs and care", icon: Clock
|
|
},
|
|
{
|
|
id: "4", value: "Advanced", title: "Latest Technology", description: "State-of-the-art equipment for precision treatment", icon: Zap
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Patient Testimonials"
|
|
description="Real stories from patients whose smiles and confidence have been transformed by Dr. Pranali's compassionate care"
|
|
tag="Patient Stories"
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Rajesh Kumar", role: "Business Owner", testimonial: "I was terrified of dentists for years. Dr. Pranali made me feel completely comfortable. My root canal was painless and the care was exceptional. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-yellow-desk-medic-emotion-covid-19-nurse-pandemic_179666-24273.jpg", imageAlt: "Rajesh Kumar testimonial"
|
|
},
|
|
{
|
|
id: "2", name: "Priya Deshmukh", role: "Marketing Professional", testimonial: "The cosmetic smile makeover changed my life. I'm now confident in client meetings. Dr. Pranali's expertise and affordable pricing made my dream smile a reality.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-dental-clinic-instagram-stories-collection_23-2149330733.jpg", imageAlt: "Priya Deshmukh testimonial"
|
|
},
|
|
{
|
|
id: "3", name: "Arun Mehta", role: "Family Man", testimonial: "We bring our entire family here. Dr. Pranali is gentle with the children and transparent about costs. This is the clinic we trust with our family's dental health.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-bricks-wall-with-happy-cool-smile-face-lucky-person_839833-8060.jpg", imageAlt: "Arun Mehta testimonial"
|
|
},
|
|
{
|
|
id: "4", name: "Sneha Patil", role: "Student", testimonial: "I had severe dental anxiety but Dr. Pranali was so patient and kind. The emergency care I received was incredible. I'm no longer afraid of the dentist.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-doctor-hospital-premises_107420-84766.jpg", imageAlt: "Sneha Patil testimonial"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Stay Updated"
|
|
title="Join Our Patient Community"
|
|
description="Subscribe to receive dental health tips, special offers, and appointment reminders. We respect your privacy and never share your information."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/women-wearing-masks-therapy_23-2148913111.jpg"
|
|
imageAlt="Dental clinic patient care"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="By subscribing, you agree to receive updates from Dr. Pranali's Dental Clinic. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Dr. Pranali's Dental Clinic"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "home" },
|
|
{ label: "About", href: "about" },
|
|
{ label: "Services", href: "services" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Testimonials", href: "testimonials" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Emergency", href: "tel:+91-XXXXXXXXXX" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Book Appointment", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Nagpur, India", href: "#" },
|
|
{ label: "Email: hello@pranalidentalclinic.com", href: "mailto:hello@pranalidentalclinic.com" },
|
|
{ label: "Follow Us", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |