@extends('layouts.app')

@section('title', 'Our Services | Accessway Express Courier Services')

@section('content')
<section class="page-hero" style="background-image:url('https://images.unsplash.com/photo-1553413076-0204c88c5d59?auto=format&fit=crop&w=1600&q=70');">
    <div class="container">
        <div class="breadcrumb"><a href="{{ route('home') }}">Home</a> / Services</div>
        <h1>Our services</h1>
        <p>Freight, security, customs and relocation — a complete courier solution.</p>
    </div>
</section>

<section class="section">
    <div class="container cards">
        @foreach($services as $service)
            <article class="card">
                <div class="icon-blob">@include('partials.icon', ['name' => $service->icon])</div>
                <h3>{{ $service->name }}</h3>
                <p>{{ $service->excerpt }}</p>
                <a class="btn btn-dark" href="{{ route('services.show', $service->slug) }}">Learn more</a>
            </article>
        @endforeach
        <article class="card">
            <div class="icon-blob">@include('partials.icon', ['name' => 'shield'])</div>
            <h3>24/7 Support</h3>
            <p>We provide 24 hours customer support services.</p>
        </article>
        <article class="card">
            <div class="icon-blob">@include('partials.icon', ['name' => 'plane'])</div>
            <h3>Fast delivery</h3>
            <p>We focus on fast transits and regular communication.</p>
        </article>
    </div>
</section>
@endsection
