bender/04f507a9-1184-43c4-9263-7826e8bd89dc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 10:00:37 +00:00
parent 1c9e354525
commit faa5a46a49
1 changed files with 59 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
src/app/page.tsx
View File

@@ -32,55 +32,38 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Results",
id: "#results",
},
name: "Results", id: "#results"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w"
logoAlt="Maryam Dental Clinic Logo"
brandName="Maryam Dental Clinic"
button={{
text: "Book Consultation",
href: "#contact",
}}
text: "Book Consultation", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardScroll
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Premium Dental Care, Trusted Expertise"
description="Experience advanced dentistry with Dr. Maryam and her award-winning team. We transform smiles with precision, comfort, and personalized care tailored to your needs."
buttons={[
{
text: "Book Your Consultation Today",
href: "#contact",
},
text: "Book Your Consultation Today", href: "#contact"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/dental-woman-nurse-applying-anesthesia-with-cotton-swab-before-stomatological-procedure-orthodontic-office-medical-team-discussing-treatment-against-caries-infection-dentistry-examination_482257-40994.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/dental-woman-nurse-applying-anesthesia-with-cotton-swab-before-stomatological-procedure-orthodontic-office-medical-team-discussing-treatment-against-caries-infection-dentistry-examination_482257-40994.jpg"
imageAlt="Dentist Dr. Maryam with a smiling patient in a modern dental clinic"
/>
</div>
@@ -92,19 +75,13 @@ export default function LandingPage() {
metrics={[
{
icon: Award,
label: "Years of Experience",
value: "20+",
},
label: "Years of Experience", value: "20+"},
{
icon: Smile,
label: "Satisfied Patients",
value: "5,000+",
},
label: "Satisfied Patients", value: "5,000+"},
{
icon: Star,
label: "Award-Winning Clinic",
value: "Top Rated",
},
label: "Award-Winning Clinic", value: "Top Rated"},
]}
metricsAnimation="slide-up"
/>
@@ -117,90 +94,50 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "General & Preventative Care",
description: "Maintain your oral health with regular examinations, cleanings, and preventative treatments designed to keep your smile healthy for years to come.",
icon: ShieldCheck,
title: "General & Preventative Care", description: "Maintain your oral health with regular examinations, cleanings, and preventative treatments designed to keep your smile healthy for years to come.", icon: ShieldCheck,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-apple-patient_23-2148104962.jpg",
imageAlt: "Dentist performing a dental checkup",
},
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-apple-patient_23-2148104962.jpg", imageAlt: "Dentist performing a dental checkup"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053286.jpg",
imageAlt: "Close-up of dental tools",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w",
imageAlt: "dental checkup with modern equipment",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053286.jpg", imageAlt: "Close-up of dental tools"},
]
},
{
title: "Cosmetic Dentistry",
description: "Transform your smile with our aesthetic solutions, including teeth whitening, veneers, and bonding, tailored to enhance your natural beauty.",
icon: Sparkles,
title: "Cosmetic Dentistry", description: "Transform your smile with our aesthetic solutions, including teeth whitening, veneers, and bonding, tailored to enhance your natural beauty.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg",
imageAlt: "Woman with a bright, transformed smile",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg", imageAlt: "Woman with a bright, transformed smile"},
{
imageSrc: "http://img.b2bpic.net/free-photo/before-after-portrait-woman-retouched_23-2149121643.jpg",
imageAlt: "Before and after teeth whitening",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/dental-woman-nurse-applying-anesthesia-with-cotton-swab-before-stomatological-procedure-orthodontic-office-medical-team-discussing-treatment-against-caries-infection-dentistry-examination_482257-40994.jpg?_wi=2",
imageAlt: "dental checkup with modern equipment",
imageSrc: "http://img.b2bpic.net/free-photo/before-after-portrait-woman-retouched_23-2149121643.jpg", imageAlt: "Before and after teeth whitening"},
]
},
{
title: "Pediatric Dentistry",
description: "We provide gentle and compassionate dental care for children, ensuring a positive experience and promoting healthy habits from an early age.",
icon: Smile,
title: "Pediatric Dentistry", description: "We provide gentle and compassionate dental care for children, ensuring a positive experience and promoting healthy habits from an early age.", icon: Smile,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-dentist-chair-children-dental_627829-9371.jpg",
imageAlt: "Dentist interacting with a happy child",
},
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-dentist-chair-children-dental_627829-9371.jpg", imageAlt: "Dentist interacting with a happy child"},
{
imageSrc: "http://img.b2bpic.net/free-photo/pediatric-dentist-talking-with-little-girl-dental-office_651396-2539.jpg",
imageAlt: "Child smiling during a dental visit",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-showing-teeth-model-sitting-front-female-patient_23-2147879142.jpg",
imageAlt: "dental checkup with modern equipment",
imageSrc: "http://img.b2bpic.net/free-photo/pediatric-dentist-talking-with-little-girl-dental-office_651396-2539.jpg", imageAlt: "Child smiling during a dental visit"},
]
},
{
title: "Dental Implants",
description: "Restore missing teeth with durable and natural-looking dental implants, offering a permanent solution for a complete and functional smile.",
icon: Heart,
title: "Dental Implants", description: "Restore missing teeth with durable and natural-looking dental implants, offering a permanent solution for a complete and functional smile.", icon: Heart,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/equipment-happy-medical-medicine-job_1301-3130.jpg",
imageAlt: "3D model of a dental implant",
},
imageSrc: "http://img.b2bpic.net/free-photo/equipment-happy-medical-medicine-job_1301-3130.jpg", imageAlt: "3D model of a dental implant"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-denture-model-patient_107420-65333.jpg",
imageAlt: "X-ray showing a dental implant",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/star-with-check-mark-set-four_78370-10981.jpg",
imageAlt: "dental checkup with modern equipment",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-denture-model-patient_107420-65333.jpg", imageAlt: "X-ray showing a dental implant"},
]
},
{
title: "Orthodontics",
description: "Achieve a perfectly aligned smile with our orthodontic treatments, including traditional braces and clear aligners, customized for effective results.",
icon: Gauge,
title: "Orthodontics", description: "Achieve a perfectly aligned smile with our orthodontic treatments, including traditional braces and clear aligners, customized for effective results.", icon: Gauge,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/dentist-taking-selfie-with-patient_23-2148396221.jpg",
imageAlt: "Close-up of clear aligners",
},
imageSrc: "http://img.b2bpic.net/free-photo/dentist-taking-selfie-with-patient_23-2148396221.jpg", imageAlt: "Close-up of clear aligners"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-using-sign-language_23-2148572464.jpg",
imageAlt: "Patient smiling with braces",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/dental-care-page-design_1284-10434.jpg",
imageAlt: "dental checkup with modern equipment",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-using-sign-language_23-2148572464.jpg", imageAlt: "Patient smiling with braces"},
]
}
]}
title="Our Signature Dental Services"
description="From routine check-ups to advanced cosmetic and restorative procedures, our comprehensive services are designed to ensure your optimal oral health and a radiant smile."
@@ -214,29 +151,17 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Smile,
title: "Healthy Smiles",
value: "98%",
},
id: "m1", icon: Smile,
title: "Healthy Smiles", value: "98%"},
{
id: "m2",
icon: Trophy,
title: "Awards & Recognitions",
value: "15+",
},
id: "m2", icon: Trophy,
title: "Awards & Recognitions", value: "15+"},
{
id: "m3",
icon: ListChecks,
title: "Years of Dedication",
value: "20+",
},
id: "m3", icon: ListChecks,
title: "Years of Dedication", value: "20+"},
{
id: "m4",
icon: Diamond,
title: "Advanced Technology",
value: "Cutting-Edge",
},
id: "m4", icon: Diamond,
title: "Advanced Technology", value: "Cutting-Edge"},
]}
title="Our Commitment to Excellence"
description="We are dedicated to providing the highest standard of dental care, reflected in our patient satisfaction and professional accolades."
@@ -250,50 +175,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@sarah.smiles",
testimonial: "Dr. Maryam and her team are simply the best! I've never felt more comfortable at a dental clinic. My smile has never looked better!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg",
imageAlt: "Portrait of Sarah J.",
},
id: "1", name: "Sarah J.", handle: "@sarah.smiles", testimonial: "Dr. Maryam and her team are simply the best! I've never felt more comfortable at a dental clinic. My smile has never looked better!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg", imageAlt: "Portrait of Sarah J."},
{
id: "2",
name: "Michael D.",
handle: "@mdentalfan",
testimonial: "Professional, efficient, and truly caring. Maryam Dental Clinic exceeded all my expectations. Highly recommend for any dental needs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-glasses_23-2148422106.jpg",
imageAlt: "Portrait of Michael D.",
},
id: "2", name: "Michael D.", handle: "@mdentalfan", testimonial: "Professional, efficient, and truly caring. Maryam Dental Clinic exceeded all my expectations. Highly recommend for any dental needs.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-glasses_23-2148422106.jpg", imageAlt: "Portrait of Michael D."},
{
id: "3",
name: "Emily R.",
handle: "@emily.radiant",
testimonial: "The cosmetic dentistry here is phenomenal. My veneers look incredibly natural, and I feel so much more confident.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-floral-dress-sitting-couch_273609-5425.jpg",
imageAlt: "Portrait of Emily R.",
},
id: "3", name: "Emily R.", handle: "@emily.radiant", testimonial: "The cosmetic dentistry here is phenomenal. My veneers look incredibly natural, and I feel so much more confident.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-floral-dress-sitting-couch_273609-5425.jpg", imageAlt: "Portrait of Emily R."},
{
id: "4",
name: "David K.",
handle: "@dkhealthysmile",
testimonial: "As a busy professional, convenience is key. Booking was a breeze, and the treatment was quick and painless. Fantastic service!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg",
imageAlt: "Portrait of David K.",
},
id: "4", name: "David K.", handle: "@dkhealthysmile", testimonial: "As a busy professional, convenience is key. Booking was a breeze, and the treatment was quick and painless. Fantastic service!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg", imageAlt: "Portrait of David K."},
{
id: "5",
name: "Jessica L.",
handle: "@jessica_l",
testimonial: "My children actually look forward to their dental visits now! The pediatric team is wonderful and makes it such a fun experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-special-equipment_23-2148980727.jpg",
imageAlt: "Portrait of Jessica L.",
},
id: "5", name: "Jessica L.", handle: "@jessica_l", testimonial: "My children actually look forward to their dental visits now! The pediatric team is wonderful and makes it such a fun experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-special-equipment_23-2148980727.jpg", imageAlt: "Portrait of Jessica L."},
]}
showRating={true}
title="What Our Patients Say"
@@ -306,25 +201,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What insurance plans do you accept?",
content: "We accept most major dental insurance plans. Please contact our office with your insurance details, and we'll be happy to verify your benefits.",
},
id: "1", title: "What insurance plans do you accept?", content: "We accept most major dental insurance plans. Please contact our office with your insurance details, and we'll be happy to verify your benefits."},
{
id: "2",
title: "How often should I visit the dentist?",
content: "For optimal oral health, we recommend regular dental check-ups and cleanings every six months, or as advised by your dentist.",
},
id: "2", title: "How often should I visit the dentist?", content: "For optimal oral health, we recommend regular dental check-ups and cleanings every six months, or as advised by your dentist."},
{
id: "3",
title: "Do you offer financing options?",
content: "Yes, we understand dental care can be an investment. We offer flexible financing plans to help make your treatments affordable. Inquire with our front desk for more details.",
},
id: "3", title: "Do you offer financing options?", content: "Yes, we understand dental care can be an investment. We offer flexible financing plans to help make your treatments affordable. Inquire with our front desk for more details."},
{
id: "4",
title: "What if I have a dental emergency?",
content: "For dental emergencies, please call our office immediately. We prioritize emergency cases and will do our best to see you as soon as possible.",
},
id: "4", title: "What if I have a dental emergency?", content: "For dental emergencies, please call our office immediately. We prioritize emergency cases and will do our best to see you as soon as possible."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to common questions about our clinic, services, and appointment scheduling."
@@ -337,8 +220,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Ready to Smile?"
title="Book Your Consultation"
description="Schedule an appointment with Dr. Maryam's expert team today and take the first step towards a healthier, brighter smile."
@@ -354,13 +236,9 @@ export default function LandingPage() {
logoAlt="Maryam Dental Clinic Logo"
logoText="Maryam Dental Clinic"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>