@extends('landingempresas/view/layouts/app')

@section('content')
    <div class="container">
        <section class="mt-5 text-center">
            <h2 class="solutions-title" style="font-weight:700;">Precios de todos los servicios</h2>
            <p class="mt-2 mb-4">Elegí el módulo que te interesa o revisá el detalle completo debajo.</p>
            <div class="d-flex flex-wrap justify-content-center" style="gap:8px;">
                <a href="#planes-contadores-anchor" class="taxes-pill">Contadores</a>
                <a href="#administracion" class="taxes-pill">Administración</a>
                <a href="#facturacion" class="taxes-pill">Facturación</a>
                <a href="#stock" class="taxes-pill">Stock</a>
                <a href="#meli" class="taxes-pill">MercadoLibre</a>
                <a href="#providers" class="taxes-pill">Proveedores</a>
                <a href="#whatsapp-precios" class="taxes-pill">WhatsApp</a>
                <a href="#portal-empleado" class="taxes-pill">Portal Empleado</a>
                <a href="#rrhh" class="taxes-pill">RRHH</a>
            </div>
        </section>

        @include('landingempresas.view.layouts.prices._planes_contadores')

        <div id="administracion" style="scroll-margin-top:80px;">
            <taxes-prices-administration></taxes-prices-administration>
        </div>
        <div id="facturacion" style="scroll-margin-top:80px;">
            <taxes-prices-billing></taxes-prices-billing>
        </div>
        <div id="stock" style="scroll-margin-top:80px;">
            <taxes-prices-stock></taxes-prices-stock>
        </div>
        <div id="meli" style="scroll-margin-top:80px;">
            <taxes-prices-meli></taxes-prices-meli>
        </div>
        <div id="providers" style="scroll-margin-top:80px;">
            <taxes-prices-providers></taxes-prices-providers>
        </div>
        <div id="whatsapp-precios" style="scroll-margin-top:80px;">
            <taxes-prices-whatsapp></taxes-prices-whatsapp>
        </div>
        <div id="portal-empleado" style="scroll-margin-top:80px;">
            <taxes-prices-portal-empleado></taxes-prices-portal-empleado>
        </div>
        <div id="rrhh" style="scroll-margin-top:80px;">
            <taxes-prices-rrhh></taxes-prices-rrhh>
        </div>
    </div>
@endsection