bender/c7f0bad1-3b06-415a-bbfa-2c90aa950e7b
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-06-03 12:26:55 +00:00
parent 685dfa4bab
commit bdac62409b
1 changed files with 79 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

357
src/app/page.tsx
View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Expertise",
id: "#expertise",
},
name: "Expertise", id: "#expertise"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Blog",
id: "#blog",
},
name: "Blog", id: "#blog"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Dr. Gaurav Gupta"
/>
@@ -72,53 +56,34 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Delhi's Trusted Cardiac Surgery Expert"
title="Achieve a Healthier Heart: Expert Cardiac Care in Delhi"
description="Dr. Gaurav Gupta brings 15 years of specialized cardiac care and advanced surgical expertise. Compassionate treatment for complex heart conditions."
kpis={[
{
value: "15+",
label: "Years Experience",
},
value: "15+", label: "Years Experience"},
{
value: "98%",
label: "Success Rate",
},
value: "98%", label: "Success Rate"},
{
value: "5000+",
label: "Procedures",
},
value: "5000+", label: "Procedures"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book Your Consultation",
href: "#contact",
},
text: "Book Your Consultation", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-like-doctor_23-2150797606.jpg",
alt: "Professional doctor avatar",
},
src: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-like-doctor_23-2150797606.jpg", alt: "Professional doctor avatar"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-stretching-outdoors_23-2149293653.jpg",
alt: "Happy senior patient smiling",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-stretching-outdoors_23-2149293653.jpg", alt: "Happy senior patient smiling"},
{
src: "http://img.b2bpic.net/free-photo/doctor-making-phone-call_23-2148168352.jpg",
alt: "Middle-aged man smiling doctor",
},
src: "http://img.b2bpic.net/free-photo/doctor-making-phone-call_23-2148168352.jpg", alt: "Middle-aged man smiling doctor"},
{
src: "http://img.b2bpic.net/free-photo/medical-professionals-meeting-examining-organs-ct-scan-results_482257-123078.jpg",
alt: "Happy woman with doctor",
},
src: "http://img.b2bpic.net/free-photo/medical-professionals-meeting-examining-organs-ct-scan-results_482257-123078.jpg", alt: "Happy woman with doctor"},
{
src: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151107407.jpg",
alt: "Trusted doctor avatar",
},
src: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151107407.jpg", alt: "Trusted doctor avatar"},
]}
avatarText="Patients Trust Dr. Gupta"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ecs8gJYZ7REEfAEbmE5cXC309x/uploaded-1780489085995-9r9qaa1h.png"
@@ -126,28 +91,17 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Leading Cardiac Care",
type: "text", text: "Leading Cardiac Care"},
{
type: "text-icon", text: "Expert Surgeons", icon: Heart,
},
{
type: "text-icon",
text: "Expert Surgeons",
icon: Heart,
type: "image", src: "http://img.b2bpic.net/free-photo/realistic-heart-shape-studio_23-2150827372.jpg", alt: "Anatomic heart model"},
{
type: "text-icon", text: "Advanced Technology", icon: Lightbulb,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/realistic-heart-shape-studio_23-2150827372.jpg",
alt: "Anatomic heart model",
},
{
type: "text-icon",
text: "Advanced Technology",
icon: Lightbulb,
},
{
type: "text",
text: "Patient-Centered Approach",
},
type: "text", text: "Patient-Centered Approach"},
]}
/>
</div>
@@ -161,19 +115,13 @@ export default function LandingPage() {
description="Dr. Gaurav Gupta is a highly respected cardiac surgeon in Delhi, known for his unwavering commitment to patient well-being and exceptional surgical outcomes. With over 15 years of experience, he combines advanced medical knowledge with a compassionate approach, ensuring every patient receives personalized and comprehensive care."
bulletPoints={[
{
title: "Board Certified Expertise",
description: "Recognized for excellence in cardiovascular and thoracic surgery.",
icon: Award,
title: "Board Certified Expertise", description: "Recognized for excellence in cardiovascular and thoracic surgery.", icon: Award,
},
{
title: "Advanced Surgical Techniques",
description: "Specializing in complex bypass, valve, and minimally invasive procedures.",
icon: Activity,
title: "Advanced Surgical Techniques", description: "Specializing in complex bypass, valve, and minimally invasive procedures.", icon: Activity,
},
{
title: "Patient-Centric Philosophy",
description: "Dedicated to clear communication, empathy, and holistic recovery support.",
icon: Award,
title: "Patient-Centric Philosophy", description: "Dedicated to clear communication, empathy, and holistic recovery support.", icon: Award,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/black-general-practitioner-measuring-mature-woman-s-blood-pressure-nursing-home_637285-11340.jpg"
@@ -190,34 +138,22 @@ export default function LandingPage() {
features={[
{
icon: Activity,
title: "Coronary Artery Bypass Grafting (CABG)",
description: "Expert surgical revascularization for improved blood flow to the heart muscle.",
},
title: "Coronary Artery Bypass Grafting (CABG)", description: "Expert surgical revascularization for improved blood flow to the heart muscle."},
{
icon: Heart,
title: "Heart Valve Repair & Replacement",
description: "Specialized procedures to restore optimal heart valve function and health.",
},
title: "Heart Valve Repair & Replacement", description: "Specialized procedures to restore optimal heart valve function and health."},
{
icon: Droplet,
title: "Aortic Surgery",
description: "Complex surgeries for conditions affecting the body's largest artery, including aneurysms and dissections.",
},
title: "Aortic Surgery", description: "Complex surgeries for conditions affecting the body's largest artery, including aneurysms and dissections."},
{
icon: Info,
title: "Minimally Invasive Cardiac Surgery",
description: "Utilizing advanced techniques for smaller incisions, reduced pain, and faster recovery times.",
},
title: "Minimally Invasive Cardiac Surgery", description: "Utilizing advanced techniques for smaller incisions, reduced pain, and faster recovery times."},
{
icon: Heart,
title: "Pediatric Cardiac Surgery",
description: "Dedicated expertise in treating congenital heart defects and other cardiac conditions in children.",
},
title: "Pediatric Cardiac Surgery", description: "Dedicated expertise in treating congenital heart defects and other cardiac conditions in children."},
{
icon: User,
title: "Cardiac Consultation & Second Opinion",
description: "Providing thorough evaluations, clear diagnoses, and trusted guidance for complex heart conditions.",
},
title: "Cardiac Consultation & Second Opinion", description: "Providing thorough evaluations, clear diagnoses, and trusted guidance for complex heart conditions."},
]}
title="Comprehensive Cardiac Services"
description="Dr. Gaurav Gupta offers a full spectrum of advanced cardiac surgical treatments, ensuring the highest standards of care and successful patient outcomes."
@@ -231,29 +167,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "98%",
title: "Clinical Success Rate",
description: "Consistently achieving high success rates across a wide range of cardiac procedures.",
imageSrc: "http://img.b2bpic.net/free-photo/world-doctors-day-excited-young-doctor-with-golden-prize-stethoscope-lab-coat_140725-162363.jpg",
imageAlt: "Award icon",
},
id: "m1", value: "98%", title: "Clinical Success Rate", description: "Consistently achieving high success rates across a wide range of cardiac procedures.", imageSrc: "http://img.b2bpic.net/free-photo/world-doctors-day-excited-young-doctor-with-golden-prize-stethoscope-lab-coat_140725-162363.jpg", imageAlt: "Award icon"},
{
id: "m2",
value: "15+",
title: "Years of Surgical Expertise",
description: "Bringing extensive experience and refined skills to every complex heart condition.",
imageSrc: "http://img.b2bpic.net/free-photo/scientist-researcher-holding-medical-slide-analyzing-blood-sample-writing-medical-expertise-clipboard-chemist-doctor-working-coronavirus-vaccine-chemistry-experiment-laboratory_482257-28264.jpg",
imageAlt: "Research icon",
},
id: "m2", value: "15+", title: "Years of Surgical Expertise", description: "Bringing extensive experience and refined skills to every complex heart condition.", imageSrc: "http://img.b2bpic.net/free-photo/scientist-researcher-holding-medical-slide-analyzing-blood-sample-writing-medical-expertise-clipboard-chemist-doctor-working-coronavirus-vaccine-chemistry-experiment-laboratory_482257-28264.jpg", imageAlt: "Research icon"},
{
id: "m3",
value: "Highest Patient Satisfaction",
title: "Patient-Centric Approach",
description: "Prioritizing comfort, clear communication, and personalized care throughout the treatment journey.",
imageSrc: "http://img.b2bpic.net/free-photo/switzerland-flag-heart-banner_187299-34514.jpg",
imageAlt: "Patient care icon",
},
id: "m3", value: "Highest Patient Satisfaction", title: "Patient-Centric Approach", description: "Prioritizing comfort, clear communication, and personalized care throughout the treatment journey.", imageSrc: "http://img.b2bpic.net/free-photo/switzerland-flag-heart-banner_187299-34514.jpg", imageAlt: "Patient care icon"},
]}
title="Our Commitment to Excellence in Cardiac Care"
description="Dr. Gaurav Gupta's practice is built on a foundation of rigorous medical standards, continuous innovation, and a patient-first approach, leading to outstanding clinical results."
@@ -267,64 +185,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ramesh Kumar",
role: "Heart Patient",
company: "Delhi",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg",
imageAlt: "Ramesh Kumar",
},
id: "1", name: "Ramesh Kumar", role: "Heart Patient", company: "Delhi", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg", imageAlt: "Ramesh Kumar"},
{
id: "2",
name: "Priya Sharma",
role: "Heart Patient",
company: "Ghaziabad",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-giving-injection-patient-hospital_1170-2136.jpg",
imageAlt: "Priya Sharma",
},
id: "2", name: "Priya Sharma", role: "Heart Patient", company: "Ghaziabad", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-giving-injection-patient-hospital_1170-2136.jpg", imageAlt: "Priya Sharma"},
{
id: "3",
name: "Anil Singh",
role: "Heart Patient",
company: "Noida",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-looking-patient_23-2148485988.jpg",
imageAlt: "Anil Singh",
},
id: "3", name: "Anil Singh", role: "Heart Patient", company: "Noida", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-looking-patient_23-2148485988.jpg", imageAlt: "Anil Singh"},
{
id: "4",
name: "Sunita Devi",
role: "Heart Patient",
company: "Faridabad",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/doctor-doing-their-work-pediatrics-office_23-2149224132.jpg",
imageAlt: "Sunita Devi",
},
id: "4", name: "Sunita Devi", role: "Heart Patient", company: "Faridabad", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/doctor-doing-their-work-pediatrics-office_23-2149224132.jpg", imageAlt: "Sunita Devi"},
{
id: "5",
name: "Vikram Malhotra",
role: "Heart Patient",
company: "Gurgaon",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-trying-cope-with-stress-loss-counseling_482257-119775.jpg",
imageAlt: "Vikram Malhotra",
},
id: "5", name: "Vikram Malhotra", role: "Heart Patient", company: "Gurgaon", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-trying-cope-with-stress-loss-counseling_482257-119775.jpg", imageAlt: "Vikram Malhotra"},
]}
kpiItems={[
{
value: "95%",
label: "Patient Recovery",
},
value: "95%", label: "Patient Recovery"},
{
value: "Exemplary",
label: "Safety Record",
},
value: "Exemplary", label: "Safety Record"},
{
value: "5-Star",
label: "Trust Index",
},
value: "5-Star", label: "Trust Index"},
]}
title="What Our Patients Say"
description="Hear directly from those whose lives have been positively impacted by Dr. Gaurav Gupta's compassionate care and surgical expertise."
@@ -337,35 +219,17 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What types of heart conditions do you treat?",
content: "Dr. Gupta specializes in treating a wide range of complex heart conditions including coronary artery disease, heart valve disorders, aortic aneurysms, and congenital heart defects.",
},
id: "q1", title: "What types of heart conditions do you treat?", content: "Dr. Gupta specializes in treating a wide range of complex heart conditions including coronary artery disease, heart valve disorders, aortic aneurysms, and congenital heart defects."},
{
id: "q2",
title: "What should I bring to my first consultation?",
content: "Please bring all relevant medical records, previous test results (ECG, echo, angiography reports), a list of current medications, and any questions you may have.",
},
id: "q2", title: "What should I bring to my first consultation?", content: "Please bring all relevant medical records, previous test results (ECG, echo, angiography reports), a list of current medications, and any questions you may have."},
{
id: "q3",
title: "What is the typical recovery period after cardiac surgery?",
content: "Recovery times vary depending on the specific procedure and individual patient factors. Dr. Gupta provides personalized post-operative care plans and detailed guidance to ensure a smooth recovery, typically ranging from a few weeks to a few months for full recovery.",
},
id: "q3", title: "What is the typical recovery period after cardiac surgery?", content: "Recovery times vary depending on the specific procedure and individual patient factors. Dr. Gupta provides personalized post-operative care plans and detailed guidance to ensure a smooth recovery, typically ranging from a few weeks to a few months for full recovery."},
{
id: "q4",
title: "Do you offer minimally invasive surgery options?",
content: "Yes, Dr. Gupta is highly skilled in various minimally invasive cardiac surgical techniques, which can lead to smaller incisions, less pain, and quicker recovery for suitable candidates.",
},
id: "q4", title: "Do you offer minimally invasive surgery options?", content: "Yes, Dr. Gupta is highly skilled in various minimally invasive cardiac surgical techniques, which can lead to smaller incisions, less pain, and quicker recovery for suitable candidates."},
{
id: "q5",
title: "How can I book an appointment?",
content: "You can book an appointment directly through our website's contact form, by calling our clinic, or via email. Our team will assist you in scheduling a convenient time for your consultation.",
},
id: "q5", title: "How can I book an appointment?", content: "You can book an appointment directly through our website's contact form, by calling our clinic, or via email. Our team will assist you in scheduling a convenient time for your consultation."},
{
id: "q6",
title: "What insurance plans do you accept?",
content: "Our clinic works with a variety of insurance providers. Please contact our administrative staff with your insurance details, and they will be happy to assist you with coverage verification.",
},
id: "q6", title: "What insurance plans do you accept?", content: "Our clinic works with a variety of insurance providers. Please contact our administrative staff with your insurance details, and they will be happy to assist you with coverage verification."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about cardiac surgery, consultations, recovery, and what to expect during your journey with Dr. Gaurav Gupta."
@@ -382,38 +246,11 @@ export default function LandingPage() {
description="Stay informed and empowered with the latest articles and expert advice on cardiovascular health, preventative care, and surgical advancements from Dr. Gaurav Gupta."
blogs={[
{
id: "blog1",
category: "Preventative Care",
title: "Eating for a Healthy Heart: A Surgeon's Diet Tips",
excerpt: "Discover key dietary choices that can significantly impact your cardiovascular health and reduce the risk of heart disease.",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-his-office-tells-girl-how-eat-stick-diet_496169-1460.jpg",
imageAlt: "Healthy food for heart",
authorName: "Dr. Gaurav Gupta",
authorAvatar: "http://img.b2bpic.net/free-vector/fun-set-happy-doctors-faces_23-2147662109.jpg",
date: "July 10, 2024",
},
id: "blog1", category: "Preventative Care", title: "Eating for a Healthy Heart: A Surgeon's Diet Tips", excerpt: "Discover key dietary choices that can significantly impact your cardiovascular health and reduce the risk of heart disease.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-his-office-tells-girl-how-eat-stick-diet_496169-1460.jpg", imageAlt: "Healthy food for heart", authorName: "Dr. Gaurav Gupta", authorAvatar: "http://img.b2bpic.net/free-vector/fun-set-happy-doctors-faces_23-2147662109.jpg", date: "July 10, 2024"},
{
id: "blog2",
category: "Recovery & Wellness",
title: "Life After Heart Surgery: Essential Recovery Tips",
excerpt: "A comprehensive guide to post-operative care, rehabilitation, and lifestyle adjustments for a successful recovery.",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-blue-shirt-posing-pink-wall_140725-11737.jpg",
imageAlt: "Patient recovery after heart surgery",
authorName: "Dr. Gaurav Gupta",
authorAvatar: "http://img.b2bpic.net/free-photo/female-doctor-blue-gown-portrait_53876-97118.jpg",
date: "June 25, 2024",
},
id: "blog2", category: "Recovery & Wellness", title: "Life After Heart Surgery: Essential Recovery Tips", excerpt: "A comprehensive guide to post-operative care, rehabilitation, and lifestyle adjustments for a successful recovery.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-blue-shirt-posing-pink-wall_140725-11737.jpg", imageAlt: "Patient recovery after heart surgery", authorName: "Dr. Gaurav Gupta", authorAvatar: "http://img.b2bpic.net/free-photo/female-doctor-blue-gown-portrait_53876-97118.jpg", date: "June 25, 2024"},
{
id: "blog3",
category: "Medical Advancements",
title: "The Future of Cardiac Surgery: Innovations You Should Know",
excerpt: "An overview of groundbreaking technologies and techniques transforming the landscape of heart treatment.",
imageSrc: "http://img.b2bpic.net/free-photo/view-anatomic-heart-model-educational-purpose-with-medical-instruments_23-2149894480.jpg",
imageAlt: "Advanced cardiac surgery illustration",
authorName: "Dr. Gaurav Gupta",
authorAvatar: "http://img.b2bpic.net/free-photo/pleased-young-male-doctor-wearing-medical-robe-stethoscope-keeping-hands-heart-with-closed-eyes-isolated-pink-wall-with-copy-space_141793-59481.jpg",
date: "June 1, 2024",
},
id: "blog3", category: "Medical Advancements", title: "The Future of Cardiac Surgery: Innovations You Should Know", excerpt: "An overview of groundbreaking technologies and techniques transforming the landscape of heart treatment.", imageSrc: "http://img.b2bpic.net/free-photo/view-anatomic-heart-model-educational-purpose-with-medical-instruments_23-2149894480.jpg", imageAlt: "Advanced cardiac surgery illustration", authorName: "Dr. Gaurav Gupta", authorAvatar: "http://img.b2bpic.net/free-photo/pleased-young-male-doctor-wearing-medical-robe-stethoscope-keeping-hands-heart-with-closed-eyes-isolated-pink-wall-with-copy-space_141793-59481.jpg", date: "June 1, 2024"},
]}
/>
</div>
@@ -425,28 +262,17 @@ export default function LandingPage() {
description="Take the first step towards a healthier heart. Fill out the form below to book an appointment with Dr. Gaurav Gupta and receive expert cardiac care."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Full Name",
required: true,
name: "name", 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,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Briefly describe your condition or inquiry",
rows: 4,
name: "message", placeholder: "Briefly describe your condition or inquiry", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/close-up-computer-with-medical-files-monitor_482257-27167.jpg"
imageAlt="Modern medical clinic reception"
@@ -460,62 +286,37 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "CABG",
href: "#services",
},
label: "CABG", href: "#services"},
{
label: "Valve Surgery",
href: "#services",
},
label: "Valve Surgery", href: "#services"},
{
label: "Aortic Surgery",
href: "#services",
},
label: "Aortic Surgery", href: "#services"},
{
label: "Minimally Invasive",
href: "#services",
},
label: "Minimally Invasive", href: "#services"},
],
},
{
title: "About Us",
items: [
title: "About Us", items: [
{
label: "Dr. Gupta's Profile",
href: "#about",
},
label: "Dr. Gupta's Profile", href: "#about"},
{
label: "Our Approach",
href: "#about",
},
label: "Our Approach", href: "#about"},
{
label: "Patient Testimonials",
href: "#testimonials",
},
label: "Patient Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "Heart Health Blog",
href: "#blog",
},
label: "Heart Health Blog", href: "#blog"},
{
label: "Patient Education",
href: "#blog",
},
label: "Patient Education", href: "#blog"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
]}
@@ -526,4 +327,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}