@extends('layouts.website')

@section('content')
    <main>
        <section class="bs-banner type-overview typ-glob-accre typ-evt-banner typ-cert-banner typ-osd-banner">
            <div class="swiper main">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="background-wrapper set-bg"
                            data-img="{{ asset('assets/images/services/other-service-details.webp') }}">
                            <div class="container">
                                <div class="hero-wrapper">
                                    <h1 class="title" data-aos="fade" data-aos-delay="300">Empowering Ship Recyclers with <span>Safer Work Practices</span></h1>
                                    <p class="subtitle marB42" data-aos="fade" data-aos-delay="400">Comprehensive training programs to promote safe,
                                        sustainable,
                                        and compliant ship recycling operations.
                                        compliance.</p>
                                    <div class="custom-btn-group mb-2 " data-aos="fade" data-aos-delay="500">
                                        <a href="javascript:void(0)" class="bs-btn typ-fill" onclick="openPopupTC()"
                                            data-page-source="ship-recyclers">Get a Quote Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lyt-section bs-events">
            <div class="container typ-abt-events typ-osd-sec2">

                <div class="row align-items-start">
                    <div class="common-heading" data-aos="fade" data-aos-delay="300">
                        <div class="line">
                            <img src="{{ asset('assets/images/white-bg-line.svg') }}" class="img-fluid" alt="line-img">
                        </div>
                        <div class="bs-sub-heading text-uppercase">Overview</div>

                    </div>
                    <div class="col-lg-5">

                        <h2 class="bs-heading" data-aos="fade" data-aos-delay="400">
                            Ship Recycling: Regulations & Training
                        </h2>
                    </div>
                    <div class="col-lg-7 common-event" data-aos="fade" data-aos-delay="500">
                        <div class="bs-para typ-member-para">
                            India is a global leader in ship recycling, with Alang being one of the world’s largest
                            ship-breaking yards. Despite notable improvements in working conditions over the years, the
                            industry’s reputation continues to face challenges related to worker safety and
                            environmental sustainability.
                        </div>
                        <div class="bs-para typ-member-para  mt-4">
                            To address these challenges, the Hong Kong International Convention for the Safe and
                            Environmentally Sound Recycling of Ships, 2009 (Hong Kong Convention or HKC) is expected to
                            come into force soon. Meanwhile, the European Union (EU) has already laid down strict
                            guidelines for the certification of Ship Recycling Facilities and mandatory training
                            requirements.
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="lyt-section typWhite typ-overview-discover typ-credi typ-compliance">
            <div class="container">
                <div class="common-heading" data-aos="fade" data-aos-delay="300">
                    <div class="line">
                        <img src="{{ asset('assets/images/white-bg-line.svg') }}" class="img-fluid" alt="line-img">
                    </div>
                    <div class="bs-sub-heading">Strengthening Safety Standards Through Targeted Training</div>
                </div>
                <div class="row mb-4 align-items-end">
                    <div class="col-lg-7 col-12">
                        <h2 class="bs-heading" data-aos="fade" data-aos-delay="400">
                            Meeting Evolving Compliance Requirements
                        </h2>
                    </div>
                </div>
            </div>
            <div class="container typ-excell">
                <div class="accre-excell">
                    <div class="accre-excell-img">
                        <img src="{{ asset('assets/images/services/compliance.webp') }}" class="img-fluid"
                            alt="acree-excellance" data-aos="fade" data-aos-delay="500">
                    </div>
                    <div class="accre-excell-para" data-aos="fade" data-aos-delay="500">
                        <p class="bs-para mb-5">
                            With stricter global regulations like the HKC and EU directives, India’s ship recycling
                            sector is proactively raising safety standards through focused workforce training.
                        </p>
                        <p class="bs-para">
                            Priya Blue Industries Private Limited, a leading recycler in Alang, partnered with IRClass
                            to deliver a tailored, on-site training programme, equipping employees with practical skills
                            and greater awareness of industry risks and safe work practices. By addressing evolving
                            regulatory demands, IRClass helps ship recyclers operate safely, sustainably, and in line
                            with global standards.
                        </p>
                    </div>
                </div>
            </div>
        </section>
        <section
            class="lyt-section typUpskill p-0 typ-accre-recog typ-certificate-list typ-certi-li-acc typ-certification-plastic typ-ship-recycle typ-osd-sec4">
            <div class="container">
                <div class="row mb-5">
                    <div class="col-lg-7">
                        <div class="common-heading" data-aos="fade" data-aos-delay="300">
                            <div class="line">
                                <img src="{{ asset('assets/images/blue-bg-line.svg') }}" class="img-fluid" alt="line-img">
                            </div>
                            <div class="bs-sub-heading typWhite text-uppercase">Training Focus </div>
                        </div>
                        <h2 class="bs-heading typWhite maxw600 mb-3" data-aos="fade" data-aos-delay="500">
                            Comprehensive Ship Recycling Safety Training Programme
                        </h2>

                    </div>
                    <div class="col-lg-5 d-flex align-items-end">
                        <p class="bs-para typWhite typ-member-para" data-aos="fade" data-aos-delay="500"> Empowering ship recyclers with essential skills for
                            safe and
                            environmentally sound practices.</p>

                    </div>
                </div>
                <div class="bs-grid-box">
                    <div class="leftBox ">
                        <div class="bs-tabs typ-cert-tab" data-aos="fade" data-aos-delay="500">
                            <ul class="nav nav-pills mb-3 flex-column" id="pills-tab" role="tablist">
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center w-100">
                                        <button class="nav-link active w-100 text-start" id="pills-Quality-tab1"
                                            data-bs-toggle="pill" data-bs-target="#pills-Quality" type="button" role="tab"
                                            aria-controls="pills-Quality" aria-selected="true">Fire
                                            Protection and Prevention</button>
                                        <span
                                            class="icon icon-next-arrow position-absolute end-0 translate-middle-y me-3"></span>

                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: block; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Extra content for Quality</div>
                                </li>
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center w-100">
                                        <button class="nav-link w-100 text-start" id="pills-Environmental-tab2"
                                            data-bs-toggle="pill" data-bs-target="#pills-Environmental" type="button"
                                            role="tab" aria-controls="pills-Environmental" aria-selected="false">Safe
                                            Practices in Gas Cutting Operation</button>
                                        <span
                                            class="icon icon-next-arrow position-absolute end-0 translate-middle-y me-3"></span>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Extra content for Environmental</div>
                                </li>
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center w-100">
                                        <button class="nav-link w-100 text-start" id="pills-Health-tab3"
                                            data-bs-toggle="pill" data-bs-target="#pills-Health" type="button" role="tab"
                                            aria-controls="pills-Health" aria-selected="false">Workplace
                                            Safety & PPE Usage</button>
                                        <span
                                            class="icon icon-next-arrow position-absolute end-0 translate-middle-y me-3"></span>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Educates workers on maintaining a safe work environment. Covers correct
                                        selection and use of Personal Protective Equipment (PPE).</div>
                                </li>
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center w-100">
                                        <button class="nav-link w-100 text-start" id="pills-Security-tab4"
                                            data-bs-toggle="pill" data-bs-target="#pills-Security" type="button" role="tab"
                                            aria-controls="pills-Security" aria-selected="false">Identification, Handling &
                                            Management of IHM</button>
                                        <span
                                            class="icon icon-next-arrow position-absolute end-0 translate-middle-y me-3"></span>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Extra content for Security</div>
                                </li>
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center w-100">
                                        <button class="nav-link w-100 text-start" id="pills-Security-tab5"
                                            data-bs-toggle="pill" data-bs-target="#pills-Business1" type="button" role="tab"
                                            aria-controls="pills-Security" aria-selected="false">Prevention
                                            of Oil Spillage</button>
                                        <span
                                            class="icon icon-next-arrow position-absolute end-0 translate-middle-y me-3"></span>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Extra content for Security</div>
                                </li>
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center w-100">
                                        <button class="nav-link w-100 text-start" id="pills-Security-tab6"
                                            data-bs-toggle="pill" data-bs-target="#pills-Business2" type="button" role="tab"
                                            aria-controls="pills-Security" aria-selected="false">Elementary
                                            First Aid</button>
                                        <span
                                            class="icon icon-next-arrow position-absolute end-0 translate-middle-y me-3"></span>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Extra content for Security</div>
                                </li>
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center w-100">
                                        <button class="nav-link w-100 text-start" id="pills-Security-tab7"
                                            data-bs-toggle="pill" data-bs-target="#pills-Business3" type="button" role="tab"
                                            aria-controls="pills-Security" aria-selected="false">Practical
                                            Drills: Emergency Response & Fire-Fighting</button>
                                        <span
                                            class="icon icon-next-arrow position-absolute end-0 translate-middle-y me-3"></span>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Extra content for Security</div>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="rightBox" data-aos="fade" data-aos-delay="500">
                        <div class="bs-tabs">
                            <div class="tab-content" id="pills-tabContent">
                                <div class="rightBox" data-aos="fade" data-aos-delay="500">
                                    <div class="bs-tabs">
                                        <div class="tab-content" id="pills-tabContent2">
                                            <div class="tab-pane fade show active" id="pills-Quality" role="tabpanel"
                                                aria-labelledby="pills-Quality-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/services/training-program.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>

                                            </div>
                                            <div class="tab-pane fade" id="pills-Environmental" role="tabpanel"
                                                aria-labelledby="pills-Environmental-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/services/training-program.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="pills-Health" role="tabpanel"
                                                aria-labelledby="pills-Health-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/services/training-program.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="pills-Security" role="tabpanel"
                                                aria-labelledby="pills-Security-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/services/training-program.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>

                                            </div>
                                            <div class="tab-pane fade" id="pills-Business" role="tabpanel"
                                                aria-labelledby="pills-Business-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/services/training-program.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="pills-Business1" role="tabpanel"
                                                aria-labelledby="pills-Business-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/services/training-program.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="pills-Business2" role="tabpanel"
                                                aria-labelledby="pills-Business-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/services/training-program.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="pills-Business3" role="tabpanel"
                                                aria-labelledby="pills-Business-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/services/training-program.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </section>
        <section class="lyt-section bs-certification typ-goi typ-expert-skil typ-focused typ-sd-dm">
            <div class="wrap">
                <div class="container">
                    <div class="row justify-content-start">
                        <div class="col-lg-6 col-12">
                            <div class="common-heading mt-3" data-aos="fade" data-aos-delay="300">
                                <div class="line">
                                    <img src="{{ asset('assets/images/white-bg-line.svg') }}" class="img-fluid"
                                        alt="line-img">
                                </div>
                                <div class="bs-sub-heading text-uppercase">Focused, Practical & Worker-Centric Learning
                                    Approach</div>

                            </div>
                            <h2 class="bs-heading" data-aos="fade" data-aos-delay="400">
                                Key Features of Our Training Delivery Methodology </h2>

                        </div>
                    </div>
                    <div class="row d-flex justify-content-between">
                        <div class="col-lg-5 col-12">

                            <img src="{{ asset('assets/images/services/delivery-methodology.webp') }}" alt="expert-img"
                                class="img-fluid exper-img mb-3" data-aos="fade" data-aos-delay="500">
                        </div>
                        <div class="col-lg-7 col-12 para-left-padding" data-aos="fade" data-aos-delay="500">

                            <p class="para-iot bs-para">
                                <span>
                                    <img src="{{ asset('assets/images/Cyber/check-black.svg') }}" alt="checkicon"
                                        class="img-fluid" >
                                </span>
                                <span>
                                    Training sessions are delivered in Hindi with minimal English to ensure everyone
                                    easily understands key safety concepts.
                                </span>
                            </p>
                            <p class="para-iot bs-para">
                                <span>
                                    <img src="{{ asset('assets/images/Cyber/check-black.svg') }}" alt="checkicon"
                                        class="img-fluid">
                                </span>
                                <span>
                                    Mornings cover classroom theory, while afternoons focus on hands-on, practical
                                    training directly at the worksite.
                                </span>
                            </p>
                            <p class="para-iot bs-para">
                                <span>
                                    <img src="{{ asset('assets/images/Cyber/check-black.svg') }}" alt="checkicon"
                                        class="img-fluid">
                                </span>
                                <span>
                                    Site visits emphasize proper use of safety harnesses and PPE, with all participants
                                    wearing the right protective gear.
                                </span>
                            </p>
                            <p class="para-iot bs-para">
                                <span>
                                    <img src="{{ asset('assets/images/Cyber/check-black.svg') }}" alt="checkicon"
                                        class="img-fluid">
                                </span>
                                <span>
                                    Each training day ends with a classroom recap to reinforce learnings and discuss
                                    ways to improve work practices.
                                </span>
                            </p>
                            <p class="para-iot bs-para">
                                <span>
                                    <img src="{{ asset('assets/images/Cyber/check-black.svg') }}" alt="checkicon"
                                        class="img-fluid">
                                </span>
                                <span>
                                    Clear workplace Dos and Don’ts are shared to help participants follow safe practices
                                    in their daily tasks.
                                </span>
                            </p>
                            <p class="para-iot bs-para">
                                <span>
                                    <img src="{{ asset('assets/images/Cyber/check-black.svg') }}" alt="checkicon"
                                        class="img-fluid">
                                </span>
                                <span>
                                    Workers share real experiences about risks they face and learn practical ways to
                                    manage and reduce those risks.
                                </span>
                            </p>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="lyt-section bs-events typ-certifi-detail-global typ-success-story">
            <div class="container typ-abt-events">
                <div class="common-heading" data-aos="fade" data-aos-delay="300">
                    <div class="line">
                        <img src="{{ asset('assets/images/white-bg-line.svg') }}" class="img-fluid" alt="line-img">
                    </div>
                    <div class="bs-sub-heading text-uppercase">Proven Impact Through Effective Training Delivery
                    </div>

                </div>
                <h2 class="bs-heading mb-3" data-aos="fade" data-aos-delay="400">
                    A Success Story in Ship Recycling Safety Training</h2>
                <div class="row align-items-end">
                    <div class="col-lg-5 img-div col-12">
                        <img src="{{ asset('assets/images/services/ship-recycle.webp') }}" alt="global-standard"
                            class="img-fluid global-standard" data-aos="fade" data-aos-delay="500">
                    </div>
                    <div class="col-lg-7 common-event col-12">
                        <div class="event-desc bs-para mb-3" data-aos="fade" data-aos-delay="500">
                            The four-day programme was conducted onsite at Alang in Hindi during September/October 2016
                            by an expert team comprising a senior marine engineer and an HSE specialist. The training
                            received excellent feedback, with active participation from workers and positive responses
                            from Priya Blue Industries, leading to requests from other ship recyclers in Alang.

                        </div>
                        <div class="event-desc bs-para mb-3" data-aos="fade" data-aos-delay="500">
                            In November 2016, the same training was extended to employees of Hooghly Ship Breakers
                            Limited, RLK Ship Breaking Private Limited, and Triveni Shipbreaking Company.
                        </div>
                        <div class="event-desc bs-para" data-aos="fade" data-aos-delay="500">
                            IRClass supports the ship recycling industry in raising safety and environmental standards
                            per HKC and EU regulations. We collaborate with stakeholders to ensure compliance, promote
                            best practices, and drive improvement in recycling operations.
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="lyt-section typ-certified p-0">
            <div class="container-padding-left-create">
                <div class="certified-wrapper">
                    <div class="leftBox lyt-section">
                        <div class="maxw500o">
                            <h2 class="bs-heading mb-4" data-aos="fade" data-aos-delay="200">
                                Let's get you certified-Start your journey <span>today!</span>
                            </h2>
                            <p class="bs-para mb-4" data-aos="fade" data-aos-delay="300">
                                Connect with our experts for a seamless and hassle-free certification process.
                            </p>
                            <a href="javascript:void(0)" class="bs-btn typ-yellow" data-aos="fade" data-aos-delay="400"
                                onclick="openPopupTC()">Get Certified</a>
                        </div>
                    </div>
                    <div class="rightBox">
                        <div class="box-img" data-aos="fade" data-aos-delay="300">
                            <img src="{{ asset('assets/images/certified-bg.jpg') }}" class="img-fluid" alt="background-img">
                        </div>

                        <div class="middle-img" data-aos="fade" data-aos-delay="500">
                            <img src="{{ asset('assets/images/certified-img.png') }}" class="img-fluid" alt="man-img">
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- <section class="lyt-section typ-mission-sec5 typ-member-sec3 typ-contact-sec4 typ-explore-cert typ-event">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-12 col-12 mt-lg-0 mt-4 d-flex justify-content-center flex-column align-items-center">
                                    <div class="common-heading d-flex justify-content-center" data-aos="fade" data-aos-delay="300">
                                        <div class="bs-sub-heading text-uppercase">Ship Recyclers <span class="ms-1"></span></div>
                                    </div>
                                    <h2 class="bs-heading mb-3 text-center" data-aos="fade" data-aos-delay="400">
                                        Maritime Industry Solutions
                                    </h2>
                                </div>
                            </div>
                        </div>

                        <div class="container py-4">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="content-placeholder">
                                        <p class="bs-para text-center">Content will be added here...</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section> -->

        <!-- CTA Section -->
        <!-- <section class="lyt-section typ-certified p-0">
                        <div class="container-padding-left-create">
                            <div class="certified-wrapper">
                                <div class="leftBox lyt-section">
                                    <div class="maxw400">
                                        <h2 class="bs-heading mb-4" data-aos="fade" data-aos-delay="200">
                                            Let's get you certified-Start your journey <span>today!</span>
                                        </h2>
                                        <p class="bs-para mb-4" data-aos="fade" data-aos-delay="300">
                                            Connect with our experts for a seamless and hassle-free certification process.
                                        </p>
                                        <a href="javascript:void(0)" class="bs-btn typ-yellow" data-aos="fade" data-aos-delay="400" onclick="openPopupTC()" data-page-source="ship-recyclers">Get Certified</a>
                                    </div>
                                </div>
                                <div class="rightBox">
                                    <div class="box-img" data-aos="fade" data-aos-delay="300">
                                        <img src="{{ asset('assets/images/certified-bg.jpg') }}" class="img-fluid" alt="background-img">
                                    </div>
                                    <div class="middle-img" data-aos="fade" data-aos-delay="500">
                                        <img src="{{ asset('assets/images/certified-img.png') }}" class="img-fluid" alt="man-img">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section> -->

        <!-- back to top  -->
        <a href="#" class="back-to-top">
            <span class="icon icon-drop-icon"></span>
        </a>
        {{-- Request a Quote Button Component --}}
        @include('components.request-quote-button', ['buttonImage' => 'btn1.svg'])
    </main>

    {{-- Include enquiry form modal for Ship Recyclers page --}}
    @include('components.enquiry-form-wrapper', ['pageSource' => 'ship-recyclers', 'formType' => 'enquiry'])

@endsection