@extends('layouts.main-app')

@section('title', 'Home')

@section('content')

@include('components.navbar')
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
    AOS.init();
</script>
<div class="bg-center bg-cover" style=" background-image: url('{{ url('/images/about_us/Wallpaper.png') }}');">
    <div class="flex items-center justify-center">
        <div class="container mx-auto">
            <div class="py-40 ml-4 text-white md:ml-20">
                <h1 class="text-2xl font-bold lg:text-6xl">About Us</h1>
                <p class="text-sm text-justify lg:text-xl">
                    Michael Angelo Manpower Exponent Inc.
                </p>
            </div>
        </div>
    </div>
</div>

<div class="flex items-center justify-center">
    <div class="container">
        <div class="grid grid-cols-1 p-2 mx-2 md:grid-cols-2 lg:p-20 lg:mx-12 xl:mx-40">
            <div data-aos="flip-left" class="my-12 space-y-8 ">
                <h1 class="text-2xl font-bold text-red-600 lg:text-4xl">Who is MMEi?</h1>
                <p class="text-sm font-semibold text-red-600 lg:text-xl">
                    Michelangelo Manpower Exponent, Inc. (MMEi) is a licensed recruitment agency under the Department of Migrant Workers established in 1997. MMEI is registered with the Philippine Securities & Exchange Commission (SEC). MMEi is a pro-active human capital investment facilitator.
                </p>
            </div>
            <div data-aos="flip-right" class="p-32 bg-gray-400 rounded-xl">
            </div>
        </div>
    </div>
</div>
<div class="flex items-center justify-center">
    <div class="container">
        <div class="grid grid-cols-1 gap-20 mx-4 my-4 md:grid-cols-2 lg:grid-cols-4 lg:mx-20 lg:my-12">
            <div data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
                <img src="{{asset('images/about_us/Flag_of_Hong_Kong.svg.png')}}" alt="">
            </div>
            <div data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
                <img src="{{asset('images/about_us/Flag_of_Malaysia.svg.png')}}" alt="">
            </div>
            <div data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
                <img src="{{asset('images/about_us/Flag_of_Cyprus.png')}}" alt="">
            </div>
            <div data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
                <img src="{{asset('images/about_us/Flag_of_Jordan.png')}}" alt="">
            </div>
        </div>
    </div>
</div>
<div class="flex items-center justify-center">
    <div class="container ">
        <div data-aos="fade-down" data-aos-offset="300" data-aos-easing="ease-in-sine" class="flex flex-col items-center justify-center my-12 space-y-12">
            <div class="grid grid-cols-1 gap-8 md:grid-cols-3">
                <button class="px-20 py-4 text-lg font-bold text-white bg-red-600 rounded-xl lg:text-2xl">Vision</button>
                <button class="px-20 py-4 text-lg font-bold text-white bg-red-600 rounded-xl lg:text-2xl">Mission</button>
                <button class="px-20 py-4 text-lg font-bold text-white bg-red-600 rounded-xl lg:text-2xl">Goal</button>
            </div>
            <p class="w-full text-sm font-semibold text-center text-red-600 lg:text-xl md:w-3/4">
                MMEi is dedicated to bridging the gap between skilled Filipino workers and international job opportunities. We strive to deliver top-notch recruitment services that benefit both our clients and job seekers.
            </p>
        </div>
    </div>
</div>

