Compare commits

..

2 Commits

Author SHA1 Message Date
Esteban Paz 0511c1e938 Merge branch 'main' of https://gitea.carpa.com/LGCC/cdrdpyj 2026-02-13 02:28:10 -05:00
Esteban Paz f8867f56a6 refactor: migrate images to CDN and enhance layout with decorative icons
- Move dove background images from local storage to ImageKit CDN for improved performance
- Add text alignment improvements (text-justify) across Identity, Info, and Projection sections
- Add decorative minus icon and improve visual hierarchy in Hero section
- Add yellow dove icon for enhanced visual branding
- Restructure footer layout with flexible positioning and integrated logo
- Update contact email from info@ to developer@ in footer
2026-02-13 02:27:34 -05:00
8 changed files with 22 additions and 15 deletions

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M35.031,28.826l-7.433,0c-0.01,0 -0.019,0 -0.029,-0.001l-2.807,0l-5.141,8.91c-0.064,0.111 -0.18,0.173 -0.3,0.173c-0.058,0 -0.118,-0.015 -0.172,-0.046c-0.069,-0.04 -0.118,-0.099 -0.146,-0.167l-5.127,-8.87l-10.267,0c-0.124,0 -0.238,-0.066 -0.299,-0.173c-0.062,-0.107 -0.062,-0.238 -0.001,-0.345l5.131,-8.911l-5.131,-8.885c-0.061,-0.106 -0.061,-0.238 0,-0.345c0.062,-0.107 0.176,-0.173 0.3,-0.173l10.244,0l5.136,-8.92c0.095,-0.165 0.306,-0.222 0.471,-0.127c0.041,0.024 0.076,0.055 0.103,0.09c0.036,0.027 0.067,0.062 0.091,0.103l5.109,8.855l10.267,0c0.123,0 0.237,0.066 0.299,0.173c0.062,0.107 0.062,0.238 0,0.345l-5.134,8.897l5.135,8.899c0.062,0.106 0.062,0.238 0,0.345c-0.062,0.107 -0.175,0.173 -0.299,0.173m-15.662,-28.826c-10.697,0 -19.369,8.672 -19.369,19.369c0,10.697 8.672,19.369 19.369,19.369c10.698,0 19.369,-8.672 19.369,-19.369c0,-10.697 -8.671,-19.369 -19.369,-19.369" style="fill:#cca16a;fill-rule:nonzero;"/><path d="M27.223,15.618c-1.957,0.335 -3.144,2.679 -3.7,3.581c-1.187,-9.169 -12.661,-7.836 -12.661,-7.836c0,-0 -0.75,7.043 6.248,10.34c-0.07,0.001 -0.14,0.006 -0.211,0.006c-2.644,-0 -5.04,-1.059 -6.787,-2.776l0,0.42c0,4.867 3.946,8.813 8.813,8.813l0.281,-0c4.853,-0 8.486,-4.009 8.813,-8.312c0.107,-1.405 0.811,-2.104 1.874,-2.323c-0.431,-1.29 -1.283,-2.15 -2.67,-1.913" style="fill:#cca16a;fill-rule:nonzero;"/></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -1,5 +1,6 @@
--- ---
import Header from './Header.astro'; import Header from './Header.astro';
import { Icon } from 'astro-icon/components';
--- ---
<div class="font-secondary"> <div class="font-secondary">
@ -19,7 +20,11 @@ import Header from './Header.astro';
<h1 class="text-3xl md:text-6xl sm:mb-8"> <h1 class="text-3xl md:text-6xl sm:mb-8">
Dr. José Benjamín<br /> Pérez Matos Dr. José Benjamín<br /> Pérez Matos
</h1> </h1>
<div class="flex items-center ">
<Icon name="ph:minus" class="text-xl mr-2" />
<h6 class="font-primary font-light uppercase text-white">LÍDER FUNDADOR</h6> <h6 class="font-primary font-light uppercase text-white">LÍDER FUNDADOR</h6>
</div>
</div> </div>
</div> </div>
<div class="order-first md:order-last flex flex-col md:justify-end items-end gap-8 "> <div class="order-first md:order-last flex flex-col md:justify-end items-end gap-8 ">

View File

@ -26,7 +26,7 @@ import jbp from "../../assets/DRJBP-1.webp";
<p class="text-lg font-light mb-10 break-words"> <p class="text-lg font-light mb-10 break-words">
Correo electrónico: Correo electrónico:
<strong>info@centrodelreinodepazyjusticia.com</strong><br /> <strong>developer@centrodelreinodepazyjusticia.com</strong><br />
Redes sociales: actualizaciones permanentes sobre actividades y convocatorias. Redes sociales: actualizaciones permanentes sobre actividades y convocatorias.
</p> </p>
@ -98,11 +98,12 @@ import jbp from "../../assets/DRJBP-1.webp";
</div> </div>
<div class="mt-20"> <div class="flex lg:justify-between mt-10 lg:mt-0 align-center justify-center">
<p class="px-4 text-sm text-white text-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. ©2026. Todos los Derechos Reservados. All Rights Reserved.
Centro del Reino de Paz y Justicia Centro del Reino de Paz y Justicia
</p> </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> </div>

