Update src/app/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -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?_wi=2"
+          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?_wi=2" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-room_1170-2220.jpg?_wi=2" }
+            },
+            {
+              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?_wi=2" },
+              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?_wi=2" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-prescription-paper_482257-123658.jpg?_wi=2" }
+            }
+          ]}
+          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?_wi=2" },
+              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?_wi=3" },
+              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?_wi=2" }
+            },
+            {
+              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?_wi=2" },
+              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?_wi=2" }
+            }
+          ]}
+          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?_wi=3" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-room_1170-2220.jpg?_wi=3" }
+            },
+            {
+              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?_wi=3" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-prescription-paper_482257-123658.jpg?_wi=3" }
+            },
+            {
+              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?_wi=2" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-blue-wall_141793-27109.jpg?_wi=2" }
+            }
+          ]}
+          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?_wi=2" },
+            { 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?_wi=2" },
+            { 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?_wi=3" },
+            { 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?_wi=3" }
+          ]}
+          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?_wi=3"
+            },
+            {
+              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?_wi=3"
+            },
+            {
+              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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            }
+          ]}
+          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?_wi=3"
+          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?_wi=2"
+          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>
+  );
+}

src/app/contact-us/page.tsx

@@ -0,0 +1,196 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { MapPin, Phone, Mail, Heart } from 'lucide-react';
+import { useState } from 'react';
+
+export default function ContactUsPage() {
+  const [formData, setFormData] = useState({
+    name: '',
+    phone: '',
+    email: '',
+    message: ''
+  });
+
+  const handleSubmit = (data: Record<string, string>) => {
+    console.log('Form submitted:', data);
+    // Handle form submission logic here
+  };
+
+  const handlePhoneClick = () => {
+    window.location.href = 'tel:+91-033-2421-5719';
+  };
+
+  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: "Contact", id: "/contact-us" }
+          ]}
+          button={{ text: "Book Appointment", href: "/contact-us" }}
+        />
+      </div>
+
+      <div id="contact-info" data-section="contact-info" className="py-16 px-4">
+        <div className="max-w-6xl mx-auto">
+          <div className="text-center mb-12">
+            <h1 className="text-4xl md:text-5xl font-bold mb-4">Contact Us</h1>
+            <p className="text-lg opacity-75">Get in touch with Kumar Surgical Clinic for appointments and inquiries</p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
+            {/* Address */}
+            <div className="bg-card rounded-2xl p-8 text-center">
+              <div className="flex justify-center mb-4">
+                <MapPin className="w-8 h-8 text-primary-cta" />
+              </div>
+              <h3 className="text-xl font-semibold mb-3">Address</h3>
+              <p className="text-sm opacity-75 leading-relaxed">
+                235/3/1 N.S.C Bose Road<br />
+                Bansdroni, Usha<br />
+                Kolkata 700047<br />
+                West Bengal, India
+              </p>
+            </div>
+
+            {/* Phone Numbers */}
+            <div className="bg-card rounded-2xl p-8 text-center">
+              <div className="flex justify-center mb-4">
+                <Phone className="w-8 h-8 text-primary-cta" />
+              </div>
+              <h3 className="text-xl font-semibold mb-3">Phone</h3>
+              <div className="space-y-2">
+                <button
+                  onClick={handlePhoneClick}
+                  className="block w-full text-sm text-primary-cta hover:underline transition-all"
+                >
+                  033 2421 5719
+                </button>
+                <p className="text-sm opacity-75">or</p>
+                <button
+                  onClick={() => window.location.href = 'tel:+91-033-2421-5720'}
+                  className="block w-full text-sm text-primary-cta hover:underline transition-all"
+                >
+                  033 2421 5720
+                </button>
+              </div>
+            </div>
+
+            {/* Email */}
+            <div className="bg-card rounded-2xl p-8 text-center">
+              <div className="flex justify-center mb-4">
+                <Mail className="w-8 h-8 text-primary-cta" />
+              </div>
+              <h3 className="text-xl font-semibold mb-3">Email</h3>
+              <a
+                href="mailto:kslctpadesk@gmail.com"
+                className="text-sm text-primary-cta hover:underline transition-all break-all"
+              >
+                kslctpadesk@gmail.com
+              </a>
+            </div>
+          </div>
+
+          {/* Google Maps Embed */}
+          <div className="mb-16 rounded-2xl overflow-hidden bg-card p-2">
+            <iframe
+              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3681.5634947820117!2d88.3478!3d22.4744!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a02771d0d0d0d0d%3A0x0d0d0d0d0d0d0d0d!2s235%2F3%2F1%20N.S.C%20Bose%20Road%20Bansdroni%20Kolkata!5e0!3m2!1sen!2sin!4v1234567890"
+              width="100%"
+              height="450"
+              style={{ border: 0 }}
+              allowFullScreen={true}
+              loading="lazy"
+              referrerPolicy="no-referrer-when-downgrade"
+              className="rounded-lg"
+            />
+          </div>
+        </div>
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
+        <ContactSplitForm
+          title="Patient Inquiry Form"
+          description="Please fill out the form below with your details and message. Our team will get back to you shortly."
+          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 }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Please describe your inquiry or reason for contacting us...",            rows: 5,
+            required: true
+          }}
+          useInvertedBackground={false}
+          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?_wi=4"
+          imageAlt="Kumar Surgical Clinic consultation"
+          mediaPosition="right"
+          mediaAnimation="slide-up"
+          buttonText="Send Message"
+          onSubmit={handleSubmit}
+        />
+      </div>
+
+      {/* Mobile Call Button */}
+      <div className="fixed bottom-6 right-6 md:hidden z-40">
+        <button
+          onClick={handlePhoneClick}
+          className="bg-primary-cta hover:bg-primary-cta/90 text-white rounded-full p-4 shadow-lg flex items-center justify-center transition-all"
+          aria-label="Call Kumar Surgical Clinic"
+        >
+          <Phone className="w-6 h-6" />
+        </button>
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "General Surgery", href: "/" },
+                { label: "Laparoscopic Surgery", href: "/" },
+                { label: "Hernia Surgery", href: "/" },
+                { label: "Gallbladder Surgery", href: "/" }
+              ]
+            },
+            {
+              title: "Quick Links",              items: [
+                { label: "Home", href: "/" },
+                { label: "About Us", href: "/" },
+                { label: "Our Team", href: "/" },
+                { label: "Contact Us", href: "/contact-us" }
+              ]
+            },
+            {
+              title: "Contact Info",              items: [
+                { label: "Phone: 033 2421 5719", href: "tel:+91-033-2421-5719" },
+                { label: "Email: kslctpadesk@gmail.com", href: "mailto:kslctpadesk@gmail.com" },
+                { label: "Address: 235/3/1 N.S.C Bose Road, Bansdroni, Kolkata 700047", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2024 Kumar Surgical and Laparoscopic Clinic. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -35,9 +35,9 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "Team", id: "team" },
             { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "/contact-us" }
           ]}
