LGCC
/
cdrdpyj
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fixed header styles.

This commit is contained in:
Julio Ruiz 2026-02-11 22:15:18 -05:00
parent 9419b8f91b
commit 3a9c8a8488
2 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Header.astro
View File

@ -12,7 +12,7 @@ import Button from "./ui/Button.astro";
<nav <nav
class="flex justify-evenly gap-10 items-center uppercase text-md text-white" class="flex justify-evenly gap-10 items-center uppercase text-md text-white"
> >
<div class="flex gap-8"> <div class="flex gap-8 font-primary">
<a href="#">Inicio</a> <a href="#">Inicio</a>
<a href="#">Somos</a> <a href="#">Somos</a>
<a href="#">Programas</a> <a href="#">Programas</a>

25
src/components/HeroHome.astro
View File

@ -3,10 +3,13 @@ import Header from './Header.astro';
--- ---
<div class="font-secondary"> <div class="font-secondary">
<div class="h-screen container bg-[url(/src/assets/hero-image.webp)] bg-no-repeat bg-contain bg-bottom mx-auto"> <div class="top-16 relative mb container mx-auto">
<Header /> <Header />
<div class="grid grid-cols-2 justify-center items-center h-full"> </div>
<div class="grid grid-cols-1 gap-8"> <div class="h-screen max-h-[1080px] container bg-[url(/src/assets/hero-image.webp)] bg-no-repeat bg-contain bg-bottom mx-auto mt-16">
<div class="grid grid-cols-2 h-full">
<div class="gap-8 flex flex-col justify-end">
<div> <div>
<img <img
src="/src/assets/logo-metalico.png" src="/src/assets/logo-metalico.png"
@ -14,23 +17,23 @@ import Header from './Header.astro';
class="w-58 mb-4" class="w-58 mb-4"
/> />
</div> </div>
<div class="text-primary font-bold font-primary"> <div class="text-primary font-semibold font-secondary mb-24 mt-40">
<h1 class="text-3xl"> <h1 class="text-6xl mb-8">
Dr. José Benjamín<br /> Pérez Matos Dr. José Benjamín<br /> Pérez Matos
</h1> </h1>
<h6 class="uppercase text-white">Lider Fundador</h6> <h6 class="font-primary font-light uppercase text-white">Lider Fundador</h6>
</div> </div>
</div> </div>
<div class="grid grid-cols-1 gap-8"> <div class="flex flex-col justify-end items-end gap-8">
<div <div
class="w-1/2 font-primary font-semibold text-2xl text-primary gap-8 flex flex-col" class="w-1/2 font-primary font-medium text-2xl text-primary gap-8 flex flex-col justify-end mb-24"
> >
<h2> <h2 class="text-[#EAE6D2]">
“El sueño de mi vida es ver cumplida la visión de los “El sueño de mi vida es ver cumplida la visión de los
profetas: un mundo de justicia y paz para el bien de profetas: un mundo de justicia y paz para el bien de
Israel y de toda la humanidad.” Israel y de toda la humanidad.”
</h2> </h2>
<div class="w-32 self-end"> <div class="w-16 self-end mt-64">
<img <img
src="/src/assets/white-dove.webp" src="/src/assets/white-dove.webp"
alt="White Dove" alt="White Dove"