@extends('layouts.app')

@section('title', 'Welcome')

@section('content')
<div class="max-w-4xl mx-auto text-center">
    <!-- Hero Section -->
    <div class="bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg p-8 mb-8">
        <h1 class="text-4xl md:text-6xl font-bold mb-4">
            Nigerian Fintech Platform
        </h1>
        <p class="text-xl md:text-2xl mb-6">
            Your trusted digital wallet for seamless payments, transfers, and bill payments in Nigeria
        </p>
        <div class="flex flex-col md:flex-row gap-4 justify-center">
            <a href="{{ route('register') }}" class="btn-primary text-lg px-8 py-3">
                Get Started
            </a>
            <a href="{{ route('login') }}" class="btn-secondary text-lg px-8 py-3">
                Sign In
            </a>
        </div>
    </div>

    <!-- Features Grid -->
    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
        <div class="card text-center">
            <div class="text-4xl mb-4">💰</div>
            <h3 class="text-xl font-bold mb-2">Digital Wallet</h3>
            <p class="text-gray-600">Secure digital wallet with real-time balance tracking and transaction history</p>
        </div>

        <div class="card text-center">
            <div class="text-4xl mb-4">🏦</div>
            <h3 class="text-xl font-bold mb-2">Virtual Accounts</h3>
            <p class="text-gray-600">Get dedicated bank account numbers for easy funding via bank transfer</p>
        </div>

        <div class="card text-center">
            <div class="text-4xl mb-4">📱</div>
            <h3 class="text-xl font-bold mb-2">Bill Payments</h3>
            <p class="text-gray-600">Pay for airtime, data, electricity, and cable TV subscriptions instantly</p>
        </div>

        <div class="card text-center">
            <div class="text-4xl mb-4">💸</div>
            <h3 class="text-xl font-bold mb-2">P2P Transfers</h3>
            <p class="text-gray-600">Send money to friends and family instantly using email or phone number</p>
        </div>

        <div class="card text-center">
            <div class="text-4xl mb-4">💳</div>
            <h3 class="text-xl font-bold mb-2">Virtual Cards</h3>
            <p class="text-gray-600">Create virtual cards for online shopping and international payments</p>
        </div>

        <div class="card text-center">
            <div class="text-4xl mb-4">🔐</div>
            <h3 class="text-xl font-bold mb-2">Bank-Grade Security</h3>
            <p class="text-gray-600">KYC verification, transaction PINs, and enterprise-level security</p>
        </div>
    </div>

    <!-- Call to Action -->
    <div class="bg-gray-50 rounded-lg p-8">
        <h2 class="text-3xl font-bold mb-4">Ready to Get Started?</h2>
        <p class="text-lg text-gray-600 mb-6">
            Join thousands of Nigerians who trust our platform for their daily financial needs
        </p>
        <a href="{{ route('register') }}" class="btn-primary text-lg px-8 py-3">
            Create Your Account
        </a>
    </div>
</div>
@endsection