@extends('layouts.app')

@section('title', 'How You Can Get Involved - Mikey Network')

@section('meta_description',
    'Learn how you can get involved with The Mikey Network and help save lives through
    defibrillator placement and education.')

@section('content')
    <div class="banner-container position-relative text-center text-white">
        <!-- Banner Image -->
        <img src="{{ asset('images/page-banners/how-to-get-involved-banner-2.png') }}" class="img-fluid w-100"
            alt="Our Funds Banner">

    </div>

    <section class="pt-3 mb-5">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <p class="ubuntu-sans-400 font-64 text-grey text-center">Support <span
                            class="ubuntu-sans-800 text-mikey-red">Mikey</span></p>
                    <p class="font-18 font-roboto-light text-grey text-start line-1-5 letter-space-0-5">At The Mikey
                        Network, we are on a mission to
                        save lives by placing life-saving AEDs (Automated External Defibrillator) in public spaces and
                        educating communities about heart health. But we can’t do it alone. We rely on the support of
                        individuals, organizations, and communities who share our passion for making a difference.
                        Whether you're looking to make a donation, volunteer, become a partner, or raise awareness, there
                        are many ways you can get involved with The Mikey Network and help us continue our life-saving work.
                    </p>

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

    <section class="bg-red">
        <div class="container py-5">
            <div class="row offset-md-1 mt-5 mb-5 pb-0 pb-md-5 pb-lg-5">
                <div class="col-md-2 mb-4 mb-md-0 mb-lg-0">
                    <img src="/images/icons/make-a-donation-icon.svg" class="img-fluid" alt="Heart Icon">
                </div>
                <div class="col-md-9 text-white">
                    <p class="ubuntu-sans-400 font-32 mb-4 text-uppercase">Make a Donation</p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-3">
                        Your donation will help us place more AEDs in public spaces, provide training for schools and
                        communities, and spread heart health education. Every contribution, no matter the size, makes a big
                        impact. Your generosity ensures that we can continue to help people when they need it most – in an
                        emergency
                    </p>

                    <a href="/donate"
                        class="btn btn-mikey-white text-uppercase font-18 roboto-regular rounded-0 mt-4 px-5 py-2 letter-space-0-5 fw-bold">GO
                        To page</a>
                </div>
            </div>


            <div class="row offset-md-1 mb-5 pb-0 pb-md-5 pb-lg-5">
                <div class="col-md-2 mb-4 mb-md-0 mb-lg-0">
                    <img src="/images/icons/event.svg" class="img-fluid" alt="Heart Icon">
                </div>
                <div class="col-md-9 text-white">
                    <p class="ubuntu-sans-400 font-32 mb-4 text-uppercase">Host an Event to support mikey</p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-3">
                        Whether it’s a walk, a workout, a bake sale, or something totally your own - your effort helps raise
                        life-saving funds and awareness. Every MIKEY defibrillator placed is one more chance to save a life,
                        and your event brings us one step closer
                    </p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-3">
                        We’re here to support you every step of the way - let’s make it unforgettable!
                    </p>

                    <a href="/donate"
                        class="btn btn-mikey-white text-uppercase font-18 roboto-regular rounded-0 mt-4 px-5 py-2 letter-space-0-5 fw-bold">
                        LET'S get your event started</a>
                </div>
            </div>


            <div class="row offset-md-1 mb-5 pb-0 pb-md-5 pb-lg-5">
                <div class="col-md-2 mb-4 mb-md-0 mb-lg-0">
                    <img src="/images/icons/start-fundraising.svg" class="img-fluid" alt="Heart Icon">
                </div>
                <div class="col-md-9 text-white">
                    <p class="ubuntu-sans-400 font-32 mb-4">START FUNDRAISING </p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-3">
                        Get involved and save lives! Start fundraising for The Mikey Network! Without the help of your
                        fundraising we wouldn’t be able to do what we do, so thank you in advance. We make it easy for you
                        to create your own Mikey Network Fundraising page with just a few clicks, and ask friends and family
                        to donate to your intiative
                    </p>


                    <a href="/donate"
                        class="btn btn-mikey-white text-uppercase font-18 roboto-regular rounded-0 mt-4 px-5 py-2 letter-space-0-5 fw-bold">
                        START FUNDRAISING NOW</a>
                </div>
            </div>


            <div class="row offset-md-1 mb-5 pb-0 pb-md-5 pb-lg-5">
                <div class="col-md-2 mb-4 mb-md-0 mb-lg-0">
                    <img src="/images/icons/donate-family-member.svg" class="img-fluid" alt="Heart Icon">
                </div>
                <div class="col-md-9 text-white">
                    <p class="ubuntu-sans-400 font-32 mb-4 text-uppercase">Donate to an existing fund for a friend or family
                        member</p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-3">
                        Create your own personal fund in support of The Mikey Network to honour or memorialize a family
                        member, a colleague or a friend.
                    </p>


                    <a href="/donate"
                        class="btn btn-mikey-white text-uppercase font-18 roboto-regular rounded-0 mt-4 px-5 py-2 letter-space-0-5 fw-bold">
                        GO TO PAGE</a>
                </div>
            </div>


        </div>
    </section>




    <section class="">
        <div class="container py-5">
            <div class="row offset-md-1 mt-5 mb-5 pb-0 pb-md-5 pb-lg-5">
                <div class="col-md-2 mb-4 mb-md-0 mb-lg-0">
                    <img src="/images/icons/kids-partner.svg" class="img-fluid" alt="Heart Icon">
                </div>
                <div class="col-md-9 text-black">
                    <p class="ubuntu-sans-400 font-32 mb-4 fw-bold letter-space-05 text-uppercase">Become a Mikey Kids
                        Partner</p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-3">
                        Your donation will help us place more AEDs in public spaces, provide training for schools and
                        communities, and spread heart health education. Every contribution, no matter the size, makes a big
                        impact. Your generosity ensures that we can continue to help people when they need it most – in an
                        emergency
                    </p>

                    <a href="/donate"
                        class="btn btn-mikey text-uppercase font-18 roboto-regular rounded-0 mt-4 px-5 py-2 letter-space-0-5 fw-bold">GO
                        To page</a>
                </div>
            </div>



            <div class="row offset-md-1 mt-5 mb-5 pb-0 pb-md-5 pb-lg-5">
                <div class="col-md-2 mb-4 mb-md-0 mb-lg-0">
                    <img src="/images/icons/volunteer-your-time.svg" class="img-fluid" alt="Heart Icon">
                </div>
                <div class="col-md-9 text-black">
                    <p class="ubuntu-sans-400 font-32 mb-4 fw-bold letter-space-05 text-uppercase">Volunteer Your Time</p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-3">
                        Our volunteers are the heart of our organization. From helping with fundraising events to raising
                        awareness in your community, there are many ways to lend a hand. Volunteering with The Mikey Network
                        is a great way to make a meaningful impact and support a cause that saves lives.
                    </p>

                    <a href="/donate"
                        class="btn btn-mikey text-uppercase font-18 roboto-regular rounded-0 mt-4 px-5 py-2 letter-space-0-5 fw-bold">GO
                        To page</a>
                </div>
            </div>


            <div class="row offset-md-1 mt-5 mb-5 pb-0 pb-md-5 pb-lg-5">
                <div class="col-md-2 mb-4 mb-md-0 mb-lg-0">
                    <img src="/images/icons/raise-awareness.svg" class="img-fluid" alt="Heart Icon">
                </div>
                <div class="col-md-9 text-black">
                    <p class="ubuntu-sans-400 font-32 mb-4 fw-bold letter-space-05 text-uppercase">Raise Awareness</p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-3">
                        One of the most powerful ways you can help is by raising awareness about sudden cardiac arrest (SCA)
                        and the importance of having an AED readily available. Share information on social media, host
                        informational events, or talk to your community leaders about getting AEDs installed in public
                        spaces. The more people who know about the importance of AEDs, the more lives we can save.
                    </p>

                    <a href="/donate"
                        class="btn btn-mikey text-uppercase font-18 roboto-regular rounded-0 mt-4 px-5 py-2 letter-space-0-5 fw-bold">GO
                        To page</a>
                </div>
            </div>




            <div class="row offset-md-1 mt-5 mb-5 pb-0 pb-md-5 pb-lg-5">
                <div class="col-md-2 mb-4 mb-md-0 mb-lg-0">
                    <img src="/images/icons/sponser-mikey.svg" class="img-fluid" alt="Heart Icon">
                </div>
                <div class="col-md-9 text-black">
                    <p class="ubuntu-sans-400 font-32 mb-4 fw-bold letter-space-05 text-uppercase">Sponsor a Mikey AED</p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-3">
                        Corporate sponsorships play a critical role in enabling us to place more AEDs in communities where
                        they are needed most. By sponsoring a Mikey AED, you help provide life-saving technology to public
                        places, schools, and recreation centers. Your support will ensure that more people are equipped with
                        the tools to survive a sudden cardiac arrest.
                    </p>

                    <a href="/donate"
                        class="btn btn-mikey text-uppercase font-18 roboto-regular rounded-0 mt-4 px-5 py-2 letter-space-0-5 fw-bold">GO
                        To page</a>
                </div>
            </div>


            <div class="row offset-md-1 mt-5 mb-5 pb-0 pb-md-5 pb-lg-5">
                <div class="col-md-2 mb-4 mb-md-0 mb-lg-0">
                    <img src="/images/icons/share-story.svg" class="img-fluid" alt="Heart Icon">
                </div>
                <div class="col-md-9 text-black">
                    <p class="ubuntu-sans-400 font-32 mb-4 fw-bold letter-space-05 text-uppercase">Share Your Story</p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-3">
                        Has The Mikey Network made a difference in your life or the lives of someone you know? Sharing your
                        story can inspire others to get involved and help spread awareness about the importance of AEDs.
                        Your voice matters in our mission to save lives.
                    </p>

                    <a href="/donate"
                        class="btn btn-mikey text-uppercase font-18 roboto-regular rounded-0 mt-4 px-5 py-2 letter-space-0-5 fw-bold">GO
                        To page</a>
                </div>
            </div>


            <div class="row offset-md-1 mt-5 mb-5 pb-0 pb-md-5 pb-lg-5">
                <div class="col-md-2 mb-4 mb-md-0 mb-lg-0">
                    <img src="/images/icons/stay-informed.svg" class="img-fluid" alt="Heart Icon">
                </div>
                <div class="col-md-9 text-black">
                    <p class="ubuntu-sans-400 font-32 mb-4 fw-bold letter-space-05 text-uppercase">Stay Informed and Spread
                        the Word</p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-3">
                        Subscribe to our newsletter and follow us on social media to stay up-to-date on our programs,
                        events, and success stories. The more people who understand the impact of Mikey AEDs, the more lives
                        we can save.
                    </p>

                    <a href="/donate"
                        class="btn btn-mikey text-uppercase font-18 roboto-regular rounded-0 mt-4 px-5 py-2 letter-space-0-5 fw-bold">GO
                        To page</a>
                </div>
            </div>


            <div class="row offset-md-1 mt-5 mb-5 pb-0 pb-md-5 pb-lg-5">
                <div class="col-md-2 mb-4 mb-md-0 mb-lg-0">
                    <img src="/images/icons/create-a-fund.svg" class="img-fluid" alt="Heart Icon">
                </div>
                <div class="col-md-9 text-black">
                    <p class="ubuntu-sans-400 font-32 mb-4 fw-bold letter-space-05 text-uppercase">Create a Fund to honour
                        a loved one</p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-3">
                        Creating a fund is a heartfelt way to honour or remember someone special. Your support helps place
                        MIKEYs in public spaces and with families who need them, while also funding education that teaches
                        others how to save lives. Together, we can help keep hearts beating and give more people a second
                        chance.
                    </p>

                    <a href="/donate"
                        class="btn btn-mikey text-uppercase font-18 roboto-regular rounded-0 mt-4 px-5 py-2 letter-space-0-5 fw-bold">GO
                        To page</a>
                </div>
            </div>




        </div>
    </section>


    <section class="bg-beige">
        <div class="container py-5">
            <div class="row">
                <div class="col-md-12 text-center">
                    <p class="ubuntu-sans-600 font-64 text-black text-center">Ready to get involved?</p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-0 text-center">
                       We would love to hear from you! Whether you’re interested in making a donation, volunteering, or becoming a partner, our team is here to answer your questions and provide all the information you need.
                    </p>
                    <p class="font-18 font-roboto-light  line-1-5 letter-space-0-5 mb-4 text-center">
                    Together, we can ensure that more lives are saved through the power of Mikey AEDs and heart health education. Every action counts, and with your support, we can create safer, heart-healthy communities across the region.
                    </p>
                    <a href="/contact-us" target="_blank"
                        class="btn btn-mikey text-uppercase font-18 roboto-regular rounded-0 mt-4 px-5 py-2 letter-space-0-5 fw-bold">Contact us today to start making a difference!</a>
                </div>
            </div>
        </div>
    </section>



@endsection