View File

@ -11,10 +11,10 @@ const { title, text, initTitle, colorText, bgColor } = Astro.props;
<div class={`flex flex-col ${colorText} col-span-2 gap-8 py-8 md:py-16 lg:py-24 px-8 sm:px-16 lg:px-32`}> <div class={`flex flex-col ${colorText} col-span-2 gap-8 py-8 md:py-16 lg:py-24 px-8 sm:px-16 lg:px-32`}>
<h2 class="font-primary text-xl md:text-3xl font-bold">{initTitle}</h2> <h2 class="font-primary text-xl md:text-3xl font-bold">{initTitle}</h2>
<h2 class="font-secondary text-3xl md:text-5xl font-bold">{title}</h2> <h2 class="font-secondary text-3xl md:text-5xl font-bold">{title}</h2>
<p class="text-lg font-primary leading-relaxed"><b>El Centro del Reino de Paz y Justicia</b> es una organización internacional conformada por <b>miles de voluntarios distribuidos en numerosos países</b>, que actúan de manera coordinada bajo el liderazgo y la guía del <b>Dr. José Benjamín Pérez Matos</b>, único referente del Centro del Reino de Paz y Justicia (CRPJ).</p> <p class="text-lg font-primary leading-relaxed text-justify"><b>El Centro del Reino de Paz y Justicia</b> es una organización internacional conformada por <b>miles de voluntarios distribuidos en numerosos países</b>, que actúan de manera coordinada bajo el liderazgo y la guía del <b>Dr. José Benjamín Pérez Matos</b>, único referente del Centro del Reino de Paz y Justicia (CRPJ).</p>
<p class="text-lg font-primary leading-relaxed">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.</p> <p class="text-lg font-primary leading-relaxed text-justify">El Centro cuenta con <strong>presencia activa en distintos continentes</strong>, 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.</p>
<p class="text-lg font-primary leading-relaxed">El Centro del Reino de Paz y Justicia (CRPJ) nace con una misión clara: <b>tender puentes entre la fe y la acción en el ámbito público</b>, integrando reflexión espiritual, formación intelectual y compromiso práctico, con el objetivo de preparar el camino hacia una nueva era, marcada por un orden más justo, una paz verdadera y un mundo mejor, conforme a la visión profética.</p> <p class="text-lg font-primary leading-relaxed text-justify">El Centro del Reino de Paz y Justicia (CRPJ) nace con una misión clara: <b>tender puentes entre la fe y la acción en el ámbito público</b>, integrando reflexión espiritual, formación intelectual y compromiso práctico, con el objetivo de preparar el camino hacia una nueva era, marcada por un orden más justo, una paz verdadera y un mundo mejor, conforme a la visión profética.</p>
<p class="text-lg font-primary leading-relaxed">Su mirada es estratégica, internacional y orientada al futuro, consciente de los conflictos emergentes, las tensiones culturales, los desafíos geopolíticos y la necesidad de liderazgos sólidos capaces de actuar con claridad en tiempos de transformación global.</p> <p class="text-lg font-primary leading-relaxed text-justify">Su mirada es estratégica, internacional y orientada al futuro, consciente de los conflictos emergentes, las tensiones culturales, los desafíos geopolíticos y la necesidad de liderazgos sólidos capaces de actuar con claridad en tiempos de transformación global.</p>
</div> </div>
</div> </div>

View File

