Update src/app/page.tsx
This commit is contained in:
293
src/app/page.tsx
293
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Activity, Award, Clock, Database, ShieldCheck, Truck, Users } from "lucide-react";
|
||||
import { Activity, Award, Clock, Database, Pill, ShieldCheck, Truck, Users, Microscope } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Stats", id: "metrics"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="King Salman Hospital"
|
||||
/>
|
||||
@@ -61,103 +51,58 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Trusted Healthcare Partner in Riyadh"
|
||||
description="King Salman Hospital provides world-class healthcare services, state-of-the-art facilities, and 24/7 dedicated care to the community of Riyadh."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ahmed Al-Dossari",
|
||||
handle: "@ahmedd",
|
||||
testimonial: "Excellent care and professional staff. The hospital is very well organized.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg",
|
||||
},
|
||||
name: "Ahmed Al-Dossari", handle: "@ahmedd", testimonial: "Excellent care and professional staff. The hospital is very well organized.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg"},
|
||||
{
|
||||
name: "Fatima Khalid",
|
||||
handle: "@fatimaka",
|
||||
testimonial: "I appreciate the dedication of the maternity staff during my recovery.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mother-with-her-child-doctors-office_329181-9264.jpg",
|
||||
},
|
||||
name: "Fatima Khalid", handle: "@fatimaka", testimonial: "I appreciate the dedication of the maternity staff during my recovery.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mother-with-her-child-doctors-office_329181-9264.jpg"},
|
||||
{
|
||||
name: "Mohammed Omar",
|
||||
handle: "@mohammedo",
|
||||
testimonial: "The facilities are top-notch and the doctors are truly expert.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-ultrasound-scan-stomach_107420-74199.jpg",
|
||||
},
|
||||
name: "Mohammed Omar", handle: "@mohammedo", testimonial: "The facilities are top-notch and the doctors are truly expert.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-ultrasound-scan-stomach_107420-74199.jpg"},
|
||||
{
|
||||
name: "Sara Ibrahim",
|
||||
handle: "@sarai",
|
||||
testimonial: "Highly recommended for their quality care and timely services.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-being-ill-hospital-bed_23-2149017258.jpg",
|
||||
},
|
||||
name: "Sara Ibrahim", handle: "@sarai", testimonial: "Highly recommended for their quality care and timely services.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-being-ill-hospital-bed_23-2149017258.jpg"},
|
||||
{
|
||||
name: "Omar Al-Fahad",
|
||||
handle: "@omarf",
|
||||
testimonial: "Great experience with the emergency department, quick response.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-short-hair_23-2148262856.jpg",
|
||||
},
|
||||
name: "Omar Al-Fahad", handle: "@omarf", testimonial: "Great experience with the emergency department, quick response.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-short-hair_23-2148262856.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Learn More", href: "#services"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doctors-nurse-interacting-with-each-other_107420-84775.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doctors-nurse-interacting-with-each-other_107420-84775.jpg"
|
||||
imageAlt="modern hospital interior professional"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doctors-nurse-interacting-with-each-other_107420-84775.jpg",
|
||||
alt: "happy elderly patient smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/doctors-nurse-interacting-with-each-other_107420-84775.jpg", alt: "happy elderly patient smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-medical-experts-consulting-x-ray-test-results-healthcare-records_482257-100712.jpg",
|
||||
alt: "grateful mother baby care",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-medical-experts-consulting-x-ray-test-results-healthcare-records_482257-100712.jpg", alt: "grateful mother baby care"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-medical-professionals-icu-ready-coronavirus-patients_53876-138953.jpg",
|
||||
alt: "professional patient testimonial photo",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/group-medical-professionals-icu-ready-coronavirus-patients_53876-138953.jpg", alt: "professional patient testimonial photo"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-medical-office-equipped-with-diagnostic-tools-blood-pressure-monitor_482257-117002.jpg",
|
||||
alt: "happy senior patient portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-medical-office-equipped-with-diagnostic-tools-blood-pressure-monitor_482257-117002.jpg", alt: "happy senior patient portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-train_1359-786.jpg",
|
||||
alt: "young man recovered patient",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/interior-train_1359-786.jpg", alt: "young man recovered patient"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Expert Care",
|
||||
},
|
||||
type: "text", text: "24/7 Expert Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Technology",
|
||||
},
|
||||
type: "text", text: "Advanced Technology"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Accredited Excellence",
|
||||
},
|
||||
type: "text", text: "Accredited Excellence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Patient-Centered",
|
||||
},
|
||||
type: "text", text: "Patient-Centered"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Focused",
|
||||
},
|
||||
type: "text", text: "Community Focused"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,19 +114,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Patients Served",
|
||||
value: "1.2M+",
|
||||
},
|
||||
label: "Patients Served", value: "1.2M+"},
|
||||
{
|
||||
icon: Activity,
|
||||
label: "Expert Doctors",
|
||||
value: "850+",
|
||||
},
|
||||
label: "Expert Doctors", value: "850+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Excellence",
|
||||
value: "25+",
|
||||
},
|
||||
label: "Years Excellence", value: "25+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -190,67 +129,47 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Emergency Care",
|
||||
description: "Round-the-clock medical attention for any emergency situation with advanced life support.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-train_1359-786.jpg",
|
||||
},
|
||||
title: "24/7 Emergency Care", description: "Round-the-clock medical attention for any emergency situation with advanced life support.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-train_1359-786.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Available 24/7",
|
||||
},
|
||||
text: "Available 24/7"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Experienced Team",
|
||||
},
|
||||
text: "Experienced Team"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurse-interacting-with-each-other_107420-84775.jpg?_wi=2",
|
||||
imageAlt: "emergency ambulance medical service",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Advanced Pharmacy",
|
||||
description: "Fully stocked pharmaceutical services to ensure you get your medication promptly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-mask-against-coronavirus-holding-pills-bottle-patient_482257-9549.jpg",
|
||||
},
|
||||
title: "Advanced Pharmacy", description: "Fully stocked pharmaceutical services to ensure you get your medication promptly.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-mask-against-coronavirus-holding-pills-bottle-patient_482257-9549.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Pill,
|
||||
text: "Full Inventory",
|
||||
},
|
||||
text: "Full Inventory"},
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Fast Delivery",
|
||||
},
|
||||
text: "Fast Delivery"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-medical-experts-consulting-x-ray-test-results-healthcare-records_482257-100712.jpg",
|
||||
imageAlt: "emergency ambulance medical service",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Clinical Laboratory",
|
||||
description: "State-of-the-art diagnostic center providing accurate results for comprehensive care.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groupe-researchers-pharmacology-hospital-laboratory-modern-equipment-research-laboratory_482257-34686.jpg",
|
||||
},
|
||||
title: "Clinical Laboratory", description: "State-of-the-art diagnostic center providing accurate results for comprehensive care.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groupe-researchers-pharmacology-hospital-laboratory-modern-equipment-research-laboratory_482257-34686.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Microscope,
|
||||
text: "High Precision",
|
||||
},
|
||||
text: "High Precision"},
|
||||
{
|
||||
icon: Database,
|
||||
text: "Instant Report",
|
||||
},
|
||||
text: "Instant Report"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-medical-professionals-icu-ready-coronavirus-patients_53876-138953.jpg",
|
||||
imageAlt: "emergency ambulance medical service",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Why Choose King Salman Hospital"
|
||||
@@ -266,41 +185,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Surgery Unit",
|
||||
price: "High Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-various-medical-equipment_23-2149283805.jpg",
|
||||
},
|
||||
id: "1", name: "Surgery Unit", price: "High Precision", imageSrc: "http://img.b2bpic.net/free-photo/top-view-various-medical-equipment_23-2149283805.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maternity Center",
|
||||
price: "Expert Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-pregnant-woman-with-face-mask-attending-checkup-visit-medical-consultation-office-general-practitioner-taking-notes-files-examination-appointment-with-expectant-person_482257-45742.jpg",
|
||||
},
|
||||
id: "2", name: "Maternity Center", price: "Expert Care", imageSrc: "http://img.b2bpic.net/free-photo/doctor-pregnant-woman-with-face-mask-attending-checkup-visit-medical-consultation-office-general-practitioner-taking-notes-files-examination-appointment-with-expectant-person_482257-45742.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pediatric Ward",
|
||||
price: "Child-Friendly",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caring-mother-sitting-beside-sick-daughter-treatment-while-watching-cartoons-together-laptop-inside-hospital-pediatrics-ward-ill-kid-loving-parent-enjoying-time-together-inside-clinic_482257-47049.jpg",
|
||||
},
|
||||
id: "3", name: "Pediatric Ward", price: "Child-Friendly", imageSrc: "http://img.b2bpic.net/free-photo/caring-mother-sitting-beside-sick-daughter-treatment-while-watching-cartoons-together-laptop-inside-hospital-pediatrics-ward-ill-kid-loving-parent-enjoying-time-together-inside-clinic_482257-47049.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cardiology Dept",
|
||||
price: "Heart Focus",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-specialist-showing-internal-organs-scans-woman-cabinet_482257-124255.jpg",
|
||||
},
|
||||
id: "4", name: "Cardiology Dept", price: "Heart Focus", imageSrc: "http://img.b2bpic.net/free-photo/medical-specialist-showing-internal-organs-scans-woman-cabinet_482257-124255.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Oncology Unit",
|
||||
price: "Advanced Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physician-medic-consulting-sick-patient-medical-appointment_482257-14045.jpg",
|
||||
},
|
||||
id: "5", name: "Oncology Unit", price: "Advanced Care", imageSrc: "http://img.b2bpic.net/free-photo/physician-medic-consulting-sick-patient-medical-appointment_482257-14045.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Radiology Center",
|
||||
price: "Precise Imaging",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-general-practitioner-nurse-examine-hospital-records-x-ray-tests_482257-118145.jpg",
|
||||
},
|
||||
id: "6", name: "Radiology Center", price: "Precise Imaging", imageSrc: "http://img.b2bpic.net/free-photo/indian-general-practitioner-nurse-examine-hospital-records-x-ray-tests_482257-118145.jpg"},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive healthcare solutions tailored to every stage of life and health needs."
|
||||
@@ -315,25 +210,15 @@ export default function LandingPage() {
|
||||
author="Dr. Nasser Al-Khalidi"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-doctor-white-medical-coat-with-stethoscope-around-neck-holding-arrow-looking-it-smiling-cheerfully_141793-107449.jpg",
|
||||
alt: "happy elderly patient smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-doctor-white-medical-coat-with-stethoscope-around-neck-holding-arrow-looking-it-smiling-cheerfully_141793-107449.jpg", alt: "happy elderly patient smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positivity-family-taking-selfie-using-modern-smartphone-disease-consultation-hospital-ward-little-child-patient-resting-bed-recovering-after-sickness-therapy_482257-28036.jpg",
|
||||
alt: "grateful mother baby care",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positivity-family-taking-selfie-using-modern-smartphone-disease-consultation-hospital-ward-little-child-patient-resting-bed-recovering-after-sickness-therapy_482257-28036.jpg", alt: "grateful mother baby care"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-being-ill-hospital-bed_23-2149017260.jpg",
|
||||
alt: "professional patient testimonial photo",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-being-ill-hospital-bed_23-2149017260.jpg", alt: "professional patient testimonial photo"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150923345.jpg",
|
||||
alt: "happy senior patient portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150923345.jpg", alt: "happy senior patient portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-doctor-measuring-blood-pressure-senior-patient-nursing-home_637285-11342.jpg",
|
||||
alt: "African American doctor measuring blood pressure of senior patient at nursing home",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-doctor-measuring-blood-pressure-senior-patient-nursing-home_637285-11342.jpg", alt: "African American doctor measuring blood pressure of senior patient at nursing home"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -345,20 +230,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book through our website, phone, or visit the registration desk.",
|
||||
},
|
||||
id: "1", title: "How do I book an appointment?", content: "You can book through our website, phone, or visit the registration desk."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is the hospital open 24/7?",
|
||||
content: "Yes, our emergency and urgent care services are available round the clock.",
|
||||
},
|
||||
id: "2", title: "Is the hospital open 24/7?", content: "Yes, our emergency and urgent care services are available round the clock."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where is the hospital located?",
|
||||
content: "Located in Al-Urayja Al-Wusta, Riyadh.",
|
||||
},
|
||||
id: "3", title: "Where is the hospital located?", content: "Located in Al-Urayja Al-Wusta, Riyadh."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -370,12 +246,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Health Authority KSA",
|
||||
"Medical Humanitarian Org",
|
||||
"Public Medical Council",
|
||||
"Global Health Partners",
|
||||
"Saudi Public Health",
|
||||
]}
|
||||
"Health Authority KSA", "Medical Humanitarian Org", "Public Medical Council", "Global Health Partners", "Saudi Public Health"]}
|
||||
title="Accredited Partners & Affiliates"
|
||||
description="Collaborating with leading health authorities and organizations to deliver excellence."
|
||||
/>
|
||||
@@ -385,8 +256,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Get in Touch Today"
|
||||
description="We are here to support your health journey. Reach out for any questions, appointments, or feedback."
|
||||
@@ -398,42 +268,27 @@ export default function LandingPage() {
|
||||
logoText="King Salman Hospital"
|
||||
columns={[
|
||||
{
|
||||
title: "Hospital",
|
||||
items: [
|
||||
title: "Hospital", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Departments",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Departments", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user