220 lines
17 KiB
TypeScript
220 lines
17 KiB
TypeScript
"use client";
|
|
import { Heart, HelpCircle, Mail, Smile, Stethoscope, Crown, Star } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Rehoboth Dental"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Book Appointment", href: "#contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Welcome to Rehoboth Dental Clinic"
|
|
description="Experience exceptional dental care in a friendly, professional environment. We go the extra mile beyond your expectations to make you smile with confidence and comfort."
|
|
tag="Your Smile, Our Priority"
|
|
tagIcon={Smile}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
buttons={[
|
|
{ text: "Book Appointment", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-opening-her-mouth-doctor-look-her-throat-otolaryngologist-examines-sore-throat-patient_657921-196.jpg?_wi=1", imageAlt: "Professional dentist with smiling patient"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-dentist-pointing-digital-tablet-screen-female-patient-clinic_23-2147879186.jpg?_wi=1", imageAlt: "Modern dental clinic interior"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-67181.jpg?_wi=1", imageAlt: "Professional dental checkup"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151042868.jpg?_wi=1", imageAlt: "Professional teeth cleaning"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-teenage-girl-smiling-white-background-isolated_169016-48880.jpg?_wi=1", imageAlt: "Orthodontic braces treatment"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3962.jpg?_wi=1", imageAlt: "Professional teeth whitening"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dentist-assistant-surgery-dental-clinic_140725-7688.jpg?_wi=1", imageAlt: "Professional dental extraction"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-opening-her-mouth-doctor-look-her-throat-otolaryngologist-examines-sore-throat-patient_657921-196.jpg?_wi=2", imageAlt: "Confident patient with dentist"},
|
|
]}
|
|
carouselPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[{ type: "text", content: "About Rehoboth Dental Clinic" }]}
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardEight
|
|
title="Our Dental Services"
|
|
description="Comprehensive dental care tailored to your needs. From routine checkups to specialized treatments, we provide professional solutions for your oral health."
|
|
tag="Complete Dental Solutions"
|
|
tagIcon={Stethoscope}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "General Dental Checkups", description: "Preventive examinations to maintain optimal oral health and catch any issues early", imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-67181.jpg?_wi=2", imageAlt: "General dental checkup"},
|
|
{
|
|
id: 2,
|
|
title: "Teeth Cleaning", description: "Professional cleaning to remove plaque, tartar, and stains for a brighter smile", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151042868.jpg?_wi=2", imageAlt: "Professional teeth cleaning"},
|
|
{
|
|
id: 3,
|
|
title: "Tooth Filling", description: "Restoration of decayed teeth with durable, natural-looking filling materials", imageSrc: "http://img.b2bpic.net/free-photo/jar-cotton-rolls-orthodontic-instruments-dental-procedure_651396-3108.jpg", imageAlt: "Tooth filling restoration"},
|
|
{
|
|
id: 4,
|
|
title: "Tooth Extraction", description: "Safe and comfortable extraction procedures when necessary for your dental health", imageSrc: "http://img.b2bpic.net/free-photo/dentist-assistant-surgery-dental-clinic_140725-7688.jpg?_wi=2", imageAlt: "Professional tooth extraction"},
|
|
]}
|
|
buttons={[{ text: "Explore All Services", href: "#services" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="more-services" data-section="more-services">
|
|
<ProductCardFour
|
|
title="Additional Specialties"
|
|
description="Advanced dental treatments and cosmetic solutions for comprehensive oral care"
|
|
tag="Premium Services"
|
|
tagIcon={Crown}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "braces", name: "Braces & Orthodontics", price: "Consultation", variant: "Teeth alignment and correction", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-teenage-girl-smiling-white-background-isolated_169016-48880.jpg?_wi=2", imageAlt: "Orthodontic braces"},
|
|
{
|
|
id: "whitening", name: "Teeth Whitening", price: "Professional", variant: "Cosmetic brightening treatment", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3962.jpg?_wi=2", imageAlt: "Professional teeth whitening"},
|
|
{
|
|
id: "emergency", name: "Emergency Dental Care", price: "24/7 Available", variant: "Urgent care and pain relief", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-treating-her-patient-teeth_8353-1655.jpg", imageAlt: "Emergency dental care"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Patients Say"
|
|
description="Real stories from satisfied patients who have experienced our exceptional dental care"
|
|
tag="Patient Testimonials"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Amina Mukwaya, Nurse", date: "15 November 2024", title: "Best dental clinic in Kigali!", quote: "I have been coming to Rehoboth Dental Clinic for over 2 years now. The staff is incredibly friendly and professional. Dr. James has excellent skills and makes every visit comfortable. I highly recommend them to everyone!", tag: "Regular Patient", avatarSrc: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-dentist-pointing-digital-tablet-screen-female-patient-clinic_23-2147879186.jpg?_wi=2", imageAlt: "Clinic environment"},
|
|
{
|
|
id: "2", name: "Emmanuel Nsanzimana, Business Owner", date: "10 November 2024", title: "Professional and reliable service", quote: "From my first visit, I felt well taken care of. The team goes extra mile as promised. My teeth have never felt better. They truly care about their patients and it shows in everything they do.", tag: "Satisfied Client", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-67181.jpg?_wi=3", imageAlt: "Professional checkup service"},
|
|
{
|
|
id: "3", name: "Grace Nyinawumwiza, Teacher", date: "5 November 2024", title: "Transformed my smile with confidence", quote: "I came in for teeth whitening and the results are amazing! The entire process was painless and quick. The team explained everything clearly. I would absolutely return and recommend to friends and family.", tag: "New Patient", avatarSrc: "http://img.b2bpic.net/free-photo/female-doctor-putting-medical-mask_23-2148757395.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3962.jpg?_wi=3", imageAlt: "Teeth whitening results"},
|
|
{
|
|
id: "4", name: "Joseph Habimana, Engineer", date: "28 October 2024", title: "Exceptional emergency care", quote: "I had a dental emergency on a weekend and Rehoboth was there for me! The emergency team responded quickly and professionally. My pain was relieved immediately. Thank you for being reliable when I needed you most.", tag: "Emergency Case", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-dentist-pointing-digital-tablet-screen-female-patient-clinic_23-2147879186.jpg?_wi=3", imageAlt: "Emergency care facility"},
|
|
{
|
|
id: "5", name: "Yvonne Mukamurenzi, Marketing Professional", date: "20 October 2024", title: "Top-notch dental experience", quote: "I rarely write reviews, but Rehoboth deserves it. The clinic is modern, clean, and welcoming. Prices are fair and service is exceptional. This is where I'll bring all my dental needs from now on.", tag: "Premium Care", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-orthopedic-doctor-working-help-with-recovery-healthcare-specialist-looking-camera-while-preparing-physiotherapy-with-physical-exercise-fitness-medic-clinic_482257-32901.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-opening-her-mouth-doctor-look-her-throat-otolaryngologist-examines-sore-throat-patient_657921-196.jpg?_wi=3", imageAlt: "Patient satisfaction"},
|
|
{
|
|
id: "6", name: "Charles Kamanzi, Entrepreneur", date: "15 October 2024", title: "Highly recommended clinic", quote: "My family now comes to Rehoboth for all our dental needs. The team remembers us by name, understands our concerns, and provides personalized care. Worth every visit. A true gem in Kigali!", tag: "Family Care", avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151042868.jpg?_wi=3", imageAlt: "Professional cleaning service"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our services, payment options, and clinic policies"
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your clinic hours?", content: "We are open Monday to Saturday from 8:00 AM to 8:00 PM. We are closed on Sundays. For emergencies outside our regular hours, please call +250 792 891 566 and we will assist you accordingly."},
|
|
{
|
|
id: "2", title: "How do I book an appointment?", content: "You can book an appointment online through our website, call us at +250 792 891 566, or visit us in person at 68 KG 208 St, Kigali, Rwanda. We also accept WhatsApp messages for quick booking."},
|
|
{
|
|
id: "3", title: "What payment methods do you accept?", content: "We accept Credit Cards, Debit Cards, and NFC Mobile Payments. All payments are processed securely to ensure your financial information is protected."},
|
|
{
|
|
id: "4", title: "Is the clinic wheelchair accessible?", content: "Yes! Our clinic is fully wheelchair accessible with accessible entrance, parking, and restroom facilities to ensure comfort for all our patients."},
|
|
{
|
|
id: "5", title: "Do you handle emergency cases?", content: "Absolutely! We provide emergency dental care services. Call us immediately at +250 792 891 566 if you have a dental emergency. We prioritize urgent cases and can often accommodate same-day treatment."},
|
|
{
|
|
id: "6", title: "What should I do before my first visit?", content: "Please arrive 10-15 minutes early to complete any necessary paperwork. Bring your ID and any dental records from previous clinics. Let us know about any allergies or medications you're taking."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Book Your Appointment Today"
|
|
description="Join our community of satisfied patients. Schedule your appointment online or reach out directly for more information about our services."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-female-dentist-pointing-digital-tablet-screen-female-patient-clinic_23-2147879186.jpg?_wi=4"
|
|
imageAlt="Rehoboth Dental Clinic interior"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="By subscribing, you'll receive our dental tips, clinic updates, and exclusive offers. We respect your privacy and will never share your information."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Rehoboth Dental"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|