@extends('front.layout.app')
@section('title', 'Recovery Solutions')
@section('content')

    <section class="inner-banner recovery-solutions-bg">
        <img src="{{ $recovery->cmsImages('banner_image') ?? '' }}" alt="image" class="img-fluid w-100 h-100">
        <div class="container">
            <div class="inner-banner__content">
                <div class="row">
                    <div class="col-lg-12">
                        <h1> {{ $recovery->content['banner_heading'] ?? '' }} <span
                                class="font-bold">{{ $recovery->content['banner_img'] ?? '' }}</span></h1>
                        <p>
                            {{ $recovery->content['banner_description'] ?? '' }}
                        </p>
                        <div class="btn-group">
                            <a href="{{ route('front.about') }}" class="themeBtn">
                                {{ $recovery->content['banner_btn1'] ?? '' }}</a>
                            <a href="{{ route('front.contact') }}" class="themeBtn">
                                {{ $recovery->content['banner_btn2'] ?? '' }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="inner-banner__bottom">
            <div class="container">
                <ul class="bottom__links d-flex align-items-center justify-content-start">
                    <li><a href="{{ route('front.index') }}"><span><i class="fas fa-home"></i></span> Home</a></li>
                    <li><a href=""><span><i class="fas fa-angle-right"></i></span> Recovery Solutions</a></li>
                </ul>
            </div>
        </div>
    </section>

    <section class="recovery-solutions padd-y">
        <div class="container">
            <div class="row">
                @forelse ($galleries as $gallery)
                    <div class="col-md-4">
                        <figure class="recovery-solutions-img">
                            <img src="{{ $gallery->galleryImage('gallery_image') }}" alt="image" class="img-fluid">
                        </figure>
                    </div>
                @empty
                @endforelse
            </div>
            <div class="text-center">
                <a href="{{ route('front.pricing') }}" class="themeBtn">Get Started</a>
            </div>
        </div>
    </section>

@endsection