@extends('layouts.main-app')

@section('title', 'Services')

@section('content')



@include('layouts.navbar')

<div class="relative ">
    <img class="absolute inset-0 object-cover w-full h-full" src="{{asset('images/services/banner.webp')}}" alt="">
    <div class="container relative max-w-screen-xl mx-auto text-white py-[10rem]">
        <div class="grid grid-cols-1 px-4 md:grid-cols-3">
            <div>
                <h1 class="text-4xl font-bold">Our Services</h1>
                <p>We provide an extensive range of support services to ensure that our member cooperatives operate at peak efficiency.</p>
            </div>
        </div>

    </div>
</div>


<div class="container max-w-screen-lg px-4 mx-auto">
    @include('layouts.card')
</div>


@include('layouts.services')

<div class="relative">
    <img class="absolute inset-0 object-cover w-full h-full" src="{{asset('images/services/bg-industry.webp')}}" alt="">
    <div class="container relative py-8 mx-auto max-w-screen-2xl">
        <div data-aos="fade-up"
            data-aos-duration="1500">
            <h1 class="py-8 text-4xl font-semibold text-center text-white">Tailored Solutions for Your Industry</h1>
            <div class="grid grid-cols-1 gap-8 px-4 lg:grid-cols-2">

                <div class="relative h-[16rem]">
                    <img class="absolute inset-0 object-cover object-left w-full h-full rounded-3xl lg:object-fill" src="{{asset('images/services/industry-agribusiness.webp')}}" alt="">
                    <div class="relative col-span-2 p-4 space-y-8">
                        <div class="flex items-center space-x-4">
                            <img src="{{ asset('images/services/icon-agribusiness.webp') }}" alt="">
                            <h1 class="font-bold text-[#0D78BC]">AGRI-BUSINESS</h1>
                        </div>
                        <div>
                            <ul class="px-4 space-y-1 text-xs list-disc">
                                <li> Land Preparations</li>
                                <li> Crop & Fertility Planning</li>
                                <li> Weed Control</li>
                                <li> Disease & Insect Control</li>
                                <li> Planting & Harvesting</li>
                                <li> Haulling & Logistics</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="relative h-[16rem]">
                    <img class="absolute inset-0 object-cover object-left w-full h-full rounded-3xl lg:object-fill" src="{{asset('images/services/industry-construction.webp')}}" alt="">
                    <div class="relative p-4 space-y-8">
                        <div class="flex items-center space-x-4">
                            <img src="{{ asset('images/services/icon-construction.webp') }}" alt="">
                            <h1 class="font-bold text-[#0D78BC]">CONSTRUCTION</h1>
                        </div>
                        <div>
                            <ul class="px-4 space-y-1 text-xs list-disc">
                                <li> Skilled Labor Supply</li>
                                <li> Training and Certification</li>
                                <li> Workforce Management</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="relative h-[16rem]">
                    <img class="absolute inset-0 object-cover object-left w-full h-full rounded-3xl lg:object-fill" src="{{asset('images/services/industry-solarfarm.webp')}}" alt="">
                    <div class="relative p-4 space-y-8">
                        <div class="flex items-center space-x-4">
                            <img src="{{ asset('images/services/icon-solarfarm.webp') }}" alt="">
                            <h1 class="font-bold text-[#0D78BC]">SOLAR FARM</h1>
                        </div>
                        <div>
                            <ul class="px-4 space-y-1 text-xs list-disc">
                                <li> Cost-Effective Strategy for Solar Panel Cleaning <br> and Maintenance</li>
                                <li> Assessment and Planning</li>
                                <li> Pricing Options</li>
                                <li> Expertise</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="relative h-[16rem]">
                    <img class="absolute inset-0 object-cover object-left w-full h-full rounded-3xl lg:object-fill" src="{{asset('images/services/industry-facim.webp')}}" alt="">
                    <div class="relative p-4 space-y-8">
                        <div class="flex items-center space-x-4">
                            <img src="{{ asset('images/services/icon-facilities.webp') }}" alt="">
                            <h1 class="font-bold text-[#0D78BC]">FACILITIES MAINTENANCE & <br> MANAGEMENT</h1>
                        </div>
                        <div>
                            <ul class="px-4 space-y-1 text-xs list-disc">
                                <li> Permanent Staffing</li>
                                <li> On-Demand Staffing</li>
                                <li> Front Desk and Concierge</li>
                                <li> Housekeeping</li>
                                <li> Cleaning and Maintenance</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="relative h-[16rem]">
                    <img class="absolute inset-0 object-cover object-left w-full h-full rounded-3xl lg:object-fill" src="{{asset('images/services/industry-retail.webp')}}" alt="">
                    <div class="relative p-4 space-y-8">
                        <div class="flex items-center space-x-4">
                            <img src="{{ asset('images/services/icon-retail.webp') }}" alt="">
                            <h1 class="font-bold text-[#0D78BC]">RETAIL & MERCHANDISING</h1>
                        </div>
                        <div class="flex flex-wrap w-full gap-8 ">
                            <div>
                                <ul class="px-4 space-y-1 text-xs list-disc ">
                                    <li> Merchandisers</li>
                                    <li> Inventory Specialists</li>
                                    <li> Promotional Staff</li>
                                    <li> Planogram Implementation</li>
                                    <li> Shelf Stocking</li>
                                    <li> Visual Merchandising</li>
                                </ul>
                            </div>
                            <div>
                                <ul class="px-4 space-y-1 text-xs list-disc ">
                                    <li> Stock Auditing</li>
                                    <li> Replenishment</li>
                                    <li> Promotional Support</li>
                                    <li> Event Support</li>
                                    <li> Sales Support</li>
                                    <li> Product Knowledge Training</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="relative h-[16rem]">
                    <img class="absolute inset-0 object-cover object-left w-full h-full rounded-3xl lg:object-fill" src="{{asset('images/services/industry-restaurant.webp')}}" alt="">
                    <div class="relative p-4 space-y-8">
                        <div class="flex items-center space-x-4">
                            <img src="{{ asset('images/services/icon-resto.webp') }}" alt="">
                            <h1 class="font-bold text-[#0D78BC]">RESTAURANT & QSR</h1>
                        </div>
                        <ul class="px-4 space-y-1 text-xs list-disc">
                            <li> Front-of-House Staff</li>
                            <li> Back-of-House Staff</li>
                            <li> Management Positions</li>
                            <li> Cleaning and Maintenance</li>
                            <li> Permanent Staffing</li>
                            <li> On-Demand Staffing</li>
                        </ul>
                    </div>
                </div>

                <div class="relative h-[16rem]">
                    <img class="absolute inset-0 object-cover object-left w-full h-full rounded-3xl lg:object-fill" src="{{asset('images/services/industry-aviation.webp')}}" alt="">
                    <div class="relative p-4 space-y-8">
                        <div class="flex items-center space-x-4">
                            <img src="{{ asset('images/services/icon-aviationsupport.webp') }}" alt="">
                            <h1 class="font-bold text-[#0D78BC]">AVIATION SUPPORT</h1>
                        </div>
                        <ul class="px-4 space-y-1 text-xs list-disc">
                            <li> Ground Handling Staff</li>
                            <li> Customer Service Agents</li>
                            <li> Aircraft Maintenance Technicians</li>
                            <li> Catering and Cleaning Staff</li>
                            <li> Ramp Services</li>
                            <li> Passenger Assistance</li>
                        </ul>
                    </div>
                </div>

                <div class="relative h-[16rem]">
                    <img class="absolute inset-0 object-cover object-left w-full h-full rounded-3xl lg:object-fill" src="{{asset('images/services/industry-warehouse.webp')}}" alt="">
                    <div class="relative p-4 space-y-8">
                        <div class="flex items-center space-x-4">
                            <img src="{{ asset('images/services/icon-warehouse-supplychain.webp') }}" alt="">
                            <h1 class="font-bold text-[#0D78BC]">WAREHOUSE & SUPPLY CHAIN</h1>
                        </div>
                        <div class="flex flex-wrap w-full gap-2 ">
                            <div>
                                <ul class="px-4 space-y-1 text-xs list-disc">
                                    <li> Warehouse Associates</li>
                                    <li> Material Handlers</li>
                                    <li> Forklift Operators</li>
                                    <li> Inventory Control Specialists</li>
                                    <li> Shipping and Receiving Clerks</li>
                                    <li> Logistics Coordinators</li>
                                </ul>
                            </div>
                            <div>
                                <ul class="space-y-1 text-xs list-disc ">
                                    <li> Shift Planning</li>
                                    <li> Overtime Management</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="relative h-[16rem]">
                    <img class="absolute inset-0 object-cover object-left w-full h-full rounded-3xl lg:object-fill" src="{{asset('images/services/industry-manufacturing.webp')}}" alt="">
                    <div class="relative p-4 space-y-8">
                        <div class="flex items-center space-x-4">
                            <img src="{{ asset('images/services/icon-manufacturing.webp') }}" alt="">
                            <h1 class="font-bold text-[#0D78BC]">MANUFACTURING</h1>
                        </div>
                        <ul class="px-4 space-y-1 text-xs list-disc">
                            <li> Human Resource Management</li>
                            <li> Payroll Processing</li>
                            <li> Back-office Operations</li>
                            <li> Inventory management </li>
                            <li> Quality Assurance</li>
                            <li> Inspection</li>
                        </ul>
                    </div>
                </div>

                <div class="relative h-[16rem]">
                    <img class="absolute inset-0 object-cover object-left w-full h-full rounded-3xl lg:object-fill" src="{{asset('images/services/industry-hotelhospital.webp')}}" alt="">
                    <div class="relative p-4 space-y-8">
                        <div class="flex items-center space-x-4">
                            <img src="{{ asset('images/services/icon-hotel-hospitality.webp') }}" alt="">
                            <h1 class="font-bold text-[#0D78BC]">HOTEL & HOSPITALITY</h1>
                        </div>
                        <ul class="px-4 space-y-1 text-xs list-disc">
                            <li> Customer Service</li>
                            <li> Housekeeping</li>
                            <li> Property Management System</li>
                            <li> Meeting and Event Planning </li>
                            <li> Catering</li>
                        </ul>
                    </div>
                </div>



            </div>
        </div>
    </div>
</div>



<div class="container max-w-screen-xl py-20 mx-auto">
    <div class="grid grid-cols-1 gap-8 overflow-hidden md:grid-cols-2">
        <div data-aos="fade-right"
            data-aos-duration="1500">
            <h1 class="text-4xl font-bold">Nationwide Capabilities</h1>
            <img src="{{asset('images/services/map.webp')}}" alt="">
        </div>
        <div data-aos="fade-left"
            data-aos-duration="1500">
            @include('layouts.contact')
        </div>

    </div>
</div>

@include('layouts.footer')

@endsection