Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
37
src/app/appointment/page.tsx
Normal file
37
src/app/appointment/page.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
|
||||
export default function AppointmentPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Login", id: "/login" },
|
||||
{ name: "Book Appointment", id: "/appointment" }
|
||||
]}
|
||||
brandName="Malikarjuna Hospital"
|
||||
button={{ text: "Home", href: "/" }}
|
||||
/>
|
||||
<main className="min-h-screen flex items-center justify-center p-10">
|
||||
<div className="max-w-2xl w-full p-8 border rounded-lg">
|
||||
<h1 className="text-3xl font-bold mb-6">Book an Appointment</h1>
|
||||
<p className="mb-6">Select your preferred doctor and time slot below.</p>
|
||||
</div>
|
||||
</main>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
37
src/app/login/page.tsx
Normal file
37
src/app/login/page.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
|
||||
export default function LoginPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Login", id: "/login" },
|
||||
{ name: "Book Appointment", id: "/appointment" }
|
||||
]}
|
||||
brandName="Malikarjuna Hospital"
|
||||
button={{ text: "Home", href: "/" }}
|
||||
/>
|
||||
<main className="min-h-screen flex items-center justify-center p-10">
|
||||
<div className="max-w-md w-full p-8 border rounded-lg">
|
||||
<h1 className="text-3xl font-bold mb-6">Log In</h1>
|
||||
<p className="mb-6">Please enter your details to sign in.</p>
|
||||
</div>
|
||||
</main>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
235
src/app/page.tsx
235
src/app/page.tsx
@@ -31,28 +31,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Doctors",
|
||||
id: "doctors",
|
||||
},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Doctors", id: "doctors" },
|
||||
{ name: "FAQs", id: "faq" },
|
||||
{ name: "Login", id: "/login" },
|
||||
{ name: "Book Appointment", id: "/appointment" }
|
||||
]}
|
||||
brandName="Malikarjuna Hospital"
|
||||
button={{
|
||||
text: "Login",
|
||||
href: "#",
|
||||
}}
|
||||
button={{ text: "Login", href: "/login" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,76 +47,16 @@ export default function LandingPage() {
|
||||
title="Malikarjuna Hospital - Expert Care, Trusted Hands."
|
||||
description="Book appointments with top-tier specialists online. Accessible, high-quality healthcare when you need it most."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ravi Kumar",
|
||||
handle: "@ravi_k",
|
||||
testimonial: "Seamless appointment booking experience. Very professional staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-wearing-white-coat-front-view_23-2149844581.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anita Sharma",
|
||||
handle: "@anita_s",
|
||||
testimonial: "Highly recommended for personalized medical consultations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elder-patient-with-nasal-oxygen-tube-standing-bed-hospital-ward-medical-clinic-sick-old-man-with-oximeter-connected-heart-rate-monitor-check-progress_482257-28546.jpg",
|
||||
},
|
||||
{
|
||||
name: "Vijay Verma",
|
||||
handle: "@vijay_v",
|
||||
testimonial: "Excellent diagnostics and transparent billing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-patient-sitting-with-people-waiting-area-lobby-having-medical-checkup-visit-with-general-practitioner-hospital-reception-waiting-room-healthcare-facility_482257-46271.jpg",
|
||||
},
|
||||
{
|
||||
name: "Deepa Iyer",
|
||||
handle: "@deepa_i",
|
||||
testimonial: "Great follow-up services after surgery.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-asian-doctor-with-lab-coat_23-2149870311.jpg",
|
||||
},
|
||||
{
|
||||
name: "Suresh Babu",
|
||||
handle: "@suresh_b",
|
||||
testimonial: "Compassionate care and experienced doctors.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-doctor-holding-patient-s-hands_23-2149389039.jpg",
|
||||
},
|
||||
{ name: "Ravi Kumar", handle: "@ravi_k", testimonial: "Seamless appointment booking experience. Very professional staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-wearing-white-coat-front-view_23-2149844581.jpg" },
|
||||
{ name: "Anita Sharma", handle: "@anita_s", testimonial: "Highly recommended for personalized medical consultations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-elder-patient-with-nasal-oxygen-tube-standing-bed-hospital-ward-medical-clinic-sick-old-man-with-oximeter-connected-heart-rate-monitor-check-progress_482257-28546.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Specialties",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Book Appointment", href: "/appointment" },
|
||||
{ text: "View Specialties", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-nurse-walking-hall_23-2148894864.jpg"
|
||||
imageAlt="hospital corridor modern"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-doctor-posing-patient_23-2148757390.jpg",
|
||||
alt: "Happy Patient 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-woman-shaking-hands-with-surgeon-hospital-hallway_637285-5280.jpg",
|
||||
alt: "Happy Patient 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-middle-age-couple-having-date_23-2149016160.jpg",
|
||||
alt: "Happy Patient 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-looking-camera-while-standing-corridor-hospital-team-doctors-is-background_637285-729.jpg",
|
||||
alt: "Happy Patient 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thank-you-grateful-girl-holding-hands-chest-smiling-happy-looking-camera-express-gratitude-pleasure-receive-smth-standing-white-background_176420-45997.jpg",
|
||||
alt: "Happy Patient 5",
|
||||
},
|
||||
]}
|
||||
avatars={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -139,38 +65,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Cardiology",
|
||||
title: "Heart Health Care",
|
||||
items: [
|
||||
"ECG diagnostics",
|
||||
"Cardiac monitoring",
|
||||
"Consultation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Pediatrics",
|
||||
title: "Child Healthcare",
|
||||
items: [
|
||||
"Vaccination schedules",
|
||||
"Routine checkups",
|
||||
"Development tracking",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Neurology",
|
||||
title: "Brain & Spine",
|
||||
items: [
|
||||
"EEG/EMG Testing",
|
||||
"Stroke rehabilitation",
|
||||
"Neurological diagnosis",
|
||||
],
|
||||
},
|
||||
]}
|
||||
features={[]}
|
||||
title="Comprehensive Healthcare Specialties"
|
||||
description="We offer a wide range of specialized medical services powered by advanced diagnostics and expert medical practitioners."
|
||||
/>
|
||||
@@ -182,26 +77,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Ramesh Gupta",
|
||||
role: "Cardiologist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-team-doctor-s-office_23-2148168427.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. Sunita Rao",
|
||||
role: "Pediatrician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doctor-her-lab_23-2148485967.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dr. Vikram Seth",
|
||||
role: "Neurologist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-nurse-smiling-wearing-uniform-office-sitting-desk-medical-assistant-with-stethoscope-looking-camera-getting-ready-help-doctor-appointment_482257-41834.jpg",
|
||||
},
|
||||
]}
|
||||
members={[]}
|
||||
title="Meet Our Medical Professionals"
|
||||
description="Board-certified doctors committed to providing excellence in patient care and recovery."
|
||||
/>
|
||||
@@ -212,26 +88,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: CheckCircle,
|
||||
title: "Successful Surgeries",
|
||||
value: "12,000+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Award,
|
||||
title: "Expert Doctors",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Star,
|
||||
title: "Happy Patients",
|
||||
value: "50,000+",
|
||||
},
|
||||
]}
|
||||
metrics={[]}
|
||||
title="Impact In Healthcare"
|
||||
description="Our hospital metrics demonstrate our unwavering commitment to patient well-being and clinical success rates."
|
||||
/>
|
||||
@@ -243,28 +100,7 @@ export default function LandingPage() {
|
||||
testimonial="The staff at Malikarjuna hospital treated me with utmost dignity and clinical excellence. I truly felt cared for throughout my stay."
|
||||
rating={5}
|
||||
author="Anjali Deshmukh"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-female-doctor_23-2148962392.jpg",
|
||||
alt: "Anjali",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-medic-examining-patient-reaction-light-pupil-response_482257-127007.jpg",
|
||||
alt: "Anjali",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
alt: "Anjali",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-doctor-speaking-with-patient_23-2147896697.jpg",
|
||||
alt: "Anjali",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-charming-young-caucasian-woman-with-bob-pinkish-hairstyle-facial-piercing-relaxing-home-sitting-comfortably-sofa-looking-camera-with-cute-smile_343059-1950.jpg",
|
||||
alt: "Anjali",
|
||||
},
|
||||
]}
|
||||
avatars={[]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -274,23 +110,7 @@ export default function LandingPage() {
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How to book an appointment?",
|
||||
content: "You can book directly via our online portal or call the reception office.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are insurance providers accepted?",
|
||||
content: "Yes, we partner with major insurance companies. Check our list online.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I request specific doctors?",
|
||||
content: "Absolutely, subject to their availability and your medical requirements.",
|
||||
},
|
||||
]}
|
||||
faqs={[]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to commonly asked questions about appointments, insurance, and medical services."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -300,35 +120,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Booking Inquiry"
|
||||
title="Ready to book your consultation?"
|
||||
description="Schedule a visit today with our specialist doctors at Malikarjuna Hospital."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "/appointment" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Malikarjuna Hospital"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user