@extends('layouts.app')

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

@section('meta_description', 'Join The Mikey Network in our mission to save lives. Learn about volunteering, donating, and other ways to get involved.')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h1>Get Involved</h1>
            
            <div class="ways-to-help">
                <h2>Ways to Help</h2>
                
                <div class="row">
                    <div class="col-md-4">
                        <div class="help-card">
                            <h3>Donate</h3>
                            <p>Your financial support helps us place more defibrillators in public spaces and provide training to communities.</p>
                            <a href="/donate" class="btn btn-primary">Donate Now</a>
                        </div>
                    </div>
                    
                    <div class="col-md-4">
                        <div class="help-card">
                            <h3>Volunteer</h3>
                            <p>Join our team of volunteers and help us spread awareness about heart health and defibrillator use.</p>
                            <a href="/volunteer" class="btn btn-primary">Volunteer</a>
                        </div>
                    </div>
                    
                    <div class="col-md-4">
                        <div class="help-card">
                            <h3>Host an Event</h3>
                            <p>Organize a fundraising event or awareness campaign in your community.</p>
                            <a href="/contact" class="btn btn-primary">Contact Us</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="impact-section mt-5">
                <h2>Your Impact</h2>
                <p>Every contribution, whether big or small, helps us save lives. Here's what your support can do:</p>
                <ul>
                    <li>Place a defibrillator in a public space</li>
                    <li>Train community members in CPR and defibrillator use</li>
                    <li>Support heart health education programs</li>
                    <li>Help us reach more communities in need</li>
                </ul>
            </div>

            <div class="contact-section mt-5">
                <h2>Have Questions?</h2>
                <p>We'd love to hear from you! Contact us to learn more about how you can get involved.</p>
                <a href="/contact" class="btn btn-primary">Contact Us</a>
            </div>
        </div>
    </div>
</div>
@endsection