-          button={{ text: "Book Appointment", href: "contact" }}
+          button={{ text: "Book Appointment", href: "/contact-us" }}
         />
       </div>
 
@@ -48,12 +48,12 @@ export default function LandingPage() {
           tag="Premium Healthcare"
           tagIcon={Heart}
           background={{ variant: "glowing-orb" }}
-          imageSrc="http://img.b2bpic.net/free-photo/gynecological-room-hospital_7502-8389.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/gynecological-room-hospital_7502-8389.jpg?_wi=1"
           imageAlt="Kumar Surgical Clinic modern facility"
           imagePosition="right"
           mediaAnimation="slide-up"
           buttons={[
-            { text: "Book Appointment", href: "contact" },
+            { text: "Book Appointment", href: "/contact-us" },
             { text: "Call Now", href: "tel:+919007359139" }
           ]}
         />
@@ -82,22 +82,22 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              title: "General Surgery",              description: "Advanced surgical procedures including appendectomies, hernia repairs, and abdominal surgeries performed with precision and care.",              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" },
+              title: "General Surgery",              description: "Advanced surgical procedures including appendectomies, hernia repairs, and abdominal surgeries performed with precision and care.",              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?_wi=1" },
-              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-room_1170-2220.jpg" }
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-room_1170-2220.jpg?_wi=1" }
             },
             {
               id: 2,
-              title: "Laparoscopic Surgery",              description: "Minimally invasive surgical techniques using advanced equipment for reduced pain, shorter recovery times, and minimal scarring.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-neurologist-showing-mri-brain-scan-results-her-colleagues_482257-123039.jpg" },
+              title: "Laparoscopic Surgery",              description: "Minimally invasive surgical techniques using advanced equipment for reduced pain, shorter recovery times, and minimal scarring.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-neurologist-showing-mri-brain-scan-results-her-colleagues_482257-123039.jpg?_wi=1" },
               phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-doctors-doing-surgical-procedure_23-2148962484.jpg?_wi=1" }
             },
             {
               id: 3,
-              title: "Hernia Surgery",              description: "Specialized hernia repair procedures including inguinal, femoral, and umbilical hernias with latest mesh techniques.",              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" },
+              title: "Hernia Surgery",              description: "Specialized hernia repair procedures including inguinal, femoral, and umbilical hernias with latest mesh techniques.",              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?_wi=1" },
-              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-prescription-paper_482257-123658.jpg" }
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-prescription-paper_482257-123658.jpg?_wi=1" }
             },
             {
               id: 4,
-              title: "Gallbladder Surgery",              description: "Laparoscopic cholecystectomy procedures for safe and effective gallbladder removal with rapid recovery.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-theater_107420-64881.jpg" },
+              title: "Gallbladder Surgery",              description: "Laparoscopic cholecystectomy procedures for safe and effective gallbladder removal with rapid recovery.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-theater_107420-64881.jpg?_wi=1" },
               phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-doctors-doing-surgical-procedure_23-2148962484.jpg?_wi=2" }
             }
           ]}
