Update src/app/page.tsx
This commit is contained in:
216
src/app/page.tsx
216
src/app/page.tsx
@@ -28,26 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="32 Pearls"
|
||||
/>
|
||||
@@ -55,37 +40,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background="fluid"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Smile, Our Priority"
|
||||
description="Experience professional dental care in a modern, comfortable environment. Dedicated to providing healthy, confident smiles for the whole family."
|
||||
tag="Advanced Dental Care"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-receptionist-using-reports-help-patients-with-appointments-working-hospital-reception-counter-medical-worker-giving-healthcare-support-people-waiting-room-lobby_482257-50532.jpg",
|
||||
imageAlt: "professional dentist clinic interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-clinic-interior-with-modern-dentistry-equipment-orange-color-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12486.jpg",
|
||||
imageAlt: "dentist working with patient",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hospital-reception-diverse-group-people-waiting-doctor-appointment-while-talking-about-medical-problems-professional-nurse-checking-appointment-mother-child_482257-45912.jpg",
|
||||
imageAlt: "Top view of hospital reception diverse group of people waiting for next doctor appointment while talking about medical problems. Professional nurse checking appointment for mother and child.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-lobby-with-empty-reception-counter-desk-give-help-support-patients-with-consultation-appointments-professional-treatment-space-with-checkup-visits-clinical-exam_482257-50526.jpg",
|
||||
imageAlt: "Waiting room lobby with empty reception counter desk to give help and support to patients with consultation appointments. Professional treatment space with checkup visits and clinical exam.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hospital-reception-desk-with-computer-making-healthcare-appointments-patients-with-disease-registration-work-with-medical-checkup-reports-papers-forms-facility-lobby_482257-50665.jpg",
|
||||
imageAlt: "Hospital reception desk with computer, making healthcare appointments for patients with disease. Registration work with medical checkup reports and papers forms in facility lobby.",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/asian-receptionist-using-reports-help-patients-with-appointments-working-hospital-reception-counter-medical-worker-giving-healthcare-support-people-waiting-room-lobby_482257-50532.jpg", imageAlt: "professional dentist clinic interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dental-clinic-interior-with-modern-dentistry-equipment-orange-color-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12486.jpg", imageAlt: "dentist working with patient" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -100,18 +62,9 @@ export default function LandingPage() {
|
||||
title="A Modern Approach to Dentistry"
|
||||
description="At 32 Pearls, we combine clinical expertise with patient-centered care. Our clinic is equipped with the latest technology to ensure your visit is effective, efficient, and comfortable."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Advanced Technology",
|
||||
description: "Digital imaging and modern treatment protocols.",
|
||||
},
|
||||
{
|
||||
title: "Comfort First",
|
||||
description: "Relaxing clinic design to reduce anxiety.",
|
||||
},
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Experienced dental professionals you can trust.",
|
||||
},
|
||||
{ title: "Advanced Technology", description: "Digital imaging and modern treatment protocols." },
|
||||
{ title: "Comfort First", description: "Relaxing clinic design to reduce anxiety." },
|
||||
{ title: "Expert Team", description: "Experienced dental professionals you can trust." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-female-dentist-woman-crossed-arms-standing-her-dentistry-office-near-chair_627829-1369.jpg"
|
||||
imageAlt="experienced dentist smiling"
|
||||
@@ -124,36 +77,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Dental Implants",
|
||||
description: "Restoring your smile with precision and care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19452.jpg",
|
||||
imageAlt: "dental implants icon",
|
||||
},
|
||||
{
|
||||
title: "Teeth Whitening",
|
||||
description: "Professional treatments for a brighter, healthier looking smile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-surprised-happy-freckled-redhead-woman_176420-7997.jpg",
|
||||
imageAlt: "dental whitening smile icon",
|
||||
},
|
||||
{
|
||||
title: "Regular Checkups",
|
||||
description: "Preventative care to keep your dental health on track.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-writing-clipboard-while-patient-lying-dental-bed_107420-74188.jpg",
|
||||
imageAlt: "dental checkup icon tool",
|
||||
},
|
||||
{
|
||||
title: "Orthodontic Care",
|
||||
description: "Straightening teeth for a perfect, functional smile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19454.jpg",
|
||||
imageAlt: "Old man sitting in the dentist's office",
|
||||
},
|
||||
{
|
||||
title: "Emergency Dentistry",
|
||||
description: "Prompt care when you need it most, without delay.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19455.jpg",
|
||||
imageAlt: "Old man sitting in the dentist's office",
|
||||
},
|
||||
{ title: "Dental Implants", description: "Restoring your smile with precision and care.", imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19452.jpg", imageAlt: "dental implants icon" },
|
||||
{ title: "Teeth Whitening", description: "Professional treatments for a brighter, healthier looking smile.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-surprised-happy-freckled-redhead-woman_176420-7997.jpg", imageAlt: "dental whitening smile icon" },
|
||||
{ title: "Regular Checkups", description: "Preventative care to keep your dental health on track.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-writing-clipboard-while-patient-lying-dental-bed_107420-74188.jpg", imageAlt: "dental checkup icon tool" },
|
||||
{ title: "Orthodontic Care", description: "Straightening teeth for a perfect, functional smile.", imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19454.jpg", imageAlt: "Old man sitting in the dentist's office" },
|
||||
{ title: "Emergency Dentistry", description: "Prompt care when you need it most, without delay.", imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19455.jpg", imageAlt: "Old man sitting in the dentist's office" }
|
||||
]}
|
||||
title="Comprehensive Services"
|
||||
description="From preventative care to advanced restorative treatments, we cater to all your dental health needs."
|
||||
@@ -167,51 +95,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
role: "Patient",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg",
|
||||
imageAlt: "happy patient smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Spencer",
|
||||
role: "Patient",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-explaining-dental-hygiene-female-patient_23-2147862034.jpg",
|
||||
imageAlt: "smiling woman patient portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Davis",
|
||||
role: "Patient",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-short-hair_23-2148262830.jpg",
|
||||
imageAlt: "satisfied male patient smiling",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Brown",
|
||||
role: "Patient",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-shaking-hand-with-dentist_23-2148396211.jpg",
|
||||
imageAlt: "happy middle aged woman patient",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Wilson",
|
||||
role: "Patient",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-blond-bearded-man-hoodie-wear-wireless-earphones-keep-thumbs-up-near-place-advertisement-promotional-text-isolated-blue-background-like-expression_574295-3162.jpg",
|
||||
imageAlt: "smiling person after dental whitening",
|
||||
},
|
||||
{ id: "1", name: "Alice Johnson", role: "Patient", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg", imageAlt: "happy patient smiling portrait" },
|
||||
{ id: "2", name: "Mark Spencer", role: "Patient", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dentist-explaining-dental-hygiene-female-patient_23-2147862034.jpg", imageAlt: "smiling woman patient portrait" },
|
||||
{ id: "3", name: "Emily Davis", role: "Patient", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-short-hair_23-2148262830.jpg", imageAlt: "satisfied male patient smiling" },
|
||||
{ id: "4", name: "Robert Brown", role: "Patient", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/patient-shaking-hand-with-dentist_23-2148396211.jpg", imageAlt: "happy middle aged woman patient" },
|
||||
{ id: "5", name: "Sarah Wilson", role: "Patient", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-blond-bearded-man-hoodie-wear-wireless-earphones-keep-thumbs-up-near-place-advertisement-promotional-text-isolated-blue-background-like-expression_574295-3162.jpg", imageAlt: "smiling person after dental whitening" }
|
||||
]}
|
||||
title="What Our Patients Say"
|
||||
description="Trusted by our community to provide exceptional care every single day."
|
||||
@@ -224,31 +112,11 @@ export default function LandingPage() {
|
||||
title="Book Your Visit"
|
||||
description="Ready to improve your oral health? Contact us today to schedule your consultation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your dental needs",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your dental needs", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/physical-therapist-looking-male-athlete-with-cervical-collar-filling-medical-form-reception-counter-hospital_662251-1713.jpg"
|
||||
imageAlt="modern dental office reception desk"
|
||||
/>
|
||||
@@ -258,36 +126,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="32 Pearls Dental Clinic"
|
||||
columns={[
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Clinic", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 32 Pearls Dental Clinic. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user