262 lines
17 KiB
TypeScript
262 lines
17 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Award, Sparkles, Zap, Users, Star, Calendar, CheckCircle, Shield } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="ClearDent"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Our Team", id: "team" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{ text: "Book Appointment", href: "#booking" }}
|
|
className="backdrop-blur-md bg-white/80 border border-white/20"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero" className="min-h-screen flex items-center justify-center">
|
|
<HeroBillboardCarousel
|
|
title="Advanced Dentistry for Every Smile"
|
|
description="Experience premium dental care powered by cutting-edge technology and compassionate expertise. ClearDent brings the future of dentistry to your hometown."
|
|
background={{ variant: "gradient-bars" }}
|
|
tag="Modern Dentistry · 2024"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Book Your Appointment", href: "#booking" },
|
|
{ text: "Learn More", href: "#services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-dental-office-dentist-work-dental-treatment-concept_169016-67176.jpg", imageAlt: "Modern dental technology and equipment at ClearDent" }
|
|
]}
|
|
className="relative overflow-hidden"
|
|
containerClassName="max-w-7xl mx-auto px-4 md:px-8"
|
|
titleClassName="text-5xl md:text-7xl font-bold tracking-tight"
|
|
descriptionClassName="text-lg md:text-xl text-slate-600 max-w-2xl"
|
|
tagClassName="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/10 backdrop-blur-md border border-white/20"
|
|
buttonContainerClassName="flex flex-wrap gap-4 pt-8"
|
|
buttonClassName="px-8 py-3 rounded-full font-semibold transition-all duration-300"
|
|
/>
|
|
</div>
|
|
|
|
<div id="expertise-metrics" data-section="expertise-metrics" className="bg-gradient-to-b from-white/50 to-transparent">
|
|
<MetricCardOne
|
|
title="Why Choose ClearDent"
|
|
description="Proven excellence in dental care with industry-leading statistics and patient satisfaction metrics."
|
|
tag="Our Excellence"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
metrics={[
|
|
{ id: "specialists", value: "20+", title: "Specialist Doctors", description: "Board-certified dental specialists with years of expertise", icon: Users },
|
|
{ id: "satisfaction", value: "99%", title: "Patient Satisfaction", description: "Consistently high patient satisfaction ratings", icon: Star },
|
|
{ id: "procedures", value: "10K+", title: "Procedures Completed", description: "Successfully completed dental treatments", icon: CheckCircle },
|
|
{ id: "experience", value: "25+", title: "Years Combined Experience", description: "Decades of trusted dental care excellence", icon: Shield }
|
|
]}
|
|
useInvertedBackground={false}
|
|
className="py-20"
|
|
containerClassName="max-w-7xl mx-auto px-4 md:px-8"
|
|
titleClassName="text-xl font-semibold mt-4"
|
|
valueClassName="text-4xl md:text-5xl font-bold text-sky-600"
|
|
cardClassName="p-8 rounded-2xl backdrop-blur-md bg-white/40 border border-white/20 hover:bg-white/50 transition-all duration-300"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services" className="bg-gradient-to-b from-transparent via-white/30 to-white/50">
|
|
<FeatureCardSeven
|
|
title="Our Premium Services"
|
|
description="Comprehensive dental solutions powered by advanced technology and expert care."
|
|
tag="Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
features={[
|
|
{ id: 1, title: "General Dentistry", description: "Routine checkups, cleanings, and preventive care to maintain optimal oral health and detect issues early.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-approving-patient-smile_23-2148338141.jpg", imageAlt: "General dental care and checkup" },
|
|
{ id: 2, title: "Cosmetic Dentistry", description: "Professional teeth whitening, veneers, and smile design to create your dream smile with confidence.", imageSrc: "http://img.b2bpic.net/free-photo/little-boy-patient-dentist_1303-24392.jpg", imageAlt: "Cosmetic dental whitening treatment" },
|
|
{ id: 3, title: "Dental Implants", description: "Advanced tooth replacement using biocompatible implants that look and feel completely natural.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-medical-mask-pointing-patient-teeth-big-screen-explaining-treatment-phases_158595-7729.jpg", imageAlt: "Dental implant procedure" },
|
|
{ id: 4, title: "Orthodontics", description: "Modern braces and aligners to straighten teeth and correct bite issues with personalized treatment plans.", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-sitting-dentalchair-before-whitening-procedure_1303-26385.jpg", imageAlt: "Orthodontic braces alignment" },
|
|
{ id: 5, title: "Periodontal Care", description: "Specialized gum disease treatment and maintenance for long-term oral health and infection prevention.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29136.jpg", imageAlt: "Periodontal gum disease treatment" },
|
|
{ id: 6, title: "Root Canal Therapy", description: "Expert endodontic treatment to save infected or damaged teeth and eliminate pain permanently.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-treats-childs-tooth-using-rubber-dam-closeup-tooth-treatment_169016-66870.jpg", imageAlt: "Root canal endodontic treatment" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
className="py-20"
|
|
containerClassName="max-w-7xl mx-auto px-4 md:px-8"
|
|
titleClassName="text-4xl md:text-5xl font-bold"
|
|
descriptionClassName="text-lg text-slate-600 max-w-2xl"
|
|
cardClassName="group relative overflow-hidden rounded-2xl backdrop-blur-md bg-white/40 border border-white/20 hover:bg-white/50 transition-all duration-300 h-80"
|
|
cardTitleClassName="text-lg font-semibold text-indigo-900 mt-4"
|
|
cardDescriptionClassName="text-sm text-slate-700 mt-2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof" className="bg-white/20">
|
|
<SocialProofOne
|
|
title="Trusted by Patients Worldwide"
|
|
description="Join thousands of satisfied patients who have experienced exceptional dental care at ClearDent."
|
|
tag="Community"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
names={["10,000+ Happy Patients", "25+ Years of Excellence", "99% Satisfaction Rate", "Advanced Technology", "Expert Team", "Compassionate Care", "Same-Day Appointments"]}
|
|
showCard={true}
|
|
useInvertedBackground={false}
|
|
speed={50}
|
|
className="py-20"
|
|
containerClassName="max-w-7xl mx-auto px-4 md:px-8"
|
|
textBoxTitleClassName="text-4xl md:text-5xl font-bold"
|
|
textBoxDescriptionClassName="text-lg text-slate-600 max-w-2xl"
|
|
contentClassName="flex flex-wrap gap-4 mt-12 justify-center"
|
|
logoCardClassName="px-6 py-4 rounded-full backdrop-blur-md bg-white/40 border border-white/20 hover:bg-white/50 transition-all"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team" className="bg-gradient-to-b from-white/50 to-transparent">
|
|
<TeamCardOne
|
|
title="Meet Our Specialist Team"
|
|
description="Highly qualified dental professionals dedicated to providing you with exceptional care and personalized treatment."
|
|
tag="Our Experts"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
members={[
|
|
{ id: "dr-1", name: "Dr. Theertha Raveendran", role: "Chief Orthodontist · BDS, MDS", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-holding-dental-tools_23-2147862089.jpg", imageAlt: "Dr. Theertha Raveendran" },
|
|
{ id: "dr-2", name: "Dr. Priya Sharma", role: "Cosmetic Dentist · BDS, MDS", imageSrc: "http://img.b2bpic.net/free-photo/male-mid-adult-dentist-wearing-surgical-gloves-while-standing-by-chair-clinic_662251-2537.jpg", imageAlt: "Dr. Priya Sharma" },
|
|
{ id: "dr-3", name: "Dr. Rajesh Kumar", role: "Implant Specialist · BDS, MDS", imageSrc: "http://img.b2bpic.net/free-photo/clinic-oral-hospital-adult-open_1303-340.jpg", imageAlt: "Dr. Rajesh Kumar" },
|
|
{ id: "dr-4", name: "Dr. Anjali Patel", role: "Periodontal Expert · BDS, MDS", imageSrc: "http://img.b2bpic.net/free-photo/dental-doctor-standing-clinic_1303-26408.jpg", imageAlt: "Dr. Anjali Patel" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
className="py-20"
|
|
containerClassName="max-w-7xl mx-auto px-4 md:px-8"
|
|
textBoxTitleClassName="text-4xl md:text-5xl font-bold"
|
|
textBoxDescriptionClassName="text-lg text-slate-600 max-w-2xl"
|
|
cardClassName="group relative overflow-hidden rounded-2xl backdrop-blur-md bg-white/40 border border-white/20 hover:bg-white/50 transition-all duration-300"
|
|
nameClassName="text-xl font-bold text-indigo-900 mt-4"
|
|
roleClassName="text-sm text-slate-600 mt-2 font-semibold tracking-wide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials" className="bg-white/30">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{ id: "test-1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/scene-from-care-job-with-senior-patient-being-take-care_23-2151224134.jpg", imageAlt: "Sarah Johnson" },
|
|
{ id: "test-2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-navy-t-shirt-with-closed-eyes-smiling-cheerfully-showing-teeth-standing-orange-wall_141793-81832.jpg", imageAlt: "Michael Chen" },
|
|
{ id: "test-3", name: "Emma Wilson", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136883.jpg", imageAlt: "Emma Wilson" },
|
|
{ id: "test-4", name: "David Martinez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg", imageAlt: "David Martinez" },
|
|
{ id: "test-5", name: "Lisa Anderson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors-laptop_23-2150296623.jpg", imageAlt: "Lisa Anderson" },
|
|
{ id: "test-6", name: "James Thompson", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", imageAlt: "James Thompson" }
|
|
]}
|
|
cardTitle="Patient Success Stories"
|
|
cardTag="Real experiences from our valued patients"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
className="py-20"
|
|
containerClassName="max-w-7xl mx-auto px-4 md:px-8"
|
|
cardClassName="backdrop-blur-md bg-white/40 border border-white/20 rounded-2xl p-8 hover:bg-white/50 transition-all"
|
|
cardTitleClassName="text-3xl font-bold text-indigo-900"
|
|
avatarGroupClassName="flex -space-x-4 mt-6"
|
|
avatarClassName="w-12 h-12 rounded-full border-2 border-white/50 backdrop-blur-md"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-booking" data-section="contact-booking" className="bg-gradient-to-b from-transparent to-white/50">
|
|
<ContactFaq
|
|
ctaTitle="Schedule Your Appointment"
|
|
ctaDescription="Book a consultation with our expert team today. We offer flexible scheduling and same-day appointments."
|
|
ctaButton={{ text: "Book Now", href: "#booking-form" }}
|
|
ctaIcon={Calendar}
|
|
faqs={[
|
|
{ id: "faq-1", title: "What should I expect during my first visit?", content: "Your first visit includes a comprehensive oral examination, X-rays if needed, and a consultation with our dentist to discuss your dental health goals and treatment options." },
|
|
{ id: "faq-2", title: "Do you offer emergency dental services?", content: "Yes, we prioritize emergency cases and offer same-day appointments for urgent dental issues. Contact us immediately if you experience severe dental pain." },
|
|
{ id: "faq-3", title: "What payment options do you accept?", content: "We accept all major credit cards, cash, and offer flexible payment plans through our financing partners. We also work with most insurance providers." },
|
|
{ id: "faq-4", title: "How often should I visit for checkups?", content: "We recommend visits every 6 months for routine cleanings and checkups. Patients with specific conditions may need more frequent visits as advised by our specialists." },
|
|
{ id: "faq-5", title: "Are your treatments covered by insurance?", content: "Most dental treatments are covered by insurance. Our team can verify your coverage and help you understand your benefits before treatment begins." },
|
|
{ id: "faq-6", title: "What sterilization protocols do you follow?", content: "We follow strict infection control standards using advanced sterilization equipment and FDA-approved protocols to ensure your safety and health." }
|
|
]}
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
className="py-20"
|
|
containerClassName="max-w-7xl mx-auto px-4 md:px-8"
|
|
ctaPanelClassName="backdrop-blur-md bg-gradient-to-br from-indigo-50 to-blue-50 border border-white/30 rounded-2xl p-12"
|
|
ctaTitleClassName="text-3xl font-bold text-indigo-900"
|
|
ctaDescriptionClassName="text-slate-600 mt-4 text-lg"
|
|
faqsPanelClassName="backdrop-blur-md bg-white/40 border border-white/20 rounded-2xl p-8"
|
|
accordionClassName="space-y-4"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="ClearDent"
|
|
copyrightText="© 2024 ClearDent Advanced Dentistry. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "#" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Our Team", href: "#team" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "General Dentistry", href: "#" },
|
|
{ label: "Cosmetic Dentistry", href: "#" },
|
|
{ label: "Dental Implants", href: "#" },
|
|
{ label: "Orthodontics", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact Info", items: [
|
|
{ label: "Phone: +1 (555) 123-4567", href: "tel:+15551234567" },
|
|
{ label: "Email: info@cleardent.com", href: "mailto:info@cleardent.com" },
|
|
{ label: "Hours: Mon-Fri 9am-6pm", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
className="backdrop-blur-md bg-white/5 border-t border-white/10"
|
|
containerClassName="max-w-7xl mx-auto px-4 md:px-8 py-12"
|
|
logoTextClassName="text-2xl font-bold text-indigo-900"
|
|
columnsClassName="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8"
|
|
columnTitleClassName="font-bold text-indigo-900 text-lg mb-4"
|
|
columnItemClassName="text-slate-600 hover:text-sky-600 transition-colors"
|
|
copyrightTextClassName="text-slate-600 text-sm"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |