Update src/app/page.tsx

This commit is contained in:
2026-06-13 08:15:11 +00:00
parent f25c0cdb0e
commit cd438a91e1

View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Treatments", name: "Treatments", id: "#treatments"},
id: "#treatments",
},
{ {
name: "Results", name: "Results", id: "#results"},
id: "#results",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Clear Smile Dental" brandName="Clear Smile Dental"
/> />
@@ -72,44 +56,23 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
title="Your Brightest Smile Starts Here" title="Your Brightest Smile Starts Here"
description="At Clear Smile Dental Clinic, we combine expert care with a gentle touch to give you a healthy, radiant smile. Experience dentistry designed for your comfort." description="At Clear Smile Dental Clinic, we combine expert care with a gentle touch to give you a healthy, radiant smile. Experience dentistry designed for your comfort."
tag="Trusted Dental Care in Pune" tag="Trusted Dental Care in Pune"
buttons={[ buttons={[
{ {
text: "Book an Appointment", text: "Book an Appointment", href: "#contact"},
href: "#contact",
},
{ {
text: "Explore Services", text: "Explore Services", href: "#services"},
href: "#services",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-writing-report_107420-74191.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-writing-report_107420-74191.jpg", imageAlt: "Dentist examining a patient's teeth"},
imageAlt: "Dentist examining a patient's teeth",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/doctor-talking-female-patient_107420-73976.jpg", imageSrc: "http://img.b2bpic.net/free-photo/doctor-talking-female-patient_107420-73976.jpg", imageAlt: "Happy woman with a bright smile"},
imageAlt: "Happy woman with a bright smile",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dentist-nurse-explaining-x-ray-scan-patient-with-toothache-stomatology-cabinet-team-specialists-doing-oral-care-consultation-treat-man-pain-with-denture-problem_482257-40449.jpg",
imageAlt: "Dentist and nurse explaining x ray scan to patient with toothache in stomatology cabinet. Team of specialists doing oral care consultation to treat man in pain with denture problem.",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2957.jpg",
imageAlt: "dentist in the process. Dental services, dental office, dental treatment.",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-sitting-chair-stomatology-cabinet_651396-1868.jpg",
imageAlt: "Female dentist sitting on chair in stomatology cabinet",
},
]} ]}
mediaAnimation="entrance-slide" mediaAnimation="slide-up"
rating={5} rating={5}
ratingText="5.0 rating based on 200+ reviews" ratingText="5.0 rating based on 200+ reviews"
/> />
@@ -122,21 +85,15 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Star, icon: Star,
label: "Years of Experience", label: "Years of Experience", value: "15+"},
value: "15+",
},
{ {
icon: Users, icon: Users,
label: "Happy Patients", label: "Happy Patients", value: "5000+"},
value: "5000+",
},
{ {
icon: Heart, icon: Heart,
label: "Treatments Offered", label: "Treatments Offered", value: "20+"},
value: "20+",
},
]} ]}
metricsAnimation="entrance-slide" metricsAnimation="slide-up"
/> />
</div> </div>
@@ -144,37 +101,26 @@ export default function LandingPage() {
<FeatureBorderGlow <FeatureBorderGlow
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up"
features={[ features={[
{ {
icon: Star, icon: Star,
title: "General Dentistry", title: "General Dentistry", description: "Routine check-ups, cleanings, fillings, and preventive care to maintain optimal oral health for your entire family."},
description: "Routine check-ups, cleanings, fillings, and preventive care to maintain optimal oral health for your entire family.",
},
{ {
icon: Sparkles, icon: Sparkles,
title: "Cosmetic Dentistry", title: "Cosmetic Dentistry", description: "Enhance your smile with teeth whitening, veneers, bonding, and other aesthetic treatments tailored to your desires."},
description: "Enhance your smile with teeth whitening, veneers, bonding, and other aesthetic treatments tailored to your desires.",
},
{ {
icon: Grid, icon: Grid,
title: "Orthodontics", title: "Orthodontics", description: "Correct misaligned teeth and bite issues with traditional braces or discreet clear aligners for a perfectly straight smile."},
description: "Correct misaligned teeth and bite issues with traditional braces or discreet clear aligners for a perfectly straight smile.",
},
{ {
icon: Droplet, icon: Droplet,
title: "Oral Surgery", title: "Oral Surgery", description: "Expert care for extractions, wisdom teeth removal, dental implants, and other surgical procedures with comfort in mind."},
description: "Expert care for extractions, wisdom teeth removal, dental implants, and other surgical procedures with comfort in mind.",
},
{ {
icon: Shield, icon: Shield,
title: "Periodontics", title: "Periodontics", description: "Specialized treatment for gum disease, including deep cleanings, scaling, root planing, and gum graft procedures."},
description: "Specialized treatment for gum disease, including deep cleanings, scaling, root planing, and gum graft procedures.",
},
{ {
icon: User, icon: User,
title: "Pediatric Dentistry", title: "Pediatric Dentistry", description: "Gentle and comprehensive dental care for children, focusing on preventive treatments and creating positive dental experiences."},
description: "Gentle and comprehensive dental care for children, focusing on preventive treatments and creating positive dental experiences.",
},
]} ]}
title="Our Comprehensive Dental Services" title="Our Comprehensive Dental Services"
description="From routine check-ups to advanced cosmetic procedures, we offer a full spectrum of dental care to meet all your needs under one roof." description="From routine check-ups to advanced cosmetic procedures, we offer a full spectrum of dental care to meet all your needs under one roof."
@@ -186,54 +132,25 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={true} useInvertedBackground={true}
animationType="slide-up"
products={[ products={[
{ {
id: "p1", id: "p1", name: "Dental Implants", price: "Starting at ₹25,000", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-dental-implant-inside-jawbone_183364-123704.jpg", imageAlt: "Dental implant model", rating: 5,
name: "Dental Implants",
price: "Starting at ₹25,000",
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-dental-implant-inside-jawbone_183364-123704.jpg",
imageAlt: "Dental implant model",
rating: 5,
}, },
{ {
id: "p2", id: "p2", name: "Root Canal Treatment", price: "Starting at ₹7,000", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-scared-dental-check-up_107420-74158.jpg", imageAlt: "Root canal treatment diagram", rating: 4,
name: "Root Canal Treatment",
price: "Starting at ₹7,000",
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-scared-dental-check-up_107420-74158.jpg",
imageAlt: "Root canal treatment diagram",
rating: 4,
}, },
{ {
id: "p3", id: "p3", name: "Professional Whitening", price: "Starting at ₹8,000", imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-bed-physiotherapy-center_1139-1121.jpg", imageAlt: "Professional teeth whitening kit", rating: 5,
name: "Professional Whitening",
price: "Starting at ₹8,000",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-bed-physiotherapy-center_1139-1121.jpg",
imageAlt: "Professional teeth whitening kit",
rating: 5,
}, },
{ {
id: "p4", id: "p4", name: "Dental Crowns", price: "Starting at ₹6,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fashion-woman-red-lips-big-smile_1150-14158.jpg", imageAlt: "Dental crown on a tooth model", rating: 5,
name: "Dental Crowns",
price: "Starting at ₹6,000",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fashion-woman-red-lips-big-smile_1150-14158.jpg",
imageAlt: "Dental crown on a tooth model",
rating: 5,
}, },
{ {
id: "p5", id: "p5", name: "Composite Fillings", price: "Starting at ₹1,500", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-dental-treatment_107420-65506.jpg", imageAlt: "Composite dental filling", rating: 4,
name: "Composite Fillings",
price: "Starting at ₹1,500",
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-dental-treatment_107420-65506.jpg",
imageAlt: "Composite dental filling",
rating: 4,
}, },
{ {
id: "p6", id: "p6", name: "Clear Aligners", price: "Starting at ₹50,000", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-orthodontic-silicone-invisible-braces_107420-74181.jpg", imageAlt: "Invisible braces aligners", rating: 5,
name: "Clear Aligners",
price: "Starting at ₹50,000",
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-orthodontic-silicone-invisible-braces_107420-74181.jpg",
imageAlt: "Invisible braces aligners",
rating: 5,
}, },
]} ]}
title="Our Popular Dental Treatments" title="Our Popular Dental Treatments"
@@ -246,27 +163,16 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "98%", description: "Patient Satisfaction Rate"},
value: "98%",
description: "Patient Satisfaction Rate",
},
{ {
id: "m2", id: "m2", value: "15+", description: "Years of Excellence"},
value: "15+",
description: "Years of Excellence",
},
{ {
id: "m3", id: "m3", value: "5000+", description: "Successful Smiles"},
value: "5000+",
description: "Successful Smiles",
},
{ {
id: "m4", id: "m4", value: "A++", description: "Hygiene Standards"},
value: "A++",
description: "Hygiene Standards",
},
]} ]}
title="Our Commitment to Your Oral Health" title="Our Commitment to Your Oral Health"
description="Dedicated to providing exceptional dental care, our clinic focuses on delivering outstanding results and a comfortable experience for every patient." description="Dedicated to providing exceptional dental care, our clinic focuses on delivering outstanding results and a comfortable experience for every patient."
@@ -281,28 +187,18 @@ export default function LandingPage() {
author="Priya Sharma" author="Priya Sharma"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-16454.jpg", src: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-16454.jpg", alt: "Priya Sharma"},
alt: "Priya Sharma",
},
{ {
src: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg", src: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg", alt: "Rohan Mehta"},
alt: "Rohan Mehta",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1671.jpg", src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1671.jpg", alt: "Anjali Deshmukh"},
alt: "Anjali Deshmukh",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg", src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg", alt: "Sameer Khan"},
alt: "Sameer Khan",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-34699.jpg", src: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-34699.jpg", alt: "Geeta Patil"},
alt: "Geeta Patil",
},
]} ]}
ratingAnimation="entrance-slide" ratingAnimation="slide-up"
avatarsAnimation="entrance-slide" avatarsAnimation="slide-up"
/> />
</div> </div>
@@ -312,39 +208,21 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq1", id: "faq1", title: "What are your clinic hours?", content: "Our clinic is open Monday to Saturday from 9:00 AM to 7:00 PM. We are closed on Sundays and public holidays."},
title: "What are your clinic hours?",
content: "Our clinic is open Monday to Saturday from 9:00 AM to 7:00 PM. We are closed on Sundays and public holidays.",
},
{ {
id: "faq2", id: "faq2", title: "Do you accept new patients?", content: "Yes, we are always happy to welcome new patients to Clear Smile Dental Clinic! Please contact us to schedule your first appointment."},
title: "Do you accept new patients?",
content: "Yes, we are always happy to welcome new patients to Clear Smile Dental Clinic! Please contact us to schedule your first appointment.",
},
{ {
id: "faq3", id: "faq3", title: "What payment methods do you accept?", content: "We accept cash, major credit/debit cards, and UPI payments. We also offer various payment plans for extensive treatments."},
title: "What payment methods do you accept?",
content: "We accept cash, major credit/debit cards, and UPI payments. We also offer various payment plans for extensive treatments.",
},
{ {
id: "faq4", id: "faq4", title: "Is parking available at your clinic?", content: "Yes, ample parking is available in Vithai Plaza for our patients' convenience. We are located at Vadacha Stop, Karvenagar."},
title: "Is parking available at your clinic?",
content: "Yes, ample parking is available in Vithai Plaza for our patients' convenience. We are located at Vadacha Stop, Karvenagar.",
},
{ {
id: "faq5", id: "faq5", title: "How often should I visit the dentist?", content: "We recommend a dental check-up and cleaning every six months to maintain optimal oral health and prevent issues."},
title: "How often should I visit the dentist?",
content: "We recommend a dental check-up and cleaning every six months to maintain optimal oral health and prevent issues.",
},
{ {
id: "faq6", id: "faq6", title: "Do you offer emergency dental services?", content: "For dental emergencies, please call our clinic directly. We will do our best to accommodate you as soon as possible."},
title: "Do you offer emergency dental services?",
content: "For dental emergencies, please call our clinic directly. We will do our best to accommodate you as soon as possible.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Find answers to common questions about our clinic, services, appointments, and what to expect during your visit." description="Find answers to common questions about our clinic, services, appointments, and what to expect during your visit."
faqsAnimation="entrance-slide" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -355,33 +233,22 @@ export default function LandingPage() {
description="Schedule your appointment today or reach out with any questions. We look forward to welcoming you!" description="Schedule your appointment today or reach out with any questions. We look forward to welcoming you!"
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Phone Number", required: false,
type: "tel",
placeholder: "Phone Number",
required: false,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Your Message or Inquiry", rows: 4,
placeholder: "Your Message or Inquiry",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/building-with-modern-design_1127-2284.jpg" imageSrc="http://img.b2bpic.net/free-photo/building-with-modern-design_1127-2284.jpg"
imageAlt="Exterior of Clear Smile Dental Clinic" imageAlt="Exterior of Clear Smile Dental Clinic"
mediaAnimation="entrance-slide" mediaAnimation="slide-up"
mediaPosition="left" mediaPosition="left"
buttonText="Send Message" buttonText="Send Message"
/> />
@@ -391,13 +258,9 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Clear Smile Dental" logoText="Clear Smile Dental"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Terms of Service", text: "Terms of Service", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>