@extends('layouts.app')

@section('content')
    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-in">
                <h2>Loans Made Simple</h2>
                <h1>Fast, Safe, and Hassle-Free Path to Instant Loans</h1>
                <p>
                    Quick approvals, minimal documentation, and flexible repayment
                    options customised for you.
                </p>
                <a href="apply-now.php" class="cmn-btn cmn-btn-2" style="width: fit-content">
                    <div class="btn-overlay"></div>
                    <span>Apply Now For Loan</span>
                    <i class="fa-regular fa-arrow-right-long"></i>
                </a>
            </div>
        </div>
    </section>

    <!-- Features -->
    <section class="features">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="feature-item">
                        <div class="feature-icon">
                            <i class="fa-light fa-presentation-screen"></i>
                        </div>
                        <div class="feature-content">
                            <h1>Instant Approval</h1>
                            <p>Get your loan approved within hours, not days.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="feature-item">
                        <div class="feature-icon">
                            <i class="fa-regular fa-shield-check"></i>
                        </div>
                        <div class="feature-content">
                            <h1>Simple Application</h1>
                            <p>A fast, paperless process designed for your convenience.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="feature-item">
                        <div class="feature-icon">
                            <i class="fa-regular fa-server"></i>
                        </div>
                        <div class="feature-content">
                            <h1>No Hidden Fees</h1>
                            <p>Transparent loans with no extra charges or surprises.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Loan Approved -->
    <section class="loan-approved">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4">
                    <div class="loan-approved-left">
                        <h2>Fast Approvals. Flexible Plans.</h2>
                        <h1>Ready to Get Your Loan Approved?</h1>
                        <p>
                            Getting your loan is just a few clicks away. Fill out the form
                            to apply now and experience a simple, fast, and secure borrowing
                            process. With minimal documentation, instant approvals, and
                            flexible repayment options, {{ config('app.name', 'KreditBharat') }} makes it easy to get the
                            funds you need.
                        </p>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="loan-form-wrapper mt-4 mt-lg-0">
                        <div class="loan-form-header">
                            <h1>
                                Minimum Salary Required is ₹40,000. <br />
                                Only for salaried people
                            </h1>
                            <h2>We provide loans to salaried professionals only.</h2>
                        </div>
                        <div class="loan-form-body">
                            @include('shared.apply-form')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Instant Loan -->
    <section class="instant-loan">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="instant-loan-left position-relative">
                        <img src="assets/images/home/instant-loan.jpg" alt="instant-loan" />

                        <div class="loan-status">
                            <svg xmlns="http://www.w3.org/2000/svg" width="82" height="80" fill="none">
                                <path d="M38.266 5.663a36.364 36.364 0 1033.538 50.415L38.266 42.026V5.663z" fill="#00473B">
                                </path>
                                <path d="M77.324 52.516A36.363 36.363 0 0044.515 1.19l-.333 36.362 33.142 14.963z"
                                    fill="#FFB000"></path>
                            </svg>

                            <div>
                                <h4><span>95</span>%</h4>
                                <p>Clients Satisfaction!</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="instant-loan-right mt-4 mt-lg-0 ps-lg-4">
                        <h2>Your Reliable Partner for Instant Loans</h2>
                        <h1>Lending Made Simple and Transparent with {{ config('app.name', 'KreditBharat') }}</h1>
                        <p>
                            {{ config('app.name', 'KreditBharat') }} brings together the power of technology and a deep
                            understanding of your financial needs. We’ve streamlined the
                            loan process to make it faster and easier than ever, from online
                            applications to instant approvals and direct disbursals. Whether
                            it’s an emergency or a personal goal, we’re here to help you
                            achieve it without the wait.
                        </p>

                        <div class="row">
                            <div class="col-sm-6">
                                <div class="instant-feature">
                                    <i class="fa-solid fa-circle-check"></i>
                                    <p>7+ Years of Experience</p>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="instant-feature">
                                    <i class="fa-solid fa-circle-check"></i>
                                    <p>Over 50,000 Loans Approved</p>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="instant-feature">
                                    <i class="fa-solid fa-circle-check"></i>
                                    <p>95% Customer Satisfaction</p>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="instant-feature">
                                    <i class="fa-solid fa-circle-check"></i>
                                    <p>95% Customer Satisfaction</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Loan Journey -->
    <section class="loan-journey">
        <div class="container">
            <div class="loan-journey-header">
                <h2>Your Loan Journey, Made Simple</h2>
                <h1>Get Your Loan in Just 4 Simple Steps</h1>
            </div>

            <div class="loan-journey-items">
                <div class="loan-journey-item">
                    <h3>STEP</h3>
                    <div class="loan-journey-box position-relative">
                        <div class="step-no">01</div>

                        <h1>Apply Online</h1>
                        <p>Fill out our simple application form in just a few minutes.</p>
                    </div>
                </div>
                <div class="loan-journey-item">
                    <h3>STEP</h3>
                    <div class="loan-journey-box position-relative">
                        <div class="step-no">02</div>

                        <h1>Submit Documents</h1>
                        <p>Upload minimal documents for quick verification.</p>
                    </div>
                </div>
                <div class="loan-journey-item">
                    <h3>STEP</h3>
                    <div class="loan-journey-box position-relative">
                        <div class="step-no">03</div>

                        <h1>Instant Approval</h1>
                        <p>Our team reviews your application and approves it fast.</p>
                    </div>
                </div>
                <div class="loan-journey-item">
                    <h3>STEP</h3>
                    <div class="loan-journey-box position-relative">
                        <div class="step-no">04</div>

                        <h1>Quick Disbursal</h1>
                        <p>Funds are transferred directly to your bank account.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('shared.rate-charge')

    @include('shared.how-it-works')

    @include('shared.required-document')

    @include('shared.payment-table')

    @include('shared.testimonial')

    @include('shared.why-choose')

    <!-- Trust Card -->
    <section class="trust-card">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="trust-card-left">
                        <img src="assets/images/home/loan.webp" alt="Loan" />
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="trust-card-right mt-4 mt-lg-0 ps-lg-4">
                        <h2>Your Trust is All We Need</h2>
                        <h1>Collateral-Free Loans Designed for Your Convenience</h1>
                        <p>
                            At {{ config('app.name', 'KreditBharat') }}, we believe getting the financial support you need
                            shouldn’t come with added risks. That’s why we offer
                            collateral-free loans, giving you access to funds without
                            pledging your valuable assets. Whether it’s for an emergency, a
                            personal project, or unexpected expenses, our unsecured loans
                            provide peace of mind with a fast and simple borrowing
                            experience.
                        </p>

                        <p>
                            Our streamlined process focuses on trust and convenience. With
                            minimal documentation, quick approvals, and flexible repayment
                            options, you can get the money you need without the hassle of
                            traditional loans. No security, no complex paperwork—just a
                            straightforward loan tailored to your needs.
                        </p>

                        <a href="apply-now.php" class="cmn-btn cmn-btn-3 d-inline-block">
                            <div class="btn-overlay"></div>
                            <span>Apply Now For Loan</span>
                            <i class="fa-regular fa-arrow-right-long"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection