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

<?= $this->section('content') ?>
<header class="hero hero-home">
  <div class="hero-overlay"></div>
  <div class="container hero-content">
    <div class="row align-items-center min-vh-75">
      <div class="col-lg-7">
        <p class="eyebrow">Engineering Authority</p>
        <h1>Building Excellence. Delivering Trust.</h1>
        <p class="lead">A multidisciplinary force providing precision construction, engineering solutions, sustainable development, and expert project management across Nigeria.</p>
        <div class="hero-actions">
          <a href="<?= site_url('projects') ?>" class="btn btn-accent">Start Your Project</a>
          <a href="<?= site_url('services') ?>" class="btn btn-outline-light">View Our Expertise</a>
        </div>
      </div>
    </div>
  </div>
</header>

<section class="trust-strip">
  <div class="container">
    <div class="row g-0">
      <div class="col-6 col-lg-3"><span>ISO Certified</span><small>Project Quality</small></div>
      <div class="col-6 col-lg-3"><span>Engineer Managed</span><small>Full Lifecycle</small></div>
      <div class="col-6 col-lg-3"><span>30+ Completed</span><small>Projects Delivered</small></div>
      <div class="col-6 col-lg-3"><span>100% Commitment</span><small>Safety Assured</small></div>
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <div class="row align-items-center g-5">
      <div class="col-lg-6">
        <div class="image-card">
          <img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80" alt="Modern construction facility">
          <div class="floating-stat"><strong>15+</strong><span>Years Combined Experience</span></div>
        </div>
      </div>
      <div class="col-lg-6">
        <p class="eyebrow">Welcome to Sheltaplux</p>
        <h2>Your Reliable Partner for Construction & Facility Management</h2>
        <p>Sheltaplux Global Synergy Ltd is built on a foundation of integrity, precision and resilience. We manage construction, renovation, architecture, engineering, project logistics and facility operations with technical discipline.</p>
        <ul class="check-list">
          <li>End-to-end project management</li>
          <li>Sustainable engineering practices</li>
          <li>Unmatched quality assurance</li>
        </ul>
        <a class="text-link" href="<?= site_url('about') ?>">Learn More About Us →</a>
      </div>
    </div>
  </div>
</section>

<section class="section section-soft">
  <div class="container">
    <div class="section-title text-center">
      <h2>What We Do</h2>
      <span></span>
    </div>
    <div class="row g-4">
      <div class="col-md-4"><div class="service-box"><i class="fa-solid fa-drafting-compass"></i><h4>Architecture</h4><p>Transforming visions into functional, aesthetic, and build-ready designs.</p></div></div>
      <div class="col-md-4"><div class="service-box"><i class="fa-solid fa-building"></i><h4>Building Construction</h4><p>Full-scale construction execution for residential, commercial, and industrial structures.</p></div></div>
      <div class="col-md-4"><div class="service-box"><i class="fa-solid fa-helmet-safety"></i><h4>Facility Management</h4><p>Preserving the integrity of assets through preventive maintenance and operations.</p></div></div>
      <div class="col-md-4"><div class="service-box"><i class="fa-solid fa-hammer"></i><h4>Renovation</h4><p>Modern upgrades, structural improvements, and value-focused refurbishment.</p></div></div>
      <div class="col-md-4"><div class="service-box"><i class="fa-solid fa-diagram-project"></i><h4>Project Management</h4><p>Strategic oversight, procurement, cost control, timelines, and delivery quality.</p></div></div>
      <div class="col-md-4"><div class="service-box"><i class="fa-solid fa-file-contract"></i><h4>General Contracts</h4><p>Reliable procurement, logistics, and contract delivery for institutions and businesses.</p></div></div>
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <div class="row g-4 align-items-stretch">
      <div class="col-lg-4"><h2>Why Choose Us</h2><p>We combine technical authority with uncompromising focus on quality, safety and timely delivery.</p></div>
      <div class="col-lg-8">
        <div class="row g-3">
          <div class="col-md-6"><div class="why-card"><h5>Quality-Focused</h5><p>No shortcuts. Every project is managed with refined construction standards.</p></div></div>
          <div class="col-md-6"><div class="why-card"><h5>Timely Delivery</h5><p>Project schedules are handled with disciplined coordination and reporting.</p></div></div>
          <div class="col-md-6"><div class="why-card"><h5>Experienced Team</h5><p>Our team brings combined expertise in design, engineering, and site management.</p></div></div>
          <div class="col-md-6"><div class="why-card"><h5>Sustainability</h5><p>We adopt practical solutions that support long-term structural performance.</p></div></div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="process-section">
  <div class="container">
    <p class="eyebrow text-center">Efficiency in Motion</p>
    <h2 class="text-center">Our Project Process</h2>
    <div class="process-line">
      <div><b>01</b><h5>Consultation</h5><p>We understand your vision, scope and constraints.</p></div>
      <div><b>02</b><h5>Planning</h5><p>We prepare timelines, budgets, drawings and resources.</p></div>
      <div><b>03</b><h5>Execution</h5><p>We coordinate teams, equipment and quality checks.</p></div>
      <div><b>04</b><h5>Control</h5><p>We monitor progress, safety and communication.</p></div>
      <div><b>05</b><h5>Delivery</h5><p>We complete, document and hand over with confidence.</p></div>
    </div>
  </div>
