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

    <section>
        <div class="h-[500px] flex justify-center lg:items-center">
            <div
                class="flex flex-col-reverse space-y-8 lg:space-y-0 lg:flex-row lg:space-x-40 lg:px-10 lg:items-center">
                <div class="relative">
                    <img src="{{asset('assets/img/edu.avif')}}" class="opacity-20" alt=""/>
                    <div class="absolute top-24 left-8 flex flex-col space-y-5 text-3xl lg:top-40 lg:text-5xl">
                        <p class="font-semibold text-[#00accc]">Study hard</p>
                        <p class="font-semibold">Leave the rest to us.</p>
                    </div>
                </div>

                <img src="{{asset('assets/img/educationLoan.jpg')}}" class="lg:w-[600px] rounded-2xl shadow-xl" alt=""/>
            </div>
        </div>
    </section>

    <section>
        <div class="my-20 mx-10">
            <div class="flex flex-col space-y-5 lg:space-y-0 lg:flex-row lg:space-x-20 lg:items-center">
                <h2 class="text-3xl font-semibold">Education Loan</h2>
            </div>
        </div>
    </section>

@endsection