---
// imports
import Layout from "../layouts/Layout.astro";
import InitialSection from "../components/InitialSection.astro";
import PricingCard from "../components/PricingCard.astro";
import PlanDetailsTable from "../components/PlanDetailsTable.astro";
import "../styles/pricingPage.css";
---

<Layout pageTitle="Precios y membresías">
    <section class="pricing-page">
        <InitialSection
            imgSrc="/src/assets/imgs/phone_with-stats.svg"
            imgAlt="Fotografia de un dispositivo móvil flotante con graficas y estadísticas en la pantalla y con un borde amarillo brillante"
            imgWidth={520}
            customXPosition="-52%"
            logoSrc="/src/assets/imgs/logo-naliia.svg"
            logoAlt="Logo de Naliia"
            mainTitle="Elige tu plan, impulsa tu negocio"
            subtitle="El siguiente nivel de tu negocio está a un clic. Elige, empieza y deja que los resultados hablen."
            autoHeight={true}
        >
            <div slot="extraContent">
                <div class="pricingcards">
                    <PricingCard
                        planType="Básico"
                        price="$100.000 COP"
                        description="¡Administra tu negocio desde el primer día!"
                        featuresTitle="Módulo administrativo"
                        featuresDescription="Centraliza la operación de tu negocio con herramientas administrativas, comerciales y contables que te permiten gestionar clientes, ventas, inventarios, agenda y reportes desde un solo sistema."
                        buttonText="Elegir Básico"
                    />

                    <PricingCard
                        planType="Avanzado"
                        price="$500.000 COP"
                        description="El mejor plan todo en uno para el control total de tu negocio."
                        featuresTitle="Módulo administrativo + web app + Inteligencia artificial"
                        featuresDescription="Incluye todo lo del Plan Básico, la app web del Plan Intermedio y agentes de inteligencia artificial que automatizan el agendamiento de citas, confirmaciones y mensajes por WhatsApp y otros canales, mejorando la atención al cliente y la postventa."
                        buttonText="Elegir Avanzado"
                        isBestPlan={true}
                    />

                    <PricingCard
                        planType="Intermedio"
                        price="$300.000 COP"
                        description="Más control y colaboración con una web app para tu equipo de trabajo."
                        featuresTitle="Módulo administrativo + web app"
                        featuresDescription="Incluye todo lo del Plan Básico, más una aplicación web que permite al equipo acceder a su cuenta, gestionar servicios diarios, registrar avances, observaciones y evidencias, y consultar reportes en tiempo real."
                        buttonText="Elegir Intermedio"
                    />
                </div>
            </div>
        </InitialSection>

        <section class="sections">
            <div class="title-and-phrase">
                <h4>Detalles de nuestros planes</h4>

                <p class="sections-subtitle">
                    Todos los detalles de lo que incluye cada uno de nuestros
                    planes para que puedas elegir el que mejor se adapte a tus
                    necesidades.
                </p>
            </div>

            <PlanDetailsTable />
        </section>
    </section>
</Layout>