<div class="flex items-center justify-center">
    <div class="container">
        <div class="grid grid-cols-1">
            <div data-aos="fade-up" data-aos-duration="1000" class="flex flex-col items-center justify-center md:flex-row ">
                <div>
                    <img src="{{asset('images/about_us/img1.png')}}" alt="">
                </div>
                <div class="flex flex-col justify-center w-full px-8 py-8 my-20 -ml-0 space-y-8 bg-red-600 rounded-xl md:-ml-12 xl:py-12 xl:px-20 md:w-2/4 lg:w-2/5 ">
                    <h1 class="text-lg font-bold text-white lg:text-2xl">OUR VISION</h1>
                    <p class="text-sm font-semibold text-white lg:text-lg">
                        To add value to our business partner’s enterprise.
                        Towards the above objectives, MMEi guarantees Filipino job seekers a one-stop applicant-friendly environment where their precious skills and competencies are matched to the next best available open job means of a state-of-the-art electronic file search process that delivers instantaneous quality results.
                    </p>
                </div>
            </div>
            <div data-aos="fade-up" data-aos-duration="1000" class="flex flex-col items-center justify-center md:flex-row ">
                <div class="relative flex flex-col justify-center order-2 w-full px-8 py-8 my-20 -mr-0 space-y-8 text-left bg-red-600 md:w-2/4 lg:w-2/5 md:order-1 lg:text-right rounded-xl md:-mr-12 xl:py-12 xl:px-20">
                    <h1 class="text-lg font-bold text-white lg:text-2xl">OUR MISSION</h1>
                    <p class="text-sm font-semibold text-white lg:text-lg">
                        Michaelangelo Manpower Exponent, Inc. (MMEi) is ably supported by permanently regular staff as well as full-time and part-time consultants and freelances with proven expertise and track record in the different fields of human-capital management particularly in manpower-supply facilitation for the international labor market. MMEi’s staff and consultants possess a deep sense of understanding of its partner-client’s requirements. This gives MMEi the edge in being able to help its partners successfully plug their successful job performance in the particular overseas work environment.
                    </p>
                </div>
                <div class="flex order-1 md:order-2">
                    <img src="{{asset('images/about_us/img2.png')}}" alt="">
                </div>
            </div>
            <div data-aos="fade-up" data-aos-duration="1000" class="flex flex-col items-center justify-center w-full md:flex-row">
                <div class="">
                    <img src="{{asset('images/about_us/img3.png')}}" alt="">
                </div>
                <div class="flex flex-col justify-center w-full px-8 py-8 my-20 -ml-0 space-y-8 bg-red-600 rounded-xl md:-ml-12 xl:py-12 xl:px-20 md:w-2/4 lg:w-2/5">
                    <h1 class="text-lg font-bold text-white lg:text-2xl">OUR GOALS</h1>
                    <p class="text-sm font-semibold text-white lg:text-lg">
                        Our goal is to add value to our business partner’s enterprise, give them a competitive edge in the recruitment, hiring & placement of Filipino workers; nurture mutually beneficial business alliances & remain a learning organization delivering services within the prevailing best-practice in the industry.
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="flex items-center justify-center">
    <div class="container">
        <div class="flex flex-col items-center justify-center mx-4 space-y-12 md:mx-12">

            <div data-aos="fade-down" data-aos-offset="300" data-aos-easing="ease-in-sine">
                <h1 class="text-2xl font-bold text-center text-red-600 lg:text-4xl">
                    Your Partner to Overseas Opportunities!
                </h1>
            </div>
            <div data-aos="fade-down" data-aos-offset="300" data-aos-easing="ease-in-sine">
                <img src="{{asset('images/about_us/img4.png')}}" class="mx-0 xl:mx-20" alt="">
                <div class="py-12 -mt-16 bg-red-600 lg:py-20 rounded-xl lg:-mt-32 ">
                </div>
            </div>
            <div class="w-full md:w-2/4 lg:w-4/5" data-aos="fade-down" data-aos-offset="300" data-aos-easing="ease-in-sine">
                <p class="mb-32 text-sm font-semibold text-center text-red-600 md:text-lg ">
                    Michaelangelo Manpower Exponent, Inc. (MMEi) is more than just a recruitment agency; it's your gateway to a world of opportunities. Established in 1997, MMEi specializes in matching job seekers with the perfect fit, ensuring that their talents shine wherever they go, be it construction sites, classrooms, hospitals, or hotels. With MMEi, you're not just an employee; you're a valued partner, receiving after-deployment services and access to a wide range of job categories through a user-friendly application process. So, why wait? Trust in MMEi, take that leap of faith, and let the world become your playground.
                </p>
            </div>
        </div>
    </div>
</div>

@include('components.footer')


@endsection