@extends('taxes_subdomain.layouts.subdomain.paymentflow.layout')

@section('title', 'Payment Flow - Cobranzas por cuenta y orden')

@section('content')

<section class="pf-hero py-5">
    <div class="container py-5">
        <div class="row align-items-center">
            <div class="col-lg-7">
                <h1>Cobrá y pagá con un CVU <br><span class="text-pf-blue">a nombre nuestro.</span></h1>
                <p class="mt-4 mb-4">
                    Payment Flow gestiona <strong>cobranzas por cuenta y orden</strong>:
                    te entregamos un CVU institucional con el que recibís y emitís transferencias
                    de manera ágil, fuera del circuito de tu banco habitual.
                </p>
                <a href="{{ route('paymentflow.registro') }}" class="pf-btn-primary">
                    <i class="bi bi-rocket-takeoff mr-2"></i>Empezar ahora
                </a>
                <a href="{{ route('paymentflow.login') }}" class="pf-nav-link ml-3">
                    Ya tengo cuenta — Ingresar
                </a>
            </div>
            <div class="col-lg-5 text-center mt-4 mt-lg-0">
                <i class="bi bi-bank2" style="font-size: 12rem; opacity: 0.15;"></i>
            </div>
        </div>
    </div>
</section>

<section class="py-5">
    <div class="container">
        <div class="row mb-4">
            <div class="col-12 text-center">
                <h2>¿Cómo funciona?</h2>
                <p style="opacity: 0.85;">Una operatoria limpia, sin complicaciones, con respaldo institucional.</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 mb-4">
                <div class="pf-feature">
                    <i class="bi bi-building-check"></i>
                    <h5 class="mt-3">Cobranzas por cuenta y orden</h5>
                    <p class="mb-0">
                        Operás con nuestro CVU institucional. Nosotros recibimos y vos disponés del saldo
                        cuando lo necesites — un esquema clásico y transparente de gestión de cobros.
                    </p>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="pf-feature">
                    <i class="bi bi-arrow-down-up"></i>
                    <h5 class="mt-3">Transferencias 24/7</h5>
                    <p class="mb-0">
                        Recibí cobros y enviá pagos en cualquier momento, con acreditación inmediata.
                        Sin horarios bancarios, sin demoras.
                    </p>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="pf-feature">
                    <i class="bi bi-shield-check"></i>
                    <h5 class="mt-3">Operatoria separada</h5>
                    <p class="mb-0">
                        Mantené tu actividad en un canal independiente de tu cuenta personal o empresarial
                        habitual. Ordenás mejor tu flujo y elegís cómo conciliar.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="py-5" style="background: rgba(255, 255, 255, 0.03);">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <h3 class="mb-3">Para quién es este servicio</h3>
                <ul style="list-style: none; padding: 0;">
                    <li class="mb-2"><i class="bi bi-check-circle text-pf-blue mr-2"></i>Profesionales y emprendedores que quieren un canal de cobro propio.</li>
                    <li class="mb-2"><i class="bi bi-check-circle text-pf-blue mr-2"></i>Empresas que reciben muchas transferencias chicas y prefieren agruparlas afuera de su cuenta.</li>
                    <li class="mb-2"><i class="bi bi-check-circle text-pf-blue mr-2"></i>Comercios que ya tocaron topes de su banco y necesitan respiro operativo.</li>
                    <li class="mb-2"><i class="bi bi-check-circle text-pf-blue mr-2"></i>Quienes valoran la flexibilidad y el control sobre su información financiera.</li>
                </ul>
            </div>
            <div class="col-lg-6 text-center mt-4 mt-lg-0">
                <i class="bi bi-people-fill" style="font-size: 8rem; opacity: 0.2;"></i>
            </div>
        </div>
    </div>
</section>

<section class="py-5">
    <div class="container text-center">
        <h2 class="mb-4">¿Listo para empezar?</h2>
        <p class="mb-4" style="opacity: 0.9;">
            Registrate en menos de 1 minuto. Sin trámites bancarios, sin papeleo, sin esperas.<br>
            Operás con un CVU Payment Flow desde el primer día.
        </p>
        <a href="{{ route('paymentflow.registro') }}" class="pf-btn-primary">
            <i class="bi bi-pencil-square mr-2"></i>Registrar mi empresa ahora
        </a>
    </div>
</section>

@endsection