Add src/app/accessibility/page.tsx
This commit is contained in:
222
src/app/accessibility/page.tsx
Normal file
222
src/app/accessibility/page.tsx
Normal file
@@ -0,0 +1,222 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { AccessibilityIcon, Eye, Ear, Zap, Heart } from "lucide-react";
|
||||
|
||||
export default function AccessibilityPage() {
|
||||
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: "/" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Accessibility", id: "/accessibility" },
|
||||
]}
|
||||
button={{ text: "Book Appointment", href: "/contact" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="min-h-screen bg-background pt-32 pb-20">
|
||||
<div className="container mx-auto px-4 max-w-4xl">
|
||||
{/* Header */}
|
||||
<div className="text-center mb-16">
|
||||
<h1 className="text-5xl md:text-6xl font-bold mb-6 text-foreground">
|
||||
Accessibility Statement
|
||||
</h1>
|
||||
<p className="text-lg text-foreground/80 max-w-2xl mx-auto">
|
||||
At Rehoboth Dental Clinic, we are committed to providing accessible and inclusive dental care for all patients.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Main Content */}
|
||||
<div className="space-y-12">
|
||||
{/* Facility Accessibility */}
|
||||
<section className="bg-card rounded-lg p-8 border border-background-accent">
|
||||
<div className="flex gap-4 mb-4">
|
||||
<div className="flex-shrink-0">
|
||||
<Eye className="w-8 h-8 text-primary-cta" />
|
||||
</div>
|
||||
<div>
|
||||
<h2 className="text-2xl font-bold text-foreground mb-4">
|
||||
Physical Accessibility
|
||||
</h2>
|
||||
<ul className="space-y-2 text-foreground/80">
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Wheelchair Access:</strong> Our clinic features wheelchair-accessible entrance with automatic doors and ramps.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Accessible Parking:</strong> Reserved parking spaces close to the clinic entrance.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Accessible Restrooms:</strong> Wheelchair-accessible restrooms with grab bars and adequate space.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Elevator Access:</strong> Elevators available to all clinic levels.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Seating Areas:</strong> Comfortable waiting areas with various seating options.</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Services for Different Abilities */}
|
||||
<section className="bg-card rounded-lg p-8 border border-background-accent">
|
||||
<div className="flex gap-4 mb-4">
|
||||
<div className="flex-shrink-0">
|
||||
<Ear className="w-8 h-8 text-primary-cta" />
|
||||
</div>
|
||||
<div>
|
||||
<h2 className="text-2xl font-bold text-foreground mb-4">
|
||||
Communication Support
|
||||
</h2>
|
||||
<ul className="space-y-2 text-foreground/80">
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Sign Language Interpreters:</strong> Available upon request with at least 48 hours notice.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Written Materials:</strong> We provide treatment information in writing and large print upon request.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Visual Aids:</strong> Diagrams and videos to explain procedures and oral health information.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Clear Communication:</strong> Our staff is trained to communicate clearly and patiently with all patients.</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Medical Accommodations */}
|
||||
<section className="bg-card rounded-lg p-8 border border-background-accent">
|
||||
<div className="flex gap-4 mb-4">
|
||||
<div className="flex-shrink-0">
|
||||
<Heart className="w-8 h-8 text-primary-cta" />
|
||||
</div>
|
||||
<div>
|
||||
<h2 className="text-2xl font-bold text-foreground mb-4">
|
||||
Medical Accommodations
|
||||
</h2>
|
||||
<ul className="space-y-2 text-foreground/80">
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Extended Appointments:</strong> Extra time available for patients who need it.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Anxiety Management:</strong> Calming environment and sedation options for anxious patients.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Mobility Support:</strong> Assistance with positioning in the dental chair for patients with mobility issues.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Medication Management:</strong> We work with patients to accommodate necessary medical treatments.</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Technology & Digital Access */}
|
||||
<section className="bg-card rounded-lg p-8 border border-background-accent">
|
||||
<div className="flex gap-4 mb-4">
|
||||
<div className="flex-shrink-0">
|
||||
<Zap className="w-8 h-8 text-primary-cta" />
|
||||
</div>
|
||||
<div>
|
||||
<h2 className="text-2xl font-bold text-foreground mb-4">
|
||||
Digital Accessibility
|
||||
</h2>
|
||||
<ul className="space-y-2 text-foreground/80">
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Accessible Website:</strong> Our website is designed to be accessible to screen readers and other assistive technologies.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Online Booking:</strong> Easy-to-use appointment booking system accessible from any device.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Email & Phone Support:</strong> Multiple ways to contact us for appointments and inquiries.</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<span className="text-primary-cta mt-1">✓</span>
|
||||
<span><strong>Telehealth Options:</strong> Virtual consultations available for follow-ups and advice.</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* How to Request Accommodations */}
|
||||
<section className="bg-card rounded-lg p-8 border border-background-accent">
|
||||
<h2 className="text-2xl font-bold text-foreground mb-4">Requesting Accommodations</h2>
|
||||
<p className="text-foreground/80 mb-4">
|
||||
We are happy to make accommodations to ensure you receive excellent dental care. To request accommodations:
|
||||
</p>
|
||||
<ol className="space-y-2 text-foreground/80 list-decimal list-inside">
|
||||
<li>Call us at <a href="tel:+250792891566" className="text-primary-cta hover:underline">+250 792 891 566</a></li>
|
||||
<li>Email us at <a href="mailto:info@rehobothdental.com" className="text-primary-cta hover:underline">info@rehobothdental.com</a></li>
|
||||
<li>Visit us in person at 68 KG 208 St, Kigali, Rwanda</li>
|
||||
<li>Message us on WhatsApp with your accessibility needs</li>
|
||||
</ol>
|
||||
<p className="text-foreground/80 mt-4 text-sm">
|
||||
<em>We request at least 48 hours notice for certain accommodations to ensure we can provide the best support.</em>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
{/* Commitment Statement */}
|
||||
<section className="bg-primary-cta/10 rounded-lg p-8 border border-primary-cta/30">
|
||||
<h2 className="text-2xl font-bold text-foreground mb-4">Our Commitment</h2>
|
||||
<p className="text-foreground/80 mb-4">
|
||||
Rehoboth Dental Clinic is committed to treating all patients with dignity and respect. We believe that everyone deserves quality dental care, regardless of physical, sensory, cognitive, or any other abilities. We continuously review and improve our accessibility measures to better serve our diverse patient community.
|
||||
</p>
|
||||
<p className="text-foreground/80">
|
||||
If you have any feedback about our accessibility services or encounter any barriers, please don't hesitate to contact us. Your input helps us improve our services for all patients.
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Rehoboth Dental"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user