bender/2cd625e4-a360-47ff-9b26-88ee2a9a9d01
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-18 12:50:45 +00:00
parent 3c9fef7aa7
commit 59b9fef5aa
1 changed files with 54 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

226
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { HeartPulse, Stethoscope, Award } from "lucide-react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBase from '@/components/sections/footer/FooterBase';
@@ -30,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Lella Hospital"
/>
@@ -53,97 +46,54 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Excellence in Healthcare, Designed for You."
description="Lella Specialist Hospital offers world-class medical care in a luxurious, compassionate environment. Your health is our ultimate priority."
testimonials={[
{
name: "Elena M.",
handle: "@elena",
testimonial: "Exceptional care and luxury service throughout my stay.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg",
},
name: "Elena M.", handle: "@elena", testimonial: "Exceptional care and luxury service throughout my stay.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg"},
{
name: "Robert K.",
handle: "@robert",
testimonial: "The best hospital experience I have ever had.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-attractive-senior-woman_329181-14708.jpg",
},
name: "Robert K.", handle: "@robert", testimonial: "The best hospital experience I have ever had.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-attractive-senior-woman_329181-14708.jpg"},
{
name: "Sarah J.",
handle: "@sarah",
testimonial: "Professional doctors and a calm healing atmosphere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-woman-expecting-child-hospital-ward-while-african-american-nurse-fixing-iv-drip-bag-pregnant-mother-maternity-young-happy-couple-waiting-giving-birth_482257-30854.jpg",
},
name: "Sarah J.", handle: "@sarah", testimonial: "Professional doctors and a calm healing atmosphere.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-woman-expecting-child-hospital-ward-while-african-american-nurse-fixing-iv-drip-bag-pregnant-mother-maternity-young-happy-couple-waiting-giving-birth_482257-30854.jpg"},
{
name: "Mark D.",
handle: "@mark",
testimonial: "Truly world-class medical facilities.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-ultrasound-scan-stomach_107420-74199.jpg",
},
name: "Mark D.", handle: "@mark", testimonial: "Truly world-class medical facilities.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-ultrasound-scan-stomach_107420-74199.jpg"},
{
name: "Julia R.",
handle: "@julia",
testimonial: "Compassionate staff and luxurious amenities.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/family-doctor-doctor-s-office_23-2148168431.jpg",
},
name: "Julia R.", handle: "@julia", testimonial: "Compassionate staff and luxurious amenities.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/family-doctor-doctor-s-office_23-2148168431.jpg"},
]}
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
text: "Book Appointment", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/blurred-hotel-reception_1203-1410.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
alt: "Female patient smiling",
},
src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg", alt: "Female patient smiling"},
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg",
alt: "Doctor checking patient",
},
src: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg", alt: "Doctor checking patient"},
{
src: "http://img.b2bpic.net/free-photo/happy-mature-woman-talking-her-doctor-medical-clinic_637285-9073.jpg",
alt: "Happy mature woman",
},
src: "http://img.b2bpic.net/free-photo/happy-mature-woman-talking-her-doctor-medical-clinic_637285-9073.jpg", alt: "Happy mature woman"},
{
src: "http://img.b2bpic.net/free-photo/portrait-male-doctor-patient_1170-2163.jpg",
alt: "Male doctor and patient",
},
src: "http://img.b2bpic.net/free-photo/portrait-male-doctor-patient_1170-2163.jpg", alt: "Male doctor and patient"},
{
src: "http://img.b2bpic.net/free-photo/woman-doctor-wearing-white-coat-with-stethoscope-with-happy-smile-showing-thumbs-up-standing-isolated-pink_141793-19446.jpg",
alt: "Woman doctor smiling",
},
src: "http://img.b2bpic.net/free-photo/woman-doctor-wearing-white-coat-with-stethoscope-with-happy-smile-showing-thumbs-up-standing-isolated-pink_141793-19446.jpg", alt: "Woman doctor smiling"},
]}
marqueeItems={[
{
type: "text",
text: "Advanced Oncology",
},
type: "text", text: "Advanced Oncology"},
{
type: "text",
text: "Cardiology Expert",
},
type: "text", text: "Cardiology Expert"},
{
type: "text",
text: "Neurology Services",
},
type: "text", text: "Neurology Services"},
{
type: "text",
text: "Orthopedic Surgery",
},
type: "text", text: "Orthopedic Surgery"},
{
type: "text",
text: "24/7 Urgent Care",
},
type: "text", text: "24/7 Urgent Care"},
]}
/>
</div>
@@ -156,19 +106,13 @@ export default function LandingPage() {
description="At Lella, we blend advanced medical technology with personalized, holistic wellness programs to ensure our patients receive the highest standard of care."
bulletPoints={[
{
title: "Advanced Diagnostics",
description: "Cutting-edge medical equipment for precise care.",
},
title: "Advanced Diagnostics", description: "Cutting-edge medical equipment for precise care."},
{
title: "Expert Specialists",
description: "World-leading consultants and dedicated medical team.",
},
title: "Expert Specialists", description: "World-leading consultants and dedicated medical team."},
{
title: "Holistic Healing",
description: "Integrated wellness approach for faster recovery.",
},
title: "Holistic Healing", description: "Integrated wellness approach for faster recovery."},
]}
imageSrc="http://img.b2bpic.net/free-photo/defocused-waiting-zone_1203-371.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/defocused-waiting-zone_1203-371.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -180,18 +124,11 @@ export default function LandingPage() {
useInvertedBackground={false}
negativeCard={{
items: [
"General Ward Care",
"Routine Checkups",
"Basic Imaging",
],
"General Ward Care", "Routine Checkups", "Basic Imaging"],
}}
positiveCard={{
items: [
"Cardiology & Heart Care",
"Advanced Oncology",
"Orthopedic Surgery",
"Neurology Services",
],
"Cardiology & Heart Care", "Advanced Oncology", "Orthopedic Surgery", "Neurology Services"],
}}
title="Comprehensive Specialist Services"
description="Our expert-led departments are equipped to handle a wide range of specialized medical conditions with precision."
@@ -205,19 +142,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
title: "Patients Served",
value: "15k+",
id: "m1", title: "Patients Served", value: "15k+", icon: HeartPulse,
},
{
id: "m2",
title: "Specialist Doctors",
value: "120+",
id: "m2", title: "Specialist Doctors", value: "120+", icon: Stethoscope,
},
{
id: "m3",
title: "Success Rate",
value: "99%",
id: "m3", title: "Success Rate", value: "99%", icon: Award,
},
]}
title="Why Choose Lella Specialist?"
@@ -232,40 +163,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena M.",
handle: "@elena",
testimonial: "Exceptional care and luxury service throughout my stay.",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-injection-patient_1170-2124.jpg",
},
id: "t1", name: "Elena M.", handle: "@elena", testimonial: "Exceptional care and luxury service throughout my stay.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-injection-patient_1170-2124.jpg"},
{
id: "t2",
name: "Robert K.",
handle: "@robert",
testimonial: "The best hospital experience I have ever had.",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1396.jpg",
},
id: "t2", name: "Robert K.", handle: "@robert", testimonial: "The best hospital experience I have ever had.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1396.jpg"},
{
id: "t3",
name: "Sarah J.",
handle: "@sarah",
testimonial: "Professional doctors and a calm healing atmosphere.",
imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780424.jpg",
},
id: "t3", name: "Sarah J.", handle: "@sarah", testimonial: "Professional doctors and a calm healing atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780424.jpg"},
{
id: "t4",
name: "Mark D.",
handle: "@mark",
testimonial: "Truly world-class medical facilities.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-clinic_107420-65222.jpg",
},
id: "t4", name: "Mark D.", handle: "@mark", testimonial: "Truly world-class medical facilities.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-clinic_107420-65222.jpg"},
{
id: "t5",
name: "Julia R.",
handle: "@julia",
testimonial: "Compassionate staff and luxurious amenities.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-medical-office-hospital_1170-2087.jpg",
},
id: "t5", name: "Julia R.", handle: "@julia", testimonial: "Compassionate staff and luxurious amenities.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-medical-office-hospital_1170-2087.jpg"},
]}
title="Patient Success Stories"
description="Read what our patients have to say about their recovery and healthcare journey with us."
@@ -279,22 +185,14 @@ export default function LandingPage() {
description="Our concierge team is standing by to coordinate your medical needs and ensure a seamless experience."
inputs={[
{
name: "fullName",
type: "text",
placeholder: "Your Full Name",
required: true,
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email Address",
required: true,
name: "email", type: "email", placeholder: "Your Email Address", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Preferred Medical Service or Department",
rows: 4,
name: "message", placeholder: "Preferred Medical Service or Department", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/no-people-empty-waiting-area-clinical-center-with-reception-desk-waiting-room-with-seats-start-checkup-visit-appointment-medical-examination-with-doctor-hospital-lobby_482257-46239.jpg"
@@ -309,20 +207,14 @@ export default function LandingPage() {
description="Visit our facility in the heart of the city, designed for serenity and fast, expert recovery."
bulletPoints={[
{
title: "Location",
description: "123 Lella Avenue, Medical District",
},
title: "Location", description: "123 Lella Avenue, Medical District"},
{
title: "Emergency Line",
description: "+1 (555) 123-4567",
},
title: "Emergency Line", description: "+1 (555) 123-4567"},
{
title: "Email Us",
description: "care@lella-hospital.com",
},
title: "Email Us", description: "care@lella-hospital.com"},
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/defocused-waiting-zone_1203-371.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/defocused-waiting-zone_1203-371.jpg"
/>
</div>
@@ -330,29 +222,19 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Hospital",
items: [
title: "Hospital", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}