@extends('layouts.main-app')

@section('title', 'About Us - Our Story')
@section('content')

@include('layouts.navbar')
<div class="relative ">
    <img class="absolute inset-0 object-cover w-full h-full" src="{{asset('images/about_us/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">About Us</h1>
                <p>tipón is a federation of cooperatives that offers diverse and comprehensive manpower and technical solutions to your business needs across multiple industries</p>
            </div>
        </div>
    </div>
</div>

<div class="container max-w-screen-xl mx-auto">
    <h1 class="py-8 text-4xl font-bold text-center">Our Story</h1>

    <section class="relative flex flex-col justify-center overflow-hidden ">
        <div class="px-4 py-12 md:px-6">
            <div class="flex flex-col justify-center ">
                <div class="w-full ">
                    <div class="grid overflow-hidden grid-cols-1 md:grid-cols-5 items-start gap-8 space-y-8 relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-blue-500 pl-12 md:pl-0">
                        <!-- Item 1 -->
                        <div data-aos="fade-right"
                            data-aos-duration="1500" class="relative flex flex-col col-span-2 space-y-4 group is-active">
                            <h1 class="text-xl font-bold">1999</h1>
                            <ul class="px-4 ">
                                <li class="">Asiapro was established</li>
                            </ul>
                            <h1 class="text-xl font-bold">2007</h1>
                            <ul class="px-4 space-y-4">
                                <li class="">First time to cross P1 Billion in gross billings</li>
                                <li class="">The first stage of Asiapro's reorganization and culture building was completed</li>
                            </ul>

                            <h1 class="text-xl font-bold">2008</h1>
                            <ul class="px-4 ">
                                <li class="">Ra 9520, or the Cooperative Code was passed, for the first time, workers cooperatives was recognized as a legitimate entity.</li>
                            </ul>
                        </div>
                        <!-- Horizontal Line -->
                        <div class="relative flex items-center justify-center ">
                            <div class="w-3/4 h-0.5 bg-blue-500 hidden md:block -mt-[3.9rem]"></div>
                        </div>
                        <!-- Item 2 -->
                        <div data-aos="fade-left"
                            data-aos-duration="1500" class="relative flex col-span-2 group is-active">
                            <img src="{{asset('images/about_us/img-1.webp')}}" alt="">
                        </div>



                        <div data-aos="fade-right"
                            data-aos-duration="1500" class="relative flex col-span-2 group is-active">
                            <img src="{{asset('images/about_us/img-2.webp')}}" alt="">
                        </div>

                        <div class="relative flex items-center justify-center">
                            <div class="w-3/4 h-0.5 bg-blue-500 hidden md:block"></div>
                        </div>

                        <div data-aos="fade-left"
                            data-aos-duration="1500" class="relative flex flex-col col-span-2 space-y-4 group is-active">
                            <h1 class="text-xl font-bold">2012</h1>
                            <ul class="px-4 ">
                                <li class="">The CDA issues MC 12-2012, outlining the break-up of Cooperatives, operating on a national basis.</li>
                            </ul>
                            <h1 class="text-xl font-bold">2014 - 2015</h1>
                            <ul class="px-4 space-y-4">
                                <li class="">Asiapro embarked in redifining its culture, its brand constitution and architecture.</li>
                                 <li class="">Asiapro's Purpose, Principles, and Norms was drafted.</li>
                            </ul>
                            
                            
                            
                            
                            
                            <!--<h1 class="text-xl font-bold">November 17,2009</h1>-->
                            <!--<ul class="px-4 ">-->
                            <!--    <li class="">Supreme Court decision on SSS vs. Asiapro came out (Case No. 6-15507-03)</li>-->
                            <!--</ul>-->
                            <!--<h1 class="text-xl font-bold">August 20,2010</h1>-->
                            <!--<ul class="px-4 ">-->
                            <!--    <li class="">Pagpayag form between our members, Asiapro & SSS was first drafted and submitted</li>-->
                            <!--</ul>-->

                        </div>

                        <div data-aos="fade-right"
                            data-aos-duration="1500" class="relative flex flex-col col-span-2 space-y-4 group is-active">
                            <h1 class="text-xl font-bold">2017</h1>
                            <ul class="px-4 space-y-4">
                                <li class="">Department Order 174, series of 2017 was issued, on March 16, 2017.</li>
                                <li class="">Michael V. Gonzalez (MVG) joins in Asiapro as Group Head of Independent Manufacturing Group, where the volume-based agreements and toll manufacturing started.</li>
                                <li class="">Contract Selling and the creation of the Independent Sales and Services Platform.</li>
                                <li class="">Securing of PCAB licenses for the various sites for MDC.</li>
                               
                            </ul>

                            <!--<h1 class="text-xl font-bold">2014 - 2015</h1>-->
                            <!--<ul class="px-4 ">-->
                            <!--    <li class="">Asiapro embarked in redifining its culture, its brand constitution and architecture. Asiapro's Purpose, Principles, and Norms was drafted.</li>-->
                            <!--</ul>-->
                            
                            
                            <!--<h1 class="text-xl font-bold">2012</h1>-->
                            <!--<ul class="px-4 ">-->
                            <!--    <li class="">The CDA issues MC 12-2012, outlining the break-up of Cooperatives, operating on a national basis.</li>-->
                            <!--</ul>-->

                            <!--<h1 class="text-xl font-bold">2014 - 2015</h1>-->
                            <!--<ul class="px-4 ">-->
                            <!--    <li class="">Asiapro embarked in redifining its culture, its brand constitution and architecture. Asiapro's Purpose, Principles, and Norms was drafted.</li>-->
                            <!--</ul>-->
                        </div>
                        
                        <div class="relative flex items-center justify-center">
                            <div class="w-3/4 h-0.5 bg-blue-500 hidden md:block"></div>
                        </div>
                        <div data-aos="fade-left"
                            data-aos-duration="1500" class="relative flex col-span-2 group is-active">
                            <img src="{{asset('images/about_us/img-3.webp')}}" alt="">
                        </div>

                        <div data-aos="fade-right"
                            data-aos-duration="1500" class="relative flex col-span-2 group is-active">
                            <img src="{{asset('images/about_us/img-4.webp')}}" alt="">
                        </div>

                        <div class="relative flex items-center justify-center">
                            <div class="w-3/4 h-0.5 bg-blue-500 hidden md:block"></div>
                        </div>


                        <div data-aos="fade-left"
                            data-aos-duration="1500" class="relative flex flex-col col-span-2 space-y-4 group is-active">
                            <h1 class="text-xl font-bold">2022</h1>
                            <ul class="px-4 ">
                                <li class="">MVG Becomes COO of the whole cooperative.</li>
                            </ul>
                            
                            <h1 class="text-xl font-bold">2023</h1>
                            <ul class="px-4 space-y-4">
                                <li class="">MVG Becomes President & General Manager</li>
                                <li class="">GUQ Becomes Chairman of tipon</li>
                            </ul>
                            
                             <h1 class="text-xl font-bold">2024</h1>
                            <ul class="px-4 ">
                                <li class="">Continuing Legacy.</li>
                            </ul>
                        </div>


                        <!--<div data-aos="fade-right"-->
                        <!--    data-aos-duration="1500" class="relative flex flex-col col-span-2 space-y-4 group is-active">-->
                        <!--    <h1 class="text-xl font-bold">2017</h1>-->
                        <!--    <ul class="px-4 ">-->
                        <!--        <li class="">Department Order 174, series of 2017 was issued, on March 16, 2017.</li>-->
                        <!--        <li>Michael V. Gonzalez (MVG) joins in Asiapro as Group Head of Independent Manufacturing Group, where the volume-based agreements started</li>-->
                        <!--    </ul>-->
                        <!--    <h1 class="font-bold">What was the impact?</h1>-->
                        <!--    <ul class="px-4 list-none">-->
                        <!--        <li class="">Raised the capital requirements necessary to get a license to P5 million.</li>-->
                        <!--        <li class="">Absolute prohibition of labor only contracting ? the 3 fold test.</li>-->
                        <!--        <li class="">Permissible activities.</li>-->
                        <!--        <li class="">Open ended employment contracts.</li>-->
                        <!--        <li class="">Raising the application and renewal fee to P100,000.</li>-->
                        <!--        <li class="">Cancellation and due process for cancellation.</li>-->
                        <!--    </ul>-->
                        <!--</div>-->

                        <!--<div class="relative flex items-center justify-center">-->
                        <!--    <div class="w-3/4 h-0.5 bg-blue-500 hidden md:block"></div>-->
                        <!--</div>-->


                        <!--<div data-aos="fade-left"-->
                        <!--    data-aos-duration="1500" class="relative flex col-span-2 group is-active">-->
                        <!--    <img src="{{asset('images/about_us/img-5.webp')}}" alt="">-->
                        <!--</div>-->

                        <!--<div data-aos="fade-right"-->
                        <!--    data-aos-duration="1500" class="relative flex col-span-2 group is-active">-->
                        <!--    <img src="{{asset('images/about_us/img-6.webp')}}" alt="">-->
                        <!--</div>-->
                        <!--<div class="relative flex items-center justify-center">-->
                        <!--    <div class="w-3/4 h-0.5 bg-blue-500 hidden md:block"></div>-->
                        <!--</div>-->
                        <!--<div data-aos="fade-left"-->
                        <!--    data-aos-duration="1500" class="relative flex flex-col col-span-2 space-y-4 group is-active">-->
                        <!--    <h1 class="text-xl font-bold">2017</h1>-->
                        <!--    <p>Department Circular No.01, issued on 13 June 2017. It outlined the activities that was excempted from the coverage of DO 174.</p>-->
                        <!--    <p>Project Exodus and the creation of Business Platforms.</p>-->
                        <!--    <h1 class="font-bold text-md">Taking from the Department Circular No.1, we created Project Exodus. This was our attempt to create business outside of the purview of DO 174.</h1>-->
                        <!--    <p>Toll Manufacturing and the creation of the Independent Manufacturing Group.</p>-->
                        <!--    <p>Contract Selling and the creation of the Independent Sales and Services Platform.</p>-->
                        <!--    <p>Securing of PCAB licenses for the various sites for MDC.</p>-->
                        <!--</div>-->

                        <!--<div data-aos="fade-right"-->
                        <!--    data-aos-duration="1500" class="relative flex flex-col col-span-2 space-y-4 group is-active">-->
                        <!--    <h1 class="text-xl font-bold">2020</h1>-->
                        <!--    <ul class="px-4 ">-->
                        <!--        <li class="">Succession was put into play. Noel Gonzales was hired.</li>-->
                        <!--    </ul>-->

                        <!--    <h1 class="text-xl font-bold">2022</h1>-->
                        <!--    <ul class="px-4 ">-->
                        <!--        <li class="">MVG becomes the COO of the whole cooperative network</li>-->
                        <!--    </ul>-->

                        <!--    <h1 class="font-bold">October 2023</h1>-->
                        <!--    <ul class="px-4 ">-->
                        <!--        <li class="">MVG becomes President and General Manager (PGM)</li>-->
                        <!--    </ul>-->

                        <!--    <h1 class="font-bold">2024</h1>-->
                        <!--    <ul class="px-4 ">-->
                        <!--        <li class="">Continuing the Legacy.</li>-->
                        <!--    </ul>-->

                        <!--</div>-->

                        <!--<div class="relative flex items-center justify-center">-->
                        <!--    <div class="w-3/4 h-0.5 bg-blue-500 hidden md:block"></div>-->
                        <!--</div>-->

                        <!--<div data-aos="fade-left"-->
                        <!--    data-aos-duration="1500" class="relative flex col-span-2 group is-active">-->
                        <!--    <img src="{{asset('images/about_us/img-7.webp')}}" alt="">-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
        </div>
    </section>


</div>


<div class="relative">
    <img class="absolute inset-0 object-cover w-full h-full" src="{{asset('images/about_us/bg-purpose.png')}}" alt="">
    <div data-aos="zoom-in"
        data-aos-duration="1500" class="container relative max-w-screen-xl py-8 mx-auto space-y-8 text-center text-white">
        <div class="space-y-4">
            <h1 class="text-5xl font-bold">Purpose & Principles</h1>
            <p>To inspire meaningful and Fulfilled Lives</p>
        </div>

        <div class="space-y-4 ">
            <h1 class="font-bold text-4xl">Principles:</h1>
           <ul class="list-none">
                <li>Member Centered</li>
                <li>Common Good</li>
                <li>Initiative and Responsibility</li>
                <li>Concern for others</li>
                <li>Personal excellence</li>
           </ul>
        </div>
        <div class="space-y-4">
            <h1 class="font-bold text-4xl text-[#FBAF43]">Win As A Team</h1>
        </div>
    </div>
</div>

<div class="container max-w-screen-xl mx-auto">
    @include('layouts.newsletter')
</div>
@include('layouts.footer')




@endsection