<?php include 'header.php';?>


<section class="gs-hero">

    <div class="gs-container">

        <!-- LEFT -->
        <div class="gs-left">

            <div class="gs-tagline">
                EXPERIENCE THE DIFFERENCE
            </div>

            <h1>
                Where quality care
                meets <span>affordability.</span>
            </h1>

            <p>
                NABH-accredited super-speciality care on NH-9, Pilkhuwa —
                serving Hapur, Ghaziabad, Meerut and Delhi NCR.
            </p>


            <!-- Doctor Search -->
            <div class="gs-search-card">

                <h3>
                    <i class="fa-solid fa-magnifying-glass"></i>
                    Find a Doctor
                </h3>

                <div class="gs-search-row">

                    <div class="gs-field">

                        <label>SPECIALITY</label>

                        <select>
                            <option>All Specialities</option>
                            <option>Cardiology</option>
                            <option>Orthopedic</option>

                        </select>

                    </div>

                    <div class="gs-field">

                        <label>DOCTOR</label>

                        <select>
                            <option>Any Doctor</option>
                        </select>

                    </div>

                    <button class="gs-search-btn">
                        <i class="fa-solid fa-magnifying-glass"></i>
                    </button>

                </div>

            </div>


            <a href="#" class="gs-book-btn">
                <i class="fa-regular fa-calendar"></i>
                Book Appointment
            </a>

        </div>


        <!-- RIGHT -->
        <div class="gs-right">

            <div class="gs-slider">
                <div class="gs-slide active">
                    <img src="https://htiwebs.com/gsuniversity/assets/img/home/Speciality-img.png">
                </div>

                <div class="gs-slide">
                    <video muted autoplay loop>
                        <source src="https://htiwebs.com/gsmedicalcollege/assets/img/video.webm" type="video/mp4">
                    </video>
                </div>
                
                <div class="gs-slide">
                    <img src="https://htiwebs.com/gsuniversity/assets/img/home/Speciality-img.png">
                </div>

                <!-- Previous -->
                <div class="gs-prev">
                    <i class="fa-solid fa-chevron-left"></i>
                </div>

                <!-- Next -->
                <div class="gs-next">
                    <i class="fa-solid fa-chevron-right"></i>
                </div>


                <!-- Dots -->
                <div class="gs-dots">

                    <span class="active"></span>
                    <span></span>
                    <span></span>

                </div>

            </div>

        </div>

    </div>

</section>





<section class="gs-choose-section">

    <div class="gs-small-heading">
        EXPERIENCE THE DIFFERENCE
    </div>

    <h2 class="gs-main-heading">
        Three reasons families choose GS
    </h2>

    <div class="gs-card-wrapper">

        <div class="gs-card">
            <div class="gs-card-image">
                <img src="https://htiwebs.com/gsuniversity/assets/img/home/Speciality-img.png" alt="">
            </div>

            <div class="gs-card-content">
                <h3>Academic Care</h3>

                <p>
                    Backed by GS University, our clinicians teach and train —
                    so patients benefit from current, evidence-based medicine.
                </p>
            </div>
        </div>


        <div class="gs-card">
            <div class="gs-card-image">
                <img src="https://htiwebs.com/gsuniversity/assets/img/home/Speciality-img.png" alt="">
            </div>

            <div class="gs-card-content">
                <h3>Advanced Technology</h3>

                <p>
                    Modern diagnostics, cath labs and operating theatres support
                    precise treatment across all 19 specialities.
                </p>
            </div>
        </div>


        <div class="gs-card">
            <div class="gs-card-image">
                <img src="https://htiwebs.com/gsuniversity/assets/img/home/Speciality-img.png" alt="">
            </div>

            <div class="gs-card-content">
                <h3>Patient Care</h3>

                <p>
                    A dedicated Mother & Child unit, 80+ acute beds and
                    round-the-clock nursing put comfort and recovery first.
                </p>
            </div>
        </div>

    </div>

</section>



