Update src/app/page.tsx

This commit is contained in:
2026-05-06 15:30:35 +00:00
parent 441596f750
commit 23ca2673a1

View File

@@ -27,322 +27,141 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Doctors",
id: "doctors",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Patil Dental"
button={{
text: "Book Appointment",
href: "https://wa.me/919999999999?text=Hi%20I%20want%20to%20book%20an%20appointment",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Doctors", id: "doctors" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Patil Dental"
button={{
text: "Book Appointment", href: "https://wa.me/919999999999?text=Hi%20I%20want%20to%20book%20an%20appointment"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
title="Advanced Dental Care for Your Perfect Smile"
description="Expert dentists, painless treatment, modern technology, and same-day appointments. Trust your oral health to Patil Dental Care."
tag="Patil Dental Care"
buttons={[
{
text: "Book Appointment",
href: "https://wa.me/919999999999?text=Hi%20I%20want%20to%20book%20an%20appointment",
},
{
text: "Call Now",
href: "tel:+918262917314",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-stomatology-teeth-drill-prepared-dentistry-surgery-oral-dental-healt_482257-3470.jpg",
imageAlt: "professional dental clinic modern equipment",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-looking-through-microscope_23-2147906021.jpg",
imageAlt: "dental tools on tray clean background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg",
imageAlt: "Professional Dentist tools and chair in the dental office.",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-space-with-maquette-table-design-urban-property-plan-building-model-layout-nobody-office-with-architecture-project-real-estate-development-presentation_482257-29970.jpg",
imageAlt: "Empty space with maquette on table to design urban property plan and building model layout.",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-395.jpg",
imageAlt: "Professional Dentist tools in the dental office.",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated 5/5 by 500+ happy patients"
/>
</div>
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{ variant: "gradient-bars" }}
title="Advanced Dental Care for Your Perfect Smile"
description="Expert dentists, painless treatment, modern technology, and same-day appointments. Trust your oral health to Patil Dental Care."
tag="Patil Dental Care"
buttons={[
{ text: "Book Appointment", href: "https://wa.me/919999999999?text=Hi%20I%20want%20to%20book%20an%20appointment" },
{ text: "Call Now", href: "tel:+918262917314" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-stomatology-teeth-drill-prepared-dentistry-surgery-oral-dental-healt_482257-3470.jpg", imageAlt: "professional dental clinic modern equipment" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-looking-through-microscope_23-2147906021.jpg", imageAlt: "dental tools on tray clean background" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated 5/5 by 500+ happy patients"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Excellence in Dental Care"
description="At Patil Dental Care, we combine advanced technology with a patient-first approach to ensure every visit is comfortable and effective."
bulletPoints={[
{
title: "Years of Experience",
description: "Proven track record in comprehensive dental care.",
},
{
title: "Certified Doctors",
description: "Highly trained specialists dedicated to your smile.",
},
{
title: "Modern Technology",
description: "Latest equipment for precision diagnostics and treatment.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DImVxsCEXsTdQYQHsS3bQ5v8NE/uploaded-1778081370488-6x8hie0b.jpg"
imageAlt="User provided image"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Excellence in Dental Care"
description="At Patil Dental Care, we combine advanced technology with a patient-first approach to ensure every visit is comfortable and effective."
bulletPoints={[
{ title: "Years of Experience", description: "Proven track record in comprehensive dental care." },
{ title: "Certified Doctors", description: "Highly trained specialists dedicated to your smile." },
{ title: "Modern Technology", description: "Latest equipment for precision diagnostics and treatment." },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DImVxsCEXsTdQYQHsS3bQ5v8NE/uploaded-1778081370488-6x8hie0b.jpg"
imageAlt="User provided image"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "s1",
title: "Teeth Cleaning",
author: "Professional",
description: "Gentle removal of plaque and stains.",
tags: [
"Cleaning",
"Oral Care",
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-19476.jpg",
},
{
id: "s2",
title: "Root Canal",
author: "Specialist",
description: "Painless treatment for tooth decay.",
tags: [
"Endodontics",
],
imageSrc: "http://img.b2bpic.net/free-photo/dental-chair-with-medical-tools_140725-7681.jpg",
},
{
id: "s3",
title: "Dental Implants",
author: "Implantology",
description: "Durable and aesthetic replacements.",
tags: [
"Surgery",
],
imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg",
},
{
id: "s4",
title: "Teeth Whitening",
author: "Cosmetic",
description: "Brighten your smile in one visit.",
tags: [
"Whitening",
],
imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg",
},
{
id: "s5",
title: "Pediatric Dentistry",
author: "Kids Care",
description: "Friendly care for young smiles.",
tags: [
"Kids",
],
imageSrc: "http://img.b2bpic.net/free-photo/nobody-architectural-office-with-building-model-maquette-design-property-real-estate-empty-space-plan-construction-layout-structure-with-blueprints-urban-sketch_482257-38861.jpg",
},
{
id: "s6",
title: "Smile Makeover",
author: "Cosmetic",
description: "Customized plans for perfect smiles.",
tags: [
"Aesthetic",
],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-reflection-pattern-background_53876-33909.jpg",
},
]}
title="Comprehensive Dental Services"
description="We offer a wide range of treatments to restore your smile and maintain oral health."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ id: "s1", title: "Teeth Cleaning", author: "Professional", description: "Gentle removal of plaque and stains.", tags: ["Cleaning", "Oral Care"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-19476.jpg" },
{ id: "s2", title: "Root Canal", author: "Specialist", description: "Painless treatment for tooth decay.", tags: ["Endodontics"], imageSrc: "http://img.b2bpic.net/free-photo/dental-chair-with-medical-tools_140725-7681.jpg" },
{ id: "s3", title: "Dental Implants", author: "Implantology", description: "Durable and aesthetic replacements.", tags: ["Surgery"], imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg" },
{ id: "s4", title: "Teeth Whitening", author: "Cosmetic", description: "Brighten your smile in one visit.", tags: ["Whitening"], imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg" },
{ id: "s5", title: "Pediatric Dentistry", author: "Kids Care", description: "Friendly care for young smiles.", tags: ["Kids"], imageSrc: "http://img.b2bpic.net/free-photo/nobody-architectural-office-with-building-model-maquette-design-property-real-estate-empty-space-plan-construction-layout-structure-with-blueprints-urban-sketch_482257-38861.jpg" },
{ id: "s6", title: "Smile Makeover", author: "Cosmetic", description: "Customized plans for perfect smiles.", tags: ["Aesthetic"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-reflection-pattern-background_53876-33909.jpg" },
]}
title="Comprehensive Dental Services"
description="We offer a wide range of treatments to restore your smile and maintain oral health."
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardFourteen
useInvertedBackground={false}
title="Why Choose Us?"
tag="Advantages"
metrics={[
{
id: "m1",
value: "100%",
description: "Safety Protocols",
},
{
id: "m2",
value: "24/7",
description: "Emergency Support",
},
{
id: "m3",
value: "10k+",
description: "Successful Procedures",
},
]}
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardFourteen
useInvertedBackground={false}
title="Why Choose Us?"
tag="Advantages"
metrics={[
{ id: "m1", value: "100%", description: "Safety Protocols" },
{ id: "m2", value: "24/7", description: "Emergency Support" },
{ id: "m3", value: "10k+", description: "Successful Procedures" },
]}
/>
</div>
<div id="doctors" data-section="doctors">
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{
id: "d1",
name: "Dr. Patil",
role: "Head Dentist",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-wearing-white-uniform-clinic_1303-26397.jpg",
},
{
id: "d2",
name: "Dr. Sharma",
role: "Orthodontist",
imageSrc: "http://img.b2bpic.net/free-photo/woman-stomatologist-speaking-video-camera-sitting-chair-dental-clinic-with-assistent-background-dentistry-doctor-looking-webcam-explaining-treatment-while-nurse-is-talking-with-patient_482257-13315.jpg",
},
{
id: "d3",
name: "Dr. Verma",
role: "Implant Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-looking-camera-smiling-while-elderly-patient-waiting-him-background-dental-hygiene-stomatologist-with-protection-glasses-standing-front-webcam-stomatological-clinic_482257-3573.jpg",
},
]}
title="Our Expert Doctors"
description="Meet our team of experienced dental specialists dedicated to your comfort and health."
/>
</div>
<div id="doctors" data-section="doctors">
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{ id: "d1", name: "Dr. Patil", role: "Head Dentist", imageSrc: "http://img.b2bpic.net/free-photo/dentist-wearing-white-uniform-clinic_1303-26397.jpg" },
{ id: "d2", name: "Dr. Sharma", role: "Orthodontist", imageSrc: "http://img.b2bpic.net/free-photo/woman-stomatologist-speaking-video-camera-sitting-chair-dental-clinic-with-assistent-background-dentistry-doctor-looking-webcam-explaining-treatment-while-nurse-is-talking-with-patient_482257-13315.jpg" },
{ id: "d3", name: "Dr. Verma", role: "Implant Specialist", imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-looking-camera-smiling-while-elderly-patient-waiting-him-background-dental-hygiene-stomatologist-with-protection-glasses-standing-front-webcam-stomatological-clinic_482257-3573.jpg" },
]}
title="Our Expert Doctors"
description="Meet our team of experienced dental specialists dedicated to your comfort and health."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Rahul Verma",
role: "Verified Patient",
testimonial: "Exceptional experience! The procedure was completely painless.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg",
},
{
id: "t2",
name: "Priya Sharma",
role: "Verified Patient",
testimonial: "Very professional and friendly staff. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/big-happiness-beautiful-woman_329181-1147.jpg",
},
{
id: "t3",
name: "Anil K.",
role: "Verified Patient",
testimonial: "Excellent service and very hygienic. Great results.",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-her-patient-something-tablet_23-2148396131.jpg",
},
{
id: "t4",
name: "Sunita Rao",
role: "Verified Patient",
testimonial: "Professional care with advanced technology.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-modern-woman-years-old-standing-kitchen-with-notebook-reading-notes-student_1258-201150.jpg",
},
{
id: "t5",
name: "Vikram Seth",
role: "Verified Patient",
testimonial: "Very satisfied with my root canal treatment.",
imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-showing-dental-jaw-happy-female-patient_23-2147862035.jpg",
},
]}
title="What Our Patients Say"
description="Trusted by hundreds for our professional and caring approach."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Rahul Verma", role: "Verified Patient", testimonial: "Exceptional experience! The procedure was completely painless.", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg" },
{ id: "t2", name: "Priya Sharma", role: "Verified Patient", testimonial: "Very professional and friendly staff. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/big-happiness-beautiful-woman_329181-1147.jpg" },
{ id: "t3", name: "Anil K.", role: "Verified Patient", testimonial: "Excellent service and very hygienic. Great results.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-her-patient-something-tablet_23-2148396131.jpg" },
{ id: "t4", name: "Sunita Rao", role: "Verified Patient", testimonial: "Professional care with advanced technology.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-modern-woman-years-old-standing-kitchen-with-notebook-reading-notes-student_1258-201150.jpg" },
{ id: "t5", name: "Vikram Seth", role: "Verified Patient", testimonial: "Very satisfied with my root canal treatment.", imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-showing-dental-jaw-happy-female-patient_23-2147862035.jpg" },
]}
title="What Our Patients Say"
description="Trusted by hundreds for our professional and caring approach."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Address: Savda, Tal-Raver, Dist-Jalgoan. Phone: +91 82629 17314. Clinic Timings: 9:00 AM - 9:00 PM."
buttons={[
{
text: "Book on WhatsApp",
href: "https://wa.me/919999999999?text=Hi%20I%20want%20to%20book%20an%20appointment",
},
{
text: "Call Clinic",
href: "tel:+918262917314",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
text="Address: Savda, Tal-Raver, Dist-Jalgoan. Phone: +91 82629 17314. Clinic Timings: 9:00 AM - 9:00 PM."
buttons={[
{ text: "Book on WhatsApp", href: "https://wa.me/919999999999?text=Hi%20I%20want%20to%20book%20an%20appointment" },
{ text: "Call Clinic", href: "tel:+918262917314" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Patil Dental Care"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "© 2026 Patil Dental Care",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Patil Dental Care"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "© 2026 Patil Dental Care", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);