{% extends "layout.html" %}

{% block content %}
<!-- Ministries Header -->
<section class="section-2025" style="background: var(--gradient-primary); color: white; text-align: center;">
  <div class="container-2025">
    <div class="section-header scroll-reveal">
      <h1 class="section-title serif" style="color: white; font-size: clamp(3rem, 6vw, 5rem);">Our Ministries</h1>
      <p class="section-subtitle" style="color: rgba(255,255,255,0.9); font-size: 1.3rem; max-width: 800px;">
        Discover how God is working through our church community to serve, grow, and share His love with others.
      </p>
    </div>
  </div>
</section>

<!-- Ministries Grid -->
<section class="section-2025">
  <div class="container-2025">
    <div class="cards-grid" style="margin-top: 0;">
      <!-- Prayer Ministry -->
      <div class="card-2025 scroll-reveal stagger-1">
        <div class="card-icon-2025">
          <i class="fas fa-praying-hands"></i>
        </div>
        <h3 class="card-title">Prayer Ministry</h3>
        <p class="card-text">
          Our prayer ministry is the spiritual heartbeat of our church. We believe in the power of prayer to transform lives, 
          heal communities, and advance God's kingdom. Join us for our weekly prayer meetings every Wednesday at 7:00 PM, 
          where we intercede for our church family, community needs, and global mission.
        </p>
        <div style="margin-top: 2rem;">
          <strong style="color: var(--deep-navy);">Schedule:</strong><br>
          <span style="color: var(--medium-gray);">Wednesday Prayer Meeting - 7:00 PM</span><br>
          <span style="color: var(--medium-gray);">Sabbath Morning Prayer - 9:00 AM</span>
        </div>
      </div>

      <!-- Gardening Ministry -->
      <div class="card-2025 scroll-reveal stagger-2">
        <div class="card-icon-2025">
          <i class="fas fa-seedling"></i>
        </div>
        <h3 class="card-title">Gardening Ministry</h3>
        <p class="card-text">
          Our gardening ministry combines our love for God's creation with practical service to our community. 
          We maintain a church garden that provides fresh produce for local food banks and teaches sustainable, 
          healthy living practices. Whether you're a seasoned gardener or just starting out, everyone is welcome to dig in!
        </p>
        <div style="margin-top: 2rem;">
          <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank" class="btn-2025 btn-outline" style="border: 2px solid var(--deep-navy); color: var(--deep-navy);">
            <i class="fas fa-video"></i>
            Watch Our Garden Tour
          </a>
        </div>
      </div>

      <!-- Bible Studies -->
      <div class="card-2025 scroll-reveal stagger-3">
        <div class="card-icon-2025">
          <i class="fas fa-book-open"></i>
        </div>
        <h3 class="card-title">Bible Studies</h3>
        <p class="card-text">
          Deepen your understanding of God's Word through our various Bible study opportunities. 
          We offer both in-person and online studies covering topics from prophecy to practical Christian living. 
          Our studies are designed for all levels of biblical knowledge, from beginners to advanced students.
        </p>
        <div style="margin-top: 2rem;">
          <strong style="color: var(--deep-navy);">Resources:</strong><br>
          <div style="display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem;">
            <a href="https://www.biblestudyguides.org/" target="_blank" class="btn-2025 btn-outline" style="border: 2px solid var(--deep-navy); color: var(--deep-navy); font-size: 0.9rem; padding: 0.5rem 1rem;">
              <i class="fas fa-external-link-alt"></i>
              Bible Study Guides
            </a>
            <a href="https://www.amazingfacts.org/" target="_blank" class="btn-2025 btn-outline" style="border: 2px solid var(--deep-navy); color: var(--deep-navy); font-size: 0.9rem; padding: 0.5rem 1rem;">
              <i class="fas fa-external-link-alt"></i>
              Amazing Facts
            </a>
          </div>
        </div>
      </div>

      <!-- Adventist Youth -->
      <div class="card-2025 scroll-reveal stagger-4">
        <div class="card-icon-2025">
          <i class="fas fa-users"></i>
        </div>
        <h3 class="card-title">Adventist Youth (AY)</h3>
        <p class="card-text">
          Our Adventist Youth program is designed to inspire young people to love Jesus, live with purpose, and serve others. 
          Through dynamic worship experiences, community service projects, and fellowship activities, 
          our youth develop strong Christian character and leadership skills.
        </p>
        <div style="margin-top: 2rem;">
          <strong style="color: var(--deep-navy);">Activities Include:</strong><br>
          <span style="color: var(--medium-gray);">• Weekly AY meetings</span><br>
          <span style="color: var(--medium-gray);">• Community service projects</span><br>
          <span style="color: var(--medium-gray);">• Youth camps and retreats</span><br>
          <span style="color: var(--medium-gray);">• Leadership development</span>
        </div>
      </div>

      <!-- Health Ministry -->
      <div class="card-2025 scroll-reveal stagger-1">
        <div class="card-icon-2025">
          <i class="fas fa-heartbeat"></i>
        </div>
        <h3 class="card-title">Health Ministry</h3>
        <p class="card-text">
          Following Christ's ministry of healing, we promote physical, mental, and spiritual wellness. 
          Our health ministry offers educational programs on nutrition, stress management, and natural remedies. 
          We believe that caring for our bodies is part of honoring God as our Creator.
        </p>
        <div style="margin-top: 2rem;">
          <strong style="color: var(--deep-navy);">Programs Offered:</strong><br>
          <span style="color: var(--medium-gray);">• Cooking classes (plant-based nutrition)</span><br>
          <span style="color: var(--medium-gray);">• Health screenings</span><br>
          <span style="color: var(--medium-gray);">• Stress management workshops</span><br>
          <span style="color: var(--medium-gray);">• Walking groups</span>
        </div>
      </div>

      <!-- Training & Education -->
      <div class="card-2025 scroll-reveal stagger-2">
        <div class="card-icon-2025">
          <i class="fas fa-graduation-cap"></i>
        </div>
        <h3 class="card-title">Training & Education</h3>
        <p class="card-text">
          We are committed to equipping our members for effective ministry and Christian living. 
          Our training programs cover topics such as evangelism, public speaking, Bible study methods, 
          and practical ministry skills. We believe every member is called to serve according to their gifts.
        </p>
        <div style="margin-top: 2rem;">
          <strong style="color: var(--deep-navy);">Training Areas:</strong><br>
          <span style="color: var(--medium-gray);">• Evangelism and witnessing</span><br>
          <span style="color: var(--medium-gray);">• Bible study methods</span><br>
          <span style="color: var(--medium-gray);">• Public speaking</span><br>
          <span style="color: var(--medium-gray);">• Children's ministry</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Get Involved Section -->
