Update src/app/page.tsx
This commit is contained in:
168
src/app/page.tsx
168
src/app/page.tsx
@@ -31,38 +31,27 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BrightSmile"
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Appointment", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Professional Dental Care for Your Entire Family"
|
||||
description="We provide compassionate, state-of-the-art dental services to help you maintain a healthy, beautiful smile for life. Your comfort is our priority."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18599.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18599.jpg"
|
||||
imageAlt="Professional dentist consultation"
|
||||
/>
|
||||
</div>
|
||||
@@ -74,19 +63,13 @@ export default function LandingPage() {
|
||||
description="With over 20 years of combined experience, our clinic is dedicated to precision, comfort, and advanced technology. We treat our patients like family."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "20+", title: "Years Experience"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Happy Patients",
|
||||
},
|
||||
value: "5k+", title: "Happy Patients"},
|
||||
{
|
||||
value: "12",
|
||||
title: "Advanced Treatments",
|
||||
},
|
||||
value: "12", title: "Advanced Treatments"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-23501.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-23501.jpg"
|
||||
imageAlt="Our dental clinic team"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -100,55 +83,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Preventative Care",
|
||||
description: "Routine checkups, cleanings, and fluoride treatments to maintain your oral health.",
|
||||
icon: Shield,
|
||||
title: "Preventative Care", description: "Routine checkups, cleanings, and fluoride treatments to maintain your oral health.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oral-hygiene-teeth-care-concept-curly-haired-woman-cleans-teeth-with-floss-cleans-tongue-with-cleaner-uses-toothbrush-toothpaste-poses-home_273609-38925.jpg?_wi=1",
|
||||
imageAlt: "Preventative Care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oral-hygiene-teeth-care-concept-curly-haired-woman-cleans-teeth-with-floss-cleans-tongue-with-cleaner-uses-toothbrush-toothpaste-poses-home_273609-38925.jpg", imageAlt: "Preventative Care"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oral-hygiene-teeth-care-concept-curly-haired-woman-cleans-teeth-with-floss-cleans-tongue-with-cleaner-uses-toothbrush-toothpaste-poses-home_273609-38925.jpg?_wi=2",
|
||||
imageAlt: "Preventative Care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oral-hygiene-teeth-care-concept-curly-haired-woman-cleans-teeth-with-floss-cleans-tongue-with-cleaner-uses-toothbrush-toothpaste-poses-home_273609-38925.jpg", imageAlt: "Preventative Care"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18599.jpg?_wi=2",
|
||||
imageAlt: "dentist clinic smiling professional",
|
||||
},
|
||||
{
|
||||
title: "Cosmetic Dentistry",
|
||||
description: "Transform your smile with professional whitening, veneers, and aesthetic restorations.",
|
||||
icon: Sparkles,
|
||||
title: "Cosmetic Dentistry", description: "Transform your smile with professional whitening, veneers, and aesthetic restorations.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2981.jpg?_wi=1",
|
||||
imageAlt: "Cosmetic Dentistry",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2981.jpg", imageAlt: "Cosmetic Dentistry"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2981.jpg?_wi=2",
|
||||
imageAlt: "Cosmetic Dentistry",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2981.jpg", imageAlt: "Cosmetic Dentistry"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-23501.jpg?_wi=2",
|
||||
imageAlt: "dental professional portrait friendly",
|
||||
},
|
||||
{
|
||||
title: "Dental Implants",
|
||||
description: "Restore your smile and functionality with permanent, natural-looking dental implants.",
|
||||
icon: Award,
|
||||
title: "Dental Implants", description: "Restore your smile and functionality with permanent, natural-looking dental implants.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-dentist-patient_23-2149164297.jpg?_wi=1",
|
||||
imageAlt: "Dental Implants",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-dentist-patient_23-2149164297.jpg", imageAlt: "Dental Implants"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-dentist-patient_23-2149164297.jpg?_wi=2",
|
||||
imageAlt: "Dental Implants",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-dentist-patient_23-2149164297.jpg", imageAlt: "Dental Implants"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oral-hygiene-teeth-care-concept-curly-haired-woman-cleans-teeth-with-floss-cleans-tongue-with-cleaner-uses-toothbrush-toothpaste-poses-home_273609-38925.jpg?_wi=3",
|
||||
imageAlt: "preventative dental care icon",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Services"
|
||||
@@ -163,40 +122,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Emily Johnson",
|
||||
handle: "@emilyj",
|
||||
testimonial: "The best dental experience I've ever had. So gentle and professional!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-professional-dentist-with-gloves-mask-discuss-what-treatment-will-look-like-patient-s-teeth_158595-7630.jpg",
|
||||
},
|
||||
id: "1", name: "Emily Johnson", handle: "@emilyj", testimonial: "The best dental experience I've ever had. So gentle and professional!", imageSrc: "http://img.b2bpic.net/free-photo/male-professional-dentist-with-gloves-mask-discuss-what-treatment-will-look-like-patient-s-teeth_158595-7630.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Stevens",
|
||||
handle: "@mstevens",
|
||||
testimonial: "Top-notch technology and a very friendly staff. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Stevens", handle: "@mstevens", testimonial: "Top-notch technology and a very friendly staff. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "My teeth have never looked better. Great cosmetic results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-23503.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Miller", handle: "@sarahm", testimonial: "My teeth have never looked better. Great cosmetic results.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-23503.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Klein",
|
||||
handle: "@rklein",
|
||||
testimonial: "Excellent care and very thorough explanations throughout.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-dental-chair_23-2147862029.jpg",
|
||||
},
|
||||
id: "4", name: "Robert Klein", handle: "@rklein", testimonial: "Excellent care and very thorough explanations throughout.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-dental-chair_23-2147862029.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Ortiz",
|
||||
handle: "@dortiz",
|
||||
testimonial: "Professional, clean clinic. Very happy with my dental implant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nurses-talking_23-2148501139.jpg",
|
||||
},
|
||||
id: "5", name: "David Ortiz", handle: "@dortiz", testimonial: "Professional, clean clinic. Very happy with my dental implant.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nurses-talking_23-2148501139.jpg"},
|
||||
]}
|
||||
title="Patient Stories"
|
||||
description="Read what our patients have to say about their experience at BrightSmile."
|
||||
@@ -209,20 +143,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I have a dental checkup?",
|
||||
content: "We recommend a professional cleaning and exam every six months.",
|
||||
},
|
||||
id: "1", title: "How often should I have a dental checkup?", content: "We recommend a professional cleaning and exam every six months."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you accept insurance?",
|
||||
content: "Yes, we accept all major dental insurance providers.",
|
||||
},
|
||||
id: "2", title: "Do you accept insurance?", content: "Yes, we accept all major dental insurance providers."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is teeth whitening safe?",
|
||||
content: "Yes, our professional whitening treatments are safe and supervised by our dental team.",
|
||||
},
|
||||
id: "3", title: "Is teeth whitening safe?", content: "Yes, our professional whitening treatments are safe and supervised by our dental team."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find quick answers to common questions about our dental services."
|
||||
@@ -234,18 +159,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to achieve a healthier smile? Contact our team today to schedule your visit."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123456"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@brightsmile.dentist",
|
||||
},
|
||||
text: "Email Us", href: "mailto:hello@brightsmile.dentist"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -255,33 +175,21 @@ export default function LandingPage() {
|
||||
logoText="BrightSmile"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Preventative",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Preventative", href: "#features"},
|
||||
{
|
||||
label: "Cosmetic",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Cosmetic", href: "#features"},
|
||||
{
|
||||
label: "Implants",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Implants", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user