<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ config('app.name', 'Microfinance') }}</title>
    @vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="min-h-screen bg-slate-950 text-white">
    <main class="mx-auto flex min-h-screen max-w-6xl items-center px-6 py-16">
        <div class="max-w-3xl">
            <div class="mb-6 inline-flex rounded-md border border-emerald-400/20 bg-emerald-400/10 px-3 py-1 text-sm text-emerald-300">
                Microfinance Management System
            </div>
            <h1 class="text-4xl font-semibold tracking-tight sm:text-6xl">Laravel foundation is ready.</h1>
            <p class="mt-6 max-w-2xl text-lg leading-8 text-slate-300">
                The project is prepared for branches, customers, loan products, collateral, applications, approvals, repayment schedules, collections and financial reporting.
            </p>
            <div class="mt-8 flex flex-wrap gap-3 text-sm text-slate-300">
                <span class="rounded-md bg-white/5 px-3 py-2">Laravel 13</span>
                <span class="rounded-md bg-white/5 px-3 py-2">PHP 8.3+</span>
                <span class="rounded-md bg-white/5 px-3 py-2">Vite</span>
                <span class="rounded-md bg-white/5 px-3 py-2">Tailwind CSS</span>
            </div>
        </div>
    </main>
</body>
</html>
