@extends('frontend.layouts.app')
@section('content')

<section class="page-hero">
  <div class="container content">
    <nav aria-label="breadcrumb" class="mb-3">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
        <li class="breadcrumb-item active">Other Services</li>
      </ol>
    </nav>
    <h1 class="reveal">Other Services</h1>
    <p class="text-white-50 mt-2 reveal delay-1">Complete home maintenance — one team for every property need</p>
  </div>
</section>

<section class="services-section">
  <div class="container">
    <div class="text-center mb-5 reveal">
      <span class="section-badge"><i class="fas fa-home me-2"></i>Home Maintenance</span>
      <h2 class="section-title">Complete <span>Home Care</span> Services</h2>
      <p class="text-muted" style="max-width:620px;margin:0 auto">From gutters and solar panels to painting and pressure cleaning — one call, one team, total home care.</p>
    </div>

    @php
      $otherServices = [
        ['id'=>'handyman','icon'=>'fas fa-wrench','tag'=>'Maintenance','title'=>'Handyman Services','desc'=>'Reliable, skilled handyman services for all those jobs around the house. From minor repairs and installations to larger projects — we handle it all with care and professionalism.'],
        ['id'=>'gutter-cleaning','icon'=>'fas fa-house-damage','tag'=>'Maintenance','title'=>'Gutter Cleaning','desc'=>'Professional gutter cleaning to remove leaves, debris and blockages. Protect your home from water damage with regular gutter maintenance by our experienced team.'],
        ['id'=>'gutter-guard','icon'=>'fas fa-shield-alt','tag'=>'Maintenance','title'=>'Gutter Guard Installation','desc'=>'Quality gutter guard systems that prevent debris build-up and reduce cleaning frequency. We install a range of mesh, foam and reverse-curve systems to suit all gutters.'],
        ['id'=>'pressure-cleaning','icon'=>'fas fa-spray-can','tag'=>'Cleaning','title'=>'High Pressure Cleaning','desc'=>'Powerful high pressure cleaning that removes dirt, grime, mould and algae from driveways, paths, decks, fences and external walls. Dramatically transform surfaces instantly.'],
        ['id'=>'home-office-cleaning','icon'=>'fas fa-building','tag'=>'Cleaning','title'=>'Home & Office Cleaning','desc'=>'Professional cleaning services for residential homes and commercial offices. Thorough, reliable and using quality, eco-friendly cleaning products throughout.'],
        ['id'=>'solar-cleaning','icon'=>'fas fa-solar-panel','tag'=>'Cleaning','title'=>'Solar Panel Cleaning','desc'=>'Restore your solar panels to peak efficiency with our professional cleaning service. We use pure, deionised water systems that leave panels spotless without streaks.'],
        ['id'=>'painting','icon'=>'fas fa-paint-brush','tag'=>'Improvements','title'=>'Interior Painting','desc'=>'High-quality interior painting services that transform your living spaces. We prepare surfaces properly, use premium paints and deliver a clean, professional finish every time.'],
        ['id'=>'fencing','icon'=>'fas fa-border-style','tag'=>'Improvements','title'=>'Fencing','desc'=>'Supply and installation of quality fencing including timber, Colorbond, aluminium and glass. We handle all aspects from design and council requirements to installation and finishing.'],
        ['id'=>'rubbish','icon'=>'fas fa-trash-alt','tag'=>'Improvements','title'=>'Rubbish Removal','desc'=>'Efficient, affordable rubbish removal and skip bin services. We clear green waste, building materials, old furniture and general rubbish from residential and commercial sites.'],
      ];
    @endphp

    <div class="row g-4">
      @foreach($otherServices as $i => $svc)
      <div class="col-md-6 col-lg-4 reveal delay-{{ ($i % 3) + 1 }}">
        <div class="service-card" id="{{ $svc['id'] }}">
          <div class="card-img">
            <div style="height:200px;background:linear-gradient(135deg,#e3f2fd,#1565c0);display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:rgba(255,255,255,.8)">
              <i class="{{ $svc['icon'] }}"></i>
            </div>
            <span class="tag">{{ $svc['tag'] }}</span>
          </div>
          <div class="card-body">
            <div class="card-icon"><i class="{{ $svc['icon'] }}"></i></div>
            <h5>{{ $svc['title'] }}</h5>
            <p>{{ $svc['desc'] }}</p>
            <a href="{{ route('contact') }}" class="learn-more">Get a Quote <i class="fas fa-arrow-right"></i></a>
          </div>
        </div>
      </div>
      @endforeach
    </div>
  </div>
</section>

<section class="cta-section">
  <div class="container">
    <div class="reveal">
      <h2>Need Home Maintenance Help?</h2>
      <p>One call covers it all. Get in touch with our friendly team today for a free quote.</p>
      <div class="d-flex justify-content-center gap-3 flex-wrap">
        <a href="{{ route('contact') }}" class="btn-gold"><i class="fas fa-clipboard-list me-2"></i>Get Free Quote</a>
        <a href="tel:{{ preg_replace('/\s+/', '', $settings['phone'] ?? '+61406473886') }}" class="btn btn-outline-light rounded-pill px-4 fw-bold">
          <i class="fas fa-phone me-2"></i>{{ $settings['phone'] ?? '+61 406 473 886' }}
        </a>
      </div>
    </div>
  </div>
</section>

@endsection