Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 689dc7097b |
220
src/app/page.tsx
220
src/app/page.tsx
@@ -33,76 +33,47 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Team",
|
name: "Team", id: "#team"},
|
||||||
id: "#team",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="SmileCraft"
|
brandName="SmileCraft"
|
||||||
button={{
|
button={{
|
||||||
text: "Book Appointment",
|
text: "Book Appointment", href: "#appointment"}}
|
||||||
href: "#appointment",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Confident Smiles Start Here"
|
title="Confident Smiles Start Here"
|
||||||
description="Expert dental care designed for your comfort. From routine checkups to advanced cosmetic procedures, we bring out your brightest smile."
|
description="Expert dental care designed for your comfort. From routine checkups to advanced cosmetic procedures, we bring out your brightest smile."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Appointment",
|
text: "Book Appointment", href: "#appointment"},
|
||||||
href: "#appointment",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Call Now",
|
text: "View Our Services", href: "#services"},
|
||||||
href: "tel:+1234567890",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/no-people-startup-company-office-used-work-business-strategy-showing-financial-charts-diagrams-computer-display-nobody-empty-desk-planning-management-data_482257-49895.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/no-people-startup-company-office-used-work-business-strategy-showing-financial-charts-diagrams-computer-display-nobody-empty-desk-planning-management-data_482257-49895.jpg", imageAlt: "Modern dental clinic interior"},
|
||||||
imageAlt: "Modern dental clinic interior",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-woman-outdoor_624325-1613.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-woman-outdoor_624325-1613.jpg", imageAlt: "Smiling dental patient"},
|
||||||
imageAlt: "Smiling dental patient",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-chair-with-medical-tools_140725-7681.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/dental-chair-with-medical-tools_140725-7681.jpg", imageAlt: "Advanced dental equipment"},
|
||||||
imageAlt: "Advanced dental equipment",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-mirror_107420-65403.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-mirror_107420-65403.jpg", imageAlt: "Professional dentist consultation"},
|
||||||
imageAlt: "Professional dentist consultation",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408824.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408824.jpg", imageAlt: "Bright clean clinic reception"},
|
||||||
imageAlt: "Bright clean clinic reception",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-dental-treatment_107420-65463.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-dental-treatment_107420-65463.jpg", imageAlt: "Teeth whitening procedure close up"},
|
||||||
imageAlt: "Teeth whitening procedure close up",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -113,9 +84,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Excellence in Dental Care"
|
title="Excellence in Dental Care"
|
||||||
description={[
|
description={[
|
||||||
"At SmileCraft, we combine advanced technology with a compassionate approach. Our team of experienced dentists specializes in modern, pain-free procedures tailored to each patient.",
|
"At SmileCraft, we combine advanced technology with a compassionate approach. Our team of experienced dentists specializes in modern, pain-free procedures tailored to each patient.", "Our clinic maintains the highest standards of hygiene and patient comfort, ensuring a relaxed environment. We believe premium dental health should be both attainable and affordable for all."]}
|
||||||
"Our clinic maintains the highest standards of hygiene and patient comfort, ensuring a relaxed environment. We believe premium dental health should be both attainable and affordable for all.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -127,41 +96,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Teeth Cleaning",
|
title: "Teeth Cleaning", description: "Professional hygiene care.", imageSrc: "http://img.b2bpic.net/free-photo/toothbrush-composition-with-towel_23-2147817634.jpg", imageAlt: "Cleaning"},
|
||||||
description: "Professional hygiene care.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/toothbrush-composition-with-towel_23-2147817634.jpg",
|
|
||||||
imageAlt: "Cleaning",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Root Canal",
|
title: "Root Canal", description: "Advanced therapeutic care.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053279.jpg", imageAlt: "Root canal"},
|
||||||
description: "Advanced therapeutic care.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053279.jpg",
|
|
||||||
imageAlt: "Root canal",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Dental Implants",
|
title: "Dental Implants", description: "Restorative tooth replacement.", imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19454.jpg", imageAlt: "Implants"},
|
||||||
description: "Restorative tooth replacement.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19454.jpg",
|
|
||||||
imageAlt: "Implants",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Braces & Aligners",
|
title: "Braces & Aligners", description: "Perfectly aligned smiles.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-holding-dental-plastic-model-with-braces_273609-13102.jpg", imageAlt: "Braces"},
|
||||||
description: "Perfectly aligned smiles.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-holding-dental-plastic-model-with-braces_273609-13102.jpg",
|
|
||||||
imageAlt: "Braces",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Teeth Whitening",
|
title: "Teeth Whitening", description: "Brighter smiles instantly.", imageSrc: "http://img.b2bpic.net/free-photo/woman-patient-visiting-dentist_1303-24407.jpg", imageAlt: "Whitening"},
|
||||||
description: "Brighter smiles instantly.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-patient-visiting-dentist_1303-24407.jpg",
|
|
||||||
imageAlt: "Whitening",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Cosmetic Dentistry",
|
title: "Cosmetic Dentistry", description: "Custom smile makeovers.", imageSrc: "http://img.b2bpic.net/free-photo/woman-laughing-pointing-her-smile_23-2148859499.jpg", imageAlt: "Cosmetic"},
|
||||||
description: "Custom smile makeovers.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-laughing-pointing-her-smile_23-2148859499.jpg",
|
|
||||||
imageAlt: "Cosmetic",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Dental Services"
|
title="Our Dental Services"
|
||||||
description="Comprehensive care for every family member."
|
description="Comprehensive care for every family member."
|
||||||
@@ -175,29 +120,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", icon: Award,
|
||||||
icon: Award,
|
title: "Experienced Dentists", value: "15+ Years"},
|
||||||
title: "Experienced Dentists",
|
|
||||||
value: "15+ Years",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", icon: Shield,
|
||||||
icon: Shield,
|
title: "Pain-Free Guarantee", value: "100%"},
|
||||||
title: "Pain-Free Guarantee",
|
|
||||||
value: "100%",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", icon: Zap,
|
||||||
icon: Zap,
|
title: "Same-Day Appointments", value: "Available"},
|
||||||
title: "Same-Day Appointments",
|
|
||||||
value: "Available",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m4",
|
id: "m4", icon: Smile,
|
||||||
icon: Smile,
|
title: "Satisfied Patients", value: "5000+"},
|
||||||
title: "Satisfied Patients",
|
|
||||||
value: "5000+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why SmileCraft?"
|
title="Why SmileCraft?"
|
||||||
description="Dedication to excellence, precision, and care."
|
description="Dedication to excellence, precision, and care."
|
||||||
@@ -211,19 +144,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
team={[
|
team={[
|
||||||
{
|
{
|
||||||
id: "d1",
|
id: "d1", name: "Dr. Sarah Miller", role: "Chief Orthodontist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-66952.jpg", imageAlt: "Dr Miller"},
|
||||||
name: "Dr. Sarah Miller",
|
|
||||||
role: "Chief Orthodontist",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-66952.jpg",
|
|
||||||
imageAlt: "Dr Miller",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "d2",
|
id: "d2", name: "Dr. James Carter", role: "Cosmetic Dental Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-looking-camera_23-2147862093.jpg", imageAlt: "Dr Carter"},
|
||||||
name: "Dr. James Carter",
|
|
||||||
role: "Cosmetic Dental Surgeon",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-looking-camera_23-2147862093.jpg",
|
|
||||||
imageAlt: "Dr Carter",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Meet Your Dentists"
|
title="Meet Your Dentists"
|
||||||
description="Our professionals are committed to top-tier care."
|
description="Our professionals are committed to top-tier care."
|
||||||
@@ -235,30 +158,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Alice R.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pretty-girl-with-clean-skin-perfect-smile-having-fun-coffee-shop_273609-9039.jpg"},
|
||||||
name: "Alice R.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pretty-girl-with-clean-skin-perfect-smile-having-fun-coffee-shop_273609-9039.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Mark S.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-beach-vacation-lifestyle-portrait-concept_53876-30080.jpg"},
|
||||||
name: "Mark S.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-beach-vacation-lifestyle-portrait-concept_53876-30080.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-dentist-clinic_107420-74053.jpg"},
|
||||||
name: "Elena V.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-dentist-clinic_107420-74053.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg"},
|
||||||
name: "John D.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg"},
|
||||||
name: "Sarah K.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="Patient Stories"
|
cardTitle="Patient Stories"
|
||||||
cardTag="Reviews"
|
cardTag="Reviews"
|
||||||
@@ -272,20 +180,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Do you accept insurance?", content: "Yes, we work with most major insurance providers."},
|
||||||
title: "Do you accept insurance?",
|
|
||||||
content: "Yes, we work with most major insurance providers.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Is the procedure painful?", content: "Our modern techniques ensure comfort and minimal sensation."},
|
||||||
title: "Is the procedure painful?",
|
|
||||||
content: "Our modern techniques ensure comfort and minimal sensation.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "How do I book a visit?", content: "You can book directly on our website or call our reception."},
|
||||||
title: "How do I book a visit?",
|
|
||||||
content: "You can book directly on our website or call our reception.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions"
|
title="Common Questions"
|
||||||
description="Get answers about your visit."
|
description="Get answers about your visit."
|
||||||
@@ -297,20 +196,15 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Get in touch"
|
tag="Get in touch"
|
||||||
title="Visit SmileCraft Today"
|
title="Visit SmileCraft Today"
|
||||||
description="Conveniently located at 123 Dental Street, Suite 400. Open daily from 9am-6pm."
|
description="Conveniently located at 123 Dental Street, Suite 400. Open daily from 9am-6pm."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Call Now",
|
text: "Call Now", href: "tel:+1234567890"},
|
||||||
href: "tel:+1234567890",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "WhatsApp Us",
|
text: "WhatsApp Us", href: "https://wa.me/1234567890"},
|
||||||
href: "https://wa.me/1234567890",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -319,33 +213,21 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Quick Links",
|
title: "Quick Links", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Services",
|
label: "Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Doctors",
|
label: "Doctors", href: "#team"},
|
||||||
href: "#team",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Use",
|
label: "Terms of Use", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -356,4 +238,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user