<section class="gs-about-sec">

    <div class="gs-about-wrap">

        <!-- LEFT -->
        <div class="gs-about-left">

            <div class="gs-years-box">
                <h2>15+</h2>
                <span>Years of care</span>
            </div>

            <div class="gs-heart-icon">
                <!--<img src="https://htiwebs.com/gsuniversity/assets/img/home/Speciality-img.png" alt="">-->
            </div>

        </div>


        <!-- RIGHT -->
        <div class="gs-about-right">

            <div class="gs-about-tag">
                ABOUT
            </div>

            <h2 class="gs-about-title">
                GS Super Speciality Hospital
            </h2>

            <p class="gs-about-desc">
                One of the region's pioneering healthcare providers,
                delivering world-class treatment without the world-class
                price tag. Recognised by the NMC, GS brings advanced
                facilities and senior clinicians together under one roof.
            </p>


            <!-- Points -->

            <div class="gs-about-list">

                <div class="gs-list-item">
                    <span>✓</span>
                    <p>80+ acute & emergency beds including ICU, NICU and PICU</p>
                </div>

                <div class="gs-list-item">
                    <span>✓</span>
                    <p>Dedicated Mother & Child Care unit</p>
                </div>

                <div class="gs-list-item">
                    <span>✓</span>
                    <p>NABH accredited with senior super-specialist consultants</p>
                </div>

            </div>


            <a href="#" class="gs-read-btn">
                Read More
            </a>


            <!-- COUNTER BOXES -->

            <div class="gs-counter-row">

                <div class="gs-counter-box">
                    <h3 class="counter" data-target="15">0</h3>
                    <p>Years Experience</p>
                </div>

                <div class="gs-counter-box">
                    <h3 class="counter" data-target="30">0</h3>
                    <p>Happy Patients</p>
                </div>

                <div class="gs-counter-box">
                    <h3 class="counter" data-target="300">0</h3>
                    <p>Doctors</p>
                </div>

                <div class="gs-counter-box">
                    <h3 class="counter" data-target="1100">0</h3>
                    <p>Beds</p>
                </div>

            </div>

        </div>

    </div>

</section>






<section class="gs-speciality-section">
    <div class="gs-speciality-top">

        <div class="gs-speciality-heading">
            <span>SPECIALITIES</span>
            <h2>Centres of excellence</h2>

            <p>
                Comprehensive, specialist-led care across 19 clinical departments.
            </p>
        </div>

        <div class="gs-speciality-nav">

            <button class="gs-speciality-arrow" id="gsPrevBtn">
                &#8592;
            </button>

            <button class="gs-speciality-arrow" id="gsNextBtn">
                &#8594;
            </button>

        </div>

    </div>


    <div class="gs-speciality-wrapper">

        <div class="gs-speciality-track">

            <div class="gs-speciality-card">

                <div class="gs-speciality-img">
                    <img src="https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=800">
                </div>

                <div class="gs-speciality-content">
                    <h3>Neurology</h3>

                    <p>
                        Advanced brain and spine care with experienced specialists.
                    </p>

                    <a href="#">Read More →</a>
                </div>

            </div>


            <div class="gs-speciality-card">

                <div class="gs-speciality-img">
                    <img src="https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=800">
                </div>

                <div class="gs-speciality-content">
                    <h3>Neurology</h3>

                    <p>
                        Advanced brain and spine care with experienced specialists.
                    </p>

                    <a href="#">Read More →</a>
                </div>

            </div>
            
            <div class="gs-speciality-card">

                <div class="gs-speciality-img">
                    <img src="https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=800">
                </div>

                <div class="gs-speciality-content">
                    <h3>Neurology</h3>

                    <p>
                        Advanced brain and spine care with experienced specialists.
                    </p>

                    <a href="#">Read More →</a>
                </div>

            </div>
            
            <div class="gs-speciality-card">

                <div class="gs-speciality-img">
                    <img src="https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=800">
                </div>

                <div class="gs-speciality-content">
                    <h3>Neurology</h3>

                    <p>
                        Advanced brain and spine care with experienced specialists.
                    </p>

                    <a href="#">Read More →</a>
                </div>

            </div>
            
            <div class="gs-speciality-card">

                <div class="gs-speciality-img">
                    <img src="https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=800">
                </div>

                <div class="gs-speciality-content">
                    <h3>Neurology</h3>

                    <p>
                        Advanced brain and spine care with experienced specialists.
                    </p>

                    <a href="#">Read More →</a>
                </div>

            </div>

        </div>

    </div>


    <div class="gs-speciality-progress">
        <div class="gs-speciality-progress-fill"></div>
    </div>

