@extends('layouts.app')

@section('title', 'About Us - ' . ($siteSettings->siteName ?? 'IPC Shalom Chicago'))

@section('content')

<section class="heading" style="background-image: url('{{ asset('images/bg.png') }}');">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="topheader">
          <h1>About Us</h1>
          <h3>ABOUT {{ strtoupper($siteSettings->siteName ?? 'IPC Shalom Chicago') }}</h3>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="humble">
  <div class="container">
    <div class="row">
      <div class="col-lg-6 col-sm-12">
        <div class="left_humble">
          <h1 style="background-image: url('{{ asset('images/bgh.png') }}');">humble beginning with prayer....</h1>
          <img src="{{ asset('images/aboutimg.png') }}" class="img-fluid">
        </div>
      </div>
      <div class="col-lg-6 col-sm-12">
        <div class="right_humble">
          <p>IPC Shalom Chicago is a vibrant Pentecostal community serving the Chicago metropolitan area. Our journey began with a shared vision of a small group of believers committed to prayer, fellowship, and preaching the gospel of Jesus Christ. Since our inception, we have strived to build a welcoming environment where individuals and families can grow in their relationship with God.</p>
          <p>We are affiliated with the India Pentecostal Church of God (IPC), which is one of the largest Pentecostal movements in India and across the globe. Through worship, dynamic ministries, and outreach programs, we preach the uncompromised Word of God, teaching believers to live out biblical values in a modern culture.</p>
          <p>Whether you are a seeker looking for spiritual direction or a seasoned believer looking for a church home, we welcome you to join us. Come and experience the love, warmth, and fellowship at IPC Shalom Chicago as we worship the Lord in the splendor of His holiness.</p>
        </div>
      </div>
      <div class="col-lg-12 mt-4">
        <div class="bottom_humble">
          <p>Our church is committed to the spiritual growth of every generation. From our Sunday School and Youth Ministry to our Women's Fellowship and Intercessory Prayer lines, we offer various avenues to study the Word of God, engage in deep fellowship, and support one another in prayer.</p>
          <p>We believe in Christ crucified, risen, and coming again. It is our goal to reach out to the local community and beyond with the message of hope, reconciliation, and restoration. Join us as we serve the Lord together and make a positive impact in our community.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="becomepart" style="background-image: url('{{ asset('images/bg5.png') }}');">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-sm-12">
                <div class="part">
                    <h1><span class="red_color">Want to become a part of</span> {{ $siteSettings->siteName ?? 'IPC Shalom Chicago' }}?</h1>
                </div>
            </div>
            <div class="col-lg-4 col-sm-12">
                <div class="part_btn">
                   <a href="{{ url('/page/contact-us') }}">Contact Us</a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="joinus" style="background-image: url('{{ asset('images/join.png') }}');">
    <div class="container">
        <div class="row">
            <div class="col-lg-7 col-sm-12">
                <div class="inner_joinus">
                    <h1>Join Us in Worship</h1>
                    <form action="{{ route('contact.join_worship') }}" method="POST">
                        @csrf
                        <input type="text" name="name" placeholder="Name" required>
                        <input class="fifty" type="email" name="email" placeholder="Email" required>
                        <input class="fifty" type="text" name="phone" placeholder="Phone">
                        <input class="fifty" type="text" name="location" placeholder="Location">
                        <select class="fifty" name="interest">
                            <option value="">I want to...</option>
                            <option value="Attend Service">Attend Service</option>
                            <option value="Join a Ministry">Join a Ministry</option>
                            <option value="Request Prayer">Request Prayer</option>
                        </select>
                        <div style="clear: both; padding-top: 15px;">
                            <button type="submit" class="btn btn-danger btn-lg px-4" style="background-color: #E22B27; border-color: #E22B27; font-weight: bold; border-radius: 5px;">Submit Request</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-lg-5 col-sm-12">
                
            </div>
        </div>
    </div>
</section>

@endsection