@extends('../layouts/partials/header')
{{-- @extends('layouts.app') --}}

@section('content')
<br>
<div class="container mt-4">
    <div class="row justify-content-center">
        <div class="col-md-10">
            <div class="card">
                <div class="card-header"><strong>Bienvenido a Grupo OIS</strong></div>
                <div class="card-body">
                    <div class="col-lg-10">
                        <div class="card shadow-sm border-0">
                            <div class="card-body p-4">
                                <h1 class="h3 mb-3">Plataforma de gestión integral para agencia de seguros y servicios</h1>
                                <p class="mb-4">
                                    <strong>Grupo OIS</strong> es una plataforma diseñada para administrar de forma centralizada las pólizas de seguros,
                                    trámites gubernamentales y servicios adicionales que la agencia ofrece a sus clientes.
                                    Gestiona clientes, pólizas, renovaciones y trámites desde un único sistema con control de acceso por roles y permisos.
                                </p>

                                <h2 class="h5 mb-3">Seguros</h2>
                                <div class="row g-3 mb-4">
                                    <div class="col-md-6">
                                        <div class="p-3 border rounded-3 h-100">
                                            <h3 class="h6 mb-2"><i class="fas fa-car text-primary me-1"></i> Seguro de Auto</h3>
                                            <p class="mb-0">Gestión de pólizas de seguro vehicular con aseguradoras como Qualitas, Allianz, GNP y más.</p>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="p-3 border rounded-3 h-100">
                                            <h3 class="h6 mb-2"><i class="fas fa-heartbeat text-danger me-1"></i> Seguro de Vida y Gastos Médicos</h3>
                                            <p class="mb-0">Administración de pólizas de vida y gastos médicos mayores para personas y grupos empresariales.</p>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="p-3 border rounded-3 h-100">
                                            <h3 class="h6 mb-2"><i class="fas fa-building text-warning me-1"></i> Seguro de Daños</h3>
                                            <p class="mb-0">Pólizas de daños para inmuebles, negocios y bienes patrimoniales.</p>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="p-3 border rounded-3 h-100">
                                            <h3 class="h6 mb-2"><i class="fas fa-truck text-success me-1"></i> Grúas y Transporte de Carga</h3>
                                            <p class="mb-0">Pólizas especializadas para grúas y transporte de carga terrestre.</p>
                                        </div>
                                    </div>
                                </div>

                                <h2 class="h5 mb-3">Trámites y Servicios</h2>
                                <div class="row g-3">
                                    <div class="col-md-4">
                                        <div class="p-3 border rounded-3 h-100">
                                            <h3 class="h6 mb-2"><i class="fas fa-id-card text-info me-1"></i> Visas y Pasaportes</h3>
                                            <p class="mb-0">Gestión de trámites de visas y pasaportes para los clientes de la agencia.</p>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="p-3 border rounded-3 h-100">
                                            <h3 class="h6 mb-2"><i class="fas fa-car-side text-secondary me-1"></i> Placas</h3>
                                            <p class="mb-0">Trámites de placas vehiculares y servicios relacionados.</p>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="p-3 border rounded-3 h-100">
                                            <h3 class="h6 mb-2"><i class="fas fa-file-contract text-dark me-1"></i> Notaría y Despacho</h3>
                                            <p class="mb-0">Servicios notariales y de despacho para gestiones legales y administrativas.</p>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="p-3 border rounded-3 h-100">
                                            <h3 class="h6 mb-2"><i class="fas fa-hand-holding-usd text-success me-1"></i> Pensiones</h3>
                                            <p class="mb-0">Gestión y asesoría en trámites de pensiones.</p>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="p-3 border rounded-3 h-100">
                                            <h3 class="h6 mb-2"><i class="fas fa-clipboard-list text-primary me-1"></i> Modalidad 10</h3>
                                            <p class="mb-0">Trámites gubernamentales bajo Modalidad 10.</p>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="p-3 border rounded-3 h-100">
                                            <h3 class="h6 mb-2"><i class="fas fa-users text-warning me-1"></i> Gestión de Clientes</h3>
                                            <p class="mb-0">Administración centralizada de clientes con historial de pólizas y trámites.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

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

@extends('../layouts/partials/footer')