@extends('layouts.main-app')

@section('title', 'Partners')

@section('content')

    @include('layouts.navbar')

    <div class="relative h-[20rem]">
        <div class="relative z-50 py-20 text-center">
            <h1 class="text-4xl font-bold text-black">BE OUR PARTNER </h1>
        </div>
    </div>

    <div class="container relative max-w-screen-xl mx-auto my-20 space-y-12 overflow-hidden">
        <div class="flex flex-col items-center justify-center space-y-8 lg:space-y-0 lg:space-x-8 lg:flex-row ">
            <img data-aos="fade-right" data-aos-duration="1000" src="{{ asset('images/metric-company.png') }}" alt="">
            <img data-aos="fade-left" data-aos-duration="1000" src="{{ asset('images/metric-manpower.png') }}"
                alt="">
        </div>

        <div class="flex flex-col justify-center space-y-8 text-center">
            <div class="flex justify-center">
                <p data-aos="fade-up" data-aos-duration="1000" class="">
                    At Primover Consultancy Services, Inc. (PCSI), we are committed to upholding our company philosophy,
                    where all our clients receive top priority. Our services begin by understanding your business processes
                    and goals, serving as the foundation for developing customized solutions through our consulting and
                    solutions framework, tailored to meet your specific requirements.
                </p>
            </div>
        </div>
    </div>

    <div data-aos="zoom-in" data-aos-duration="1000" class="my-12 overflow-hidden swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img class="w-full h-auto rounded-2xl"
                    src="{{ asset('images/Revision-Folders/Resources/IMG_1580-6.webp') }}" alt=""></div>
            <div class="swiper-slide"><img class="w-full h-auto rounded-2xl"
                    src="{{ asset('images/Revision-Folders/Resources/img-about-2.webp') }}" alt=""></div>
            <div class="swiper-slide"><img class="w-full h-auto rounded-2xl"
                    src="{{ asset('images/Revision-Folders/Resources/img-banner-1.webp') }}" alt=""></div>
            <div class="swiper-slide"><img class="w-full h-auto rounded-2xl"
                    src="{{ asset('images/Revision-Folders/Resources/img-about-1.webp') }}" alt=""></div>
            <div class="swiper-slide"><img class="w-full h-auto rounded-2xl"
                    src="{{ asset('images/Revision-Folders/Resources/DSC08130-6.webp') }}" alt=""></div>
        </div>
        <div class="flex items-end justify-center my-2 ml-20">
            <div id="swiper-button-prev">
                <button><img src="{{ asset('images/btn-left.png') }}" alt=""></button>
            </div>
            <div id="swiper-button-next">
                <button><img src="{{ asset('images/btn-right.png') }}" alt=""></button>
            </div>
        </div>
    </div>


    <script>
        const swiper = new Swiper('.swiper-container', {
            effect: 'coverflow',
            grabCursor: true,
            centeredSlides: true,
            slidesPerView: 2,
            initialSlide: 2, // Start at the 3rd slide (index starts from 0)
            loop: true,
            coverflowEffect: {
                rotate: 0,
                stretch: 0,
                depth: 50,
                modifier: 5,
                slideShadows: true,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '#swiper-button-next',
                prevEl: '#swiper-button-prev',
            },
            breakpoints: {
                // When the viewport width is <= 640px (small screens)
                640: {
                    slidesPerView: 1,
                    spaceBetween: 10,
                },
                // When the viewport width is <= 768px (tablets)
                768: {
                    slidesPerView: 1.5,
                    spaceBetween: 15,
                },
                // When the viewport width is <= 1024px (small desktops)
                1024: {
                    slidesPerView: 3,
                    spaceBetween: 20,
                },
            },
        });
    </script>

    <div data-aos="fade-up" data-aos-duration="1000" class="container relative max-w-screen-xl mx-auto">
        <div class="">
            <h1 class="text-2xl font-bold flex justify-center py-4">Experience Business Excellence with Certified Experts
            </h1>
            <p class="flex justify-center">PCSI boasts a powerhouse manpower pool of IT professionals with extensive in
                various areas of
                computerization, including:</p>
            <div class="flex justify-center">
                <ul class="text-center">
                    <li class="font-bold py-2">•Systems Analysis, Design and Programming</li>
                    <li class="font-bold py-2">•Project Management</li>
                    <li class="font-bold py-2">•Project Implementation</li>
                    <li class="font-bold py-2">•Networking/Cabling</li>
                    <li class="font-bold py-2">•IT and Non-IT Training</li>
                </ul>
            </div>
        </div>

        <div class="py-14">
            <h1 class="flex justify-center text-2xl font-bold py-4">Empowering Diverse Industries with Skilled Workforce
                Solutions</h1>
            <p class="flex justify-center text-center px-32 leading-relaxed py-4">Healthcare & Medical • Information
                Technology (IT) & Software • Construction & Infrastructure • Manufacturing & Production • Logistics & Supply
                Chain • Retail & E-commerce • Hospitality & Tourism • Banking & Financial Services • Oil & Gas •
                Telecommunications
                • Education & Training • Automotive • Agriculture & Agribusiness • Real Estate & Property Management •
                Pharmaceuticals & Biotechnology • Engineering & Technical Services • Media & Entertainment • Aerospace &
                Aviation • Renewable Energy & Environmental Services • Customer Service & Call Centers
            </p>
            <h1 class="flex justify-center text-center px-32 py-14 text-[#356d1c] font-semibold">We eagerly anticipate
                fullfiling
                your current
                manpower
                requirements.
                Kindly fill
                out the Inquiry form below,
                and well promptly reach out to you.</h1>
        </div>

        {{-- <div class="px-4 space-y-8">
        <h1 class="text-xl font-bold">
            Experience Business Excellence with Certified Experts
        </h1>
        <p>
            PCSI boasts a powerhouse manpower pool of IT professionals with extensive expertise in various areas
            of computerization, including:
            Systems Analysis, Design, and Programming
            Project Management
            Project implementation
            Networking/Cabling
            IT and Non-IT Training
        </p>
        <h1 class="text-xl font-bold">
            Partnerting in Prestigious Clients
        </h1>
        <p>
            ABS-CBN Convergence, inc. (formerly MTI) Ajinomoto Phillippines Corporation Amdocs Philippines, Inc. Bayan Telecommunications, Inc. BOO Universal Bank Blue Cross Insurance, Inc. Canon Information Technicilogies, Inc. Citibank Coca-Cola Bottlers Philippines, Inc. First Gas Power Corporation Incuventure Partners Corporation Indra Philippines, Inc, Kimberly-Clark Philippines, Inc. Merck, Inc. Millenium Computer Tech Corporation Philex Mining Corporation Philippine National Bank Primer Resource Corporation Publicis Manila, inc. Resources Philippines Publicis JimenezBasic, Inc. Rizal Commercial Banking Corporation SAS Institute Philippines, Inc. - Smart Communications, Inc. Solutions Digitas Marketing Services Starcom Media Vest Group Philippines, Inc. Thakral One, inc. QBE Management Services (PHils) ROHQ Universal Storefront Services Corporation Verafede, Inc. YGC Corporate Services, Inc.
        </p>
    </div> --}}
    </div>

    {{-- <div data-aos="fade-up" data-aos-duration="1000" class="container max-w-screen-xl px-4 mx-auto">
        @include('layouts.partners')
        <p class="text-center">
            We eagerly anticipate fulfilling your current manpower requirements. Kindly fill out the Inquiry Form
            <br>
            below, and well promptly reach out to you.
        </p>
        <div class="flex justify-center my-12">
            <a href="{{ url('inquiry_form') }}">
                <button class="bg-[#0f1d18] text-white px-12 py-2 rounded-full">INQUIRY FORM</button>
            </a>
        </div>
    </div> --}}


    {{-- @include('layouts.newsletter')

    @include('layouts.innovation') --}}

    @include('layouts.footer')


@endsection