</section>



<section class="gs-healing-section">

    <div class="gs-healing-top">
        <div class="gs-speciality-heading">
            <span>HEALING STORY</span>
            <h2>Real patients, real recoveries</h2>

            <p>Hear from people who trusted GS Hospital with the moments that mattered most.</p>
        </div>


        <div class="gs-healing-nav">

            <button id="gsHealingPrev" class="gs-healing-arrow">
                &#8592;
            </button>

            <button id="gsHealingNext" class="gs-healing-arrow">
                &#8594;
            </button>

        </div>

    </div>


    <div class="gs-healing-wrapper">

        <div class="gs-healing-track">

            <!-- Card 1 -->
            <div class="gs-healing-card">

                <div class="gs-healing-image">

                    <img src="https://htiwebs.com/gsuniversity/assets/img/home/Speciality-img.png" alt="">

                    <div class="gs-healing-overlay"></div>

                    <span class="gs-healing-tag">
                        CARDIOLOGY
                    </span>

                    <div class="gs-healing-play">
                        ▶
                    </div>

                </div>

                <div class="gs-healing-content">

                    <h3>A second chance at life</h3>

                    <p>
                        After an emergency angioplasty, Mr. Sharma was back on his feet within days.
                    </p>

                </div>

            </div>


            <!-- Card 2 -->
            <div class="gs-healing-card">

                <div class="gs-healing-image">

                    <img src="https://htiwebs.com/gsuniversity/assets/img/home/Speciality-img.png" alt="">

                    <div class="gs-healing-overlay"></div>

                    <span class="gs-healing-tag">
                        NEURO SURGERY
                    </span>

                    <div class="gs-healing-play">
                        ▶
                    </div>

                </div>

                <div class="gs-healing-content">

                    <h3>Walking again</h3>

                    <p>
                        Complex spine surgery restored mobility for a patient who struggled for years.
                    </p>

                </div>

            </div>

            <div class="gs-healing-card">

                <div class="gs-healing-image">

                    <img src="https://htiwebs.com/gsuniversity/assets/img/home/Speciality-img.png" alt="">

                    <div class="gs-healing-overlay"></div>

                    <span class="gs-healing-tag">
                        NEURO SURGERY
                    </span>

                    <div class="gs-healing-play">
                        ▶
                    </div>

                </div>

                <div class="gs-healing-content">

                    <h3>Walking again</h3>

                    <p>
                        Complex spine surgery restored mobility for a patient who struggled for years.
                    </p>

                </div>

            </div>
            
            <div class="gs-healing-card">

                <div class="gs-healing-image">

                    <img src="https://htiwebs.com/gsuniversity/assets/img/home/Speciality-img.png" alt="">

                    <div class="gs-healing-overlay"></div>

                    <span class="gs-healing-tag">
                        NEURO SURGERY
                    </span>

                    <div class="gs-healing-play">
                        ▶
                    </div>

                </div>

                <div class="gs-healing-content">

                    <h3>Walking again</h3>

                    <p>
                        Complex spine surgery restored mobility for a patient who struggled for years.
                    </p>

                </div>

            </div>
            
            <div class="gs-healing-card">

                <div class="gs-healing-image">

                    <img src="https://htiwebs.com/gsuniversity/assets/img/home/Speciality-img.png" alt="">

                    <div class="gs-healing-overlay"></div>

                    <span class="gs-healing-tag">
                        NEURO SURGERY
                    </span>

                    <div class="gs-healing-play">
                        ▶
                    </div>

                </div>

                <div class="gs-healing-content">

                    <h3>Walking again</h3>

                    <p>
                        Complex spine surgery restored mobility for a patient who struggled for years.
                    </p>

                </div>

            </div>

        </div>

    </div>

