@extends('layouts.main-app')

@section('title', 'Job Opportunities')

@section('content')

    @include('layouts.navbar')

    <div class="relative py-14">
        <div class="relative z-50 pt-20 text-center">
            <h1 class="text-4xl font-bold text-black">OUR SERVICES</h1>
        </div>
    </div>

    <div data-aos="fade-up" data-aos-duration="1000" class="container max-w-screen-xl mx-auto ">
        <div class="flex justify-start">
            <h1 class="text-4xl font-bold">{{ $service->name }}</h1> <!-- Display service name -->
        </div>
        <div class="py-8">
            <p class="text-lg italic flex justify-start">{{ $service->description }}</p> <!-- Display service description -->
        </div>
        <div>
            <a href="{{ url('/contact_us') }}" class=" px-4 py-2 bg-[#42684f] text-white rounded-full">Contact Us</a>
        </div>
    </div>


    @include('layouts.footer')


@endsection