@extends('public.layouts.app')

@section('title', 'Registro - ' . config('app.name'))

@section('content')
<div class="container py-5">
  <div class="row justify-content-center">
    <div class="col-lg-10">
      <div class="text-center mb-5">
        <h1 class="display-5 fw-bold text-primary mb-3">
          <i class="fas fa-user-plus me-3"></i>Regístrate Ahora
        </h1>
        <p class="lead text-muted">
          Únete a cientos de empresas que ya confían en {{ config('app.name') }} para gestionar su negocio de manera eficiente
        </p>
      </div>

      <div class="row">
        <div class="col-lg-8">
          <div class="card shadow-sm">
            <div class="card-body p-4">
              
              @include('public.components.contact-form')
            </div>
          </div>
        </div>

        <div class="col-lg-4">
          <div class="card bg-primary text-white shadow-sm">
            <div class="card-body p-4">
              <h4 class="card-title mb-3">
                <i class="fas fa-star me-2"></i>¿Por qué registrarte?
              </h4>
              <ul class="list-unstyled">
                <li class="mb-2">
                  <i class="fas fa-check-circle me-2"></i>Prueba gratuita de 30 días
                </li>
                <li class="mb-2">
                  <i class="fas fa-check-circle me-2"></i>Sin tarjeta de crédito
                </li>
                <li class="mb-2">
                  <i class="fas fa-check-circle me-2"></i>Sin compromiso de permanencia
                </li>
                <li class="mb-2">
                  <i class="fas fa-check-circle me-2"></i>Activación inmediata
                </li>
              </ul>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>
@endsection