@ -17,9 +17,9 @@ const { bgColor, titleColor, textColor, title, text } = Astro.props;
<div class="grid gap-8"> <div class="grid gap-8">
<h2 class="font-secondary text-2xl lg:text-5xl font-bold">{title}</h2> <h2 class="font-secondary text-2xl lg:text-5xl font-bold">{title}</h2>
<Icon name="ph:minus" class="text-tertiary text-4xl" /> <Icon name="ph:minus" class="text-tertiary text-4xl" />
<p class="text-lg">El <b>Centro del Reino de Paz y Justicia (CRPJ)</b> es una organización de alcance <b>internacional dedicada a la formación, el diálogo estratégico y la acción pública, orientada a promover la justicia y la paz</b> conforme a los valores eternos proclamados por los profetas, con un compromiso explícito y permanente con Israel y su lugar central en la historia y el destino del mundo.</p> <p class="text-lg text-justify">El <b>Centro del Reino de Paz y Justicia (CRPJ)</b> es una organización de alcance <b>internacional dedicada a la formación, el diálogo estratégico y la acción pública, orientada a promover la justicia y la paz</b> conforme a los valores eternos proclamados por los profetas, con un compromiso explícito y permanente con Israel y su lugar central en la historia y el destino del mundo.</p>
</div> </div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 text-lg leading-relaxed"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 text-lg leading-relaxed text-justify">
<p>El Centro del Reino de Paz y Justicia (CRPJ) desarrolla iniciativas educativas, espacios de reflexión profunda y acciones concretas en el ámbito público, integrando principios espirituales, responsabilidad institucional y liderazgo ético. Su labor se inscribe en el campo de la diplomacia pública, entendida como una herramienta legítima para influir en la conversación global, fortalecer vínculos entre naciones y defender valores fundamentales frente a los desafíos del presente y del futuro.</p> <p>El Centro del Reino de Paz y Justicia (CRPJ) desarrolla iniciativas educativas, espacios de reflexión profunda y acciones concretas en el ámbito público, integrando principios espirituales, responsabilidad institucional y liderazgo ético. Su labor se inscribe en el campo de la diplomacia pública, entendida como una herramienta legítima para influir en la conversación global, fortalecer vínculos entre naciones y defender valores fundamentales frente a los desafíos del presente y del futuro.</p>
<p>La paz no es concebida como una consigna abstracta ni como un ideal ingenuo, sino como el resultado de decisiones firmes, liderazgo con valores y compromiso sostenido con propósitos claros, que reconocen el rol insustituible de Israel en la construcción de un orden justo y estable para toda la humanidad.</p> <p>La paz no es concebida como una consigna abstracta ni como un ideal ingenuo, sino como el resultado de decisiones firmes, liderazgo con valores y compromiso sostenido con propósitos claros, que reconocen el rol insustituible de Israel en la construcción de un orden justo y estable para toda la humanidad.</p>
</div> </div>
@ -29,7 +29,7 @@ const { bgColor, titleColor, textColor, title, text } = Astro.props;
title: 'Misión, Visión y Valores Institucionales.', title: 'Misión, Visión y Valores Institucionales.',
buttonLabel: 'LEER MÁS', buttonLabel: 'LEER MÁS',
hasButton: true, hasButton: true,
bgImage: '/img/dove-bg.webp', bgImage: 'https://ik.imagekit.io/crpy/dove-bg.webp',
hasIcon: true, hasIcon: true,
url:'#mision', url:'#mision',
bgColor: '#CBA16A', bgColor: '#CBA16A',

View File

@ -11,7 +11,7 @@ const { bgColor, titleColor, textColor, title, text } = Astro.props;
<div id="projection" class="grid lg:grid-cols-3 bg-white w-full"> <div id="projection" class="grid lg:grid-cols-3 bg-white w-full">
<div class="row-span-2 lg:col-span-2 p-12 lg:p-24 text-tertiary"> <div class="row-span-2 lg:col-span-2 p-12 lg:p-24 text-tertiary">
<div class="flex flex-col gap-5 md:text-lg"> <div class="flex flex-col gap-5 md:text-lg text-justify">
<h2 class="font-secondary text-3xl lg:text-5xl font-bold">{title}</h2> <h2 class="font-secondary text-3xl lg:text-5xl font-bold">{title}</h2>
<Icon name="ph:minus" class="text-tertiary text-4xl" /> <Icon name="ph:minus" class="text-tertiary text-4xl" />
<p class="text-lg">El <strong>Centro del Reino de Paz y Justicia</strong> lleva adelante una activa política de diplomacia pública, entendida como la construcción consciente de vínculos éticos, culturales y estratégicos entre pueblos, instituciones y liderazgos globales.</p> <p class="text-lg">El <strong>Centro del Reino de Paz y Justicia</strong> lleva adelante una activa política de diplomacia pública, entendida como la construcción consciente de vínculos éticos, culturales y estratégicos entre pueblos, instituciones y liderazgos globales.</p>
@ -45,7 +45,7 @@ const { bgColor, titleColor, textColor, title, text } = Astro.props;
<div class="hidden lg:block row-span-2 col-span-full lg:col-span-1 over bg-[#CBA16A] relative"> <div class="hidden lg:block row-span-2 col-span-full lg:col-span-1 over bg-[#CBA16A] relative">
<div class="relative"> <div class="relative">
<BoxContainer props={{ <BoxContainer props={{
bgImage: '../src/assets/dove-bg.webp', bgImage: 'https://ik.imagekit.io/crpy/dove-bg.webp',
bgColor: '#CBA16A', bgColor: '#CBA16A',
}} /> }} />
<div class="absolute -bottom-[8rem] z-10 w-full"> <div class="absolute -bottom-[8rem] z-10 w-full">

