Add src/app/about/page.tsx

This commit is contained in:
2026-03-12 05:45:35 +00:00
parent 1d83401943
commit 8c0f8c19a0

320
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,320 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, CheckCircle, Heart, HelpCircle, Shield, Sparkles, Stethoscope, Star, Zap, Users, TrendingUp, Target, Eye, Users2, Award as AwardIcon } from 'lucide-react';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumLarge"
background="noise"
cardStyle="glass-depth"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Kumar Surgical Clinic"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "#services" },
{ name: "Team", id: "#team" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" }
]}
button={{ text: "Book Appointment", href: "/#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
title="About Kumar Surgical Clinic"
description="Founded in 2003 by Prof. (Dr.) S. M. Kumar, our clinic has grown to become a leading surgical center in Kolkata. We combine decades of expertise with modern technology to provide exceptional patient care and surgical outcomes."
tag="Our Story"
tagIcon={Heart}
background={{ variant: "glowing-orb" }}
imageSrc="http://img.b2bpic.net/free-photo/gynecological-room-hospital_7502-8389.jpg"
imageAlt="Kumar Surgical Clinic modern facility"
imagePosition="right"
mediaAnimation="slide-up"
buttons={[
{ text: "Book Appointment", href: "/#contact" },
{ text: "Call Now", href: "tel:+919007359139" }
]}
/>
</div>
<div id="introduction" data-section="introduction">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Our Journey" }
]}
useInvertedBackground={false}
buttons={[
{ text: "Learn More", href: "#vision" }
]}
/>
</div>
<div id="vision" data-section="vision">
<FeatureCardNine
title="Our Vision & Mission"
description="Guided by excellence and compassion, we are committed to transforming surgical care through innovation and patient-centered approach"
tag="Our Purpose"
tagIcon={Eye}
features={[
{
id: 1,
title: "Our Vision", description: "To be the most trusted surgical center in Eastern India, recognized for our commitment to excellence, patient safety, and innovative surgical techniques that improve lives and restore health with compassion.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/team-doctors-are-standing-emergency-room-multiethnic-surgeons-are-working-operating-room-hospital-they-are-wearing-blue-scrubs_657921-1069.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-room_1170-2220.jpg" }
},
{
id: 2,
title: "Our Mission", description: "To provide comprehensive, high-quality surgical care using advanced laparoscopic techniques and modern technology. We prioritize patient safety, comfort, and rapid recovery while maintaining the highest ethical and professional standards in every aspect of our practice.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-neurologist-showing-mri-brain-scan-results-her-colleagues_482257-123039.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-doctors-doing-surgical-procedure_23-2148962484.jpg?_wi=1" }
},
{
id: 3,
title: "Patient-Centered Care", description: "We believe every patient deserves personalized attention and exceptional care. From initial consultation through post-operative recovery, our compassionate team ensures your comfort, safety, and complete peace of mind throughout your surgical journey.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-holding-silicone-implant-medical-surgent-hold-silicone-implant-install-woman-bust-closeup-surgical-intervention-breast-augmentation-business-concept_657921-77.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-prescription-paper_482257-123658.jpg" }
}
]}
showStepNumbers={false}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="why-choose" data-section="why-choose">
<MetricCardThree
title="Why Patients Trust Kumar Surgical Clinic"
description="Our commitment to excellence is reflected in every aspect of our practice, from our state-of-the-art facilities to our dedicated team of specialists"
tag="Our Strengths"
tagIcon={AwardIcon}
metrics={[
{ id: "1", icon: Stethoscope, title: "Founded in 2003", value: "22+ Years" },
{ id: "2", icon: Users, title: "54-Bed Multi-Specialty", value: "Facility" },
{ id: "3", icon: CheckCircle, title: "Advanced Laparoscopy", value: "Expertise" },
{ id: "4", icon: Shield, title: "Patient-Centered", value: "Care" }
]}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="facilities" data-section="facilities">
<FeatureCardNine
title="Our State-of-the-Art Facilities"
description="A 54-bed multi-specialty facility equipped with cutting-edge technology and designed for optimal patient comfort and surgical excellence"
tag="Modern Infrastructure"
tagIcon={Sparkles}
features={[
{
id: 1,
title: "Advanced Surgical Suites", description: "Our operation theaters are equipped with the latest laparoscopic equipment, advanced monitoring systems, and modern surgical instruments that enable precise, minimally invasive procedures with superior outcomes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-theater_107420-64881.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-doctors-doing-surgical-procedure_23-2148962484.jpg?_wi=2" }
},
{
id: 2,
title: "Comprehensive Diagnostic Services", description: "We offer complete diagnostic capabilities including advanced imaging, laboratory services, and pre-operative assessment to ensure thorough evaluation and optimal surgical planning for every patient.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-neurologist-showing-mri-brain-scan-results-her-colleagues_482257-123039.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pensioner-signing-examination-report-medical-cabinet-with-doctor-wearing-face-mask-elder-man-doing-signature-form-meeting-with-general-practitioner-checkup-consultation_482257-32086.jpg" }
},
{
id: 3,
title: "Comfortable Recovery Spaces", description: "Our 54-bed facility includes well-appointed patient rooms, recovery areas, and ICU facilities designed for optimal comfort and monitoring during your post-operative care and recovery journey.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-effervescent-pill-water-glass-patient-nursing-home-medical-assistant-giving-vitamin-drink-old-disabled-woman-wheelchair-healthcare-treatment_482257-42632.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-doing-consultation-exam-hospital-reception-area-talking-about-disease-treatment-waiting-room-lobby-physician-patient-chatting-about-diagnosis-facility_482257-48901.jpg" }
}
]}
showStepNumbers={false}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="expertise" data-section="expertise">
<FeatureCardNine
title="Our Surgical Excellence"
description="With over two decades of experience, Prof. (Dr.) S. M. Kumar and our specialized team are renowned for advanced laparoscopic surgery expertise and exceptional patient outcomes"
tag="Surgical Specialization"
tagIcon={Award}
features={[
{
id: 1,
title: "Laparoscopic Surgery Leadership", description: "Our clinic specializes in advanced laparoscopic techniques for general surgery, hernia repair, gallbladder surgery, and other abdominal procedures. We pioneer minimally invasive approaches that reduce pain, scarring, and recovery time.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/team-doctors-are-standing-emergency-room-multiethnic-surgeons-are-working-operating-room-hospital-they-are-wearing-blue-scrubs_657921-1069.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-room_1170-2220.jpg" }
},
{
id: 2,
title: "Comprehensive Surgical Services", description: "From general surgery to specialized procedures, our multi-specialty facility provides comprehensive surgical solutions. Our experienced team handles complex cases with precision and delivers superior outcomes through evidence-based surgical practices.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-holding-silicone-implant-medical-surgent-hold-silicone-implant-install-woman-bust-closeup-surgical-intervention-breast-augmentation-business-concept_657921-77.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-prescription-paper_482257-123658.jpg" }
},
{
id: 3,
title: "Dedicated Patient Support", description: "Beyond surgical excellence, we provide comprehensive pre-operative consultation, thorough post-operative care, and personalized recovery guidance. Our compassionate team is committed to your comfort and successful recovery at every stage.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-holding-medical-paperwork-while-communicating-with-patient-medical-appointment-hospital_637285-1422.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-blue-wall_141793-27109.jpg" }
}
]}
showStepNumbers={false}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
title="Our Medical Team"
description="Led by Prof. (Dr.) S. M. Kumar, our experienced surgeons and healthcare professionals are dedicated to your recovery and well-being"
tag="Expert Doctors"
tagIcon={Stethoscope}
members={[
{ id: "1", name: "Prof. (Dr.) S. M. Kumar", role: "Founder & Chief Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-professional-therapist-with-stethoscope-looking-camera_1098-19305.jpg" },
{ id: "2", name: "Dr. Rajesh Kumar", role: "Senior Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/my-office-is-always-open-patients_329181-334.jpg" },
{ id: "3", name: "Dr. Priya Sharma", role: "Laparoscopic Specialist", imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-holding-medical-paperwork-while-communicating-with-patient-medical-appointment-hospital_637285-1422.jpg" },
{ id: "4", name: "Dr. Amit Patel", role: "General Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-blue-wall_141793-27109.jpg" }
]}
gridVariant="four-items-2x2-equal-grid"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="Patient Testimonials"
description="Real stories from our satisfied patients about their surgical experiences and recovery"
tag="Patient Feedback"
tagIcon={Star}
testimonials={[
{
id: "1", name: "Rajesh Singh, Business Owner", date: "Date: 15 November 2024", title: "Excellent surgical care and compassionate staff", quote: "I had my hernia surgery at Kumar Surgical Clinic. The entire experience was professional and stress-free. Dr. Kumar explained everything clearly, and the nursing staff was extremely attentive. I recovered much faster than expected. Highly recommended!", tag: "Hernia Surgery", avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-smiling-happy-positive-pointing-with-thumbs-himself-proud-confident-standing-blue-background_141793-133969.jpg", imageSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-effervescent-pill-water-glass-patient-nursing-home-medical-assistant-giving-vitamin-drink-old-disabled-woman-wheelchair-healthcare-treatment_482257-42632.jpg"
},
{
id: "2", name: "Meera Patel, Housewife", date: "Date: 20 October 2024", title: "Very good service and well behaved staff", quote: "My gallbladder surgery went smoothly thanks to the skilled team at Kumar Surgical Clinic. The laparoscopic procedure was minimally invasive, and I was back to my daily activities within a week. The follow-up care was excellent.", tag: "Gallbladder Surgery", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-carefree-young-woman-writing-her-journal-morning-waking-up-making-notes_1258-204261.jpg", imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-doing-consultation-exam-hospital-reception-area-talking-about-disease-treatment-waiting-room-lobby-physician-patient-chatting-about-diagnosis-facility_482257-48901.jpg"
},
{
id: "3", name: "Arjun Desai, IT Professional", date: "Date: 12 September 2024", title: "Modern facilities and expert surgeons", quote: "Good accommodation and treatment facilities. The clinic has state-of-the-art equipment and the doctors are highly experienced. I felt confident and safe throughout my procedure. Dr. Sharma's expertise is remarkable.", tag: "General Surgery", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-medical-suit-yellow-wall_179666-23183.jpg", imageSrc: "http://img.b2bpic.net/free-photo/patient-consulting-doctor_1170-2109.jpg"
},
{
id: "4", name: "Sunita Verma, Retired Teacher", date: "Date: 5 August 2024", title: "Compassionate care with best outcomes", quote: "The team at Kumar Surgical Clinic treated me like family. The surgeons are highly skilled, and the nursing care was attentive. My recovery was smooth, and all my concerns were addressed promptly. I'm grateful for their excellent service.", tag: "Laparoscopic Surgery", avatarSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-helping-senior-man-use-walker-nursing-home_637285-11381.jpg", imageSrc: "http://img.b2bpic.net/free-photo/oh-thank-you-your-help-you-are-such-nice_329181-2215.jpg"
},
{
id: "5", name: "Vikram Reddy, Corporate Executive", date: "Date: 22 July 2024", title: "Professional and efficient surgical team", quote: "I chose Kumar Surgical Clinic for my surgical procedure and I'm very satisfied with the decision. The staff is professional, the facility is clean and modern, and the post-operative care was thorough. Definitely the best choice in Kolkata.", tag: "Consultation & Surgery", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg", imageSrc: "http://img.b2bpic.net/free-photo/patient-medical-visit-signing-checkup-files-medic-appointment-healthcare-specialist-asking-signature-documents-man-giving-treatment-against-diagnosis-office_482257-38497.jpg"
},
{
id: "6", name: "Deepika Das, Entrepreneur", date: "Date: 10 June 2024", title: "Outstanding medical expertise and care", quote: "From the initial consultation to post-operative follow-ups, everything was handled professionally. The doctors took time to explain the procedure, and the results exceeded my expectations. I would recommend Kumar Surgical Clinic to anyone seeking quality surgical care.", tag: "Advanced Surgery", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-patient-waiting-doctor-preparing-syringe-needle_181624-31220.jpg", imageSrc: "http://img.b2bpic.net/free-photo/aged-doctor-having-good-news-patient_1398-4032.jpg"
}
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
description="Common questions about our clinic, facilities, and patient care"
tag="Help & Support"
tagIcon={HelpCircle}
faqs={[
{
id: "1", title: "When was Kumar Surgical Clinic founded?", content: "Kumar Surgical Clinic was founded in 2003 by Prof. (Dr.) S. M. Kumar. Over the past 22 years, we have established ourselves as a leading surgical center in Kolkata, known for our commitment to excellence and patient-centered care."
},
{
id: "2", title: "What makes our clinic special?", content: "Our clinic is a 54-bed multi-specialty facility equipped with state-of-the-art laparoscopic equipment and modern surgical technology. We specialize in minimally invasive procedures and are known for our advanced laparoscopic surgery expertise. Our patient-centered approach and compassionate care set us apart."
},
{
id: "3", title: "Who is Prof. (Dr.) S. M. Kumar?", content: "Prof. (Dr.) S. M. Kumar is the founder of Kumar Surgical Clinic and serves as our Chief Surgeon. With over two decades of experience in surgery and laparoscopic procedures, he is a respected surgical expert in Kolkata and leads our team with dedication to excellence and patient care."
},
{
id: "4", title: "What surgical procedures do you specialize in?", content: "We specialize in advanced laparoscopic surgery including general surgery, hernia repair (inguinal, femoral, and umbilical), gallbladder surgery, and other abdominal procedures. Our minimally invasive approach ensures reduced pain, shorter recovery times, and minimal scarring."
},
{
id: "5", title: "How many beds does the clinic have?", content: "Kumar Surgical Clinic is a 54-bed multi-specialty facility. Our spacious, well-appointed patient rooms, recovery areas, and ICU facilities ensure optimal comfort and comprehensive monitoring during your post-operative care and recovery."
},
{
id: "6", title: "How can I schedule an appointment or learn more?", content: "You can schedule an appointment by calling us at +91 90073 59139, visiting our location at 235/3/1, Netaji Subhash Chandra Bose Rd, Naktala, Bansdroni, Kolkata, West Bengal 700047, or using our online appointment booking form. Our team is ready to assist you."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/pensioner-signing-examination-report-medical-cabinet-with-doctor-wearing-face-mask-elder-man-doing-signature-form-meeting-with-general-practitioner-checkup-consultation_482257-32086.jpg"
imageAlt="Doctor patient consultation healthcare professional"
mediaPosition="left"
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="slide-up"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get in Touch"
description="Have questions about our clinic or services? Contact us today and our team will be happy to help you."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "message", type: "text", placeholder: "Your Message", required: true }
]}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/retail-assistant-examines-apparel-racks-trendy-boutique_482257-118131.jpg"
imageAlt="Kumar Surgical Clinic consultation room"
mediaPosition="right"
mediaAnimation="slide-up"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "About", items: [
{ label: "Our Story", href: "/about" },
{ label: "Our Team", href: "/about#team" },
{ label: "Our Vision", href: "/about#vision" },
{ label: "Contact Us", href: "/about#contact" }
]
},
{
title: "Services", items: [
{ label: "General Surgery", href: "/#services" },
{ label: "Laparoscopic Surgery", href: "/#services" },
{ label: "Hernia Surgery", href: "/#services" },
{ label: "Gallbladder Surgery", href: "/#services" }
]
},
{
title: "Contact Info", items: [
{ label: "Phone: +91 90073 59139", href: "tel:+919007359139" },
{ label: "Address: 235/3/1, Netaji Subhash Chandra Bose Rd, Naktala, Bansdroni, Kolkata, West Bengal 700047", href: "#" },
{ label: "Email: info@kumarsurgicalclinic.com", href: "mailto:info@kumarsurgicalclinic.com" }
]
}
]}
copyrightText="© 2024 Kumar Surgical and Laparoscopic Clinic. All rights reserved."
/>
</div>
</ThemeProvider>
);
}