</section>


<section class="gs-choose-section">
    <div class="container">
        <div class="gs-small-heading"> AWARDS & ACCREDITATION </div>
        <h2 class="gs-main-heading"> Recognised for trusted care  </h2>
        

    <div class="gs-awards-grid">

        <div class="gs-award-card">

            <div class="gs-award-icon">
                <i class="fa-solid fa-shield-halved"></i>
                <span>★</span>
            </div>

            <h3>NABH Accredited</h3>
            <p>National quality & safety standard</p>

        </div>

        <div class="gs-award-card">

            <div class="gs-award-icon">
                <i class="fa-solid fa-graduation-cap"></i>
                <span>★</span>
            </div>

            <h3>NMC Recognised</h3>
            <p>Approved teaching hospital</p>

        </div>

        <div class="gs-award-card">

            <div class="gs-award-icon">
                <i class="fa-solid fa-shield-halved"></i>
                <span>★</span>
            </div>

            <h3>NABH Accredited</h3>
            <p>National quality & safety standard</p>

        </div>

        <div class="gs-award-card">

            <div class="gs-award-icon">
                <i class="fa-solid fa-graduation-cap"></i>
                <span>★</span>
            </div>

            <h3>NMC Recognised</h3>
            <p>Approved teaching hospital</p>

        </div>

    </div>

    </div>
    
</section>

<section class="gs-choose-section blog_section">
    <div class="container">
        <div class="gs-small-heading"> MEDIA & RESOURCES </div>
        <h2 class="gs-main-heading"> Latest from the blog & articles </h2>
        
        <div class="media-tabs">
            <button class="tab-btn active" data-tab="blogs">Blogs</button>
            <button class="tab-btn" data-tab="events">Events</button>
            <button class="tab-btn" data-tab="gallery">Gallery</button>
            <button class="tab-btn" data-tab="videos">Videos</button>
        </div>


    <!-- ================= BLOGS ================= -->
        <div class="tab-content active" id="blogs">
            <div class="blog-grid">
                <div class="blog-card">
                    <div class="blog-img">
                        <span class="category">Neurology</span>
                    </div>

                <div class="blog-content">

                    <div class="blog-date">
                        📅 24 June 2026
                    </div>

                    <span class="blog-type">Health Article</span>

                    <h3>
                        The Signs and Origins of Glioma
                    </h3>

                    <p>
                        Early warning signs of glioma, what causes this brain tumour and when to see a specialist.
                    </p>

                    <a href="#">
                        Read More →
                    </a>

                </div>

            </div>


            <!-- Card 2 -->
            <div class="blog-card">

                <div class="blog-img blog2">
                    <span class="category">Orthopedics</span>
                </div>

                <div class="blog-content">

                    <div class="blog-date">
                        📅 21 June 2026
                    </div>

                    <span class="blog-type">Health Article</span>

                    <h3>
                        5 Signs You May Need Knee Replacement
                    </h3>

                    <p>
                        Persistent pain, stiffness and reduced mobility can signal it's time to consider surgery.
                    </p>

                    <a href="#">
                        Read More →
                    </a>

                </div>

            </div>


            <!-- Card 3 -->
            <div class="blog-card">

                <div class="blog-img blog3">
                    <span class="category">Dermatology</span>
                </div>

                <div class="blog-content">

                    <div class="blog-date">
                        📅 18 June 2026
                    </div>

                    <span class="blog-type">Health Article</span>

                    <h3>
                        Resolve Acne Through Gut Healing
                    </h3>

                    <p>
                        The skin-gut connection and practical strategies to calm stubborn acne.
                    </p>

                    <a href="#">
                        Read More →
                    </a>

                </div>

            </div>

        </div>

    </div>


    <!-- EVENTS -->
    <div class="tab-content" id="events">

    </div>


    <!-- GALLERY -->
    <div class="tab-content" id="gallery">

    </div>


    <!-- VIDEOS -->
    <div class="tab-content" id="videos">

    </div>

<!--</section>-->



    </div>
</section>

        
<?php include 'footer.php';?>