345 lines
22 KiB
TypeScript
345 lines
22 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Droplet, MessageSquare, Smile, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Doctor", id: "#doctor"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Gallery", id: "#gallery"},
|
|
{
|
|
name: "Technology", id: "#technology"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQs", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
button={{
|
|
text: "Book Appointment", href: "#contact"}}
|
|
topBarButton={{
|
|
text: "Call Now / WhatsApp", href: "tel:+919876543210"}}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1wyxux"
|
|
logoAlt="Dr. Nikita Patel's Dental Clinic Logo"
|
|
brandName="Dr. Nikita Patel's Dental Clinic"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Dr. Nikita Patel's Dental Clinic"
|
|
description="Experience painless, modern, and personalized dental treatments with advanced technology and expert care. Creating beautiful smiles with dedication and precision."
|
|
buttons={[
|
|
{
|
|
text: "Book Appointment", href: "#contact"},
|
|
{
|
|
text: "Call Now", href: "tel:+919876543210"},
|
|
{
|
|
text: "WhatsApp Consultation", href: "https://wa.me/919876543210"},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-dentist-treating-patient-clinic_23-2147906074.jpg", imageAlt: "Smiling patient in a modern dental clinic"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7679.jpg", imageAlt: "Interior of a modern dental treatment room"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-using-digital-tablet_107420-65304.jpg", imageAlt: "Dentist comforting a patient during treatment"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beside-nature-flowers_23-2148574873.jpg", imageAlt: "Close-up of a perfectly aligned, white smile"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/midsection-view-female-dentist-arranging-dental-instruments-tray_23-2147906065.jpg", imageAlt: "Sterile advanced dental instruments"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-wearing-protective-glove_23-2149164346.jpg", imageAlt: "Digital dental technology in action"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Trusted Care, Exceptional Results"
|
|
metrics={[
|
|
{
|
|
icon: Smile,
|
|
label: "Happy Patients", value: "10,000+"},
|
|
{
|
|
icon: Star,
|
|
label: "Google Rating", value: "5.0"},
|
|
{
|
|
icon: MessageSquare,
|
|
label: "Patient Reviews", value: "454+"},
|
|
{
|
|
icon: Droplet,
|
|
label: "Pain-Free Focus", value: "100%"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="doctor" data-section="doctor">
|
|
<TeamCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
groups={[
|
|
{
|
|
id: "dr-nikita", groupTitle: "Founder & Lead Dentist", members: [
|
|
{
|
|
id: "member-1", title: "Dr. Nikita Patel", subtitle: "BDS, MDS (Oral & Maxillofacial Surgery)", detail: "Dr. Nikita Patel has over 15 years of experience in advanced dentistry, specializing in complex surgical procedures and cosmetic smile design. She is certified in Laser Dentistry and Digital Smile Design, a proud member of the Indian Dental Association, and an award-winning practitioner. Her personal introduction video is available for viewing at the clinic.", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-writing-report_107420-74191.jpg", imageAlt: "Professional portrait of Dr. Nikita Patel"},
|
|
],
|
|
},
|
|
]}
|
|
title="Meet Dr. Nikita Patel"
|
|
description="Dr. Nikita Patel is a highly experienced and compassionate dental surgeon dedicated to providing world-class dental care. With a passion for creating beautiful, healthy smiles, she combines advanced techniques with a gentle approach, ensuring every patient receives personalized and effective treatment. Her expertise spans across various dental disciplines, backed by extensive qualifications and continuous professional development."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "General Dentistry", description: "Dental Cleaning, Cavity Fillings, Root Canal Treatment. Maintain optimal oral health with our routine and restorative care.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-female-patient-with-tools_107420-74183.jpg", imageAlt: "Dental cleaning tools", buttons: [
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
{
|
|
text: "Book Now", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Cosmetic Dentistry", description: "Teeth Whitening, Smile Makeover, Veneers, Gap Closure. Achieve your dream smile with our aesthetic treatments.", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-female-dark-jacket-excited-pink-background_179666-30951.jpg", imageAlt: "Person with bright white teeth smiling", buttons: [
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
{
|
|
text: "Book Now", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Surgical Dentistry", description: "Wisdom Tooth Removal, Tooth Extraction, Dental Implants. Expert care for all your oral surgical needs.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-his-assistant-working-with-patient-dentist-chair-dentist-office_651396-2242.jpg", imageAlt: "Dental implant model", buttons: [
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
{
|
|
text: "Book Now", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Gum Treatments", description: "Gum Contouring, Gum Disease Treatment. Restore the health and aesthetics of your gums.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-cleaning-dental-jaw-model-with-toothbrush_107420-74102.jpg", imageAlt: "Healthy gums close-up", buttons: [
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
{
|
|
text: "Book Now", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Advanced Dentistry", description: "Digital Smile Design, Full Mouth Rehabilitation, Laser Dentistry. Utilizing cutting-edge techniques for superior outcomes.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-using-vr-examine-3d-skull-model_23-2152000852.jpg", imageAlt: "Digital smile design software on a tablet", buttons: [
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
{
|
|
text: "Book Now", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
title="Our Premium Dental Services"
|
|
description="We offer a comprehensive range of advanced dental treatments, tailored to meet your unique needs. From routine check-ups to complex cosmetic and surgical procedures, our clinic utilizes the latest technology to ensure optimal results and your utmost comfort."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "gallery-1", name: "Smile Makeover", price: "Starting from ₹XX,XXX", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-communication-problems_23-2149354287.jpg", imageAlt: "Before and after image of a smile makeover"},
|
|
{
|
|
id: "gallery-2", name: "Veneers & Whitening", price: "Starting from ₹XX,XXX", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-38198.jpg", imageAlt: "Before and after image of veneers and teeth whitening"},
|
|
{
|
|
id: "gallery-3", name: "Gap Closure", price: "Starting from ₹XX,XXX", imageSrc: "http://img.b2bpic.net/free-photo/teeth-denture-safety-glasses-toothbrush-mirror-teeth-aligner-table_23-2147879121.jpg", imageAlt: "Before and after image of a dental gap closure"},
|
|
{
|
|
id: "gallery-4", name: "Dental Implants", price: "Starting from ₹XX,XXX", imageSrc: "http://img.b2bpic.net/free-photo/dentist-holding-syringe-front-scared-patient_107420-65392.jpg", imageAlt: "Before and after image of dental implant placement"},
|
|
{
|
|
id: "gallery-5", name: "Gum Contouring", price: "Starting from ₹XX,XXX", imageSrc: "http://img.b2bpic.net/free-photo/closeup-childs-mouth-dental-treatment-dentistry-dental-treatment_169016-67456.jpg", imageAlt: "Before and after image of gum contouring"},
|
|
{
|
|
id: "gallery-6", name: "Composite Bonding", price: "Starting from ₹XX,XXX", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-applying-lipstick_23-2149190640.jpg", imageAlt: "Before and after image of composite bonding"},
|
|
]}
|
|
title="Transformations: Before & After Gallery"
|
|
description="Witness the remarkable changes achieved through our advanced dental treatments. Our gallery showcases real patient journeys, highlighting stunning smile makeovers, teeth whitening results, gap closures, and comprehensive cosmetic enhancements."
|
|
/>
|
|
</div>
|
|
|
|
<div id="technology" data-section="technology">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "tech-1", value: "Digital X-Ray", description: "Experience safer, faster, and more accurate diagnostics with reduced radiation exposure."},
|
|
{
|
|
id: "tech-2", value: "Intraoral Scanner", description: "Comfortable 3D imaging for precise impressions, eliminating traditional messy molds."},
|
|
{
|
|
id: "tech-3", value: "Laser Dentistry", description: "Minimally invasive treatments for various procedures, ensuring precision and faster healing."},
|
|
{
|
|
id: "tech-4", value: "Advanced Sterilization", description: "Our rigorous sterilization protocols guarantee a safe and hygienic environment for every patient."},
|
|
{
|
|
id: "tech-5", value: "360° Clinic Tour", description: "Take a virtual walkthrough of our modern clinic and treatment rooms from the comfort of your home."},
|
|
]}
|
|
title="Advanced Dental Technology & Virtual Tour"
|
|
description="Our clinic is equipped with state-of-the-art dental technology, ensuring precise diagnoses, efficient treatments, and superior patient comfort. Explore our modern facilities and see the advanced equipment that makes your dental experience exceptional."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Sharma", date: "May 2024", title: "Life-Changing Smile Makeover!", quote: "Dr. Nikita Patel is simply amazing! My smile makeover was life-changing. I never thought my teeth could look this good. The clinic is so modern and the team is incredibly supportive.", tag: "Cosmetic Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4106.jpg", avatarAlt: "Priya Sharma avatar", imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-showing-dental-jaw-happy-female-patient_23-2147862035.jpg", imageAlt: "Priya Sharma testimonial video still"},
|
|
{
|
|
id: "2", name: "Rajesh Kumar", date: "April 2024", title: "Painless & Professional Root Canal", quote: "I was very nervous about my root canal, but Dr. Patel made the experience completely painless. Her professionalism and gentle approach are truly commendable. Highly recommend!", tag: "General Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-city_23-2148937694.jpg", avatarAlt: "Rajesh Kumar avatar", imageSrc: "http://img.b2bpic.net/free-photo/illustration-dental-care-application-digital-tablet_53876-125399.jpg", imageAlt: "Rajesh Kumar testimonial video still"},
|
|
{
|
|
id: "3", name: "Smita Singh", date: "March 2024", title: "Excellent Dental Implants", quote: "The dental implant procedure was flawless. Dr. Patel explained everything clearly and ensured my comfort throughout. I'm thrilled with the results and can finally eat with confidence again.", tag: "Surgical Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/happy-darkskinned-curly-brunette-woman-oversized-white-stylish-jacket-leans-table-with-clothing-samples-patterns-it-smiles_197531-27834.jpg", avatarAlt: "Smita Singh avatar", imageSrc: "http://img.b2bpic.net/free-photo/medicine-uniform-healthcare-medical-workers-day-top-view_185193-108313.jpg", imageAlt: "Smita Singh testimonial video still"},
|
|
{
|
|
id: "4", name: "Amit Desai", date: "February 2024", title: "Warm & Welcoming Clinic", quote: "The moment you step into Dr. Patel's clinic, you feel at ease. The staff is so friendly, and Dr. Patel herself is incredibly empathetic. It's the best dental experience I've ever had.", tag: "Patient Experience", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-senior-woman_23-2149038094.jpg", avatarAlt: "Amit Desai avatar", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-dentist_23-2148396137.jpg", imageAlt: "Amit Desai testimonial video still"},
|
|
{
|
|
id: "5", name: "Anjali Mehta", date: "January 2024", title: "Advanced Laser Treatment", quote: "I underwent a laser dentistry treatment, and it was so quick and pain-free. The advanced technology here is truly impressive, and Dr. Patel is an expert. Highly recommended for modern dental care!", tag: "Advanced Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-confident-teenage-girl-posing-against-white-wall_176420-30711.jpg", avatarAlt: "Anjali Mehta avatar", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-19476.jpg", imageAlt: "Anjali Mehta testimonial video still"},
|
|
]}
|
|
title="What Our Happy Patients Say"
|
|
description="Hear directly from our patients about their experiences at Dr. Nikita Patel's Dental Clinic. Their stories of transformed smiles and exceptional care speak volumes about our commitment to excellence. Check our 5.0 Google Rating and 454+ reviews!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "Is root canal treatment painful?", content: "Modern root canal treatments are performed under local anesthesia, making the procedure virtually painless. Post-treatment discomfort is typically minimal and manageable with medication."},
|
|
{
|
|
id: "faq-2", title: "How long do dental implants last?", content: "With proper care and oral hygiene, dental implants can last a lifetime. Regular check-ups and good home care are crucial for their longevity."},
|
|
{
|
|
id: "faq-3", title: "How often should I visit a dentist?", content: "It is generally recommended to visit the dentist every six months for routine check-ups and professional cleaning to maintain optimal oral health and prevent issues."},
|
|
{
|
|
id: "faq-4", title: "What is smile designing?", content: "Smile designing is a cosmetic dental procedure that involves a comprehensive assessment of your smile to create a custom treatment plan using various techniques like veneers, whitening, and bonding to achieve your ideal aesthetic."},
|
|
{
|
|
id: "faq-5", title: "Are cosmetic treatments safe?", content: "Yes, when performed by a qualified and experienced dentist, cosmetic dental treatments are very safe. We use high-quality materials and proven techniques to ensure both safety and excellent results."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common queries about our dental treatments, procedures, and clinic policies. If you don't find what you're looking for, feel free to contact us directly."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "downward-rays-static"}}
|
|
text="Ready to transform your smile? Book your appointment today with Dr. Nikita Patel's Dental Clinic. We're located at Shop No 13, The Heights Building, Marol Maroshi Road, Andheri East, Mumbai, Maharashtra 400059. Reach out to us via call, WhatsApp, or our online form for a personalized consultation."
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:+919876543210"},
|
|
{
|
|
text: "WhatsApp Us", href: "https://wa.me/919876543210"},
|
|
{
|
|
text: "Get Directions", href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "About Dr. Patel", href: "#doctor"},
|
|
{
|
|
label: "Services", href: "#services"},
|
|
{
|
|
label: "Gallery", href: "#gallery"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
],
|
|
},
|
|
{
|
|
title: "Treatments", items: [
|
|
{
|
|
label: "General Dentistry", href: "#services"},
|
|
{
|
|
label: "Cosmetic Dentistry", href: "#services"},
|
|
{
|
|
label: "Surgical Dentistry", href: "#services"},
|
|
{
|
|
label: "Gum Treatments", href: "#services"},
|
|
{
|
|
label: "Advanced Dentistry", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact Us", items: [
|
|
{
|
|
label: "Book an Appointment", href: "#contact"},
|
|
{
|
|
label: "Call: +91 9876543210", href: "tel:+919876543210"},
|
|
{
|
|
label: "WhatsApp Us", href: "https://wa.me/919876543210"},
|
|
{
|
|
label: "Get Directions", href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere"},
|
|
{
|
|
label: "Email: info@drnikitapateldental.com", href: "mailto:info@drnikitapateldental.com"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Dr. Nikita Patel's Dental Clinic. All rights reserved."
|
|
bottomRightText="Privacy Policy | Terms of Service"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|