Update src/app/page.tsx
This commit is contained in:
291
src/app/page.tsx
291
src/app/page.tsx
@@ -31,138 +31,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dr. Neha"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Excellence in Dental Care"
|
||||
description="Dr. Neha provides personalized and gentle dental care to help you achieve a healthier, more confident smile in a comfortable environment."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clinic-oral-hospital-adult-open_1303-340.jpg",
|
||||
imageAlt: "dentist holding tools bright office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-equipment-dental-procedures_651396-1693.jpg",
|
||||
imageAlt: "clean modern dental office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-67233.jpg",
|
||||
imageAlt: "dentistry patient care smile",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dental-tools-tray_23-2147906066.jpg",
|
||||
imageAlt: "orthodontist clinic professional tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-bright-office-room-with-nobody-it_482257-15349.jpg",
|
||||
imageAlt: "dentist equipment dental office",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clinic-oral-hospital-adult-open_1303-340.jpg", imageAlt: "dentist holding tools bright office" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-equipment-dental-procedures_651396-1693.jpg", imageAlt: "clean modern dental office" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-67233.jpg", imageAlt: "dentistry patient care smile" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-dental-tools-tray_23-2147906066.jpg", imageAlt: "orthodontist clinic professional tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-bright-office-room-with-nobody-it_482257-15349.jpg", imageAlt: "dentist equipment dental office" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatology-office-with-modern-equipment-nurse-wearing-blue-uniform-working-computer_482257-12534.jpg",
|
||||
imageAlt: "dental consultation office interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-working-dental-unit-with-nurse-senior-patient-orthodontist-speaking-woman-sitting-stomatological-chair-while-nurse-preparing-tools-examination-modern-clinic_482257-13355.jpg",
|
||||
imageAlt: "dentist equipment dental office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dentist-working-dental-clinic_1157-28582.jpg",
|
||||
imageAlt: "orthodontist clinic professional tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg",
|
||||
imageAlt: "dentistry patient care smile",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-orthodontist-stomatology-hospital-office-room-prepared-medical-healthcare-treatment-after-dental-diagnosis-orthodontic-cabinet-equipped-with-tooth-instruments-oral-care_482257-9417.jpg",
|
||||
imageAlt: "clean modern dental office",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7678.jpg",
|
||||
alt: "Happy Patient 1",
|
||||
},
|
||||
{
|
||||
src: "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",
|
||||
alt: "Happy Patient 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7679.jpg",
|
||||
alt: "Happy Patient 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053264.jpg",
|
||||
alt: "Happy Patient 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-woman-discussing-with-dentist-dental-cabinet-about-teeth-issue-sitting-chair-medical-teeth-care-taker-discussing-with-senior-woman-about-mouth-hygiene_482257-12556.jpg",
|
||||
alt: "Happy Patient 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by over 2,000+ satisfied patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/patient-pov-dentist-explaining-teeth-treatment-wearing-covid-protective-suit-new-normal-stomatological-office-stomatolog-safety-gear-against-coronavirus-heatlhcare-check-patient_482257-13139.jpg",
|
||||
alt: "Clinic Certification",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-dentist-woman-dental-office-while-medical-nurse-talking-with-patient-background_482257-4866.jpg",
|
||||
alt: "Technology Partner",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/dentist-woman-holding-mock-up-green-screen-chroma-key-tablet-with-isolated-display-discussing-oral-hygiene-with-man-patient-stomatological-consultation-dental-office-stomatology-concept_482257-39543.jpg",
|
||||
alt: "Dental Association",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/nurse-inviting-kid-patient-consultation-dental-room-pediatric-doctor-speaking-with-little-girl-man-assistant-talking-with-mother-preparing-stomatologic-examination-orthodontist-office_482257-13316.jpg",
|
||||
alt: "Hygiene Award",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-dentist-working-dental-clinic_1157-29159.jpg",
|
||||
alt: "Quality Seal",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stomatology-office-with-modern-equipment-nurse-wearing-blue-uniform-working-computer_482257-12534.jpg", imageAlt: "dental consultation office interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-working-dental-unit-with-nurse-senior-patient-orthodontist-speaking-woman-sitting-stomatological-chair-while-nurse-preparing-tools-examination-modern-clinic_482257-13355.jpg", imageAlt: "dentist equipment dental office" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dentist-working-dental-clinic_1157-28582.jpg", imageAlt: "orthodontist clinic professional tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg", imageAlt: "dentistry patient care smile" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-orthodontist-stomatology-hospital-office-room-prepared-medical-healthcare-treatment-after-dental-diagnosis-orthodontic-cabinet-equipped-with-tooth-instruments-oral-care_482257-9417.jpg", imageAlt: "clean modern dental office" }
|
||||
]}
|
||||
buttons={[{ text: "Book an Appointment", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,21 +70,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Dr. Neha?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Patients Treated",
|
||||
value: "2,000+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Success Rate",
|
||||
value: "99%",
|
||||
},
|
||||
{ icon: Smile, label: "Patients Treated", value: "2,000+" },
|
||||
{ icon: Award, label: "Years Experience", value: "15" },
|
||||
{ icon: ShieldCheck, label: "Success Rate", value: "99%" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -197,21 +84,9 @@ export default function LandingPage() {
|
||||
title="Comprehensive Dental Services"
|
||||
description="Our clinic offers a wide range of services to cater to all your dental needs under one roof."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Preventive Care",
|
||||
content: "Comprehensive cleanings and exams to keep your teeth healthy.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Restorative Dentistry",
|
||||
content: "Fix damaged teeth with modern, pain-free restorative procedures.",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Cosmetic Dentistry",
|
||||
content: "Enhance your smile with teeth whitening and advanced cosmetic services.",
|
||||
},
|
||||
{ id: "s1", title: "Preventive Care", content: "Comprehensive cleanings and exams to keep your teeth healthy." },
|
||||
{ id: "s2", title: "Restorative Dentistry", content: "Fix damaged teeth with modern, pain-free restorative procedures." },
|
||||
{ id: "s3", title: "Cosmetic Dentistry", content: "Enhance your smile with teeth whitening and advanced cosmetic services." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-looking-teeth-mirror-dentist-appointment_23-2148338114.jpg"
|
||||
imageAlt="Services provided in our professional clinic"
|
||||
@@ -225,21 +100,9 @@ export default function LandingPage() {
|
||||
title="Our Clinic Stats"
|
||||
tag="Quality First"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30+",
|
||||
description: "Clinical Partners",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Successful Procedures",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
description: "Specialist Awards",
|
||||
},
|
||||
{ id: "m1", value: "30+", description: "Clinical Partners" },
|
||||
{ id: "m2", value: "5k+", description: "Successful Procedures" },
|
||||
{ id: "m3", value: "12", description: "Specialist Awards" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -252,46 +115,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Patient",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133061.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah P.",
|
||||
role: "Patient",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-happy-man-with-dark-skin-bushy-hairstyle-grins-camera-expresses-positive-emotions_273609-8517.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Michael D.",
|
||||
role: "Patient",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shining-face-beautiful-woman-home_329181-1327.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jane K.",
|
||||
role: "Patient",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-doctor-chatting_23-2149856220.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David L.",
|
||||
role: "Patient",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-shy_273609-13720.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", role: "Patient", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133061.jpg" },
|
||||
{ id: "t2", name: "Sarah P.", role: "Patient", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-happy-man-with-dark-skin-bushy-hairstyle-grins-camera-expresses-positive-emotions_273609-8517.jpg" },
|
||||
{ id: "t3", name: "Michael D.", role: "Patient", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shining-face-beautiful-woman-home_329181-1327.jpg" },
|
||||
{ id: "t4", name: "Jane K.", role: "Patient", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-doctor-chatting_23-2149856220.jpg" },
|
||||
{ id: "t5", name: "David L.", role: "Patient", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-shy_273609-13720.jpg" }
|
||||
]}
|
||||
title="Patient Success Stories"
|
||||
description="See why our patients trust Dr. Neha for their dental care."
|
||||
@@ -302,21 +130,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often should I visit?",
|
||||
content: "We recommend a dental check-up every 6 months.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the procedure painful?",
|
||||
content: "Dr. Neha uses modern, pain-free techniques for comfort.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you accept insurance?",
|
||||
content: "Yes, we accept most major dental insurance providers.",
|
||||
},
|
||||
{ id: "f1", title: "How often should I visit?", content: "We recommend a dental check-up every 6 months." },
|
||||
{ id: "f2", title: "Is the procedure painful?", content: "Dr. Neha uses modern, pain-free techniques for comfort." },
|
||||
{ id: "f3", title: "Do you accept insurance?", content: "Yes, we accept most major dental insurance providers." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -326,16 +142,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Ready for your healthy smile? Book your dental appointment with Dr. Neha today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:+1234567890" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -343,29 +152,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Help", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user