543 lines
19 KiB
TypeScript
543 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Award, CheckCircle, Crown, Heart, Home, Lightbulb, Shield, Smile, Sparkles, Star, User, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#home",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "#services",
|
|
},
|
|
{
|
|
name: "Team",
|
|
id: "#team",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="Dr MOHYI-EDDINE HALOUACHE"
|
|
button={{
|
|
text: "Book Appointment",
|
|
href: "#contact",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
title="Dr MOHYI-EDDINE HALOUACHE"
|
|
description="Your Trusted Partner for Exceptional Dental Care in Sidi Bennour"
|
|
testimonials={[
|
|
{
|
|
name: "Ahmed Ben Bella",
|
|
handle: "Verified Patient",
|
|
testimonial: "Good Service ❤️",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-park_839833-33955.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Farhan Ahmed",
|
|
handle: "Verified Patient",
|
|
testimonial: "Good service ❤️",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Salahe Sh",
|
|
handle: "Verified Patient",
|
|
testimonial: "Excellent care and professional staff. Highly recommend for all dental needs.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-man-with-beard-looking-thoughtful-upper-left-corner-imaging-smiling_1258-26774.jpg",
|
|
},
|
|
{
|
|
name: "Maria Dupont",
|
|
handle: "Verified Patient",
|
|
testimonial: "Very friendly and efficient service. Dr. Halouache is truly skilled and caring.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-yellow-jacket_176474-49058.jpg",
|
|
},
|
|
{
|
|
name: "Omar El Mansour",
|
|
handle: "Verified Patient",
|
|
testimonial: "My family and I always receive top-notch service. The clinic is very clean and comfortable.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/excitement-shock-surprise-positive-reaction-emotional-ecstatic-overjoyed-caucasian-female-blue-shirt-opening-mouth-widely-being-excited-with-spontaneous-trip-holding-hands-together_343059-2804.jpg",
|
|
},
|
|
{
|
|
name: "Fatima Zahra",
|
|
handle: "Verified Patient",
|
|
testimonial: "Professional and gentle. I felt at ease throughout my entire visit. Thank you!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting-out_1258-125412.jpg",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/view-positive-man-looking-away-smile_197531-33406.jpg",
|
|
alt: "Patient Ahmed",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-brunette-woman-standing-outside_23-2147654969.jpg",
|
|
alt: "Patient Farhan",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-friends-leaning-each-other-while-out-city_23-2149333926.jpg",
|
|
alt: "Patient Salahe",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80961.jpg",
|
|
alt: "Patient Maria",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-elegant-man-shirt-tie-looking-camera_171337-10757.jpg",
|
|
alt: "Patient Omar",
|
|
},
|
|
]}
|
|
avatarText="Join our 5-star satisfied patients!"
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-67130.jpg?_wi=1"
|
|
imageAlt="Modern dental clinic interior"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon",
|
|
text: "Happy Patients",
|
|
icon: Smile,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Modern Technology",
|
|
icon: Lightbulb,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Expert Care",
|
|
icon: Heart,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Comfortable Environment",
|
|
icon: Home,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Personalized Treatment",
|
|
icon: User,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Our Clinic"
|
|
title="Excellence in Dental Care"
|
|
description="At Dr MOHYI-EDDINE HALOUACHE Dental Surgery, we are dedicated to providing the highest standard of personalized dental care."
|
|
subdescription="Our state-of-the-art facility in Sidi Bennour is designed to ensure your comfort and well-being. We combine advanced technology with a gentle touch to create a positive and anxiety-free experience for every patient."
|
|
icon={Crown}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-female-dentist-examining-patient_107420-65616.jpg"
|
|
imageAlt="Dentist performing a check-up on a patient"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "General Dentistry",
|
|
description: "Routine check-ups, cleanings, and fillings to maintain optimal oral health and prevent future issues.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/teeth-with-dental-tools-care-pink-background_185193-163339.jpg",
|
|
imageAlt: "Dental tools for general dentistry",
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Dental Check-ups",
|
|
},
|
|
{
|
|
icon: Sparkles,
|
|
text: "Professional Cleanings",
|
|
},
|
|
{
|
|
icon: Shield,
|
|
text: "Cavity Fillings",
|
|
},
|
|
],
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-67130.jpg?_wi=2",
|
|
imageAlt: "dentist hands holding dental tools",
|
|
},
|
|
{
|
|
title: "Cosmetic Dentistry",
|
|
description: "Enhance the aesthetics of your smile with treatments designed to improve appearance and boost confidence.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-female-patient-with-teeth-shades_107420-65410.jpg",
|
|
imageAlt: "Person with a bright white smile",
|
|
},
|
|
items: [
|
|
{
|
|
icon: Star,
|
|
text: "Teeth Whitening",
|
|
},
|
|
{
|
|
icon: Gem,
|
|
text: "Porcelain Veneers",
|
|
},
|
|
{
|
|
icon: Heart,
|
|
text: "Dental Bonding",
|
|
},
|
|
],
|
|
reverse: true,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-park_839833-33955.jpg?_wi=2",
|
|
imageAlt: "dentist hands holding dental tools",
|
|
},
|
|
{
|
|
title: "Oral Surgery",
|
|
description: "Expert surgical procedures for complex dental needs, including extractions and advanced implant placements.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-using-blue-silicone-impression-material_23-2147862109.jpg",
|
|
imageAlt: "Dental implant surgery tools",
|
|
},
|
|
items: [
|
|
{
|
|
icon: Zap,
|
|
text: "Tooth Extractions",
|
|
},
|
|
{
|
|
icon: Award,
|
|
text: "Dental Implants",
|
|
},
|
|
{
|
|
icon: Stethoscope,
|
|
text: "Gum Treatments",
|
|
},
|
|
],
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg?_wi=2",
|
|
imageAlt: "dentist hands holding dental tools",
|
|
},
|
|
]}
|
|
title="Comprehensive Dental Solutions for Your Family"
|
|
description="We offer a full range of dental services to meet the needs of your entire family, ensuring healthy and beautiful smiles for life."
|
|
tag="Our Services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "5.0",
|
|
description: "Star Rating (7+ Reviews)",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "10+",
|
|
description: "Years of Experience",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "500+",
|
|
description: "Happy Patients Served",
|
|
},
|
|
{
|
|
id: "m4",
|
|
value: "98%",
|
|
description: "Patient Satisfaction Rate",
|
|
},
|
|
]}
|
|
title="Building Trust, One Smile at a Time"
|
|
description="Our commitment to excellence is reflected in the positive experiences of our patients and our dedication to continuous improvement."
|
|
tag="Our Achievements"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
useInvertedBackground={false}
|
|
title="Meet Dr. Mohyi-Eddine Halouache"
|
|
tag="Our Team"
|
|
membersAnimation="slide-up"
|
|
members={[
|
|
{
|
|
id: "t1",
|
|
name: "Dr. Mohyi-Eddine Halouache",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-isolated-grey_651396-917.jpg",
|
|
imageAlt: "Dr. Mohyi-Eddine Halouache, Dentist",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Dental Assistant",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-smiling-covid-19-health-hospital-virus-color-nurse_179666-24306.jpg",
|
|
imageAlt: "Dental Assistant",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Receptionist",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctor-sitting-medical-office-hospital_1170-2275.jpg",
|
|
imageAlt: "Clinic Receptionist",
|
|
},
|
|
]}
|
|
memberVariant="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "test-1",
|
|
name: "Ahmed Ben Bella",
|
|
handle: "Verified Patient",
|
|
testimonial: "Good Service ❤️. The team made me feel very comfortable and the treatment was excellent.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371198.jpg",
|
|
},
|
|
{
|
|
id: "test-2",
|
|
name: "Farhan Ahmed",
|
|
handle: "Verified Patient",
|
|
testimonial: "Good service ❤️. I appreciate the attention to detail and friendly atmosphere.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-dentist-dentist-s-clinic_329181-20759.jpg",
|
|
},
|
|
{
|
|
id: "test-3",
|
|
name: "Salahe Sh",
|
|
handle: "Verified Patient",
|
|
testimonial: "The staff is incredibly welcoming and Dr. Halouache is highly skilled. Best dental experience I've had.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1294.jpg",
|
|
},
|
|
{
|
|
id: "test-4",
|
|
name: "Maria Dupont",
|
|
handle: "Verified Patient",
|
|
testimonial: "From scheduling to treatment, everything was seamless. I felt truly cared for.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-smiling-happy-sincere-positive-emotion-isolated-white-background-checkered-shirt-hipster-style-modern-youth_285396-2839.jpg",
|
|
},
|
|
{
|
|
id: "test-5",
|
|
name: "Omar El Mansour",
|
|
handle: "Verified Patient",
|
|
testimonial: "Professional, clean, and modern. Dr. Halouache provided clear explanations and excellent care.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-middleaged-man-smiling-happy-satisfied-showing-thumbsup-expressing-approval_1258-130648.jpg",
|
|
},
|
|
{
|
|
id: "test-6",
|
|
name: "Fatima Zahra",
|
|
handle: "Verified Patient",
|
|
testimonial: "Absolutely delighted with my results! The team is fantastic and very supportive.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-university-student-filing-planner_1262-20864.jpg",
|
|
},
|
|
]}
|
|
title="What Our Patients Say"
|
|
description="Hear directly from those who have experienced our compassionate and expert dental care, highlighting their positive journeys."
|
|
tag="Patient Stories"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "What services do you offer?",
|
|
content: "We offer a comprehensive range of dental services including general dentistry (check-ups, cleanings, fillings), cosmetic dentistry (whitening, veneers), oral surgery (extractions, implants), pediatric dentistry, and emergency care.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Do you accept new patients?",
|
|
content: "Yes, we are always happy to welcome new patients to our practice! Please contact us to schedule your first appointment.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "How do I book an appointment?",
|
|
content: "You can book an appointment by calling us directly at 05 23 36 86 07 during business hours, or by filling out the contact form on our website.",
|
|
},
|
|
{
|
|
id: "q4",
|
|
title: "What payment options are available?",
|
|
content: "We accept various payment methods, including cash, bank transfers, and most major credit cards. Please discuss your payment preferences with our reception team.",
|
|
},
|
|
{
|
|
id: "q5",
|
|
title: "Is emergency dental care available?",
|
|
content: "Yes, we understand that dental emergencies can happen unexpectedly. Please call our clinic immediately if you are experiencing an emergency, and we will do our best to see you as soon as possible.",
|
|
},
|
|
]}
|
|
title="Your Questions Answered"
|
|
description="Find quick answers to the most frequently asked questions about our services, appointments, and dental health."
|
|
tag="Common Questions"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Get In Touch"
|
|
title="Schedule Your Visit Today"
|
|
description="Contact us to book an appointment or for any inquiries. We look forward to welcoming you to our clinic in Sidi Bennour. You can reach us at 05 23 36 86 07."
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-row-chairs-contemporary-empty-room_1048-8694.jpg"
|
|
imageAlt="Dental clinic reception desk"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Book Appointment"
|
|
termsText="By providing your details, you agree to our Privacy Policy and consent to us contacting you about your appointment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Dr MOHYI-EDDINE HALOUACHE"
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "General Dentistry",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Cosmetic Dentistry",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Oral Surgery",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Pediatric Care",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Clinic",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Our Team",
|
|
href: "#team",
|
|
},
|
|
{
|
|
label: "Testimonials",
|
|
href: "#testimonials",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "Sidi Bennour Office",
|
|
href: ":tel:+212523368607",
|
|
},
|
|
{
|
|
label: "05 23 36 86 07",
|
|
href: "tel:+212523368607",
|
|
},
|
|
{
|
|
label: "drhalouachemohyieddine.com",
|
|
href: "https://drhalouachemohyieddine.com",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Dr MOHYI-EDDINE HALOUACHE. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|