@extends('frontend.layouts.partials.app')
@section('title', 'About Us')
@section('meta', 'Welcome to Goodwill Finance Pvt. Ltd.')
@section('content')

    <section class="h-[500px] px-2 lg:flex lg:items-center bg-gradient-to-tr from-[#1d7dcb] to-[#004d6e]">
        <div
            class="w-full flex flex-col-reverse space-y-10 lg:space-y-0 lg:flex-row lg:justify-between lg:items-center">
            <h2 class="text-2xl mt-20 font-semibold pl-2 lg:pl-10 text-[#fff] lg:text-5xl lg:mt-0">
                Agriculture Loan
            </h2>
            <img src="{{ asset('assets/img/agricultureLoan.jpg') }}"
                 class="border-2 rounded-xl lg:mb-0 lg:w-[564px] lg:mt-10 lg:m-10" alt=""/>
        </div>
    </section>

    <section>
        <div class="p-5 mt-8 lg:p-10 lg:mt-16">
            <div class="flex flex-col space-y-10 lg:space-y-0 lg:flex-row lg:space-x-44 lg:items-center">
                <p class="max-w-3xl text-xl">
                    Nepal is agricultural country. About 65% of the population of the
                    country depends on agriculture for their livelihood and agriculture
                    is the main source for international trade. This product is designed
                    for financing for focus to cater the rural and semi urban farmers,
                    who have creditworthy plan, passion and honest attitude and lacks
                    sufficient capital to materialize their dream. In fact, a combined
                    target for lending is focus on providing loan to agriculture sector
                    with the provision of subsidy as already prescribed by NRB.
                </p>

                <img src="{{ asset('assets/img/sprout.png') }}" class="w-[250px]" alt=""/>
            </div>
        </div>
    </section>

    <section class="p-5 lg:pl-10 flex flex-col space-y-12">
        <div class="flex flex-col space-y-5">
            <h2 class="w-44 flex justify-center text-[#004d6e] font-bold uppercase border-2 p-2 border-[#004d6e] rounded-l-full rounded-tr-full">
                Rate of interest
            </h2>

            <p class="text-xl lg:pl-2">Base rate + upto 4.50% premium per annum</p>
        </div>

        <div class="flex flex-col space-y-5">
            <h3 class="w-44 flex justify-center text-[#004d6e] font-bold uppercase border-2 p-2 border-[#004d6e] rounded-l-full rounded-tr-full">
                Salient Features
            </h3>

            <!-- <ol class="pl-6 flex flex-col space-y-3 text-lg">
                      <li>Financing up to 70 % of distress value.</li>
                      <li>Loan tenure of maximum 5 years.</li>
                      <li>Rate of interest up to 13.00% to 16.00%</li>
                      <li>Processing fees Upto 1.25.%</li>
                    </ol> -->

            <div class="flex flex-col space-y-5 lg:space-y-0 lg:flex-row lg:space-x-5 lg:items-center">
                <!--  -->
                <div class="flex flex-col space-y-5 lg:space-y-0 lg:flex-row lg:space-x-5 lg:items-center">
                    <div class="bg-[#eee] p-4 rounded-md">
                        <p>Financing up to 70 % of distress value.</p>
                    </div>
                    <div class="bg-[#eee] p-4 rounded-md">
                        <p>Loan tenure of maximum 5 years.</p>
                    </div>
                </div>
                <!--  -->
                <div class="flex flex-col space-y-5 lg:space-y-0 lg:flex-row lg:space-x-5">
                    <div class="bg-[#eee] p-4 rounded-md">
                        <p>Rate of interest up to 13.00% to 16.00%</p>
                    </div>
                    <div class="bg-[#eee] p-4 rounded-md">
                        <p>Processing fees Upto 1.25.%</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="flex flex-col space-y-5">
            <h2 class="w-56 flex justify-center text-[#004d6e] font-bold uppercase border-2 p-2 border-[#004d6e] rounded-l-full rounded-tr-full">
                Required Documents
            </h2>

            <div
                class="flex flex-col-reverse space-y-8 lg:space-y-0 lg:flex-row lg:justify-between lg:pr-60 lg:items-center">
                <div class="mt-8 flex flex-col space-y-3 lg:pl-3 lg:mt-0">
                    <div class="flex space-x-2 items-center">
                        <img src="{{ asset('assets/img/hand.png') }}" class="w-8" alt=""/>
                        <p>Loan application</p>
                    </div>
                    <div class="flex space-x-2 items-center">
                        <img src="{{ asset('assets/img/hand.png') }}" class="w-8" alt=""/>
                        <p>Citizenship of borrower</p>
                    </div>
                    <div class="flex space-x-2 items-center">
                        <img src="{{ asset('assets/img/hand.png') }}" class="w-8" alt=""/>
                        <p>Family details</p>
                    </div>
                    <div class="flex space-x-2 items-center">
                        <img src="{{ asset('assets/img/hand.png') }}" class="w-8" alt=""/>
                        <p>Lalpurja, Blueprint and Trace map of land and building</p>
                    </div>
                    <div class="flex space-x-2 items-center">
                        <img src="{{ asset('assets/img/hand.png') }}" class="w-8" alt=""/>
                        <p>Tax payment receipt of land and building</p>
                    </div>
                    <div class="flex space-x-2 items-center">
                        <img src="{{ asset('assets/img/hand.png') }}" class="w-8" alt=""/>
                        <p>Char Killa Pramanit from ward office/VDC</p>
                    </div>
                    <div class="flex space-x-2 items-center">
                        <img src="{{ asset('assets/img/hand.png') }}" class="w-8" alt=""/>
                        <p>Monthly income source with supporting documents</p>
                    </div>
                    <div class="flex space-x-2 items-center">
                        <img src="{{ asset('assets/img/hand.png') }}" class="w-8" alt=""/>
                        <p>Other documents based on requirement</p>
                    </div>
                </div>

                <img src="{{ asset('assets/img/documents.png') }}" class="w-[100px] lg:w-[300px]" alt=""/>
            </div>
        </div>
        <a href="{{ route('createLoanForm') }}">
            <button
                class="py-2 px-5 rounded-md w-44 bg-[#005aab] text-white hover:scale-x-95 duration-200 transition ease-in-out">
                Apply Loan
            </button>
        </a>


    </section>

@endsection