bender/2f710001-41cc-49bd-bf4d-2d091ad9d2ef
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-27 13:45:06 +00:00
parent f0476e0e93 058cbbdb9b
commit ba072b7bba
7 changed files with 141 additions and 661 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
src/app/about/page.tsx
View File

@@ -2,13 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { HeartPulse, Users, Award } from "lucide-react";
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -23,151 +22,27 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Departments",
id: "/departments",
},
{
name: "Doctors",
id: "/doctors",
},
{
name: "Book Appointment",
id: "/appointment",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Himchan Hospital"
/>
</div>
<div id="about-main" data-section="about-main">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Our Mission"
description="Established with a vision to provide world-class healthcare, Himchan Hospital combines advanced technology with a human touch to ensure the best outcomes for every patient."
bulletPoints={[
{
title: "Compassionate Care",
description: "Patients come first in everything we do.",
},
{
title: "Advanced Tech",
description: "Equipped with state-of-the-art diagnostic facilities.",
},
{
title: "Expert Team",
description: "Highly qualified specialists dedicated to your health.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=2"
mediaAnimation="slide-up"
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=3"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Values"
description="Integrity, Excellence, and Care."
features={[
{
title: "Patient Centric",
description: "Focusing on your recovery",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=7",
},
{
title: "Innovation",
description: "Modern technology integration",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=4",
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Our Growth"
description="Growing to serve you better."
metrics={[
{
id: "m3",
value: "24/7",
title: "Support",
description: "Always available",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=8",
},
{
id: "m4",
value: "10k+",
title: "Patients",
description: "Served annually",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=5",
},
]}
/>
</div>
<div id="hospital-footer" data-section="hospital-footer">
<FooterBaseReveal
columns={[
{
title: "Quick Links",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Departments",
href: "/departments",
},
{
label: "Doctors",
href: "/doctors",
},
],
},
{
title: "Support",
items: [
{
label: "Book Appointment",
href: "/appointment",
},
{
label: "Contact Us",
href: "/contact",
},
],
},
]}
copyrightText="© 2024 Himchan Hospital. All rights reserved."
/>
</div>
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Departments", id: "/departments" }, { name: "Doctors", id: "/doctors" }, { name: "Book Appointment", id: "/appointment" }, { name: "Contact", id: "/contact" }]}
brandName="Himchan Hospital"
/>
<div style={{ paddingTop: "100px" }}>
<AboutMetric
title="About Himchan Hospital"
metrics={[
{ icon: HeartPulse, label: "Medical Care", value: "World-Class" },
{ icon: Users, label: "Patients Served", value: "50,000+" },
{ icon: Award, label: "Years Excellence", value: "15+" }
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<FooterBaseReveal
columns={[{ title: "Quick Links", items: [{ label: "About Us", href: "/about" }, { label: "Departments", href: "/departments" }, { label: "Doctors", href: "/doctors" }] }, { title: "Support", items: [{ label: "Book Appointment", href: "/appointment" }, { label: "Contact Us", href: "/contact" }] }]}
copyrightText="© 2024 Himchan Hospital. All rights reserved."
/>
</ReactLenis>
</ThemeProvider>
);
}
}

151
src/app/contact/page.tsx
View File

@@ -2,145 +2,26 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="small"
sizing="largeSmall"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Departments",
id: "/departments",
},
{
name: "Doctors",
id: "/doctors",
},
{
name: "Book Appointment",
id: "/appointment",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Himchan Hospital"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Get In Touch"
description="We're here to assist you."
features={[
{
title: "Email",
description: "support@himchan.hospital",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=11",
},
{
title: "Location",
description: "123 Health Ave, City",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=8",
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Quick Response"
description="Reliable communication."
metrics={[
{
id: "r1",
value: "1h",
title: "Response Time",
description: "Average inquiry response",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=12",
},
{
id: "r2",
value: "24/7",
title: "Support",
description: "Available day and night",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=9",
},
]}
/>
</div>
<div id="hospital-footer" data-section="hospital-footer">
<FooterBaseReveal
columns={[
{
title: "Quick Links",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Departments",
href: "/departments",
},
{
label: "Doctors",
href: "/doctors",
},
],
},
{
title: "Support",
items: [
{
label: "Book Appointment",
href: "/appointment",
},
{
label: "Contact Us",
href: "/contact",
},
],
},
]}
copyrightText="© 2024 Himchan Hospital. All rights reserved."
/>
</div>
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }]}
brandName="Himchan Hospital"
/>
<ContactText
text="Contact Himchan Hospital - Our team is here to support your health journey."
background={{ variant: "animated-grid" }}
/>
<FooterBaseReveal
columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] }]}
/>
</ReactLenis>
</ThemeProvider>
);
}
}

138
src/app/departments/page.tsx
View File

