feat: mejoras en componentes y correcciones ortográficas

- Corrección ortográfica en index.astro (sábados)
- Implementación de prop autoHeight en InitialSection para ajuste dinámico de altura
- Creación del componente PricingCard con diseño responsive
- Creación de PlanDetailsTable con características detalladas de cada plan
- Agregados emojis ✅ a características incluidas en planes
- Actualización de estilos para página de pricing
- Ajustes en el slot extraContent de InitialSection
- Mejoras visuales y estructurales en pricing.astro

src/pages/pricing.astro

@@ -1,12 +1,70 @@
 ---
 // 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">
-    <h1>Precios y membresías</h1>
-    <p>
-        Aquí encontrarás información sobre los precios y las opciones de
-        membresía disponibles.
-    </p>
+    <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>