{% extends "layout.html" %}

{% block content %}
<!-- About Us 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);">About Our Church</h1>
      <p class="section-subtitle" style="color: rgba(255,255,255,0.9); font-size: 1.3rem; max-width: 800px;">
        Founded on Biblical principles and committed to proclaiming the Three Angels' Messages, we are a community of believers dedicated to worship, fellowship, and service.
      </p>
    </div>
  </div>
</section>

<!-- Our Mission & History -->
<section class="section-2025">
  <div class="container-2025">
    <div class="cards-grid" style="margin-top: 0;">
      <div class="card-2025 scroll-reveal stagger-1">
        <div class="card-icon-2025">
          <i class="fas fa-heart"></i>
        </div>
        <h3 class="card-title">Our Mission</h3>
        <p class="card-text">
          To proclaim the everlasting gospel of Jesus Christ in the context of the Three Angels' Messages of Revelation 14:6-12, 
          leading people to accept Jesus as their personal Savior and unite with His remnant church, discipling them to serve Him as Lord 
          and preparing them for His soon return.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-2">
        <div class="card-icon-2025">
          <i class="fas fa-church"></i>
        </div>
        <h3 class="card-title">Our Heritage</h3>
        <p class="card-text">
          As part of the Seventh-day Adventist Church, we trace our roots to the great Second Advent awakening of the 1840s. 
          We are heirs of the Protestant Reformation and hold to the Bible as our only rule of faith and practice.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-3">
        <div class="card-icon-2025">
          <i class="fas fa-hands-helping"></i>
        </div>
        <h3 class="card-title">Our Community</h3>
        <p class="card-text">
          We believe in fostering a welcoming community where every person can experience God's love, grow in faith, 
          and discover their unique gifts for ministry. Together, we serve our local community and support global mission.
        </p>
      </div>
    </div>
  </div>
</section>

<!-- Core Beliefs -->
<section class="section-2025" style="background: var(--soft-gray);">
  <div class="container-2025">
    <div class="section-header scroll-reveal">
      <h2 class="section-title">Our Core Beliefs</h2>
      <p class="section-subtitle">
        Seventh-day Adventists accept the Bible as their only creed and hold certain fundamental beliefs to be the teaching of the Holy Scriptures.
      </p>
    </div>

    <div class="cards-grid">
      <div class="card-2025 scroll-reveal stagger-1">
        <div class="card-icon-2025">
          <i class="fas fa-bible"></i>
        </div>
        <h4 class="card-title">The Holy Scriptures</h4>
        <p class="card-text">
          The Holy Scriptures, Old and New Testaments, are the written Word of God, given by divine inspiration. 
          They are the authoritative revealer of doctrines, and the trustworthy record of God's acts in history.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-2">
        <div class="card-icon-2025">
          <i class="fas fa-cross"></i>
        </div>
        <h4 class="card-title">The Trinity</h4>
        <p class="card-text">
          There is one God: Father, Son, and Holy Spirit, a unity of three co-eternal Persons. 
          God is immortal, all-powerful, all-knowing, above all, and ever present.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-3">
        <div class="card-icon-2025">
          <i class="fas fa-dove"></i>
        </div>
        <h4 class="card-title">The Father</h4>
        <p class="card-text">
          God the eternal Father is the Creator, Source, Sustainer, and Sovereign of all creation. 
          He is just and holy, merciful and gracious, slow to anger, and abounding in steadfast love and faithfulness.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-4">
        <div class="card-icon-2025">
          <i class="fas fa-heart"></i>
        </div>
        <h4 class="card-title">The Son</h4>
        <p class="card-text">
          God the eternal Son became incarnate in Jesus Christ. Through Him all things were created, 
          the character of God is revealed, the salvation of humanity is accomplished, and the world is judged.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-1">
        <div class="card-icon-2025">
          <i class="fas fa-fire"></i>
        </div>
        <h4 class="card-title">The Holy Spirit</h4>
        <p class="card-text">
          God the eternal Spirit was active with the Father and the Son in Creation, incarnation, and redemption. 
          He inspired the writers of Scripture and filled Christ's life with power.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-2">
        <div class="card-icon-2025">
          <i class="fas fa-user-plus"></i>
        </div>
        <h4 class="card-title">Creation</h4>
        <p class="card-text">
          God is Creator of all things, and has revealed in Scripture the authentic account of His creative activity. 
          In six days the Lord made "the heaven and the earth" and rested on the seventh day.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-3">
        <div class="card-icon-2025">
          <i class="fas fa-seedling"></i>
        </div>
        <h4 class="card-title">Nature of Humanity</h4>
        <p class="card-text">
          Man and woman were made in the image of God with individuality, the power and freedom to think and to do. 
          Though created free beings, each is an indivisible unity of body, mind, and spirit.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-4">
        <div class="card-icon-2025">
          <i class="fas fa-calendar-week"></i>
        </div>
        <h4 class="card-title">The Sabbath</h4>
        <p class="card-text">
          The beneficent Creator, after the six days of Creation, rested on the seventh day and instituted the Sabbath 
          for all people as a memorial of Creation and a sign of sanctification.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-1">
        <div class="card-icon-2025">
          <i class="fas fa-scroll"></i>
        </div>
        <h4 class="card-title">The Great Controversy</h4>
        <p class="card-text">
          All humanity is now involved in a great controversy between Christ and Satan regarding the character of God, 
          His law, and His sovereignty over the universe.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-2">
        <div class="card-icon-2025">
          <i class="fas fa-praying-hands"></i>
        </div>
        <h4 class="card-title">Life, Death, and Resurrection of Christ</h4>
        <p class="card-text">
          In Christ's life of perfect obedience to God's will, His suffering, death, and resurrection, 
          God provided the only means of atonement for human sin.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-3">
        <div class="card-icon-2025">
          <i class="fas fa-water"></i>
        </div>
        <h4 class="card-title">The Experience of Salvation</h4>
        <p class="card-text">
          In infinite love and mercy God made Christ, who knew no sin, to be sin for us, 
          so that in Him we might be made the righteousness of God.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-4">
        <div class="card-icon-2025">
          <i class="fas fa-cloud"></i>
        </div>
        <h4 class="card-title">The Second Coming</h4>
        <p class="card-text">
          The second coming of Christ is the blessed hope of the church, the grand climax of the gospel. 
          The Savior's coming will be literal, personal, visible, and worldwide.
        </p>
      </div>
    </div>
  </div>