@@ -2,12 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function LandingPage() {
export default function DepartmentsPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -22,116 +21,27 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Departments",
id: "/departments",
},
{
name: "Doctors",
id: "/doctors",
},
{
name: "Book Appointment",
id: "/appointment",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Himchan Hospital"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Specialties"
description="Wide range of departments for comprehensive care."
features={[
{
title: "Cardiology",
description: "Heart health excellence",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=9",
},
{
title: "Pediatrics",
description: "Child-focused healthcare",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=6",
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
title="Department FAQs"
description="Common questions about our medical departments."
faqs={[
{
id: "df1",
title: "Do I need a referral?",
content: "Some departments require a referral from a primary care physician.",
},
]}
faqsAnimation="blur-reveal"
/>
</div>
<div id="hospital-footer" data-section="hospital-footer">
<FooterBaseReveal
columns={[
{
title: "Quick Links",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Departments",
href: "/departments",
},
{
label: "Doctors",
href: "/doctors",
},
],
},
{
title: "Support",
items: [
{
label: "Book Appointment",
href: "/appointment",
},
{
label: "Contact Us",
href: "/contact",
},
],
},
]}
copyrightText="© 2024 Himchan Hospital. All rights reserved."
/>
</div>
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Departments", id: "/departments" }, { name: "Doctors", id: "/doctors" }, { name: "Book Appointment", id: "/appointment" }, { name: "Contact", id: "/contact" }]}
brandName="Himchan Hospital"
/>
<div style={{ paddingTop: "100px" }}>
<FeatureCardTwentyOne
title="Our Medical Departments"
description="Specialized care across all major disciplines."
accordionItems={[
{ id: "cardio", title: "Cardiology", content: "Advanced heart care and diagnostics." },
{ id: "ortho", title: "Orthopedics", content: "Comprehensive joint and bone health." },
{ id: "oncology", title: "Oncology", content: "Leading cancer treatment and support." }
]}
mediaPosition="right"
/>
</div>
<FooterBaseReveal
columns={[{ title: "Quick Links", items: [{ label: "About Us", href: "/about" }, { label: "Departments", href: "/departments" }, { label: "Doctors", href: "/doctors" }] }, { title: "Support", items: [{ label: "Book Appointment", href: "/appointment" }, { label: "Contact Us", href: "/contact" }] }]}
copyrightText="© 2024 Himchan Hospital. All rights reserved."
/>
</ReactLenis>
</ThemeProvider>
);
}
}

145
src/app/doctors/page.tsx
View File

@@ -2,134 +2,31 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function LandingPage() {
export default function DoctorsPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="small"
sizing="largeSmall"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Departments",
id: "/departments",
},
{
name: "Doctors",
id: "/doctors",
},
{
name: "Book Appointment",
id: "/appointment",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Himchan Hospital"
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Our Specialist Team"
description="Highly qualified doctors ready to help."
groups={[
{
id: "g1",
groupTitle: "Medical Experts",
members: [
{
id: "d1",
title: "Dr. Kim",
subtitle: "Chief Surgeon",
detail: "10 years of experience",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-sarah-johnson-1774619000650-e51d3520.png",
},
],
},
]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Recognized Excellence"
description="Our doctors are leaders in their fields."
names={[
"Medical Association",
"Hospital Excellence Award",
]}
/>
</div>
<div id="hospital-footer" data-section="hospital-footer">
<FooterBaseReveal
columns={[
{
title: "Quick Links",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Departments",
href: "/departments",
},
{
label: "Doctors",
href: "/doctors",
},
],
},
{
title: "Support",
items: [
{
label: "Book Appointment",
href: "/appointment",
},
{
label: "Contact Us",
href: "/contact",
},
],
},
]}
copyrightText="© 2024 Himchan Hospital. All rights reserved."
/>
</div>
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Departments", id: "/departments" }, { name: "Doctors", id: "/doctors" }, { name: "Book Appointment", id: "/appointment" }, { name: "Contact", id: "/contact" }]}
brandName="Himchan Hospital"
/>
<TeamCardFive
animationType="slide-up"
title="Our Expert Doctors"
description="Meet our team of highly qualified medical professionals committed to your wellbeing."
textboxLayout="default"
useInvertedBackground={false}
team={[
{ id: "1", name: "Dr. Alice Smith", role: "Cardiologist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-sarah-johnson-1774619000650-e51d3520.png" },
{ id: "2", name: "Dr. Bob Johnson", role: "Neurologist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-michael-chen-1774619004322-3eeeed49.png" }
]}
/>
<FooterBaseReveal columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Doctors", href: "/doctors" }] }]} />
</ReactLenis>
</ThemeProvider>
);
}
}

150
src/app/page.tsx
View File

