@extends('layouts.app')

@section('title', 'Mikey On Board Program - Mikey Network')

@section('meta_description',
    'The Mikey Network\'s On Board program places defibrillators in vehicles to ensure
    immediate response to cardiac emergencies during transit.')

@section('content')

    <div class="position-relative text-center">
        <div class="banner-container text-white">
            <img src="/images/page-banners/mikey_board_banner.png" class="img-fluid w-100" alt="Mikey Young At Heart Banner">
        </div>

        <div class="container position-absolute  mb-4 text-left">
            <img src="{{ asset('images/logos/mikey-on-board-logo.png') }}"
                class="img-fluid sub-logo position-absolute translate-middle-x" alt="Mikey Young At Heart Banner Text">
        </div>
    </div>

    <section class="py-3">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <h1 class="ubuntu-sans-400 text-center  text-grey font-64">A Safer, Stronger<span
                            class="text-mikey-red fw-bold"> community</span></h1>
                </div>
            </div>
        </div>
    </section>

    <section class="py-4">
        <div class="container">
            <p class="font-roboto-light font-18 line-1-5 letter-space-0-75 mb-3">
                A cardiac emergency can happen anywhere, at any time. That’s why the Mikey On Board Program was created - to
                place lifesaving MIKEY defibrillators in vehicles that travel through our communities every day, ensuring
                help is always close when it’s needed most. </p>

            <p class="font-roboto-light font-18 line-1-5 letter-space-0-75 mb-3">
                The program launched in 2012 with our first partner, Two Men and a Truck Canada, equipping their moving
                trucks with MIKEYs and training their teams to respond in an emergency. Since then, it has expanded to
                include other organizations committed to making a difference, such as Durham Radio, which became the first
                in Canada to install MIKEYs in its event cruisers. </p>

            <p class="font-roboto-light font-18 line-1-5 letter-space-0-75 mb-3">
                From service vehicles to transport fleets to even just your personal vehicle, Mikey On Board ensures that
                more businesses and organizations can be part of a safer, stronger community—one heartbeat at a time. </p>

            <p class="font-roboto-light font-18 line-1-5 letter-space-0-75 mb-3">
                Make sure your fleet of vehicles within the community contain a Mikey AED.
            </p>
        </div>
    </section>

    <section class="py-3 py-sm-3 py-md-3 py-lg-5">
        <div class="container ">
            <div class="row">
                <div class="col-md-8 offset-md-2 text-center">
                    <p class="ubuntu-sans-800 font-48 line-1-5 letter-space-0-75">
                        CONSIDER MIKEY ON BOARD FOR YOUR FLEET.
                    </p>

                    <a href="/contact-us" class="btn btn-mikey font-roboto-light text-uppercase px-4 py-2  rounded-0">
                        SUBMIT
                    </a>
                </div>
            </div>
        </div>
    </section>

    <section class="py-3 py-sm-3 py-md-3 py-lg-5">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <img src="/images/mikey_b_1.png" alt="Mikey On Board Program" class="img-fluid w-100">
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">

            <div class="row">
                <div class="col-md-12">
                    <h2 class="ubuntu-sans-400 text-center  text-grey font-64">A <span class="text-mikey-red fw-bold">
                            Partnership</span> For Life</h2>
                </div>
                <div class="col-md-12">
                    <p class="font-roboto-light font-18 line-1-5 letter-space-0-75 mb-0">
                        Having a Mikey On Board is more than just placing a defibrillator in a vehicle—it’s a statement that
                        your company cares. Whether at a job site, in a parade, or on the road, a MIKEY is a visible symbol
                        of compassion and readiness, showing employees, customers, and the community that you’re prepared to
                        help in an emergency. We provide the training and support to make participation easy, helping
                        businesses take an active role in protecting lives and making a real difference where it matters
                        most.
                    </p>

                </div>
            </div>


        </div>
    </section>

    <section class="py-5">
        <div class="container">
            <div class="row g-0">

                <div class="col-md-12 text-center">
                    <h3 class="ubuntu-sans-600 text-grey font-32 py-4 text-uppercase letter-space-0-75">Our Partners</h3>
                </div>

                <!-- Left: Image -->
                <div class="col-md-6">
                    <img src="/images/mikey_b_2.png" alt="Koala Insulation Truck"
                        class="img-fluid w-100 h-100 object-fit-cover">
                </div>

                <!-- Right: Green Text Block -->
                <div class="col-md-6 d-flex flex-column justify-content-center text-white p-5"
                    style="background-color: #749735;">
                    <img src="/images/mikey_b_3.png" alt="Koala Logo" class="mb-3" style="max-width: 130px;">

                    <p class="my-3 font-roboto-light font-18 line-2 letter-space-0-75">
                        Koala Insulation’s Kitchener-Waterloo franchise, led by Justin and Greg, is dedicated to sustainability and energy efficiency. Partnering with The Mikey Network, all Koala insulation trucks will carry a MOB, ensuring their teams can respond to cardiac emergencies. This initiative supports their mission to help build a greener, safer, and more resilient community.
                    </p>

                    <div class="d-flex align-items-center gap-2 mt-auto">
                        <img src="/images/mikey_b_4.svg" alt="Canada Icon" style="height: 80px;">
                    </div>
                </div>

            </div>
        </div>
    </section>

    <section class="py-5">
        <div class="container">
            <div class="row g-0">

                <!-- Left: Yellow Text Block -->
                <div class="col-md-6 d-flex flex-column justify-content-center p-5"
                    style="background-color: #e2b63b;">
                    <!-- Logo -->
                    <img src="/images/mikey_b_6.png" alt="Two Men and a Truck Logo" class="mb-4"
                        style="max-width: 350px;">

                    <!-- Paragraph -->
                    <p class="my-3 font-roboto-light font-18 line-2 letter-space-0-75">
                        TWO MEN AND A TRUCK® Canada isn’t just about moving—it’s about saving lives. In partnership with The Mikey Network, their teams are trained to use MIKEY defibrillators, equipping trucks with AEDs to combat Sudden Cardiac Arrest. With early AED use boosting survival rates by 50%, they’re setting a new industry standard and making communities safer—one truck at a time.
                    </p>

                    <!-- Canadian Icon -->
                    <div class="mt-auto">
                        <img src="/images/mikey_b_4.svg" alt="Canadian Owned" style="height: 80px;">
                    </div>
                </div>

                <!-- Right: Truck Image -->
                <div class="col-md-6">
                    <img src="/images/mikey_b_5.png" alt="Two Men and a Truck"
                        class="img-fluid w-100 h-100 object-fit-cover">
                </div>
            </div>
        </div>
    </section>



@endsection