</section>

<!-- Three Angels Messages -->
<section class="section-2025">
  <div class="container-2025">
    <div class="section-header scroll-reveal">
      <h2 class="section-title serif">The Three Angels' Messages</h2>
      <p class="section-subtitle">
        Central to our identity as Seventh-day Adventists are the messages found in Revelation 14:6-12, 
        which we believe are particularly relevant for our time.
      </p>
    </div>

    <div class="angels-grid">
      <div class="card-2025 scroll-reveal stagger-1">
        <div class="card-icon-2025">
          <i class="fas fa-dove"></i>
        </div>
        <h3 class="card-title">First Angel's Message</h3>
        <blockquote style="font-style: italic; color: var(--deep-navy); margin: 1.5rem 0; font-size: 1.1rem; font-weight: 500; line-height: 1.6;">
          "Then I saw another angel flying in the midst of heaven, having the everlasting gospel to preach to those who dwell on the earth—to every nation, tribe, tongue, and people—saying with a loud voice, 'Fear God and give glory to Him, for the hour of His judgment has come; and worship Him who made heaven and earth, the sea and springs of water.'"
        </blockquote>
        <cite style="color: var(--medium-gray); font-size: 0.9rem;">(Revelation 14:6-7)</cite>
        <p class="card-text" style="margin-top: 1.5rem;">
          This message calls all people to worship the Creator God who made heaven and earth. It emphasizes the everlasting gospel 
          and announces that the hour of God's judgment has come. This is a call to recognize God's authority as Creator and give Him glory.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-2">
        <div class="card-icon-2025">
          <i class="fas fa-bullhorn"></i>
        </div>
        <h3 class="card-title">Second Angel's Message</h3>
        <blockquote style="font-style: italic; color: var(--deep-navy); margin: 1.5rem 0; font-size: 1.1rem; font-weight: 500; line-height: 1.6;">
          "And another angel followed, saying, 'Babylon is fallen, is fallen, that great city, because she has made all nations drink of the wine of the wrath of her fornication.'"
        </blockquote>
        <cite style="color: var(--medium-gray); font-size: 0.9rem;">(Revelation 14:8)</cite>
        <p class="card-text" style="margin-top: 1.5rem;">
          This message warns about spiritual Babylon and announces its fall. It calls people to come out of false religious systems 
          and spiritual confusion, choosing truth over tradition and Scripture over human authority.
        </p>
      </div>

      <div class="card-2025 scroll-reveal stagger-3">
        <div class="card-icon-2025">
          <i class="fas fa-scroll"></i>
        </div>
        <h3 class="card-title">Third Angel's Message</h3>
        <blockquote style="font-style: italic; color: var(--deep-navy); margin: 1.5rem 0; font-size: 1.1rem; font-weight: 500; line-height: 1.6;">
          "Then a third angel followed them, saying with a loud voice, 'If anyone worships the beast and his image, and receives his mark on his forehead or on his hand, he himself shall also drink of the wine of the wrath of God... Here is the patience of the saints; here are those who keep the commandments of God and the faith of Jesus.'"
        </blockquote>
        <cite style="color: var(--medium-gray); font-size: 0.9rem;">(Revelation 14:9-12)</cite>
        <p class="card-text" style="margin-top: 1.5rem;">
          This message identifies God's faithful people as those who keep the commandments of God and have the faith of Jesus. 
          It emphasizes the importance of remaining faithful to all of God's commandments, including the seventh-day Sabbath, 
          while maintaining faith in Jesus Christ as our Savior.
        </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 Our Church Family</h2>
      <p class="section-subtitle" style="color: rgba(255,255,255,0.9); margin-bottom: 3rem;">
        We invite you to join us in worship, fellowship, and service as we grow together in faith and prepare for Christ's return.
      </p>
      
      <div style="display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center;">
        <a href="/events" class="btn-2025 btn-primary">
          <i class="fas fa-calendar-alt"></i>
          Join Us This Sabbath
        </a>
        <a href="/contact" class="btn-2025 btn-outline">
          <i class="fas fa-envelope"></i>
          Get In Touch
        </a>
        <a href="/sermons" class="btn-2025 btn-outline">
          <i class="fas fa-play"></i>
          Watch Our Sermons
        </a>
      </div>
    </div>
  </div>
</section>
{% endblock %}