Add src/app/about-hospital/page.tsx
This commit is contained in:
133
src/app/about-hospital/page.tsx
Normal file
133
src/app/about-hospital/page.tsx
Normal file
@@ -0,0 +1,133 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Heart, Stethoscope, Users } from "lucide-react";
|
||||
|
||||
export default function AboutHospitalPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Hospital", id: "/about-hospital" },
|
||||
{ name: "Specialities", id: "/specialities/general-medicine" },
|
||||
{ name: "Doctors", id: "/doctors" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Clients", id: "social-proof" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQs", id: "faq" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
brandName="CityCare Hospital"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Welcome to CityCare Hospital"
|
||||
description="Providing compassionate and advanced healthcare services to our community with a focus on patient well-being and recovery."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-young-female-doctor-posing_23-2150338779.jpg", alt: "Dr. Anya Sharma" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-male-doctor-with-lab-coat-stethoscope_1304-4691.jpg", alt: "Dr. Ben Carter" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-female-doctor-apron-stethoscope_1304-4648.jpg", alt: "Dr. Clara Diaz" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shot-experienced-male-doctor-examining-patient_1098-20412.jpg", alt: "Dr. Marcus Lee" },
|
||||
]}
|
||||
avatarText="Over 20 years of dedicated patient care."
|
||||
buttons={[
|
||||
{ text: "Our Specialities", href: "/specialities/general-medicine" },
|
||||
{ text: "Meet Our Doctors", href: "/doctors" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-metrics" data-section="about-metrics">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Commitment to Care"
|
||||
metrics={[
|
||||
{ icon: Heart, label: "Happy Patients", value: "95%+" },
|
||||
{ icon: Stethoscope, label: "Expert Doctors", value: "50+" },
|
||||
{ icon: Users, label: "Years of Service", value: "20+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Experienced Medical Team", description: "Our hospital is staffed by highly qualified and compassionate doctors, nurses, and support staff dedicated to providing the best care.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-presenting-result-patient_1098-17559.jpg", imageAlt: "experienced medical team"},
|
||||
{
|
||||
id: "2", title: "State-of-the-Art Facilities", description: "Equipped with the latest medical technology and modern infrastructure to ensure accurate diagnostics and effective treatments.", imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-nurse-discussing-report_23-2148784405.jpg", imageAlt: "modern hospital interior"},
|
||||
{
|
||||
id: "3", title: "Patient-Centric Approach", description: "We prioritize your comfort and well-being, offering personalized treatment plans and a supportive environment for recovery.", imageSrc: "http://img.b2bpic.net/free-photo/male-nurse-talking-mature-patient-hospital-room_23-2148685161.jpg", imageAlt: "patient care"},
|
||||
]}
|
||||
title="Why Choose CityCare Hospital?"
|
||||
description="Dedicated to excellence in patient care, innovative treatments, and a healing environment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="CityCare Hospital"
|
||||
columns={[
|
||||
{
|
||||
title: "Hospital", items: [
|
||||
{ label: "About Us", href: "/about-hospital" },
|
||||
{ label: "Specialities", href: "/specialities/general-medicine" },
|
||||
{ label: "Doctors", href: "/doctors" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "General Medicine", href: "/specialities/general-medicine" },
|
||||
{ label: "Cardiology", href: "/specialities/cardiology" },
|
||||
{ label: "Orthopedics", href: "/specialities/orthopedics" },
|
||||
{ label: "Gynecology", href: "/specialities/gynecology" },
|
||||
{ label: "Pediatrics", href: "/specialities/pediatrics" },
|
||||
{ label: "Diabetology", href: "/specialities/diabetology" },
|
||||
{ label: "Critical Care", href: "/specialities/critical-care" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQs", href: "#faq" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 CityCare Hospital. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user