@extends('layouts.public')

@section('title', 'Traductor .PO Automático | Ahorra Tiempo y Dinero')
@section('description', 'Nuestra herramienta traduce tus archivos .pot usando IA, gestiona tu saldo y te entrega los archivos .po listos para producción.')

@section('content')
    
<div class="container text-center py-5 mb-4 bg-light rounded-3">
    <h1 class="display-4 fw-bold">Traduce tus Archivos .POT en Segundos</h1>
    <p class="lead text-muted">Sube tu archivo, obtén un estimado de costo al instante, paga solo por lo que usas y recibe tu traducción por email.</p>
    <a href="{{ route('register') }}" class="btn btn-primary btn-lg">Empieza Gratis</a>
    <a href="{{ route('login') }}" class="btn btn-secondary btn-lg">Ya tengo cuenta</a>
</div>

<div class="container">
    <div class="row text-center g-4"> <h2 class="mb-4">¿Por qué elegir nuestra plataforma?</h2>
        
        <div class="col-md-4">
            <div class="card shadow-sm h-100">
                <div class="card-body p-4">
                    <i class="ri-wallet-3-line ri-3x text-primary mb-3"></i>
                    <h5 class="card-title">Modelo de Billetera Justo</h5>
                    <p class="card-text">Sin suscripciones. Recarga tu saldo (con Yape/Plin) y paga solo por los archivos que traduces. Control total de tus gastos.</p>
                </div>
            </div>
        </div>
        
        <div class="col-md-4">
            <div class="card shadow-sm h-100">
                <div class="card-body p-4">
                    <i class="ri-search-eye-line ri-3x text-success mb-3"></i>
                    <h5 class="card-title">Estimación Gratuita</h5>
                    <p class="card-text">Usa nuestro "Visor .PO" gratuito para analizar tu archivo. Te mostraremos el costo exacto de la traducción antes de que gastes un sol.</p>
                </div>
            </div>
        </div>
        
        <div class="col-md-4">
            <div class="card shadow-sm h-100">
                <div class="card-body p-4">
                    <i class="ri-history-line ri-3x text-info mb-3"></i>
                    <h5 class="card-title">Historial Completo</h5>
                    <p class="card-text">Mantén un registro de todos tus pagos y trabajos. Descarga tus archivos completados cuando quieras desde tu perfil.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container mt-5 pt-5 border-top">
    <div class="row text-center">
        <h2 class="mb-5">Tu Flujo de Trabajo en 3 Simples Pasos</h2>
        
        <div class="col-md-4">
            <div class="card shadow-sm h-100">
                <div class="card-body p-4">
                    <i class="ri-eye-line ri-4x text-primary mb-3"></i>
                    <h4>1. Sube y Cotiza Gratis</h4>
                    <p class="text-muted">Usa la herramienta "Visor .PO" (100% gratuita) para subir tu archivo `.pot`. Analizaremos su contenido y te daremos el precio exacto por la traducción.</p>
                </div>
            </div>
        </div>
        
        <div class="col-md-4">
            <div class="card shadow-sm h-100">
                <div class="card-body p-4">
                    <i class="ri-qr-code-line ri-4x text-primary mb-3"></i>
                    <h4>2. Recarga tu Saldo</h4>
                    <p class="text-muted">¿Te gustó el precio? Ve a "Recargar Saldo", paga el monto exacto (con Yape o Plin) y reporta tu pago. Activaremos tu saldo en tu billetera virtual.</p>
                </div>
            </div>
        </div>
        
        <div class="col-md-4">
            <div class="card shadow-sm h-100">
                <div class="card-body p-4">
                    <i class="ri-mail-send-line ri-4x text-primary mb-3"></i>
                    <h4>3. Traduce y Recibe</h4>
                    <p class="text-muted">Ve a "Traductor", sube tu archivo, y el costo se descontará de tu saldo. Procesaremos el archivo en segundo plano y te lo enviaremos a tu email.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container mt-5 py-5 text-center">
    <h2 class="display-5">Comienza a Ahorrar Tiempo Hoy</h2>
    <p class="lead text-muted">Crea tu cuenta ahora y obtén tu primera estimación de costo en menos de un minuto.</p>
    <a href="{{ route('register') }}" class="btn btn-primary btn-lg mt-3">Crear mi Cuenta Gratis</a>
</div>
    
@endsection