<!DOCTYPE html>
<html lang="en">
<head>
    <%- include('partials/head') %> 
</head>
<body>
    <%- include('partials/navbar') %>

    <!-- Mission Section -->
<section class="mission-section text-center">
    <div class="container">
      <h2 class="mb-4">Our Mission</h2>
      <p class="lead">Together, we are committed to ending hunger and creating a world where no one goes to bed hungry.</p>
      <p>We believe that everyone deserves access to nutritious food and a chance for a better future.</p>
      <a href="#donate" class="btn btn-lg cta-button">Donate Now</a>
    </div>
  </section>
  
  <!-- Information Section -->
  <section class="container mt-5">
    <div class="row">
      <div class="col-md-4">
        <h3>Why Hunger?</h3>
        <p>We tackle hunger because it is a fundamental human right to have access to sufficient, safe, and nutritious food.</p>
      </div>
      <div class="col-md-4">
        <h3>How We Help</h3>
        <p>Through partnerships and community engagement, we provide food assistance, education, and sustainable solutions to end hunger.</p>
      </div>
      <div class="col-md-4">
        <h3>Get Involved</h3>
        <p>You can make a difference! Join us in our mission by volunteering, donating, or spreading awareness about hunger in your community.</p>
      </div>
    </div>
  </section>
</body>
</html>