@extends('layouts.app')

@section('title', 'Download')

@section('content')
<div class="max-w-3xl mx-auto px-4 py-20 text-center">
    <h1 class="font-display text-4xl font-bold text-gold-300">Download our client</h1>

    <a href="{{ $downloadUrl }}"
       class="mt-8 inline-block px-8 py-4 rounded-md bg-ember-600 hover:bg-ember-500 text-white font-semibold text-lg transition">
        Direct Download
    </a>

    <div id="requirements" class="mt-16 text-left rounded-lg border border-white/5 bg-ink-800 p-8">
        <h2 class="font-display text-xl font-bold text-gray-100 mb-4">System requirements</h2>
        <ul class="space-y-2 text-sm text-gray-400 list-disc list-inside">
            <li>DirectX: Version 8 or higher</li>
            <li>5 GB available space</li>
        </ul>
    </div>
</div>
@endsection