242 lines
11 KiB
TypeScript
242 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Award, TrendingUp, Users, Star, HelpCircle, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Testimonials", id: "testimonials" }
|
|
]}
|
|
brandName="PakistanDental"
|
|
bottomLeftText="Professional Dental Care"
|
|
bottomRightText="+92 (0) 300-DENTAL-1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="PAKISTANDENTAL"
|
|
description="Professional dental care for families across Pakistan. Experience modern techniques and compassionate treatment at our state-of-the-art facilities."
|
|
buttons={[
|
|
{ text: "Book Appointment", href: "contact" },
|
|
{ text: "Learn More", href: "services" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://images.unsplash.com/photo-1606811841689-23cc3c8c8288?w=1200&h=600&fit=crop", imageAlt: "Modern dental clinic with advanced equipment"
|
|
},
|
|
{
|
|
imageSrc: "https://images.unsplash.com/photo-1631217314830-e387953ddc5f?w=1200&h=600&fit=crop", imageAlt: "Professional dental treatment room"
|
|
},
|
|
{
|
|
imageSrc: "https://images.unsplash.com/photo-1606811841689-23cc3c8c8288?w=1200&h=600&fit=crop", imageAlt: "Advanced dental care and orthodontics"
|
|
}
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Excellence in Dental Care"
|
|
metrics={[
|
|
{ icon: Users, label: "Happy Patients", value: "10,000+" },
|
|
{ icon: Award, label: "Expert Dentists", value: "15" },
|
|
{ icon: Star, label: "5-Star Reviews", value: "99%" },
|
|
{ icon: TrendingUp, label: "Years Experience", value: "50+" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSixteen
|
|
title="Comprehensive Dental Solutions"
|
|
description="We offer a full range of dental services to keep your smile healthy and beautiful. From routine cleanings to advanced cosmetic procedures, our expert team is here for you."
|
|
tag="Our Services"
|
|
tagIcon={Sparkles}
|
|
negativeCard={{
|
|
items: [
|
|
"Limited appointment availability", "Long waiting times", "Outdated equipment", "Impersonal care"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Same-day appointments available", "Minimal wait times", "Latest dental technology", "Personalized treatment plans"
|
|
]
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "View Services", href: "#services" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
title="Meet Our Expert Team"
|
|
description="Dedicated dental professionals committed to your oral health and beautiful smile"
|
|
tag="Our Doctors"
|
|
tagIcon={Users}
|
|
members={[
|
|
{
|
|
id: "1", name: "Dr. Ahmed Khan", role: "Chief Dentist", imageSrc: "https://images.unsplash.com/photo-1612349317150-e539c59dc506?w=400&h=400&fit=crop", imageAlt: "Dr. Ahmed Khan, Chief Dentist"
|
|
},
|
|
{
|
|
id: "2", name: "Dr. Fatima Malik", role: "Cosmetic Dentist", imageSrc: "https://images.unsplash.com/photo-1594824476967-48c92f920292?w=400&h=400&fit=crop", imageAlt: "Dr. Fatima Malik, Cosmetic Dentist"
|
|
},
|
|
{
|
|
id: "3", name: "Dr. Hassan Ali", role: "Orthodontist", imageSrc: "https://images.unsplash.com/photo-1537368310025-700d63c73106?w=400&h=400&fit=crop", imageAlt: "Dr. Hassan Ali, Orthodontist"
|
|
},
|
|
{
|
|
id: "4", name: "Amina Husain", role: "Dental Hygienist", imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=400&h=400&fit=crop", imageAlt: "Amina Husain, Dental Hygienist"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="The entire team at PakistanDental made me feel comfortable from the moment I walked in. Dr. Khan's expertise and the friendly staff transformed my dental anxiety into confidence. I'm thrilled with my new smile!"
|
|
rating={5}
|
|
author="Sarah Ahmed, Business Owner"
|
|
avatars={[
|
|
{
|
|
src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop&crop=face", alt: "Sarah Ahmed"
|
|
},
|
|
{
|
|
src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face", alt: "Mohammad Hassan"
|
|
},
|
|
{
|
|
src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face", alt: "Zainab Khan"
|
|
},
|
|
{
|
|
src: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop&crop=face", alt: "Usman Raza"
|
|
}
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about our services, pricing, and patient care"
|
|
tag="Help"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do you accept insurance plans?", content: "Yes, we accept major insurance plans in Pakistan. Please contact our office with your insurance details, and we'll verify your coverage."
|
|
},
|
|
{
|
|
id: "2", title: "How often should I visit for checkups?", content: "We recommend visiting every six months for routine cleanings and checkups. However, patients with specific conditions may need more frequent visits."
|
|
},
|
|
{
|
|
id: "3", title: "What is your cancellation policy?", content: "We ask for 24 hours notice for cancellations. Cancellations made within 24 hours may incur a cancellation fee."
|
|
},
|
|
{
|
|
id: "4", title: "Do you offer teeth whitening services?", content: "Yes, we offer professional teeth whitening services that are safe and effective. Our cosmetic dentist can discuss options during your consultation."
|
|
},
|
|
{
|
|
id: "5", title: "Is emergency dental care available?", content: "Yes, we handle dental emergencies. Please call our emergency line for immediate assistance with urgent dental issues."
|
|
},
|
|
{
|
|
id: "6", title: "How long do treatments typically take?", content: "Treatment duration varies depending on the procedure. During your consultation, we'll provide a detailed timeline for your specific treatment plan."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready for your best smile? Schedule an appointment with our expert team today. Call us or book online for a consultation."
|
|
animationType="reveal-blur"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Book Now", href: "https://wa.me/923001234567" },
|
|
{ text: "Call Us", href: "tel:+923001234567" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://images.unsplash.com/photo-1606811841689-23cc3c8c8288?w=800&h=400&fit=crop"
|
|
imageAlt="PakistanDental Clinic Footer"
|
|
logoText="PakistanDental"
|
|
copyrightText="© 2025 PakistanDental. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "General Dentistry", href: "#services" },
|
|
{ label: "Cosmetic Procedures", href: "#services" },
|
|
{ label: "Orthodontics", href: "#services" },
|
|
{ label: "Emergency Care", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Team", href: "#team" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Testimonials", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Info: +92 (0) 300-DENTAL-1", href: "tel:+923000335826" },
|
|
{ label: "Email: info@pakistandental.pk", href: "mailto:info@pakistandental.pk" },
|
|
{ label: "WhatsApp Support", href: "https://wa.me/923001234567" },
|
|
{ label: "Book Appointment", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|