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

    <section>
        <div class="w-full relative">
            <img src="{{asset('assets/img/homeLoanBanner.jpg')}}" alt=""/>
            <div class="absolute top-10 lg:top-20">
                <div class="flex justify-between pl-5 lg:pl-10">
                    <div class="flex flex-col space-y-5 lg:space-y-10">
                        <h2 class="hidden text-[#00accc] text-2xl lg:block">
                            Welcome to Goodwill Finance
                        </h2>
                        <p class="capitalize text-lg max-w-[140px] lg:text-7xl lg:max-w-2xl font-semibold">
                            Buy and get better home
                        </p>
                        <p class="hidden text-[#777] text-lg max-w-2xl lg:block">
                            Experinces started sit amet consectetur adipiscing elit sed do
                            eiusmod tr inciddunt ut labore et dolore adipiscing elit sed do
                            eiusr adipiscing
                        </p>

                        <a href="about.html"
                           class=" flex justify-center items-center w-56 py-3 px-5 text-white bg-[#00accc] rounded-md hover:scale-95 transition ease-in-out duration-300 ">About
                            Us</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="mt-10 mx-5 lg:mt-20 lg:mx-10">
            <div class="flex flex-col-reverse space-y-5 lg:space-y-0 lg:flex-row lg:space-x-20">
                <img src="{{asset('assets/img/about-2.png')}}" class="mt-12 lg:mt-0" alt=""/>
                <div class="flex flex-col space-y-10 lg:space-y-6">
                    <h2 class="text-2xl font-semibold text-[#00accc]">Housing Loan</h2>
                    <p>
                        Everybody dreams of owning their own home and now it’s time to
                        turn this dream into reality with our Home Loan Scheme. Our
                        housing finance scheme brings to you an excellent opportunity to
                        have your own house or flat. We offer customized home loans with
                        competitive interest rates, to suit your needs. You just need to
                        step inside goodwill finance to avail our Home Loan and make your
                        dream come true.
                    </p>

                    <div class="flex space-x-2 items-center">
                        <img src="{{asset('assets/img/hand.png')}}" class="w-10" alt=""/>
                        <p class="">
                            <span class="font-bold">Rate of interest:</span> Rate of
                            interest up to 12.34%
                        </p>
                    </div>

                    <div class="flex flex-col space-y-3">
                        <h2 class="w-44 flex justify-center text-[#004d6e] font-bold uppercase border-2 p-2 border-[#004d6e] rounded-l-full rounded-tr-full">
                            Purpose
                        </h2>
                        <div class="flex flex-col space-y-1">
                            <div class="flex space-x-2 items-center">
                                <img src="{{asset('assets/img/hand.png')}}" class="w-8" alt=""/>
                                <p>Construction/Renovation/Extension of House.</p>
                            </div>
                            <div class="flex space-x-2 items-center">
                                <img src="{{asset('assets/img/hand.png')}}" class="w-8" alt=""/>
                                <p>Purchase of House/Apartments.</p>
                            </div>
                            <div class="flex space-x-2 items-center">
                                <img src="{{asset('assets/img/hand.png')}}" class="w-8" alt=""/>
                                <p>
                                    Purchase of land or land and building or apartment for
                                    individual purpose.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="flex flex-col space-y-3">
                        <h2 class="w-56 flex justify-center text-[#004d6e] font-bold uppercase border-2 p-2 border-[#004d6e] rounded-l-full rounded-tr-full">
                            Salient Features
                        </h2>
                        <div class="flex flex-col space-y-1">
                            <div class="flex space-x-2 items-center">
                                <img src="{{asset('assets/img/hand.png')}}" class="w-8" alt=""/>
                                <p>
                                    Financing up to 50 % of distress value inside kathmandu
                                    valley
                                </p>
                            </div>
                            <div class="flex space-x-2 items-center">
                                <img src="{{asset('assets/img/hand.png')}}" class="w-8" alt=""/>
                                <p>
                                    Financing up to 60 % of distress value outside kathmandu
                                    valley
                                </p>
                            </div>
                            <div class="flex space-x-2 items-center">
                                <img src="{{asset('assets/img/hand.png')}}" class="w-8" alt=""/>
                                <p>Loan tenure of maximum 15 years.</p>
                            </div>
                            <div class="flex space-x-2 items-center">
                                <img src="{{asset('assets/img/hand.png')}}" class="w-8" alt=""/>
                                <p>Rate of interest 13.00% to 16.00%.</p>
                            </div>
                            <div class="flex space-x-2 items-center">
                                <img src="{{asset('assets/img/hand.png')}}" class="w-8" alt=""/>
                                <p>Processing fees Upto 1.25%.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="my-20 px-5 lg:px-10">
        <h4 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
        </h4>

        <div class="mt-10 grid gap-6 grid-cols-1 lg:grid-cols-4">
            <div class="bg-[#eee] rounded-md py-3 px-5 flex lg:justify-center items-center">
                Loan application
            </div>
            <div class="bg-[#eee] rounded-md py-3 px-5 flex lg:justify-center items-center">
                Citizenship of borrower
            </div>
            <div class="bg-[#eee] rounded-md py-3 px-5 flex lg:justify-center items-center">
                Family details
            </div>
            <div class="bg-[#eee] rounded-md py-3 px-5 flex justify-center items-center">
                Lalpurja, Blueprint and Trace map of land and building
            </div>
            <div class="bg-[#eee] rounded-md py-3 px-5 flex justify-center items-center">
                Tax payment receipt of land and building
            </div>
            <div class="bg-[#eee] rounded-md py-3 px-5 flex justify-center items-center">
                Char Killa Pramanit from ward office/VDC
            </div>
            <div class="bg-[#eee] rounded-md py-3 px-5 flex justify-center items-center">
                Ownership transfer documents (Rajinama likhet)
            </div>
            <div class="bg-[#eee] rounded-md py-3 px-5 flex lg:justify-center items-center">
                Building construction permission
            </div>
            <div class="bg-[#eee] rounded-md py-3 px-5 flex justify-center items-center">
                Construction completion certificate (If building is attached to land
                and completed)
            </div>
            <div class="bg-[#eee] rounded-md py-3 px-5 flex justify-center items-center">
                Monthly income source with supporting documents
            </div>
            <div class="bg-[#eee] rounded-md py-3 px-5 flex justify-center items-center">
                Other documents based on requirement
            </div>
        </div>
    </section>

@endsection