OneTeam/NaliiaWebsite
16
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: added responsive to all current pages, making them work in tablet and mobile devices. Also, implemented dark theme and persistance of theme in LocalStorage.

Browse Source
This commit is contained in:
Juan Diego Moreno Upegui
2026-02-16 09:07:23 -05:00
parent bf48a5dcf2
commit 7bebc0b97d
16 changed files with 802 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/pages/index.astro
View File

@@ -1,7 +1,15 @@
---
// imports
import Layout from "../layouts/Layout.astro";
import InitialSection from "../components/InitialSection.astro";
import CollapsableFeatures from "../components/CollapsableFeatures.astro";
import "../styles/index.css";
// types
// props
// logic, variables, functions, etc.
---
<Layout pageTitle="Home page">
@@ -12,10 +20,11 @@ import "../styles/index.css";
logoSrc="/src/assets/imgs/logo-naliia.svg"
logoAlt="Logo de Naliia"
mainTitle="Transformamos el caos en claridad"
subtitle="Convertimos la complejidad de salones, spas y barberías en un ecosistema que respira orden, precisión y belleza."
subtitle="Convertimos la complejidad de negocios completos en un ecosistema que respira orden, precisión y belleza."
buttonText="Comienza tu experiencia aquí"
/>
<!-- ----- What we offer section ----- -->
<section class="offer-section second-sect-container sections">
<div class="title-and-phrase">
<h4>¿Qué ofrecemos?</h4>
@@ -84,7 +93,6 @@ import "../styles/index.css";
</section>
<!-- ----- Pricing section ----- -->
<section class="pricing-container">
<div class="title-and-phrase">
<h4>Elige tu plan</h4>
@@ -107,20 +115,16 @@ import "../styles/index.css";
La mejor opción para tu negocio!
</h6>
</div>
<div class="button-and-link-container">
<button class="button select-plan-button"
>Contáctanos</button
>
<a href="/pricing"
>O conoce a detalle todos los planes</a
>
</div>
</div>
<div class="divider"></div>
<CollapsableFeatures
basicFeatures={true}
webAppFeatures={true}
aiFeatures={true}
/>
<div class="features-container">
<p class="features-subtitle">Tu plan incluye:</p>
@@ -176,20 +180,15 @@ import "../styles/index.css";
total!
</p>
</div>
<div class="button-and-link-container">
<button class="button select-plan-button"
>Contáctanos</button
>
<a href="/pricing"
>O conoce a detalle todos los planes</a
>
</div>
</div>
<div class="divider"></div>
<CollapsableFeatures
basicFeatures={true}
webAppFeatures={true}
/>
<div class="features-container">
<p class="features-subtitle">Tu plan incluye:</p>
@@ -232,20 +231,12 @@ import "../styles/index.css";
Gestión esencial para tu negocio!
</p>
</div>
<div class="button-and-link-container">
<button class="button select-plan-button"
>Contáctanos</button
>
<a href="/pricing"
>O conoce a detalle todos los planes</a
>
</div>
</div>
<div class="divider"></div>
<CollapsableFeatures basicFeatures={true} />
<div class="features-container">
<p class="features-subtitle">Tu plan incluye:</p>
@@ -269,6 +260,10 @@ import "../styles/index.css";
</div>
</div>
<button class="calltoaction-button"
>Quiero obtener uno de los planes</button
>
<p class="important-information">
Todos los planes incluyen soporte de lunes a viernes de 8am a
6pm y sábados de 8am a 4pm. Además, cada plan cuenta con una