@extends('layouts.layout')
@section('title', 'Inicio')
@section('body')
    <div class="bg-gradient-to-r from-purple-200 to-purple-900 relative">
        <div class="max-w-7xl mx-auto text-center pt-5 pb-10">
            <section id="search">
                <h2 class="text-white font-semibold">Centro de Ayuda</h2>
                <p class="text-white pb-3">Encuentra respuestas rápidas a tus preguntas y obtén soporte personalizado.</p>
            </section>
        </div>
    </div>
    <section class="max-w-6xl mx-auto mt-10">
        <div class="flex items-center ms-2 mb-3 hover:cursor-pointer">
            <img src="{{ asset('storage/icons/arrow_back.svg') }}" alt="Volver">
            <a href="/">
                <p class="text-grey-600">Volver</p>
            </a>
        </div>

        <span class="text-grey-400">Centro de ayuda</span>
        <span class="text-grey-400 mx-2">/</span>
        <span class="text-grey-400">Medios de pago</span>
        <span class="text-grey-400 mx-2">/</span>
        <span class="text-purple-200">¿Cuáles son los métodos de pago disponibles?</span>
    </section>
    <section class="max-w-4xl mx-auto">
        <div class="bg-white px-[48px] py-[24px] rounded-[24px] my-5">
            <p class="text-grey-400">Publicado el 15/02/2024</p>
            <h4 class="font-semibold">¿Cuáles son los métodos de pago disponibles?</h4>
            <div class=" border-b-2 border-b-gray-300 h-1 my-4"></div>
            <p>
                En nuestra plataforma queremos facilitar tu experiencia de compra y asegurar que encuentres opciones de pago
                accesibles y seguras. A continuación, te mostramos los métodos de pago disponibles, para que puedas elegir
                el que mejor se adapte a tus necesidades.
            </p>

            <h5 class="font-semibold text-lg mt-2">
                1. Tarjetas de crédito y débito
            </h5>
            <p>
                Aceptamos las principales tarjetas de crédito y débito, como Visa, MasterCard y American Express. Con este
                método, podrás realizar pagos de manera rápida y segura desde cualquier dispositivo. Nuestro sistema utiliza
                encriptación avanzada para proteger tus datos durante la transacción.
            </p>
            <h5 class="font-semibold text-lg mt-2">
                2. Pago a través de billeteras digitales
            </h5>
            <p>
                Para tu comodidad, ofrecemos la posibilidad de pagar mediante billeteras digitales como PayPal, Google Pay y
                Apple Pay. Esta opción es ideal si prefieres centralizar tus pagos en una aplicación segura y reconocida.
            </p>
            <h5 class="font-semibold text-lg mt-2">
                3. Transferencia bancaria
            </h5>
            <p>
                Si prefieres no utilizar tarjeta, puedes optar por una transferencia bancaria directa. Al seleccionar esta
                opción, recibirás las instrucciones detalladas para completar el pago y confirmar tu asistencia al evento.
            </p>
            <h5 class="font-semibold text-lg mt-2">
                4. Pago en cuotas
            </h5>
            <p>
                Para eventos selectos, ofrecemos la opción de pago en cuotas, que permite dividir el costo total en
                mensualidades cómodas. Consulta la disponibilidad de esta opción al momento de la compra, ya que dependerá
                de cada evento y del banco emisor de tu tarjeta.
            </p>
            <h5 class="font-semibold text-lg mt-2">
                5. Efectivo en puntos autorizados
            </h5>
            <p>
                También contamos con la opción de pago en efectivo en locales autorizados, como [Nombre de la cadena de
                tiendas autorizada], que puedes seleccionar al finalizar tu compra. Esta es una excelente alternativa para
                quienes prefieren realizar el pago en persona.
            </p>
            <p class="mt-3">
                ¡Elige el método de pago que prefieras y disfruta de tus eventos favoritos con tranquilidad!
            </p>
        </div>
        <div class="rounded-[24px] bg-white p-4 my-5">
            <h5 class="text-base font-semibold mb-5">Articulos relacionados</h5>
            <div class="flex flex-col p-4 gap-y-2 cursor-pointer hover:bg-purple-50 hover:rounded-xl">
                <h5 class="text-base font-semibold">¿Cómo compro mis boletos en la plataforma?</h5>
                <p class="text-sm">Paso a paso para adquirir boletos fácilmente.</p>
                <p class="text-xs">Publicado el 15/02/2024</p>
            </div>
            <div class=" border-b-2 border-b-gray-300 h-1 my-1"></div>
            <div class="flex flex-col p-4 gap-y-2 cursor-pointer hover:bg-purple-50 hover:rounded-xl">
                <h5 class="text-base font-semibold">¿Cómo compro mis boletos en la plataforma?</h5>
                <p class="text-sm">Paso a paso para adquirir boletos fácilmente.</p>
                <p class="text-xs">Publicado el 15/02/2024</p>
            </div>
        </div>
    </section>
@endsection