Merge version_1 into main #2
224
src/app/page.tsx
224
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Smile Care Clinic"
|
||||
/>
|
||||
@@ -55,45 +47,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Votre sourire, notre priorité"
|
||||
description="Professional dental care with modern technology for the Koléa community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book an Appointment", href: "#booking"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-showing-teeth-model-smiling-patient-clinic_23-2147879172.jpg?_wi=1",
|
||||
imageAlt: "Clinic interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-showing-teeth-model-smiling-patient-clinic_23-2147879172.jpg", imageAlt: "Clinic interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-dentist-dentist-s-clinic_329181-20753.jpg?_wi=1",
|
||||
imageAlt: "Dentist profile",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-dentist-dentist-s-clinic_329181-20753.jpg", imageAlt: "Dentist profile"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-dentist-showing-green-screen-display-stomatology-senior-doctor-while-examining-tooth-pain-man-patient-sittinh-dental-chair_482257-4900.jpg",
|
||||
imageAlt: "Happy patient",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-dentist-showing-green-screen-display-stomatology-senior-doctor-while-examining-tooth-pain-man-patient-sittinh-dental-chair_482257-4900.jpg", imageAlt: "Happy patient"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatology-office-with-modern-equipment-nurse-wearing-blue-uniform-working-computer_482257-12534.jpg",
|
||||
imageAlt: "Clinic interior 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatology-office-with-modern-equipment-nurse-wearing-blue-uniform-working-computer_482257-12534.jpg", imageAlt: "Clinic interior 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-male-nurse-showing-thumbs-up-signs_482257-94366.jpg",
|
||||
imageAlt: "Dentist profile 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-male-nurse-showing-thumbs-up-signs_482257-94366.jpg", imageAlt: "Dentist profile 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medicine-uniform-healthcare-medical-workers-day-top-view_185193-108313.jpg",
|
||||
imageAlt: "Happy patient 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medicine-uniform-healthcare-medical-workers-day-top-view_185193-108313.jpg", imageAlt: "Happy patient 2"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,19 +81,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "4.6/5",
|
||||
},
|
||||
label: "Rating", value: "4.6/5"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years Experience", value: "10+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Satisfied Patients",
|
||||
value: "1000+",
|
||||
},
|
||||
label: "Satisfied Patients", value: "1000+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -131,28 +100,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Experienced Dentist",
|
||||
description: "Expert care led by Dr. Haddouche.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: UserCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-explaining-teeth-x-ray-screen-female-patient-lying-dentist-chair_23-2147879120.jpg",
|
||||
imageAlt: "A male dentist explaining a teeth x-ray on screen to female patient lying on dentist chair",
|
||||
title: "Experienced Dentist", description: "Expert care led by Dr. Haddouche.", bentoComponent: "reveal-icon", icon: UserCheck,
|
||||
},
|
||||
{
|
||||
title: "Modern Equipment",
|
||||
description: "Cutting-edge tools for precise results.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-showing-teeth-model-smiling-patient-clinic_23-2147879172.jpg?_wi=2",
|
||||
imageAlt: "A male dentist explaining a teeth x-ray on screen to female patient lying on dentist chair",
|
||||
title: "Modern Equipment", description: "Cutting-edge tools for precise results.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Comfort Focused",
|
||||
description: "Designed for a relaxing experience.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Heart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-dentist-dentist-s-clinic_329181-20753.jpg?_wi=2",
|
||||
imageAlt: "A male dentist explaining a teeth x-ray on screen to female patient lying on dentist chair",
|
||||
title: "Comfort Focused", description: "Designed for a relaxing experience.", bentoComponent: "reveal-icon", icon: Heart,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -168,41 +122,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "General Dentistry",
|
||||
price: "Dental Exams",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151042921.jpg",
|
||||
},
|
||||
id: "s1", name: "General Dentistry", price: "Dental Exams", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151042921.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Teeth Whitening",
|
||||
price: "Professional Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4423.jpg",
|
||||
},
|
||||
id: "s2", name: "Teeth Whitening", price: "Professional Care", imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4423.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Dental Implants",
|
||||
price: "Restore Smile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4422.jpg",
|
||||
},
|
||||
id: "s3", name: "Dental Implants", price: "Restore Smile", imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4422.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Orthodontics",
|
||||
price: "Straightening",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-399.jpg",
|
||||
},
|
||||
id: "s4", name: "Orthodontics", price: "Straightening", imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-399.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Emergency Care",
|
||||
price: "Available 24/7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment_1232-4448.jpg",
|
||||
},
|
||||
id: "s5", name: "Emergency Care", price: "Available 24/7", imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment_1232-4448.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Pediatric Care",
|
||||
price: "For Kids",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4419.jpg",
|
||||
},
|
||||
id: "s6", name: "Pediatric Care", price: "For Kids", imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4419.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive dental health care for you and your family."
|
||||
@@ -216,59 +146,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Patient",
|
||||
company: "Koléa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Ahmed", role: "Patient", company: "Koléa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mohamed Bennacer",
|
||||
role: "Patient",
|
||||
company: "Koléa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
id: "2", name: "Mohamed Bennacer", role: "Patient", company: "Koléa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Zahra",
|
||||
role: "Patient",
|
||||
company: "Koléa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-23501.jpg",
|
||||
},
|
||||
id: "3", name: "Fatima Zahra", role: "Patient", company: "Koléa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-23501.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Yacine Belkacem",
|
||||
role: "Patient",
|
||||
company: "Koléa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-charming-young-caucasian-woman-with-bob-pinkish-hairstyle-facial-piercing-relaxing-home-sitting-comfortably-sofa-looking-camera-with-cute-smile_343059-1950.jpg",
|
||||
},
|
||||
id: "4", name: "Yacine Belkacem", role: "Patient", company: "Koléa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-charming-young-caucasian-woman-with-bob-pinkish-hairstyle-facial-piercing-relaxing-home-sitting-comfortably-sofa-looking-camera-with-cute-smile_343059-1950.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amira Haddad",
|
||||
role: "Patient",
|
||||
company: "Koléa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man-listening-music_23-2149207193.jpg",
|
||||
},
|
||||
id: "5", name: "Amira Haddad", role: "Patient", company: "Koléa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man-listening-music_23-2149207193.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Hygiene standards",
|
||||
},
|
||||
value: "100%", label: "Hygiene standards"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Patient satisfaction",
|
||||
},
|
||||
value: "99%", label: "Patient satisfaction"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Successful smiles",
|
||||
},
|
||||
value: "5k+", label: "Successful smiles"},
|
||||
]}
|
||||
title="Patient Stories"
|
||||
description="Hear what our patients have to say about our clinic."
|
||||
@@ -280,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept emergency cases?",
|
||||
content: "Yes, we prioritize emergency dental pain.",
|
||||
},
|
||||
id: "q1", title: "Do you accept emergency cases?", content: "Yes, we prioritize emergency dental pain."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What insurance do you accept?",
|
||||
content: "We work with all major providers in Algeria.",
|
||||
},
|
||||
id: "q2", title: "What insurance do you accept?", content: "We work with all major providers in Algeria."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I book?",
|
||||
content: "Use our booking form or WhatsApp us.",
|
||||
},
|
||||
id: "q3", title: "How do I book?", content: "Use our booking form or WhatsApp us."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -304,16 +194,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Booking"
|
||||
title="Book Your Appointment"
|
||||
description="Please provide your details below and we will contact you shortly to confirm your visit."
|
||||
buttons={[
|
||||
{
|
||||
text: "Confirm Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Confirm Appointment", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -323,34 +210,23 @@ export default function LandingPage() {
|
||||
logoText="Smile Care Clinic"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "+213 555 123 456",
|
||||
href: "tel:+213555123456",
|
||||
},
|
||||
label: "+213 555 123 456", href: "tel:+213555123456"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/213555123456",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/213555123456"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Address",
|
||||
items: [
|
||||
title: "Address", items: [
|
||||
{
|
||||
label: "Koléa, near Algérie Télécom",
|
||||
href: "#",
|
||||
},
|
||||
label: "Koléa, near Algérie Télécom", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Sun-Thu: 09:00 - 18:00",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sun-Thu: 09:00 - 18:00", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user