<?= $this->extend('layouts/main') ?>

<?= $this->section('content') ?>
<header class="page-hero hero-contact">
  <div class="hero-overlay"></div>
  <div class="container hero-content">
    <h1>Contact Sheltaplux Global Synergy Ltd</h1>
    <p>Building the future with precision, authority, and resilience. Reach out to our expert team for your next large-scale construction or engineering project.</p>
  </div>
</header>

<section class="section section-soft">
  <div class="container">
    <div class="row g-5">
      <div class="col-lg-4">
        <p class="eyebrow">Connect With Us</p>
        <h2>Let's build something enduring together.</h2>
        <div class="contact-info"><b>Office Address</b><p>Suite 1, 2nd Floor, Ihom o Investment House, 55 Plymouth Road, Benin City, Edo State, Nigeria.</p></div>
        <div class="contact-info"><b>Phone</b><p>07032982583<br>0703284094</p></div>
        <div class="contact-info"><b>Email</b><p>sheltaplux@gmail.com</p></div>
        <div class="contact-info"><b>Social Media</b><p>@sheltaplux_construction</p></div>
      </div>
      <div class="col-lg-8">
        <form class="contact-form" id="quoteForm" action="<?= site_url('contact/send') ?>" method="post" novalidate>
          <div class="row g-3">
            <?= csrf_field() ?>
            <div class="col-md-6"><label for="full_name">Full Name</label><input id="full_name" name="full_name" class="form-control" required placeholder="John Doe"></div>
            <div class="col-md-6"><label for="phone">Phone Number</label><input id="phone" name="phone" class="form-control" required placeholder="+234 ..."></div>
            <div class="col-12"><label for="email">Email Address</label><input id="email" name="email" type="email" class="form-control" required placeholder="john@example.com"></div>
            <div class="col-md-6"><label for="project_type">Project Type</label><select id="project_type" name="project_type" class="form-select" required><option value="Residential Construction">Residential Construction</option><option value="Commercial Construction">Commercial Construction</option><option value="Renovation">Renovation</option><option value="Facility Management">Facility Management</option><option value="General Contract">General Contract</option></select></div>
            <div class="col-md-6"><label for="project_location">Project Location</label><input id="project_location" name="project_location" class="form-control" placeholder="City, State"></div>
            <div class="col-12"><label for="budget">Estimated Budget (NGN)</label><input id="budget" name="budget" class="form-control" placeholder="e.g. 50,000,000"></div>
            <div class="col-12"><label for="message">Message</label><textarea id="message" name="message" class="form-control" rows="6" required placeholder="Tell us more about your project goals..."></textarea></div>
          </div>
          <button class="btn btn-dark mt-4" type="submit">Submit Message <i class="fa-solid fa-paper-plane"></i></button>
          <p class="form-status" aria-live="polite"></p>
        </form>
      </div>
    </div>
  </div>
</section>

<section class="map-section">
  <div class="map-card"><b><i class="fa-solid fa-location-dot"></i></b><h3>Headquarters</h3><p>55 Plymouth Road, Benin City</p></div>
</section>

<section class="cta-block light">
  <div class="container text-center">
    <h2>Ready to start your project?</h2>
    <p>Our consultation team is standing by to provide technical insights and cost-effective construction solutions tailored to your specific needs.</p>
    <a class="btn btn-accent btn-lg" href="#quoteForm">Request a Quote</a>
  </div>
</section>
<?= $this->endSection() ?>