<section class="section-2025" style="background: var(--soft-gray);">
  <div class="container-2025">
    <div class="section-header scroll-reveal">
      <h2 class="section-title">Get Involved</h2>
      <p class="section-subtitle">
        God has given each of us unique gifts and talents to serve His kingdom. 
        Discover how you can use your abilities to make a difference in our church and community.
      </p>
    </div>

    <div class="card-2025 scroll-reveal" style="max-width: 800px; margin: 0 auto; text-align: center;">
      <div class="card-icon-2025" style="margin: 0 auto 2rem;">
        <i class="fas fa-hands-helping"></i>
      </div>
      <h3 class="card-title" style="font-size: 2rem; margin-bottom: 2rem;">Find Your Ministry</h3>
      <p style="color: var(--medium-gray); line-height: 1.6; margin-bottom: 3rem; font-size: 1.1rem;">
        Whether you have a passion for prayer, teaching, music, community service, or something else entirely, 
        there's a place for you in our ministry team. Contact us to learn more about volunteer opportunities 
        and how you can use your gifts to serve others.
      </p>
      
      <div style="display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center;">
        <a href="/contact" class="btn-2025 btn-primary">
          <i class="fas fa-envelope"></i>
          Contact Us About Volunteering
        </a>
        <a href="/events" class="btn-2025 btn-outline" style="border: 2px solid var(--deep-navy); color: var(--deep-navy);">
          <i class="fas fa-calendar"></i>
          See Upcoming Ministry Events
        </a>
      </div>
    </div>
  </div>
