Merge version_1 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NA Clinics"
|
||||
/>
|
||||
@@ -54,82 +42,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Smile Deserves Expert Care"
|
||||
description="Trusted Dental Clinic in North Nazimabad, Karachi. Gentle, professional care from our expert team."
|
||||
kpis={[
|
||||
{
|
||||
value: "127+",
|
||||
label: "Verified Reviews",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Patient Care",
|
||||
},
|
||||
{ value: "127+", label: "Verified Reviews" },
|
||||
{ value: "5.0", label: "Google Rating" },
|
||||
{ value: "100%", label: "Patient Care" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+923362622662",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+923362622662" },
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
]}
|
||||
imageSrc="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?_wi=1"
|
||||
imageSrc="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"
|
||||
imageAlt="Dr. Navid at NA Clinics"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg",
|
||||
alt: "Patient portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-brunette-female-dentist-chair-stomatology-room_613910-11490.jpg",
|
||||
alt: "Patient portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg",
|
||||
alt: "Patient portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-patient-waiting-teeth-examination-clinic_651396-1389.jpg",
|
||||
alt: "Patient portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg",
|
||||
alt: "Patient portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg", alt: "Patient portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-brunette-female-dentist-chair-stomatology-room_613910-11490.jpg", alt: "Patient portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg", alt: "Patient portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-patient-waiting-teeth-examination-clinic_651396-1389.jpg", alt: "Patient portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg", alt: "Patient portrait 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Root Canal",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scaling & Polishing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Teeth Whitening",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dental Implants",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Care",
|
||||
},
|
||||
{ type: "text", text: "Root Canal" },
|
||||
{ type: "text", text: "Scaling & Polishing" },
|
||||
{ type: "text", text: "Teeth Whitening" },
|
||||
{ type: "text", text: "Dental Implants" },
|
||||
{ type: "text", text: "Emergency Care" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,21 +81,9 @@ export default function LandingPage() {
|
||||
title="Why NA Clinics?"
|
||||
tag="Excellence in Dentistry"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.0",
|
||||
description: "Google Rating from 127 patients",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1000+",
|
||||
description: "Successful procedures",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
description: "Years of expertise",
|
||||
},
|
||||
{ id: "m1", value: "5.0", description: "Google Rating from 127 patients" },
|
||||
{ id: "m2", value: "1000+", description: "Successful procedures" },
|
||||
{ id: "m3", value: "10+", description: "Years of expertise" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -166,23 +95,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Root Canal",
|
||||
description: "Painless, expert treatment for severe decay.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-model-premolar-tooth-3d-rendering_460848-8340.jpg",
|
||||
imageAlt: "Root Canal",
|
||||
},
|
||||
title: "Root Canal", description: "Painless, expert treatment for severe decay.", imageSrc: "http://img.b2bpic.net/free-photo/dental-model-premolar-tooth-3d-rendering_460848-8340.jpg", imageAlt: "Root Canal"},
|
||||
{
|
||||
title: "Scaling & Polishing",
|
||||
description: "Keep your smile clean and healthy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053262.jpg",
|
||||
imageAlt: "Scaling",
|
||||
},
|
||||
title: "Scaling & Polishing", description: "Keep your smile clean and healthy.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053262.jpg", imageAlt: "Scaling"},
|
||||
{
|
||||
title: "Teeth Whitening",
|
||||
description: "Brighten your smile with professional care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-keeps-eyes-closed-smiles-broadly-has-combed-hair-wears-white-casual-jumper-isolated-purple-studio-positive-young-female-model-glad-hear-compliment_273609-56494.jpg",
|
||||
imageAlt: "Whitening",
|
||||
},
|
||||
title: "Teeth Whitening", description: "Brighten your smile with professional care.", imageSrc: "http://img.b2bpic.net/free-photo/woman-keeps-eyes-closed-smiles-broadly-has-combed-hair-wears-white-casual-jumper-isolated-purple-studio-positive-young-female-model-glad-hear-compliment_273609-56494.jpg", imageAlt: "Whitening"},
|
||||
]}
|
||||
title="Our Specialized Dental Services"
|
||||
description="Comprehensive care tailored to your needs."
|
||||
@@ -195,14 +112,8 @@ export default function LandingPage() {
|
||||
title="Gentle, Professional, Patient-First"
|
||||
description="We understand dental anxiety. That is why we focus on communication, clear procedures, and a soothing atmosphere."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Comfort Focused",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
title: "Average Rating",
|
||||
},
|
||||
{ value: "100%", title: "Comfort Focused" },
|
||||
{ value: "5.0", title: "Average Rating" },
|
||||
]}
|
||||
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="Clinic Interior"
|
||||
@@ -218,20 +129,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Clinical Staff",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Clinical Staff", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Dr. Navid",
|
||||
subtitle: "Lead Dentist",
|
||||
detail: "Expert in pain-aware treatments with 10+ years experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-with-stethoscope_23-2149551129.jpg",
|
||||
imageAlt: "Dr. Navid",
|
||||
},
|
||||
id: "m1", title: "Dr. Navid", subtitle: "Lead Dentist", detail: "Expert in pain-aware treatments with 10+ years experience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-with-stethoscope_23-2149551129.jpg", imageAlt: "Dr. Navid"},
|
||||
],
|
||||
imageSrc: "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?_wi=2",
|
||||
imageAlt: "professional dentist portrait",
|
||||
},
|
||||
]}
|
||||
title="Our Lead Dentist"
|
||||
@@ -243,31 +144,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396149.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ali Khan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dentist-office-smiling_23-2148338134.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Zahra",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bilal Sheikh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Zara Noor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-smiling-woman-looking-camera_23-2148193884.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396149.jpg" },
|
||||
{ id: "2", name: "Ali Khan", imageSrc: "http://img.b2bpic.net/free-photo/woman-dentist-office-smiling_23-2148338134.jpg" },
|
||||
{ id: "3", name: "Fatima Zahra", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg" },
|
||||
{ id: "4", name: "Bilal Sheikh", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg" },
|
||||
{ id: "5", name: "Zara Noor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-smiling-woman-looking-camera_23-2148193884.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Patients Say"
|
||||
cardTag="Real Stories"
|
||||
@@ -280,21 +161,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the treatment painful?",
|
||||
content: "We prioritize gentle, pain-aware treatment. Most patients are surprised at how comfortable they feel.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a consultation take?",
|
||||
content: "Consultations typically take 20-30 minutes, depending on the service.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are appointments mandatory?",
|
||||
content: "We highly recommend booking an appointment to ensure you get dedicated, timely care.",
|
||||
},
|
||||
{ id: "f1", title: "Is the treatment painful?", content: "We prioritize gentle, pain-aware treatment. Most patients are surprised at how comfortable they feel." },
|
||||
{ id: "f2", title: "How long does a consultation take?", content: "Consultations typically take 20-30 minutes, depending on the service." },
|
||||
{ id: "f3", title: "Are appointments mandatory?", content: "We highly recommend booking an appointment to ensure you get dedicated, timely care." },
|
||||
]}
|
||||
title="Common Dental Questions"
|
||||
description="Clear answers to help you feel confident before your visit."
|
||||
@@ -311,21 +180,10 @@ export default function LandingPage() {
|
||||
title="Book Your Appointment Today"
|
||||
description="We will get back to you within 10 minutes."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "service",
|
||||
placeholder: "Preferred service or time",
|
||||
}}
|
||||
textarea={{ name: "service", placeholder: "Preferred service or time" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-stomatology-orthodontic-hospital-cabinet-with-nobody-it-equipped-with-modern-furniture-teet_482257-2882.jpg"
|
||||
imageAlt="NA Clinics Interior"
|
||||
/>
|
||||
@@ -335,33 +193,16 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#why-us",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#why-us" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "+92 336 2622662",
|
||||
href: "tel:+923362622662",
|
||||
},
|
||||
{
|
||||
label: "Shop no 4, Burj View, Block H",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "+92 336 2622662", href: "tel:+923362622662" },
|
||||
{ label: "Shop no 4, Burj View, Block H", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user