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

Refacture: Created InitialSection component so it can be used in every page just giving props

Browse Source
This commit is contained in:
Juan Diego Moreno Upegui
2026-02-02 15:57:55 -05:00
parent de69b1f1e9
commit 438ffa3282
5 changed files with 141 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/pages/index.astro
View File

@@ -1,47 +1,20 @@
---
import Layout from "../layouts/Layout.astro";
import InitialSection from "../components/InitialSection.astro";
import "../styles/index.css";
---
<Layout pageTitle="Home page">
<section class="homepage">
<section class="section-1 first-sect-container">
<img
src="/src/assets/imgs/mujer-con-tablet.svg"
alt="Fotografia de una mujer sosteniendo una tablet"
class="lady-img"
fetchpriority="high"
/>
<div class="landing-content">
<div class="logo-container">
<img
src="/src/assets/imgs/logo-naliia.svg"
alt="Logo de Naliia"
class="logo-naliia-full"
/>
</div>
<div class="text-and-button-container">
<div class="text-content">
<h1 class="main-title">
Transformamos <br />el caos en claridad
</h1>
<h5 class="subtitle">
Convertimos la complejidad de salones, spas y
barberías en un ecosistema que respira orden,
precisión y belleza.
</h5>
</div>
<div class="button-container">
<button class="button call-to-action-button"
>Comienza tu experiencia aquí</button
>
</div>
</div>
</div>
</section>
<InitialSection
imgSrc="/src/assets/imgs/mujer-con-tablet.svg"
imgAlt="Fotografia de una mujer sosteniendo una tablet"
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."
buttonText="Comienza tu experiencia aquí"
/>
<section class="offer-section second-sect-container sections">
<div class="title-and-phrase">