@extends('layouts.app')

@section('title', 'Inicio')

@section('content')
<link rel="stylesheet" href="{{ asset('css/style.css') }}">
    <h1>Bienvenido a la Aplicación</h1>
    <p>Esta es una plataforma de gestión de usuarios y roles.</p>

    @auth
        <a href="{{ route('dashboard') }}" class="btn">Ir al Dashboard</a>
    @else
        <a href="{{ route('login') }}" class="btn">Iniciar Sesión</a>
    @endauth

    <style>
        .btn {
            display: inline-block;
            padding: 10px 20px;
            margin-top: 20px;
            background-color: #007bff;
            color: white;
            text-decoration: none;
            border-radius: 5px;
        }

        .btn:hover {
            background-color: #0056b3;
        }
    </style>
@endsection