View File

@ -23,7 +23,7 @@ export const infoboxes = [
textColor: 'text-[#EDE9D9]', textColor: 'text-[#EDE9D9]',
sizeText: 'text-xl', sizeText: 'text-xl',
buttonLabel: 'Leer más', buttonLabel: 'Leer más',
bgImage: '/img/dove-bg.webp', bgImage: 'https://ik.imagekit.io/crpy/dove-bg.webp',
url:'#programs', url:'#programs',
hasButton: true, hasButton: true,
hasIcon: true, hasIcon: true,

View File

@ -1 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(0.75,0,0,0.75,-1317.724273,-7046.297364)"><g transform="matrix(1.212121,0,0,1.212121,0,0)"><g transform="matrix(1,0,0,1,1484.5277,7760.8391)"><path d="M0,18.913l-7.433,0c-0.01,0 -0.019,0 -0.029,-0.001l-2.807,0l-5.141,8.91c-0.064,0.111 -0.18,0.173 -0.3,0.173c-0.058,0 -0.118,-0.015 -0.172,-0.046c-0.069,-0.04 -0.118,-0.099 -0.146,-0.167l-5.127,-8.87l-10.267,0c-0.124,0 -0.238,-0.066 -0.299,-0.173c-0.062,-0.107 -0.062,-0.238 -0.001,-0.345l5.131,-8.911l-5.131,-8.885c-0.061,-0.106 -0.061,-0.238 0,-0.345c0.062,-0.107 0.176,-0.173 0.3,-0.173l10.244,0l5.136,-8.92c0.095,-0.165 0.306,-0.222 0.471,-0.127c0.041,0.024 0.076,0.055 0.103,0.09c0.036,0.027 0.067,0.062 0.091,0.104l5.109,8.854l10.267,0c0.123,0 0.237,0.066 0.299,0.173c0.062,0.107 0.062,0.238 0,0.345l-5.134,8.897l5.135,8.899c0.062,0.107 0.062,0.238 -0,0.345c-0.062,0.107 -0.175,0.173 -0.299,0.173m-15.662,-28.825c-10.697,0 -19.369,8.671 -19.369,19.368c0,10.697 8.672,19.369 19.369,19.369c10.698,0 19.369,-8.672 19.369,-19.369c-0,-10.697 -8.671,-19.368 -19.369,-19.368" style="fill:#cca16a;fill-rule:nonzero;"/></g></g></g></svg> <?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M35.031,28.826l-7.433,0c-0.01,0 -0.019,0 -0.029,-0.001l-2.807,0l-5.141,8.91c-0.064,0.111 -0.18,0.173 -0.3,0.173c-0.058,0 -0.118,-0.015 -0.172,-0.046c-0.069,-0.04 -0.118,-0.099 -0.146,-0.167l-5.127,-8.87l-10.267,0c-0.124,0 -0.238,-0.066 -0.299,-0.173c-0.062,-0.107 -0.062,-0.238 -0.001,-0.345l5.131,-8.911l-5.131,-8.885c-0.061,-0.106 -0.061,-0.238 0,-0.345c0.062,-0.107 0.176,-0.173 0.3,-0.173l10.244,0l5.136,-8.92c0.095,-0.165 0.306,-0.222 0.471,-0.127c0.041,0.024 0.076,0.055 0.103,0.09c0.036,0.027 0.067,0.062 0.091,0.103l5.109,8.855l10.267,0c0.123,0 0.237,0.066 0.299,0.173c0.062,0.107 0.062,0.238 0,0.345l-5.134,8.897l5.135,8.899c0.062,0.106 0.062,0.238 0,0.345c-0.062,0.107 -0.175,0.173 -0.299,0.173m-15.662,-28.826c-10.697,0 -19.369,8.672 -19.369,19.369c0,10.697 8.672,19.369 19.369,19.369c10.698,0 19.369,-8.672 19.369,-19.369c0,-10.697 -8.671,-19.369 -19.369,-19.369" style="fill:#cca16a;fill-rule:nonzero;"/><path d="M27.223,15.618c-1.957,0.335 -3.144,2.679 -3.7,3.581c-1.187,-9.169 -12.661,-7.836 -12.661,-7.836c0,-0 -0.75,7.043 6.248,10.34c-0.07,0.001 -0.14,0.006 -0.211,0.006c-2.644,-0 -5.04,-1.059 -6.787,-2.776l0,0.42c0,4.867 3.946,8.813 8.813,8.813l0.281,-0c4.853,-0 8.486,-4.009 8.813,-8.312c0.107,-1.405 0.811,-2.104 1.874,-2.323c-0.431,-1.29 -1.283,-2.15 -2.67,-1.913" style="fill:#cca16a;fill-rule:nonzero;"/></svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB