<?php $__env->startSection('title', 'Contact Us'); ?>

<?php $__env->startSection('content'); ?>
<section class="page-header text-center">
    <div class="container">
        <h1 class="display-4 fw-bold">Contact Us</h1>
        <p class="lead" style="opacity: 0.9;">We'd love to hear from you</p>
    </div>
</section>

<section class="section-padding">
    <div class="container">
        <div class="row g-5">
            <div class="col-lg-5">
                <h3 class="mb-4">Get in Touch</h3>
                <p class="text-muted mb-4">Have questions about our church, want to know more about our services, or need prayer? Reach out to us!</p>
                
                <div class="mb-4">
                    <h5><i class="fas fa-envelope me-3" style="color: var(--primary-color);"></i>Email</h5>
                    <p class="mb-0">adeoyega@gmail.com</p>
                </div>
                
                <div class="mb-4">
                    <h5><i class="fas fa-phone me-3" style="color: var(--primary-color);"></i>Phone</h5>
                    <p class="mb-0">+220 7781554 / 9862413 (WhatsApp)</p>
                </div>
                
                <div class="mb-4">
                    <h5><i class="fas fa-map-marker-alt me-3" style="color: var(--primary-color);"></i>Address</h5>
                    <p class="mb-0">CAC National Headquarters</p>
                    <p class="mb-0">Buffa Zone Area, Tallinding</p>
                    <p class="mb-0">The Gambia</p>
                </div>

                <div class="mt-5">
                    <h5 class="mb-3">Follow Us</h5>
                    <a href="#" class="btn btn-outline-secondary me-2"><i class="fab fa-facebook-f"></i> Facebook</a>
                    <a href="#" class="btn btn-outline-secondary me-2"><i class="fab fa-twitter"></i> Twitter</a>
                    <a href="#" class="btn btn-outline-secondary"><i class="fab fa-instagram"></i> Instagram</a>
                </div>
            </div>

            <div class="col-lg-7">
                <div class="service-card" style="border-radius: 20px;">
                    <div class="card-body p-5">
                        <h3 class="mb-4">Send us a Message</h3>
                        <form>
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label for="name" class="form-label">Your Name</label>
                                    <input type="text" class="form-control" id="name" placeholder="Enter your name" style="border-radius: 10px; padding: 12px;">
                                </div>
                                <div class="col-md-6">
                                    <label for="email" class="form-label">Email Address</label>
                                    <input type="email" class="form-control" id="email" placeholder="Enter your email" style="border-radius: 10px; padding: 12px;">
                                </div>
                                <div class="col-md-6">
                                    <label for="phone" class="form-label">Phone Number</label>
                                    <input type="tel" class="form-control" id="phone" placeholder="Enter your phone" style="border-radius: 10px; padding: 12px;">
                                </div>
                                <div class="col-md-6">
                                    <label for="subject" class="form-label">Subject</label>
                                    <select class="form-select" id="subject" style="border-radius: 10px; padding: 12px;">
                                        <option value="">Select a subject</option>
                                        <option value="general">General Inquiry</option>
                                        <option value="prayer">Prayer Request</option>
                                        <option value="visit">Planning a Visit</option>
                                        <option value="membership">Membership</option>
                                        <option value="other">Other</option>
                                    </select>
                                </div>
                                <div class="col-12">
                                    <label for="message" class="form-label">Message</label>
                                    <textarea class="form-control" id="message" rows="5" placeholder="How can we help you?" style="border-radius: 10px; padding: 12px;"></textarea>
                                </div>
                                <div class="col-12">
                                    <button type="submit" class="btn btn-primary-custom btn-lg w-100">Send Message</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-padding" style="background-color: #f8f9fa;">
    <div class="container">
        <h2 class="text-center mb-5">Visit Us</h2>
        <div class="row g-4">
            <div class="col-md-4 text-center">
                <div class="p-4 bg-white rounded shadow-sm" style="border-radius: 15px;">
                    <div class="feature-icon d-inline-flex mb-3">
                        <i class="fas fa-clock"></i>
                    </div>
                    <h4>Service Times</h4>
                    <p class="text-muted mb-0">Sunday: 9:00 AM - 12:00 PM</p>
                    <p class="text-muted mb-0">Wednesday: 5:00 PM</p>
                    <p class="text-muted mb-0">Friday: 5:00 PM</p>
                </div>
            </div>
            <div class="col-md-4 text-center">
                <div class="p-4 bg-white rounded shadow-sm" style="border-radius: 15px;">
                    <div class="feature-icon d-inline-flex mb-3">
                        <i class="fas fa-door-open"></i>
                    </div>
                    <h4>Welcome</h4>
                    <p class="text-muted mb-0">Everyone is welcome!</p>
                    <p class="text-muted mb-0">Dress comfortably</p>
                    <p class="text-muted mb-0">Childcare available</p>
                </div>
            </div>
            <div class="col-md-4 text-center">
                <div class="p-4 bg-white rounded shadow-sm" style="border-radius: 15px;">
                    <div class="feature-icon d-inline-flex mb-3">
                        <i class="fas fa-car"></i>
                    </div>
                    <h4>Parking</h4>
                    <p class="text-muted mb-0">Free parking available</p>
                    <p class="text-muted mb-0">Accessible entrances</p>
                    <p class="text-muted mb-0">Security on site</p>
                </div>
            </div>
        </div>
    </div>
</section>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\cacthegambia\cacthegambia\resources\views/contact.blade.php ENDPATH**/ ?>