# astro-splash-hero

Componente simple para un efecto de splash para un Hero

## Installation 📖

```bash
# You can intall with npm
npm install astro-splash-hero
# or with yarn
yarn add astro-splash-hero
# or with pnpm
pnpm add astro-splash-hero
```

## Usage ⚙️

```astro
---
import SplashHero from 'astro-splash-hero';
---

<SplashHero splashSrc="/mi/ruta/splash.jpg" landscapeSrc="/mi/ruta/landscape.avif" />
```

## Demo
![Preview](https://20essentials.github.io/project-000-950/preview/n950.avif)

## Note
- landscapeSrc = Can be any image
- splashSrc = I recommend that you use a black splash with a white background.
![Black Splash Examples](https://20essentials.github.io/static/assets/black-splash.avif)