@extends('website.layout.app')

@section('content')
    {{-- Services --}}
    <div class="mt-20 md:mt-40 mb-14 flex flex-col items-center">
        <div>
            <h1 class="text-3xl text-white">{{ $service->title }}</h1>
            <div class="flex gap-1 w-full">
                <div class="parallelogram w-full"></div>
                <div class="parallelogram w-[5px]"></div>
                <div class="parallelogram w-[5px]"></div>
            </div>
        </div>
        @if ($service->description)
            <div class="text-white text-lg w-[90%] md:w-[60%] mt-5" id="description">{!! $service->description !!}</div>
        @endif
        <div class="mt-10 flex flex-col items-center gap-10">
            @foreach ($service->images as $img)
                <img src="{{ asset('storage/' . $img->path) }}" class="rounded-xl w-[90%] md:w-[60%]">
            @endforeach
        </div>
    </div>
@endsection