</section>

<section class="section section-soft">
  <div class="container">
    <div class="d-flex justify-content-between align-items-end mb-4 flex-wrap gap-3">
      <div><h2>Featured Projects</h2><p>A showcase of our steady approach to construction excellence.</p></div>
      <a class="text-link" href="<?= site_url('projects') ?>">View All Projects →</a>
    </div>
    <div class="row g-4">
      <div class="col-md-4"><div class="project-card"><img src="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=900&q=80"><span>Medical</span><h4>Sheltaplux Medical Centre</h4><p>Modern healthcare facility with clean architectural planning.</p></div></div>
      <div class="col-md-4"><div class="project-card"><img src="https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=80"><span>Corporate</span><h4>Alpha Corporate Tower</h4><p>High-performance office block for modern business operations.</p></div></div>
      <div class="col-md-4"><div class="project-card"><img src="https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=900&q=80"><span>Residential</span><h4>Emerald Heights Estate</h4><p>Premium housing estate with modern infrastructure.</p></div></div>
    </div>
  </div>
</section>

<section class="equipment-preview">
  <div class="container">
    <div class="row align-items-center g-5">
      <div class="col-lg-6">
        <h2>Equipped for Excellence</h2>
        <p>We are backed by high-capacity machinery and precision tools to execute construction work with speed, safety and quality.</p>
        <div class="mini-grid">
          <span>Excavators</span><span>Concrete Mixers</span><span>Road Rollers</span><span>Survey Tools</span>
        </div>
      </div>
      <div class="col-lg-6"><img src="https://images.unsplash.com/photo-1590736969955-71cc94901144?auto=format&fit=crop&w=1100&q=80" alt="Excavator equipment"></div>
    </div>
  </div>
</section>

<section class="client-strip">
  <div class="container">
    <p>Trusted by</p>
    <div><span>Nigerian Navy</span><span>Dangote Group</span><span>Shell Petroleum</span><span>Julius Berger</span><span>MTN Nigeria</span></div>
  </div>
</section>

<section class="cta-block accent">
  <div class="container text-center">
    <h2>Ready to Build Your Vision?</h2>
    <p>Contact Sheltaplux today for consultation on your next engineering or architectural project.</p>
    <a href="<?= site_url('contact') ?>" class="btn btn-dark">Request a Quote</a>
    <a href="<?= site_url('projects') ?>" class="btn btn-outline-light">Our Portfolio</a>
  </div>
</section>
<?= $this->endSection() ?>
