340 lines
20 KiB
TypeScript
340 lines
20 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import { Zap, Heart, Shield, Award } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
const handleBookAppointment = () => {
|
||
const contactSection = document.getElementById('contact');
|
||
if (contactSection) {
|
||
contactSection.scrollIntoView({ behavior: 'smooth' });
|
||
}
|
||
};
|
||
|
||
const handleLearnMore = () => {
|
||
const featureHoverSection = document.getElementById('feature-hover');
|
||
if (featureHoverSection) {
|
||
featureHoverSection.scrollIntoView({ behavior: 'smooth' });
|
||
}
|
||
};
|
||
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="circleGradient"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="light"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
brandName="Expert Dental Care"
|
||
navItems={[
|
||
{ name: "Services", id: "services" },
|
||
{ name: "About Dr. Padmasri", id: "about" },
|
||
{ name: "Features", id: "features" },
|
||
{ name: "Testimonials", id: "testimonials" }
|
||
]}
|
||
button={{ text: "Book Appointment", onClick: handleBookAppointment }}
|
||
animateOnLoad={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
title="Expert Dental Care for Your Brightest Smile"
|
||
description="Professional dental treatments with personalized care from an experienced endodontist. Over 10 years of expertise in general, restorative, cosmetic, and advanced dental procedures. Open Monday to Sunday, 10 AM – 9 PM."
|
||
background={{ variant: "sparkles-gradient" }}
|
||
kpis={[
|
||
{ value: "10+", label: "Years of Experience" },
|
||
{ value: "MDS", label: "Specialist Endodontist" },
|
||
{ value: "₹250", label: "Consultation Fee" }
|
||
]}
|
||
enableKpiAnimation={true}
|
||
tag="Expert Dental Care"
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Book Appointment", onClick: handleBookAppointment },
|
||
{ text: "Learn More", onClick: handleLearnMore }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772969384966-d6800iwa.png"
|
||
imageAlt="Modern dental clinic interior"
|
||
mediaAnimation="slide-up"
|
||
imagePosition="right"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyFive
|
||
title="Our Dental Services"
|
||
description="Comprehensive dental treatments designed to meet all your oral health needs, from routine care to advanced procedures."
|
||
tag="Services"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
features={[
|
||
{
|
||
title: "Dental Fillings & Extraction", description: "Professional general dentistry services", icon: Zap,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985788.jpg?_wi=1", imageAlt: "Dental fillings treatment"
|
||
},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772967571338-v5aoe4qr.png?_wi=1", imageAlt: "Dental procedure"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: "Scaling & Polishing", description: "Professional cleaning and preventive care", icon: Heart,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/background-beauty-care-chair-canal_1303-1837.jpg?_wi=1", imageAlt: "Teeth cleaning and polishing"
|
||
},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772967571338-v5aoe4qr.png?_wi=2", imageAlt: "Polishing procedure"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: "Root Canal Treatment (RCT)", description: "Advanced endodontic specialist services", icon: Shield,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-x-ray-patient_107420-65382.jpg?_wi=1", imageAlt: "Root canal treatment"
|
||
},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772967571338-v5aoe4qr.png?_wi=3", imageAlt: "Treatment showcase"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: "Ceramic Crowns & Bridges", description: "Premium restoration and cosmetic solutions", icon: Award,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/patient-pointing-teeth-with-dentist_23-2148380326.jpg?_wi=1", imageAlt: "Ceramic crown restoration"
|
||
},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772967571338-v5aoe4qr.png?_wi=4", imageAlt: "Crown showcase"
|
||
}
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
heading={[
|
||
{ type: "text", content: "Meet Dr. Padmasri Yadla - Your Trusted" },
|
||
{ type: "image", src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67127.jpg", alt: "Dr. Padmasri Yadla - Specialist Endodontist" },
|
||
{ type: "text", content: "Endodontist" }
|
||
]}
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{ text: "Book with Dr. Padmasri", onClick: handleBookAppointment }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardNine
|
||
title="Why Choose Expert Dental Care"
|
||
description="Discover innovative features that make your dental experience exceptional and comfortable."
|
||
tag="Our Approach"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
showStepNumbers={true}
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Advanced Techniques", description: "Modern dental technology and expertise combined for superior results.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-looking-through-microscope_23-2147906021.jpg?_wi=1" },
|
||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772964187545-sspy9ks7.png" }
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "Patient Comfort", description: "Your comfort is our priority with gentle care and anxiety management.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985788.jpg?_wi=2" },
|
||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/background-beauty-care-chair-canal_1303-1837.jpg?_wi=2" }
|
||
},
|
||
{
|
||
id: 3,
|
||
title: "Hygiene Standards", description: "Strict sterilization protocols and immaculate clinic facilities ensure your safety.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772964483752-se86so5s.png" },
|
||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/background-beauty-care-chair-canal_1303-1837.jpg?_wi=1" }
|
||
},
|
||
{
|
||
id: 4,
|
||
title: "Expert Consultation", description: "Thorough examination and personalized treatment plans for optimal results.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-x-ray-patient_107420-65382.jpg?_wi=1" },
|
||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-looking-through-microscope_23-2147906021.jpg?_wi=1" }
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="feature-cards" data-section="feature-cards">
|
||
<FeatureCardNineteen
|
||
title="Additional Benefits"
|
||
description="Experience comprehensive dental care with additional features designed for your wellbeing."
|
||
tag="Enhanced Care"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: 1,
|
||
tag: "Scheduling", title: "Flexible Appointment Scheduling", subtitle: "Book at your convenience", description: "Book appointments at your convenience with our online scheduling system.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-looking-through-microscope_23-2147906021.jpg?_wi=1", imageAlt: "Appointment scheduling"
|
||
},
|
||
{
|
||
id: 2,
|
||
tag: "Pricing", title: "Transparent Pricing", subtitle: "No hidden costs", description: "No hidden costs. Know exactly what to expect before your treatment.", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985788.jpg?_wi=1", imageAlt: "Transparent pricing"
|
||
},
|
||
{
|
||
id: 3,
|
||
tag: "Treatment", title: "Personalized Treatment Plans", subtitle: "Tailored to your needs", description: "Custom treatment strategies tailored to your specific dental needs and goals.", imageSrc: "http://img.b2bpic.net/free-photo/background-beauty-care-chair-canal_1303-1837.jpg?_wi=1", imageAlt: "Treatment planning"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="feature-hover" data-section="feature-hover">
|
||
<FeatureCardMedia
|
||
title="Dental Excellence"
|
||
description="Dental excellence with compassionate patient care and cutting-edge treatments."
|
||
tag="Special Features"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
features={[
|
||
{
|
||
id: "1", title: "Emergency Dental Care", description: "Available for urgent dental situations and emergency treatments.", tag: "24/7 Support", imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206251.jpg?_wi=2", imageAlt: "Emergency dental care"
|
||
},
|
||
{
|
||
id: "2", title: "Advanced Pain Management", description: "Cutting-edge techniques to minimize discomfort during procedures.", tag: "Comfort First", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-chair_23-2149093346.jpg?_wi=1", imageAlt: "Pain management"
|
||
},
|
||
{
|
||
id: "3", title: "Follow-up & Aftercare", description: "Comprehensive support and guidance for optimal recovery and results.", tag: "Care Continuity", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67127.jpg", imageAlt: "Follow-up care"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
title="What Our Patients Say"
|
||
description="Hear from satisfied patients who have experienced our dental care firsthand."
|
||
tag="Patient Feedback"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
speed={40}
|
||
topMarqueeDirection="left"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Rajesh Kumar", handle: "Patient since 2020", testimonial: "Dr. Padmasri explained my root canal procedure in detail. The treatment was painless and the results exceeded my expectations. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-chair_23-2149093346.jpg?_wi=1", imageAlt: "Rajesh Kumar"
|
||
},
|
||
{
|
||
id: "2", name: "Priya Sharma", handle: "Cosmetic Dentistry", testimonial: "My ceramic veneers look natural and beautiful. The clinic is immaculately clean and the staff is very friendly. Great experience!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sofa_329181-12139.jpg?_wi=1", imageAlt: "Priya Sharma"
|
||
},
|
||
{
|
||
id: "3", name: "Vikram Singh", handle: "Implant Patient", testimonial: "The dental implant procedure was done with precision and care. I felt comfortable throughout. My smile has transformed completely!", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", imageAlt: "Vikram Singh"
|
||
},
|
||
{
|
||
id: "4", name: "Anjali Reddy", handle: "Regular Patient", testimonial: "I trust Dr. Padmasri completely. She takes time to explain every treatment and ensures maximum comfort. Best dentist in Visakhapatnam!", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-pointing-with-index-figners-camera-happy-cheerful-smiling-broadly_141793-55370.jpg", imageAlt: "Anjali Reddy"
|
||
},
|
||
{
|
||
id: "5", name: "Amit Patel", handle: "Satisfied Customer", testimonial: "Professional, hygienic, and patient-focused. The consultation was thorough and the treatment plan was clearly explained. Excellent service!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-chair_23-2149093346.jpg?_wi=2", imageAlt: "Amit Patel"
|
||
},
|
||
{
|
||
id: "6", name: "Neha Gupta", handle: "Dental Care Advocate", testimonial: "The clinic maintains outstanding hygiene standards. Dr. Padmasri's expertise and friendly demeanor made my entire treatment journey comfortable and reassuring.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sofa_329181-12139.jpg?_wi=2", imageAlt: "Neha Gupta"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
title="Frequently Asked Questions"
|
||
description="Find answers to common questions about our dental services and treatments."
|
||
tag="Help & Support"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqsAnimation="slide-up"
|
||
mediaPosition="left"
|
||
imageSrc="http://img.b2bpic.net/free-photo/dentist-showing-x-ray-patient_107420-65382.jpg?_wi=1"
|
||
imageAlt="FAQ support"
|
||
mediaAnimation="slide-up"
|
||
faqs={[
|
||
{
|
||
id: "1", title: "What qualifications does Dr. Padmasri have?", content: "Dr. Padmasri is an MDS (Master of Dental Surgery) specialist in endodontics with over 10 years of clinical experience in general, restorative, cosmetic, and advanced dental procedures."
|
||
},
|
||
{
|
||
id: "2", title: "What is the consultation fee?", content: "Our consultation fee is ₹250. During the consultation, Dr. Padmasri will examine your teeth, discuss your concerns, and recommend a personalized treatment plan."
|
||
},
|
||
{
|
||
id: "3", title: "What are your clinic hours?", content: "We are open Monday to Sunday from 10 AM to 9 PM, ensuring convenient access to dental care even on weekends."
|
||
},
|
||
{
|
||
id: "4", title: "Do you offer root canal treatment?", content: "Yes, we specialize in root canal treatment (RCT). As an endodontist, Dr. Padmasri has advanced expertise in treating complex endodontic cases with precision and care."
|
||
},
|
||
{
|
||
id: "5", title: "How do you ensure clinic hygiene?", content: "We maintain the highest hygiene standards with strict sterilization protocols, use of disposable instruments, and regular clinic sanitization to ensure patient safety."
|
||
},
|
||
{
|
||
id: "6", title: "Can I book an appointment online?", content: "Yes, you can book your appointment through our booking system. We also accept walk-ins during clinic hours at Sri Surya Complex, Ground Floor 101, Gajuwaka, Visakhapatnam."
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
tag="Get In Touch"
|
||
title="Book Your Appointment Today"
|
||
description="Located in Gajuwaka, Visakhapatnam. Visit us at Sri Surya Complex, Ground Floor 101, beside HDFC Bank. Open Monday to Sunday, 10 AM – 9 PM. Contact number
|
||
099663 43333 "
|
||
tagAnimation="slide-up"
|
||
background={{ variant: "sparkles-gradient" }}
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-photo/corridor-waiting-room-health-facility-equipped-with-patient-seats-office-furniture-ready-examination-hospital-with-no-professional-health-workers-patients-scheduling-consultations_482257-64392.jpg?_wi=2"
|
||
imageAlt="Expert Dental Care Clinic"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
inputPlaceholder="Enter your email"
|
||
buttonText="Subscribe"
|
||
termsText="We respect your privacy. Your appointment details and inquiries will be handled confidentially."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Expert Dental Care"
|
||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||
className="py-12 md:py-16"
|
||
wrapperClassName="py-12 md:py-16"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |