Update src/app/page.tsx
This commit is contained in:
309
src/app/page.tsx
309
src/app/page.tsx
@@ -30,28 +30,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Alsha Dental"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,16 +45,10 @@ export default function LandingPage() {
|
||||
logoText="Alsha Family Dental Clinic"
|
||||
description="Gentle, Honest Dental Care You Can Trust — Even When It’s Urgent. From routine cleanings to late-night emergencies, we’re here with expert care and a human touch."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Emergency",
|
||||
href: "tel:+910000000000",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "Call Emergency", href: "tel:+910000000000" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23917.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23917.jpg"
|
||||
imageAlt="Professional dentist consultation"
|
||||
/>
|
||||
</div>
|
||||
@@ -80,56 +59,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Emergency Support",
|
||||
author: "Always Available",
|
||||
description: "Even at night, we’re here when you need us most.",
|
||||
tags: [
|
||||
"Urgent",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473207.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Friendly Team",
|
||||
author: "Patient Focused",
|
||||
description: "Consistently welcoming and kind staff to put you at ease.",
|
||||
tags: [
|
||||
"Caring",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-holding-hands_23-2148686530.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Honest Care",
|
||||
author: "Transparent",
|
||||
description: "Clear explanations. No confusion. No pressure.",
|
||||
tags: [
|
||||
"Trust",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-icon-left-side-white-background_187299-40161.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Affordable Quality",
|
||||
author: "Respectful",
|
||||
description: "High-quality treatment that respects your family budget.",
|
||||
tags: [
|
||||
"Budget",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dental-design-concept_1284-4395.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Hygienic Facility",
|
||||
author: "Modern Standards",
|
||||
description: "Clean, safe, and professionally managed environment.",
|
||||
tags: [
|
||||
"Safe",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-dental-medical-equipment-tools-tray_633478-119.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Emergency Support", author: "Always Available", description: "Even at night, we’re here when you need us most.", tags: ["Urgent"], imageSrc: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473207.jpg" },
|
||||
{ id: "f2", title: "Friendly Team", author: "Patient Focused", description: "Consistently welcoming and kind staff to put you at ease.", tags: ["Caring"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-holding-hands_23-2148686530.jpg" },
|
||||
{ id: "f3", title: "Honest Care", author: "Transparent", description: "Clear explanations. No confusion. No pressure.", tags: ["Trust"], imageSrc: "http://img.b2bpic.net/free-photo/heart-icon-left-side-white-background_187299-40161.jpg" },
|
||||
{ id: "f4", title: "Affordable Quality", author: "Respectful", description: "High-quality treatment that respects your family budget.", tags: ["Budget"], imageSrc: "http://img.b2bpic.net/free-vector/dental-design-concept_1284-4395.jpg" },
|
||||
{ id: "f5", title: "Hygienic Facility", author: "Modern Standards", description: "Clean, safe, and professionally managed environment.", tags: ["Safe"], imageSrc: "http://img.b2bpic.net/free-photo/metal-dental-medical-equipment-tools-tray_633478-119.jpg" },
|
||||
]}
|
||||
title="Why Choose Alsha"
|
||||
description="A trusted dental home that blends luxury care with family warmth."
|
||||
@@ -143,42 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tooth Cleaning",
|
||||
price: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780733.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tooth Filling",
|
||||
price: "Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-using-blue-silicone-impression-material_23-2147862109.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Root Canal",
|
||||
price: "Pain-Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-bright-office-room-with-nobody-it_482257-15349.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Emergency Care",
|
||||
price: "Immediate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Family Dentistry",
|
||||
price: "Complete",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-office-space-enterprise-used-workers-attend-conferences_482257-115920.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Preventive Checkups",
|
||||
price: "Vital",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-dental-care-application-digital-tablet_53876-127353.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Tooth Cleaning", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780733.jpg" },
|
||||
{ id: "p2", name: "Tooth Filling", price: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-using-blue-silicone-impression-material_23-2147862109.jpg" },
|
||||
{ id: "p3", name: "Root Canal", price: "Pain-Free", imageSrc: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-bright-office-room-with-nobody-it_482257-15349.jpg" },
|
||||
{ id: "p4", name: "Emergency Care", price: "Immediate", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg" },
|
||||
{ id: "p5", name: "Family Dentistry", price: "Complete", imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-office-space-enterprise-used-workers-attend-conferences_482257-115920.jpg" },
|
||||
{ id: "p6", name: "Preventive Checkups", price: "Vital", imageSrc: "http://img.b2bpic.net/free-photo/illustration-dental-care-application-digital-tablet_53876-127353.jpg" },
|
||||
]}
|
||||
title="Our Dental Services"
|
||||
description="Comprehensive care tailored for your smile."
|
||||
@@ -187,54 +91,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "Family Patient",
|
||||
testimonial: "They treated me with so much warmth and explained everything clearly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-filling-dental-document-sitting-chiar-waiting-room-preparing-teeth-exemination-while-doctor-working-background-concept-crowded-professional-orthodontist-office_482257-3585.jpg",
|
||||
imageAlt: "Back view of woman filling in dental document sitting on chiar in waiting room preparing for teeth exemination while doctor working in background. Concept of crowded professional orthodontist office.",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
handle: "Emergency Patient",
|
||||
testimonial: "I had severe tooth pain at night, and they helped me immediately.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23917.jpg?_wi=2",
|
||||
imageAlt: "Back view of woman filling in dental document sitting on chiar in waiting room preparing for teeth exemination while doctor working in background. Concept of crowded professional orthodontist office.",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "Regular Checkup",
|
||||
testimonial: "Very professional, hygienic, and honest. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-inviting-senior-man-consultation-dental-room-while-nurse-giving-patient-form-fill-indicating-sit-chair-waiting-area-slow-motion-shot-crowded-professional-orthodontist-office_482257-3575.jpg?_wi=1",
|
||||
imageAlt: "Back view of woman filling in dental document sitting on chiar in waiting room preparing for teeth exemination while doctor working in background. Concept of crowded professional orthodontist office.",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "Student",
|
||||
testimonial: "The care and friendliness really stood out. I felt completely supported.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780733.jpg?_wi=2",
|
||||
imageAlt: "Back view of woman filling in dental document sitting on chiar in waiting room preparing for teeth exemination while doctor working in background. Concept of crowded professional orthodontist office.",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ananya S.",
|
||||
handle: "Longterm Patient",
|
||||
testimonial: "I trust them completely with my family's dental health.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-using-blue-silicone-impression-material_23-2147862109.jpg?_wi=2",
|
||||
imageAlt: "Back view of woman filling in dental document sitting on chiar in waiting room preparing for teeth exemination while doctor working in background. Concept of crowded professional orthodontist office.",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "Family Patient", testimonial: "They treated me with so much warmth and explained everything clearly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-filling-dental-document-sitting-chiar-waiting-room-preparing-teeth-exemination-while-doctor-working-background-concept-crowded-professional-orthodontist-office_482257-3585.jpg" },
|
||||
{ id: "t2", name: "Michael C.", handle: "Emergency Patient", testimonial: "I had severe tooth pain at night, and they helped me immediately.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23917.jpg" },
|
||||
{ id: "t3", name: "Elena R.", handle: "Regular Checkup", testimonial: "Very professional, hygienic, and honest. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dentist-inviting-senior-man-consultation-dental-room-while-nurse-giving-patient-form-fill-indicating-sit-chair-waiting-area-slow-motion-shot-crowded-professional-orthodontist-office_482257-3575.jpg" },
|
||||
{ id: "t4", name: "David K.", handle: "Student", testimonial: "The care and friendliness really stood out. I felt completely supported.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780733.jpg" },
|
||||
{ id: "t5", name: "Ananya S.", handle: "Longterm Patient", testimonial: "I trust them completely with my family's dental health.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-using-blue-silicone-impression-material_23-2147862109.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Patient Stories"
|
||||
@@ -248,36 +113,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "Reception",
|
||||
author: "Welcome",
|
||||
description: "Comfortable waiting area.",
|
||||
tags: [
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Care Room",
|
||||
author: "Sterile",
|
||||
description: "High-tech equipment.",
|
||||
tags: [
|
||||
"Safe",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
title: "Consultation",
|
||||
author: "Private",
|
||||
description: "Clear dialogue.",
|
||||
tags: [
|
||||
"Trust",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4416.jpg",
|
||||
},
|
||||
{ id: "g1", title: "Reception", author: "Welcome", description: "Comfortable waiting area.", tags: ["Modern"], imageSrc: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg" },
|
||||
{ id: "g2", title: "Care Room", author: "Sterile", description: "High-tech equipment.", tags: ["Safe"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg" },
|
||||
{ id: "g3", title: "Consultation", author: "Private", description: "Clear dialogue.", tags: ["Trust"], imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4416.jpg" },
|
||||
]}
|
||||
title="Clinic Experience"
|
||||
description="A space designed for comfort, safety, and trust."
|
||||
@@ -291,20 +129,11 @@ export default function LandingPage() {
|
||||
title="About Alsha Clinic"
|
||||
description="At Alsha Family Dental Clinic, we believe dental care should feel safe, respectful, and personal. Whether it's a routine visit or an urgent situation, our goal is simple: treat every patient like family."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Human Touch",
|
||||
description: "Personalized treatment plans.",
|
||||
},
|
||||
{
|
||||
title: "Professionalism",
|
||||
description: "Years of expertise.",
|
||||
},
|
||||
{
|
||||
title: "Always Ready",
|
||||
description: "Emergency-ready 24/7.",
|
||||
},
|
||||
{ title: "Human Touch", description: "Personalized treatment plans." },
|
||||
{ title: "Professionalism", description: "Years of expertise." },
|
||||
{ title: "Always Ready", description: "Emergency-ready 24/7." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-inviting-senior-man-consultation-dental-room-while-nurse-giving-patient-form-fill-indicating-sit-chair-waiting-area-slow-motion-shot-crowded-professional-orthodontist-office_482257-3575.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-inviting-senior-man-consultation-dental-room-while-nurse-giving-patient-form-fill-indicating-sit-chair-waiting-area-slow-motion-shot-crowded-professional-orthodontist-office_482257-3575.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -315,21 +144,9 @@ export default function LandingPage() {
|
||||
title="Tooth pain at night? Don’t wait."
|
||||
tag="EMERGENCY SUPPORT"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
description: "Availability",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "137+",
|
||||
description: "Happy Reviews",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5.0",
|
||||
description: "Trust Rating",
|
||||
},
|
||||
{ id: "m1", value: "24/7", description: "Availability" },
|
||||
{ id: "m2", value: "137+", description: "Happy Reviews" },
|
||||
{ id: "m3", value: "5.0", description: "Trust Rating" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -341,21 +158,10 @@ export default function LandingPage() {
|
||||
title="Request Appointment"
|
||||
description="Get in touch for your next checkup or emergency consultation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "problem",
|
||||
placeholder: "What's the issue?",
|
||||
}}
|
||||
textarea={{ name: "problem", placeholder: "What's the issue?" }}
|
||||
buttonText="Request Now"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg"
|
||||
/>
|
||||
@@ -364,42 +170,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#emergency",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Emergency", href: "#emergency" }] },
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "Reviews", href: "#testimonials" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Alsha Family Dental Clinic"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user