@@ -115,7 +115,7 @@ export default function LandingPage() {
           tag="Our Strengths"
           tagIcon={Award}
           metrics={[
-            { id: "1", icon: Users, title: "Patient Trust", value: "3.6/5" },
+            { id: "1", icon: Star, title: "Google Rating", value: "4.8/5" },
             { id: "2", icon: CheckCircle, title: "Successful Cases", value: "1000+" },
             { id: "3", icon: Zap, title: "Fast Recovery", value: "48-72hrs" },
             { id: "4", icon: Shield, title: "Safety First", value: "100%" }
@@ -133,10 +133,10 @@ export default function LandingPage() {
           tag="Expert Doctors"
           tagIcon={Stethoscope}
           members={[
-            { id: "1", name: "Dr. Rajesh Kumar", role: "Chief Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-professional-therapist-with-stethoscope-looking-camera_1098-19305.jpg" },
+            { id: "1", name: "Dr. Rajesh Kumar", role: "Chief Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-professional-therapist-with-stethoscope-looking-camera_1098-19305.jpg?_wi=1" },
-            { id: "2", name: "Dr. Priya Sharma", role: "Laparoscopic Specialist", imageSrc: "http://img.b2bpic.net/free-photo/my-office-is-always-open-patients_329181-334.jpg" },
+            { id: "2", name: "Dr. Priya Sharma", role: "Laparoscopic Specialist", imageSrc: "http://img.b2bpic.net/free-photo/my-office-is-always-open-patients_329181-334.jpg?_wi=1" },
-            { id: "3", name: "Dr. Amit Patel", role: "General Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-holding-medical-paperwork-while-communicating-with-patient-medical-appointment-hospital_637285-1422.jpg" },
+            { id: "3", name: "Dr. Amit Patel", role: "General Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-holding-medical-paperwork-while-communicating-with-patient-medical-appointment-hospital_637285-1422.jpg?_wi=1" },
-            { id: "4", name: "Dr. Neha Verma", role: "Surgical Consultant", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-blue-wall_141793-27109.jpg" }
+            { id: "4", name: "Dr. Neha Verma", role: "Surgical Consultant", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-blue-wall_141793-27109.jpg?_wi=1" }
           ]}
           gridVariant="four-items-2x2-equal-grid"
           textboxLayout="default"
@@ -153,22 +153,22 @@ export default function LandingPage() {
           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: "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?_wi=1"
             },
             {
-              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: "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?_wi=1"
             },
             {
-              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: "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?_wi=1"
             },
             {
-              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: "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?_wi=1"
             },
             {
-              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: "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?_wi=1"
             },
             {
-              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"
+              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?_wi=1"
             }
           ]}
           textboxLayout="default"
@@ -202,7 +202,7 @@ export default function LandingPage() {
               id: "6",              title: "What is your location and how can I schedule an appointment?",              content: "We are located at 235/3/1, Netaji Subhash Chandra Bose Rd, Naktala, Bansdroni, Kolkata, West Bengal 700047. You can call us at +91 90073 59139 or use our online appointment booking form on this website."
             }
           ]}
-          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"
+          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?_wi=1"
           imageAlt="Doctor patient consultation healthcare professional"
           mediaPosition="left"
           textboxLayout="default"
@@ -224,7 +224,7 @@ export default function LandingPage() {
           ]}
           textarea={{ name: "message", placeholder: "Please describe your condition and any previous surgeries (if applicable)", rows: 5, required: true }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/retail-assistant-examines-apparel-racks-trendy-boutique_482257-118131.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/retail-assistant-examines-apparel-racks-trendy-boutique_482257-118131.jpg?_wi=1"
           imageAlt="Kumar Surgical Clinic consultation room"
           mediaPosition="right"
           mediaAnimation="slide-up"
@@ -248,7 +248,7 @@ export default function LandingPage() {
                 { label: "About Us", href: "#about" },
                 { label: "Our Team", href: "#team" },
                 { label: "Patient Reviews", href: "#testimonials" },
-                { label: "Contact Us", href: "#contact" }
+                { label: "Contact Us", href: "/contact-us" }
               ]
             },
             {

src/app/services/page.tsx

@@ -0,0 +1,184 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Heart, Stethoscope } from 'lucide-react';
+
+export default function ServicesPage() {
+  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="Our Comprehensive Medical Services"
+          description="Kumar Surgical and Laparoscopic Clinic offers a full range of specialized surgical and medical services delivered by experienced healthcare professionals using state-of-the-art equipment and advanced techniques. From advanced laparoscopic procedures to comprehensive emergency care, we provide comprehensive solutions for all your healthcare needs."
+          tag="Medical Excellence"
+          tagIcon={Heart}
+          background={{ variant: "glowing-orb" }}
+          imageSrc="http://img.b2bpic.net/free-photo/gynecological-room-hospital_7502-8389.jpg?_wi=3"
+          imageAlt="Kumar Surgical Clinic medical services"
+          imagePosition="right"
+          mediaAnimation="slide-up"
+          buttons={[
+            { text: "Book Appointment", href: "contact" },
+            { text: "Call Now", href: "tel:+919007359139" }
+          ]}
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardNine
+          title="Our Specialized Services"
+          description="Comprehensive surgical and medical solutions with advanced techniques for faster recovery and optimal patient outcomes"
+          tag="Medical Excellence"
+          tagIcon={Stethoscope}
+          features={[
+            {
+              id: 1,
+              title: "Advanced Laparoscopic Surgery",              description: "Minimally invasive surgical techniques using advanced equipment, specialized instruments, and endoscopic visualization. Benefits include reduced pain, shorter recovery times, minimal scarring, and faster return to normal activities. Our surgeons are highly trained in laparoscopic procedures for maximum patient safety and optimal surgical outcomes.",              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?_wi=4" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-room_1170-2220.jpg?_wi=4" }
+            },
+            {
+              id: 2,
+              title: "Cardiology",              description: "Comprehensive cardiac care including diagnosis, treatment, and management of heart conditions. Our cardiologists provide services ranging from basic cardiac assessments to advanced interventional procedures. We utilize modern diagnostic equipment including ECG, echocardiography, and stress testing for accurate diagnosis and personalized treatment plans.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-neurologist-showing-mri-brain-scan-results-her-colleagues_482257-123039.jpg?_wi=4" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-doctors-doing-surgical-procedure_23-2148962484.jpg?_wi=1" }
+            },
+            {
+              id: 3,
+              title: "Critical Care",              description: "State-of-the-art intensive care unit (ICU) with 24/7 monitoring and emergency response. Our critical care team manages acute illnesses and post-surgical recovery with advanced life support systems, continuous patient monitoring, and specialized nursing care. We provide comprehensive support for patients requiring intensive medical management.",              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?_wi=4" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-prescription-paper_482257-123658.jpg?_wi=4" }
+            },
+            {
+              id: 4,
+              title: "Gastroenterology",              description: "Expert diagnosis and treatment of digestive system disorders. Our gastroenterologists provide services including endoscopy, colonoscopy, and management of conditions affecting the stomach, intestines, liver, and pancreas. We utilize advanced diagnostic techniques and minimally invasive treatment options for optimal patient care.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-theater_107420-64881.jpg?_wi=3" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-doctors-doing-surgical-procedure_23-2148962484.jpg?_wi=2" }
+            },
+            {
+              id: 5,
+              title: "Gynaecology and Obstetrics",              description: "Comprehensive women's health services from routine gynecological care to specialized obstetric management. Our team provides family planning, prenatal care, delivery services, and post-natal support. We offer both routine and high-risk pregnancy management with emphasis on maternal and fetal safety throughout the pregnancy journey.",              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?_wi=5" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-room_1170-2220.jpg?_wi=5" }
+            },
+            {
+              id: 6,
+              title: "Orthopaedics",              description: "Specialized treatment of bone, joint, and musculoskeletal disorders. Our orthopedic surgeons provide services for fracture management, joint replacement, arthroscopic procedures, and sports medicine. We combine conservative treatment with advanced surgical techniques to restore mobility and quality of life for patients with orthopedic conditions.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-neurologist-showing-mri-brain-scan-results-her-colleagues_482257-123039.jpg?_wi=5" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-doctors-doing-surgical-procedure_23-2148962484.jpg?_wi=1" }
+            },
+            {
+              id: 7,
+              title: "Plastic and Reconstructive Surgery",              description: "Expert cosmetic and reconstructive surgical services including facial reconstruction, burn management, and aesthetic procedures. Our plastic surgeons combine surgical expertise with artistic vision to achieve natural-looking results. We offer both reconstructive surgery for trauma and disease, as well as elective aesthetic procedures.",              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?_wi=5" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-prescription-paper_482257-123658.jpg?_wi=5" }
+            },
+            {
+              id: 8,
+              title: "ENT (Ear, Nose, and Throat)",              description: "Comprehensive otolaryngological care for conditions affecting the ear, nose, throat, and related structures. Our ENT specialists provide diagnosis and treatment for infections, hearing disorders, sinusitis, and surgical management when needed. We offer both medical and surgical solutions for ENT conditions using modern diagnostic equipment.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-theater_107420-64881.jpg?_wi=4" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-doctors-doing-surgical-procedure_23-2148962484.jpg?_wi=2" }
+            },
+            {
+              id: 9,
+              title: "Paediatrics",              description: "Specialized pediatric care for infants, children, and adolescents. Our pediatricians provide routine health check-ups, immunizations, growth monitoring, and treatment of acute and chronic childhood illnesses. We create a child-friendly environment and involve parents in all aspects of care to ensure optimal health outcomes.",              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?_wi=6" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-room_1170-2220.jpg?_wi=6" }
+            },
+            {
+              id: 10,
+              title: "Oncology",              description: "Comprehensive cancer care including diagnosis, staging, and multimodal treatment. Our oncology team provides chemotherapy, radiation therapy consultation, and supportive care for cancer patients. We emphasize personalized treatment plans and patient support throughout the cancer journey with access to latest treatment options.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-neurologist-showing-mri-brain-scan-results-her-colleagues_482257-123039.jpg?_wi=6" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-doctors-doing-surgical-procedure_23-2148962484.jpg?_wi=1" }
+            },
+            {
+              id: 11,
+              title: "Neurology",              description: "Expert diagnosis and management of neurological disorders affecting the brain, spinal cord, and nerves. Our neurologists treat conditions such as stroke, epilepsy, Parkinson's disease, and other neurological conditions. We utilize advanced diagnostic tools and personalized treatment protocols for optimal neurological health.",              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?_wi=6" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-prescription-paper_482257-123658.jpg?_wi=6" }
+            },
+            {
+              id: 12,
+              title: "Urology",              description: "Comprehensive urological care for conditions affecting the urinary and reproductive systems. Our urologists provide diagnosis and treatment for urinary tract infections, kidney stones, prostate disorders, and other urological conditions. We offer both conservative management and advanced surgical interventions when necessary.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-theater_107420-64881.jpg?_wi=5" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-doctors-doing-surgical-procedure_23-2148962484.jpg?_wi=2" }
+            },
+            {
+              id: 13,
+              title: "Emergency Services",              description: "24/7 emergency department with rapid response and comprehensive trauma care. Our emergency team is trained to handle acute medical emergencies, trauma, and life-threatening conditions. We provide immediate assessment, stabilization, and appropriate treatment or transfer for all emergency cases with modern equipment and experienced staff.",              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?_wi=7" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/surgeons-performing-operation-operation-room_1170-2220.jpg?_wi=7" }
+            },
+            {
+              id: 14,
+              title: "Outpatient Services",              description: "Convenient outpatient consultation and diagnostic services for routine medical care. Our outpatient department provides general consultation, specialist consultations, diagnostic testing, and follow-up care. Patients can access healthcare services without hospitalization with efficient scheduling and expert medical attention for non-emergency medical needs.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-neurologist-showing-mri-brain-scan-results-her-colleagues_482257-123039.jpg?_wi=7" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-doctors-doing-surgical-procedure_23-2148962484.jpg?_wi=1" }
+            }
+          ]}
+          showStepNumbers={true}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Advanced Laparoscopic Surgery", href: "/services" },
+                { label: "Cardiology", href: "/services" },
+                { label: "Critical Care", href: "/services" },
+                { label: "Gastroenterology", href: "/services" },
+                { label: "Gynaecology and Obstetrics", href: "/services" }
+              ]
+            },
+            {
+              title: "More Services",              items: [
+                { label: "Orthopaedics", href: "/services" },
+                { label: "Plastic and Reconstructive Surgery", href: "/services" },
+                { label: "ENT", href: "/services" },
+                { label: "Paediatrics", href: "/services" },
+                { label: "Oncology", href: "/services" }
+              ]
+            },
+            {
+              title: "Quick Links",              items: [
+                { label: "Home", href: "/" },
+                { label: "About Us", href: "/" },
+                { label: "Our Team", href: "/" },
+                { label: "Contact Us", href: "/" }
+              ]
+            },
+            {
+              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>
+  );
+}