@@ -28,30 +28,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Departments",
id: "/departments",
},
{
name: "Doctors",
id: "/doctors",
},
{
name: "Book Appointment",
id: "/appointment",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="Himchan Hospital"
/>
@@ -62,36 +41,13 @@ export default function LandingPage() {
logoText="Himchan Hospital"
description="Your Health, Our Priority. Providing compassionate, advanced medical care for you and your family."
buttons={[
{
text: "Book Appointment",
href: "/appointment",
},
{
text: "Contact Us",
href: "/contact",
},
{ text: "Our Services", href: "/services" },
{ text: "Contact Us", href: "/contact" },
]}
slides={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=1",
imageAlt: "Hospital exterior",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=2",
imageAlt: "Modern medical equipment",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=3",
imageAlt: "Doctor team",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=4",
imageAlt: "Patient care",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=5",
imageAlt: "Hospital lobby",
},
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=1", imageAlt: "Hospital exterior" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=2", imageAlt: "Modern medical equipment" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=3", imageAlt: "Doctor team" },
]}
/>
</div>
@@ -103,26 +59,8 @@ export default function LandingPage() {
rating={5}
author="Sarah Johnson"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-sarah-johnson-1774619000650-e51d3520.png",
alt: "Sarah Johnson",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-michael-chen-1774619004322-3eeeed49.png",
alt: "Michael Chen",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-emily-rodriguez-1774619003385-7a3ae0fc.png",
alt: "Emily Rodriguez",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-david-kim-1774619002933-8048dee6.png",
alt: "David Kim",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-sarah-johnson-1774619000650-e51d3520.png",
alt: "Elena Rossi",
},
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-sarah-johnson-1774619000650-e51d3520.png", alt: "Sarah Johnson" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-michael-chen-1774619004322-3eeeed49.png", alt: "Michael Chen" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -136,16 +74,8 @@ export default function LandingPage() {
title="Frequently Asked Questions"
description="Find answers to the most common questions about our hospital services."
faqs={[
{
id: "f1",
title: "How do I book an appointment?",
content: "You can book through our website, phone, or in person.",
},
{
id: "f2",
title: "What insurance do you accept?",
content: "We accept major national and private health insurance plans.",
},
{ id: "f1", title: "How do I book an appointment?", content: "You can book through our website, phone, or in person." },
{ id: "f2", title: "What insurance do you accept?", content: "We accept major national and private health insurance plans." },
]}
faqsAnimation="slide-up"
/>
@@ -159,20 +89,8 @@ export default function LandingPage() {
title="Impact in Numbers"
description="Years of trust, excellence, and specialized care."
metrics={[
{
id: "m1",
value: "15+",
title: "Years Experience",
description: "Serving the community since 2009",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=6",
},
{
id: "m2",
value: "50+",
title: "Specialists",
description: "Expert medical team",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=1",
},
{ id: "m1", value: "15+", title: "Years Experience", description: "Serving the community since 2009", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=6" },
{ id: "m2", value: "50+", title: "Specialists", description: "Expert medical team", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=1" },
]}
/>
</div>
@@ -183,48 +101,14 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Trusted Partners"
description="Collaborating with leading health organizations."
names={[
"HealthCare Plus",
"Global Med",
"City Medical Group",
"LifeGuard Systems",
]}
names={["HealthCare Plus", "Global Med", "City Medical Group", "LifeGuard Systems"]}
/>
</div>
<div id="hospital-footer" data-section="hospital-footer">
<FooterBaseReveal
columns={[
{
title: "Quick Links",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Departments",
href: "/departments",
},
{
label: "Doctors",
href: "/doctors",
},
],
},
{
title: "Support",
items: [
{
label: "Book Appointment",
href: "/appointment",
},
{
label: "Contact Us",
href: "/contact",
},
],
},
{ title: "Quick Links", items: [{ label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] },
]}
copyrightText="© 2024 Himchan Hospital. All rights reserved."
/>
@@ -232,4 +116,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

33
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,33 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function ServicesPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }]}
brandName="Himchan Hospital"
/>
<FeatureCardNineteen
title="Our Medical Services"
description="Comprehensive care for your wellness."
textboxLayout="default"
features={[
{ id: 1, tag: "Primary", title: "General Medicine", subtitle: "Comprehensive checkups", description: "Routine exams and health screenings." },
{ id: 2, tag: "Specialized", title: "Cardiology", subtitle: "Heart health experts", description: "Advanced cardiovascular diagnostic and treatment services." },
{ id: 3, tag: "Support", title: "Physical Therapy", subtitle: "Rehabilitation", description: "Personalized care for injury recovery and pain management." }
]}
/>
<FooterBaseReveal
columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]}
/>
</ReactLenis>
</ThemeProvider>
);
}

10
src/app/styles/variables.css
View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f0fdf4;
--foreground: #001a0a;
--primary-cta: #0a7039;
--card: #f0f8ff;
--foreground: #001a16;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #15479c;
--secondary-cta: #d1e7dd;
--secondary-cta-text: #ffffff;
--accent: #a8d9be;
--background-accent: #6bbf8e;
--background-accent: #f0fff4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);