</section>

<!-- Ministry Impact -->
<section class="section-2025">
  <div class="container-2025">
    <div class="section-header scroll-reveal">
      <h2 class="section-title">Ministry Impact</h2>
      <p class="section-subtitle">
        Through God's grace and your faithful service, our ministries are making a real difference in our community and beyond.
      </p>
    </div>

    <div class="cards-grid">
      <div class="card-2025 scroll-reveal stagger-1" style="text-align: center;">
        <div style="font-size: 3rem; color: var(--soft-gold); margin-bottom: 1rem;">
          <i class="fas fa-users"></i>
        </div>
        <h3 style="font-size: 2.5rem; color: var(--deep-navy); margin-bottom: 0.5rem;">150+</h3>
        <h4 class="card-title">People Served Monthly</h4>
        <p class="card-text">Through our various ministries, we reach over 150 people each month with God's love and practical help.</p>
      </div>

      <div class="card-2025 scroll-reveal stagger-2" style="text-align: center;">
        <div style="font-size: 3rem; color: var(--soft-gold); margin-bottom: 1rem;">
          <i class="fas fa-hands-praying"></i>
        </div>
        <h3 style="font-size: 2.5rem; color: var(--deep-navy); margin-bottom: 0.5rem;">24/7</h3>
        <h4 class="card-title">Prayer Chain</h4>
        <p class="card-text">Our prayer warriors are available around the clock to lift up your needs and concerns to our loving Father.</p>
      </div>

      <div class="card-2025 scroll-reveal stagger-3" style="text-align: center;">
        <div style="font-size: 3rem; color: var(--soft-gold); margin-bottom: 1rem;">
          <i class="fas fa-seedling"></i>
        </div>
        <h3 style="font-size: 2.5rem; color: var(--deep-navy); margin-bottom: 0.5rem;">500+</h3>
        <h4 class="card-title">Pounds of Produce</h4>
        <p class="card-text">Our garden ministry has donated over 500 pounds of fresh produce to local food banks this year.</p>
      </div>

      <div class="card-2025 scroll-reveal stagger-4" style="text-align: center;">
        <div style="font-size: 3rem; color: var(--soft-gold); margin-bottom: 1rem;">
          <i class="fas fa-book-open"></i>
        </div>
        <h3 style="font-size: 2.5rem; color: var(--deep-navy); margin-bottom: 0.5rem;">12</h3>
        <h4 class="card-title">Bible Studies Weekly</h4>
        <p class="card-text">We conduct 12 Bible studies each week, helping people grow in their understanding of God's Word.</p>
      </div>
    </div>
  </div>
</section>

<!-- Call to Action -->
<section class="section-2025" style="background: var(--deep-navy); color: white; text-align: center;">
  <div class="container-2025">
    <div class="section-header scroll-reveal">
      <h2 class="section-title serif" style="color: white;">Join Us in Ministry</h2>
      <p class="section-subtitle" style="color: rgba(255,255,255,0.9); margin-bottom: 3rem;">
        Every member is a minister. Discover how God wants to use your unique gifts and talents to serve His kingdom.
      </p>
      
      <div style="display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center;">
        <a href="/contact" class="btn-2025 btn-primary">
          <i class="fas fa-envelope"></i>
          Contact Our Ministry Leaders
        </a>
        <a href="/events" class="btn-2025 btn-outline">
          <i class="fas fa-calendar-alt"></i>
          View Ministry Calendar
        </a>
      </div>
    </div>
  </div>
</section>
{% endblock %}