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

Added footer section

This commit is contained in:
Julio Ruiz 2026-02-11 18:02:10 -05:00
parent 8546c7a99d
commit bfb70e4c27
2 changed files with 47 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/components/section/FooterSection.astro Normal file
View File

@ -0,0 +1,42 @@
---
import { Icon } from "astro-icon/components";
---
<div class="bg-[#22523F]">
<div class="container mx-auto py-20">
<h4>Contacto</h4>
<h3>Conectmos con visión y propósito</h3>
<div class="w-1/3 mx-auto">
<p>El Centro del Reino de Paz y Justicia dispone de canales directos para consultas institucionales, participación en programas y acti- vidades internacionales.</p>
<p>Correo electrónico: info@centrodelreinodepazyjusticia.com Redes sociales: actualizaciones permanentes sobre actividades y convocatorias.</p>
<div class="flex flex-col gap-4">
<form action="">
<fieldset>
<input type="text" placeholder="Nombre y Apellido" />
<input type="text" placeholder="E-Mail" />
<textarea placeholder="Escriba su mensaje"></textarea>
</fieldset>
</form>
</div>
<div class="flex flex-row justify-between">
<ul class="flex flex-row gap-2">
<li><a href="#"><Icon name="ph:linkedin-logo-thin" /></a></li>
<li><a href="#"><Icon name="ph:instagram-logo-thin" /></a></li>
<li><a href="#"><Icon name="ph:facebook-logo-thin" /></a></li>
<li><a href="#"><Icon name="ph:youtube-logo-thin" /></a></li>
</ul>
<button>
Enviar
</button>
</div>
</div>
<div class="mt-20">
<p class="text-sm text-white">©2026. Todos los Derechos Reservados. All Rights Reserved. Centro del Reino de Paz y Justicia</p>
</div>
</div>
</div>

8
src/pages/index.astro
View File

@ -7,7 +7,7 @@ import NewsSection from "../components/section/NewsSection.astro";
import ParticipateSection from "../components/section/ParticipateSection.astro";
import CarouselSection from "../components/section/CarouselSection.astro";
import InfoSection from "../components/section/InfoSection.astro";
import IdentitySecion from "../components/section/identitySection.astro";
import IdentitySection from "../components/section/IdentitySection.astro";
import { infoboxes } from "../data/content/infosection.js";
import ColorSection from "../components/section/ColorSection.astro";
@ -15,6 +15,7 @@ import TitleSection from "../components/section/TitleSection.astro";
import GridSection from "../components/section/GridSection.astro";
import ColumnsSection from "../components/section/ColumnsSection.astro";
import FormationSection from "../components/section/FormationSection.astro";
import FooterSection from "../components/section/FooterSection.astro";
const carouselImages2 = [
"https://picsum.photos/1920/800?random=1&grayscale",
@ -36,7 +37,7 @@ const carouselImages3 = [
<CarouselSection images={carouselImages3} />
<IdentitySecion bgColor="bg-white" initTitle="Identidad Institucional" title="El Centro del Reino de Paz y Justicia" text=`El Centro del Reino de Paz y Justicia es una organización internacional conformada por miles de voluntarios distribuidos en numerosos países, que actúan de manera coordinada bajo el liderazgo y la guía del Dr. José Benjamín Pérez Matos, único referente del CPyJ.\n
<IdentitySection bgColor="bg-white" initTitle="Identidad Institucional" title="El Centro del Reino de Paz y Justicia" text=`El Centro del Reino de Paz y Justicia es una organización internacional conformada por miles de voluntarios distribuidos en numerosos países, que actúan de manera coordinada bajo el liderazgo y la guía del Dr. José Benjamín Pérez Matos, único referente del CPyJ.\n
El Centro cuenta con presencia activa en distintos continentes, articulando personas, líderes, comunidades e instituciones que comparten una visión común: llevar los valores del Reino al espacio público y afrontar, con responsabilidad y convicción, los desafíos que atraviesa el mundo actual.\n
@ -68,7 +69,6 @@ Su mirada es estratégica, internacional y orientada al futuro, consciente de lo
<!-- Diplomacia -->
<!-- Formacion -->
<FormationSection />
<CarouselSection images={carouselImages2} />
@ -77,4 +77,6 @@ Su mirada es estratégica, internacional y orientada al futuro, consciente de lo
<ParticipateSection />
<FooterSection />
</MainLayout>