184 lines
11 KiB
TypeScript
184 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="largeSmall"
|
||
background="noise"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Reviews", id: "testimonials" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
brandName="Alsha Dental"
|
||
button={{ text: "Book Now", href: "#contact" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogo
|
||
logoText="Alsha Family Dental Clinic"
|
||
description="Gentle, Honest Dental Care You Can Trust — Even When It’s Urgent. From routine cleanings to late-night emergencies, we’re here with expert care and a human touch."
|
||
buttons={[
|
||
{ text: "Book Appointment", href: "#contact" },
|
||
{ text: "Call Emergency", href: "tel:+910000000000" },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23917.jpg"
|
||
imageAlt="Professional dentist consultation"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentyFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{ id: "f1", title: "Emergency Support", author: "Always Available", description: "Even at night, we’re here when you need us most.", tags: ["Urgent"], imageSrc: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473207.jpg" },
|
||
{ id: "f2", title: "Friendly Team", author: "Patient Focused", description: "Consistently welcoming and kind staff to put you at ease.", tags: ["Caring"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-holding-hands_23-2148686530.jpg" },
|
||
{ id: "f3", title: "Honest Care", author: "Transparent", description: "Clear explanations. No confusion. No pressure.", tags: ["Trust"], imageSrc: "http://img.b2bpic.net/free-photo/heart-icon-left-side-white-background_187299-40161.jpg" },
|
||
{ id: "f4", title: "Affordable Quality", author: "Respectful", description: "High-quality treatment that respects your family budget.", tags: ["Budget"], imageSrc: "http://img.b2bpic.net/free-vector/dental-design-concept_1284-4395.jpg" },
|
||
{ id: "f5", title: "Hygienic Facility", author: "Modern Standards", description: "Clean, safe, and professionally managed environment.", tags: ["Safe"], imageSrc: "http://img.b2bpic.net/free-photo/metal-dental-medical-equipment-tools-tray_633478-119.jpg" },
|
||
]}
|
||
title="Why Choose Alsha"
|
||
description="A trusted dental home that blends luxury care with family warmth."
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{ id: "p1", name: "Tooth Cleaning", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780733.jpg" },
|
||
{ id: "p2", name: "Tooth Filling", price: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-using-blue-silicone-impression-material_23-2147862109.jpg" },
|
||
{ id: "p3", name: "Root Canal", price: "Pain-Free", imageSrc: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-bright-office-room-with-nobody-it_482257-15349.jpg" },
|
||
{ id: "p4", name: "Emergency Care", price: "Immediate", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg" },
|
||
{ id: "p5", name: "Family Dentistry", price: "Complete", imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-office-space-enterprise-used-workers-attend-conferences_482257-115920.jpg" },
|
||
{ id: "p6", name: "Preventive Checkups", price: "Vital", imageSrc: "http://img.b2bpic.net/free-photo/illustration-dental-care-application-digital-tablet_53876-127353.jpg" },
|
||
]}
|
||
title="Our Dental Services"
|
||
description="Comprehensive care tailored for your smile."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{ id: "t1", name: "Sarah J.", handle: "Family Patient", testimonial: "They treated me with so much warmth and explained everything clearly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-filling-dental-document-sitting-chiar-waiting-room-preparing-teeth-exemination-while-doctor-working-background-concept-crowded-professional-orthodontist-office_482257-3585.jpg" },
|
||
{ id: "t2", name: "Michael C.", handle: "Emergency Patient", testimonial: "I had severe tooth pain at night, and they helped me immediately.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23917.jpg" },
|
||
{ id: "t3", name: "Elena R.", handle: "Regular Checkup", testimonial: "Very professional, hygienic, and honest. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dentist-inviting-senior-man-consultation-dental-room-while-nurse-giving-patient-form-fill-indicating-sit-chair-waiting-area-slow-motion-shot-crowded-professional-orthodontist-office_482257-3575.jpg" },
|
||
{ id: "t4", name: "David K.", handle: "Student", testimonial: "The care and friendliness really stood out. I felt completely supported.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780733.jpg" },
|
||
{ id: "t5", name: "Ananya S.", handle: "Longterm Patient", testimonial: "I trust them completely with my family's dental health.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-using-blue-silicone-impression-material_23-2147862109.jpg" },
|
||
]}
|
||
showRating={true}
|
||
title="Patient Stories"
|
||
description="See why families trust us with their smiles."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<FeatureCardTwentyFour
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ id: "g1", title: "Reception", author: "Welcome", description: "Comfortable waiting area.", tags: ["Modern"], imageSrc: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg" },
|
||
{ id: "g2", title: "Care Room", author: "Sterile", description: "High-tech equipment.", tags: ["Safe"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg" },
|
||
{ id: "g3", title: "Consultation", author: "Private", description: "Clear dialogue.", tags: ["Trust"], imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4416.jpg" },
|
||
]}
|
||
title="Clinic Experience"
|
||
description="A space designed for comfort, safety, and trust."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
title="About Alsha Clinic"
|
||
description="At Alsha Family Dental Clinic, we believe dental care should feel safe, respectful, and personal. Whether it's a routine visit or an urgent situation, our goal is simple: treat every patient like family."
|
||
bulletPoints={[
|
||
{ title: "Human Touch", description: "Personalized treatment plans." },
|
||
{ title: "Professionalism", description: "Years of expertise." },
|
||
{ title: "Always Ready", description: "Emergency-ready 24/7." },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/dentist-inviting-senior-man-consultation-dental-room-while-nurse-giving-patient-form-fill-indicating-sit-chair-waiting-area-slow-motion-shot-crowded-professional-orthodontist-office_482257-3575.jpg"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="emergency" data-section="emergency">
|
||
<MetricCardFourteen
|
||
useInvertedBackground={false}
|
||
title="Tooth pain at night? Don’t wait."
|
||
tag="EMERGENCY SUPPORT"
|
||
metrics={[
|
||
{ id: "m1", value: "24/7", description: "Availability" },
|
||
{ id: "m2", value: "137+", description: "Happy Reviews" },
|
||
{ id: "m3", value: "5.0", description: "Trust Rating" },
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={true}
|
||
title="Request Appointment"
|
||
description="Get in touch for your next checkup or emergency consultation."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||
]}
|
||
textarea={{ name: "problem", placeholder: "What's the issue?" }}
|
||
buttonText="Request Now"
|
||
imageSrc="http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{ items: [{ label: "About Us", href: "#about" }, { label: "Emergency", href: "#emergency" }] },
|
||
{ items: [{ label: "Services", href: "#services" }, { label: "Reviews", href: "#testimonials" }] },
|
||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||
]}
|
||
logoText="Alsha Family Dental Clinic"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|