111 lines
3.7 KiB
Plaintext
111 lines
3.7 KiB
Plaintext
---
|
|
import { Icon } from "astro-icon/components";
|
|
import { Image } from "astro:assets";
|
|
import jbp from "../../assets/DRJBP-1.webp";
|
|
---
|
|
|
|
<div id="contact" class="bg-[#22523F]">
|
|
<div class="container mx-auto py-20 relative text-[#EBE5D0]">
|
|
|
|
<div class="absolute bottom-0 right-0 w-80 hidden lg:block">
|
|
<Image src={jbp} alt="Centro del Reino de Paz y Justicia" />
|
|
</div>
|
|
|
|
<h4 class="text-lg text-center font-bold uppercase">Contacto</h4>
|
|
<h2 class="text-2xl lg:text-5xl text-center font-bold font-secondary my-8">
|
|
Conectemos con visión y propósito
|
|
</h2>
|
|
|
|
<div class="px-12 lg:px-4 lg:w-2/5 mx-auto">
|
|
|
|
<p class="text-lg font-light mb-10">
|
|
El <strong>Centro del Reino de Paz y Justicia</strong> dispone de canales
|
|
directos para consultas institucionales, participación en programas y
|
|
actividades internacionales.
|
|
</p>
|
|
|
|
<p class="text-lg font-light mb-10 break-words">
|
|
Correo electrónico:
|
|
<strong>developer@centrodelreinodepazyjusticia.com</strong><br />
|
|
Redes sociales: actualizaciones permanentes sobre actividades y convocatorias.
|
|
</p>
|
|
|
|
<!-- FORMULARIO -->
|
|
<form method="POST" action="/api/emailInfo/send" class="flex flex-col gap-4">
|
|
|
|
<fieldset>
|
|
|
|
<input
|
|
name="nombre"
|
|
type="text"
|
|
placeholder="Nombre y Apellido"
|
|
required
|
|
class="bg-[#EBE5D0] w-full py-2 px-4 mb-2 text-[#303335] placeholder:text-[#303335] focus:outline-none"
|
|
/>
|
|
|
|
<input
|
|
name="email"
|
|
type="email"
|
|
placeholder="E-Mail"
|
|
required
|
|
class="bg-[#EBE5D0] w-full py-2 px-4 mb-2 text-[#303335] placeholder:text-[#303335] focus:outline-none"
|
|
/>
|
|
|
|
<textarea
|
|
name="mensaje"
|
|
placeholder="Escriba su mensaje"
|
|
rows="5"
|
|
required
|
|
class="bg-[#EBE5D0] w-full py-2 px-4 mb-2 text-[#303335] placeholder:text-[#303335] focus:outline-none"
|
|
></textarea>
|
|
|
|
</fieldset>
|
|
|
|
<div class="flex flex-row justify-between items-center mt-4">
|
|
|
|
<ul class="flex flex-row gap-2">
|
|
<li class="border-r pr-2">
|
|
<a href="https://x.com/CRPazYJusticia" target="_blank">
|
|
<Icon name="ph:x-logo-thin" class="text-3xl" />
|
|
</a>
|
|
</li>
|
|
<li class="border-r pr-2">
|
|
<a href="https://www.instagram.com/centrodelreinodepazyjusticia/" target="_blank">
|
|
<Icon name="ph:instagram-logo-thin" class="text-3xl" />
|
|
</a>
|
|
</li>
|
|
<li class="border-r pr-2">
|
|
<a href="https://www.facebook.com/Centrodelreinodepazyjusticia" target="_blank">
|
|
<Icon name="ph:facebook-logo-thin" class="text-3xl" />
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.youtube.com/@CentrodelReinodePazyJusticia" target="_blank">
|
|
<Icon name="ph:youtube-logo-thin" class="text-3xl" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<button
|
|
type="submit"
|
|
class="bg-[#003421] px-6 py-2 text-sm hover:bg-[#EBE5D0] hover:text-[#003421] cursor-pointer transition duration-300"
|
|
>
|
|
Enviar
|
|
</button>
|
|
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div class="flex lg:justify-between mt-10 lg:mt-0 align-center justify-center">
|
|
<p class="px-4 order-1 text-sm text-white lg:self-end text-center lg:text-left">
|
|
©2026. Todos los Derechos Reservados. All Rights Reserved.
|
|
Centro del Reino de Paz y Justicia
|
|
</p>
|
|
<img class="w-24 lg:order-1 z-10 pl-6 object-contain" src="/img/logo-metalico.webp" alt="Logo Metalico">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|