@extends('layouts.app')

@section('title', 'Welcome - ApiEco')

@section('content')
<div class="text-center py-16">
    <h1 class="text-5xl font-bold text-emerald-600 mb-4">ApiEco</h1>
    <p class="text-xl text-gray-600 mb-8">Descubra os melhores pontos turísticos de Salvador e arredores</p>
    
    <div class="flex justify-center gap-4">
        <a href="{{ route('pontos-turisticos.index') }}" class="bg-emerald-600 text-white px-8 py-3 rounded-lg text-lg font-semibold hover:bg-emerald-700 transition">
            Explorar Pontos Turísticos
        </a>
        @guest
            <a href="{{ route('register') }}" class="bg-white text-emerald-600 border-2 border-emerald-600 px-8 py-3 rounded-lg text-lg font-semibold hover:bg-emerald-50 transition">
                Criar Conta
            </a>
        @endguest
    </div>
</div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-8 py-12">
    <div class="text-center">
        <div class="text-5xl mb-4">🏛️</div>
        <h3 class="text-xl font-semibold text-gray-800 mb-2">Patrimônio Histórico</h3>
        <p class="text-gray-600">Explore museus, igrejas e monumentos históricos de Salvador.</p>
    </div>
    <div class="text-center">
        <div class="text-5xl mb-4">🏖️</div>
        <h3 class="text-xl font-semibold text-gray-800 mb-2">Praias Lindas</h3>
        <p class="text-gray-600">Descubra as praias mais bonitas da Bahia.</p>
    </div>
    <div class="text-center">
        <div class="text-5xl mb-4">🍽️</div>
        <h3 class="text-xl font-semibold text-gray-800 mb-2">Gastronomia</h3>
        <p class="text-gray-600">Conheça os melhores restaurantes e culinária local.</p>
    </div>
</div>
@endsection