Componente Layout
Landing Page Layout
El Landing Page Layout es una plantilla minimalista y ligera diseñada para páginas de inicio, promocionales o de aterrizaje. Incluye la inyección automática de estilos globales y un lienzo limpio y flexible que abarca todo el ancho del navegador.
Props y Parámetros
| Prop | Tipo | Valor Por Defecto | Descripción |
|---|---|---|---|
| titlePage | string | 'Sin titulo' | Asigna el título que se mostrará en la pestaña del navegador (<title>). |
Interfaz TypeScript
interface Props {
titlePage?: string;
}Slots Disponibles
<slot /> (Default)
Slot por defecto donde se renderiza todo el contenido HTML o componentes que coloques dentro del Layout (secciones hero, características, footers, etc.).
Ejemplo de Uso
---
import LandingLayout from '../../layouts/v2/LandingPage/Layout.astro';
import Header from '../../components/v2/LandingPage/header/Header.astro';
import Hero from '../../components/v2/LandingPage/Hero.astro';
---
<LandingLayout titlePage="Lity UI - Bienvenido">
<Header />
<main>
<Hero />
</main>
</LandingLayout>