@extends('layouts.app')
@section('title', 'WalletCoin - Home')
@section('content')
<div class="text-center py-20">
    <h1 class="text-5xl font-extrabold mb-4">Welcome to <span class="text-indigo-600">WalletCoin</span></h1>
    <p class="text-lg text-gray-600 max-w-xl mx-auto mb-8">
        A secure digital wallet platform for managing, depositing, withdrawing, and earning through referrals — built on BEP20.
    </p>
    <div class="flex justify-center gap-4">
        <a href="{{ route('register') }}" class="px-6 py-3 bg-indigo-600 text-white rounded-lg font-semibold">Get Started</a>
        <a href="{{ route('whitepaper') }}" class="px-6 py-3 border rounded-lg font-semibold">Read Whitepaper</a>
    </div>
</div>

<div class="grid md:grid-cols-3 gap-6 mt-16">
    <div class="p-6 bg-white rounded-xl shadow">
        <h3 class="font-bold text-lg mb-2">Secure Wallet</h3>
        <p class="text-gray-600 text-sm">Manage your balance, deposits and withdrawals with full transaction history.</p>
    </div>
    <div class="p-6 bg-white rounded-xl shadow">
        <h3 class="font-bold text-lg mb-2">Referral Rewards</h3>
        <p class="text-gray-600 text-sm">Invite friends and earn multi-level referral bonuses automatically.</p>
    </div>
    <div class="p-6 bg-white rounded-xl shadow">
        <h3 class="font-bold text-lg mb-2">BEP20 Integration</h3>
        <p class="text-gray-600 text-sm">Built on Binance Smart Chain for fast, low-cost transactions.</p>
    </div>
</div>
@endsection