247 lines
11 KiB
TypeScript
247 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { Calendar, Diamond, Heart, Home, Key, LifeBuoy, Scissors, ShieldCheck, Star, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="large"
|
||
background="aurora"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "Services", id: "services"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Reviews", id: "reviews"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Dr. Haitham Jichi Clinic"
|
||
button={{
|
||
text: "Book Your Appointment", href: "#contact"}}
|
||
animateOnLoad={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlay
|
||
title="Where Doha Comes to Smile"
|
||
description="Dr. Haitham Jichi has been the most trusted name in family and cosmetic dentistry in Qatar for over 15 years — gentle, honest, and light-handed.\nعيادة الدكتور هيثم جشي — الدوحة، قطر"
|
||
tag="⭐ 5.0 stars · 176 reviews on Google · Doha's highest-rated dental clinic"
|
||
buttons={[
|
||
{
|
||
text: "Book Your Appointment", href: "#contact"},
|
||
{
|
||
text: "Meet Dr. Haitham", href: "#contact"},
|
||
]}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOr4rglD5fu7yVqGXlcOSYUkyu/uploaded-1774375112010-scbs00sk.png"
|
||
imageAlt="Modern dental clinic interior with a smiling patient in a dental chair"
|
||
textPosition="bottom-left"
|
||
showDimOverlay={true}
|
||
showBlur={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "years", icon: Calendar,
|
||
title: "15+ Years", value: "Serving Doha families"},
|
||
{
|
||
id: "reviews", icon: Star,
|
||
title: "176 Reviews", value: "All 5 stars on Google"},
|
||
{
|
||
id: "generations", icon: Users,
|
||
title: "Generations of Patients", value: "Families trust us for 8–15 years"},
|
||
{
|
||
id: "pain-free", icon: ShieldCheck,
|
||
title: "Pain-Free Guarantee", value: "Light-handed, always"},
|
||
]}
|
||
title="Experience the Difference"
|
||
description="Our commitment to patient comfort and lasting care sets us apart."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="The dentist your whole family will love"
|
||
description={[
|
||
"Dr. Haitham Jichi has spent over 15 years building something rare in Doha: a dental practice where patients — from young children to grandparents — actually look forward to their appointments.", "Known for his extraordinarily light hand, his calm demeanor, and his commitment to honest, transparent care, Dr. Haitham takes the time to explain every step, every option, and every concern. His patients don't just stay — they come back for a decade, and they bring their families.", "\"He didn't just fix my tooth. He explained everything, and for the first time, I actually trusted my dentist.\" — Mohammed J., patient (verified Google review)"]}
|
||
buttons={[
|
||
{
|
||
text: "Meet Dr. Haitham", href: "#contact"}
|
||
]}
|
||
showBorder={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureBorderGlow
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
icon: Heart,
|
||
title: "Teeth Cleaning & Check-ups", description: "Thorough, gentle, and always explained clearly."},
|
||
{
|
||
icon: Diamond,
|
||
title: "Tooth Fillings & Crowns", description: "Seamless restorations that look and feel natural."},
|
||
{
|
||
icon: Scissors,
|
||
title: "Tooth Extractions", description: "Pain-free, even with stitches — patients are amazed."},
|
||
{
|
||
icon: Key,
|
||
title: "Dental Implants & Dentures", description: "Precision fitting for a confident, lasting smile."},
|
||
{
|
||
icon: LifeBuoy,
|
||
title: "Emergency Dental Care", description: "Same-day attention when you need it most."},
|
||
{
|
||
icon: Home,
|
||
title: "Children's Dentistry", description: "Kids leave happy. Yes, really."},
|
||
]}
|
||
title="Complete dental care, done with precision"
|
||
description="We offer a full range of gentle, effective dental treatments for your entire family."
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-choose-us" data-section="why-choose-us">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "light-hands", name: "The lightest hands in Doha", price: "Unmatched Comfort", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053286.jpg", imageAlt: "Close-up of gloved hands working gently, warm lighting"},
|
||
{
|
||
id: "honest", name: "Honest. Always.", price: "Transparent Care", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-nurse-attractive-doctor-meeting-first-time-medical-board-attractive-woman-medical-specialist-working-together-hospital_662251-147.jpg", imageAlt: "Doctor consulting warmly with a patient, face-to-face"},
|
||
{
|
||
id: "family-dentist", name: "Your family's dentist for life", price: "Generations of Trust", imageSrc: "http://img.b2bpic.net/free-photo/mother-little-children-have-fun-home_1157-38250.jpg", imageAlt: "Family of different ages smiling, warm editorial style"},
|
||
]}
|
||
title="Why Dr. Haitham Jichi Clinic"
|
||
description="Patients choose us for a uniquely calm, caring, and trustworthy dental experience."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "S.S.", role: "Patient", company: "Google Review", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg"},
|
||
{
|
||
id: "2", name: "Jamila M.", role: "Patient", company: "Google Review", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-halal-outdoors_23-2150701565.jpg"},
|
||
{
|
||
id: "3", name: "Mariam A.", role: "Patient", company: "Google Review", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-retired-man-with-chronic-disease-nursing-home_482257-27044.jpg"},
|
||
{
|
||
id: "4", name: "Mohammed J.", role: "Patient", company: "Google Review", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-posing_23-2148018652.jpg"},
|
||
{
|
||
id: "5", name: "Eman A.", role: "Patient", company: "Google Review", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-friends-reunited_23-2149165106.jpg"},
|
||
{
|
||
id: "6", name: "M.A.", role: "Patient", company: "Google Review", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-gorgeous-european-girl-playfully-posing-new-beige-coat_197531-3290.jpg"},
|
||
]}
|
||
title="176 five-star reviews. Every single one earned."
|
||
description="Hear directly from our patients about their exceptional experiences."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
animationType="entrance-slide"
|
||
text="Book your appointment. Dr. Haitham's schedule fills fast. Don't wait. Phone: 44685444. "
|
||
buttons={[
|
||
{
|
||
text: "Call Now", href: "tel:44685444"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-67185.jpg"
|
||
imageAlt="Modern dental clinic interior, clean and luxurious"
|
||
columns={[
|
||
{
|
||
title: "Navigation", items: [
|
||
{
|
||
label: "Home", href: "#hero"},
|
||
{
|
||
label: "Services", href: "#services"},
|
||
{
|
||
label: "About", href: "#about"},
|
||
{
|
||
label: "Reviews", href: "#reviews"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact Us", items: [
|
||
{
|
||
label: "Call: 4468 5444", href: "tel:44685444"},
|
||
{
|
||
label: "Zone 56, 514 St., Villa, Doha, Qatar", href: "https://maps.app.goo.gl/gWCz7zTRhgKAvpoX6"},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{
|
||
label: "Instagram", href: "https://instagram.com/dr.haithamjichi"},
|
||
{
|
||
label: "WhatsApp", href: "https://wa.me/97444685444"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Dr. Haitham Jichi Clinic عيادة الدكتور هيثم جشي"
|
||
copyrightText="© 2024 Dr. Haitham Jichi Clinic. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |