Merge branch 'main' of https://gitea.carpa.com/LGCC/cdrdpyj

src/components/section/IdentitySection.astro

@@ -10,7 +10,7 @@ const { title, text, initTitle, colorText, bgColor } = Astro.props;
         </div>
         <div class={`flex flex-col ${colorText} col-span-8 gap-8 py-24 px-32`}>
             <h2 class="font-primary text-3xl font-bold">{initTitle}</h2>
-            <h2 class="font-secondary text-5xl">{title}</h2>
+            <h2 class="font-secondary 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 CPyJ.</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">El CPyJ 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>

src/components/section/ProjectionSection.astro

@@ -0,0 +1,37 @@
+---
+import { infoboxes } from "../../data/content/infosection.js";
+import BoxContainer from "../BoxContainer.astro";
+import { Icon } from "astro-icon/components";
+
+const { bgColor, titleColor, textColor, title, text } = Astro.props;
+---
+
+<div class="container mx-auto">
+
+    <div class="grid grid-cols-3 h-auto bg-white w-full">
+        <div class="col-span-2 row-span-2 p-24 text-tertiary grid gap-8 ">
+            <div class="grid gap-5 md:text-lg">
+                <h2 class="font-secondary text-5xl font-bold">{title}</h2>
+                <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><strong>A través de encuentros, giras internacionales, foros y relaciones institucionales, el CPyJ impulsa:</strong></p>
+                <ul class="list-disc list-inside text-lg">
+                    <li>El diálogo interreligioso e intercultural desde valores firmes.</li>
+                    <li>La defensa de la justicia y la paz en escenarios internacionales.</li>
+                    <li>La vinculación con líderes políticos, académicos y sociales.</li>
+                    <li>El <strong>apoyo claro y permanente al pueblo judío y al Estado de Israel</strong>, reconociendo su centralidad histórica, espiritual y geopolítica.</li>
+                </ul>
+                <p>Esta proyección internacional posiciona al CPyJ como un <strong>actor relevante en el debate global sobre el futuro del mundo</strong>, la estabilidad internacional y la vigencia de los valores proféticos.</p>
+            </div>
+        </div>
+        <div class="col-span-1 h-full bg-[#CBA16A]">
+            <BoxContainer props={{
+                bgImage: '../src/assets/dove-bg.webp',
+                bgColor: '#CBA16A',
+            }} />
+        </div>
+        <div class="col-span-1 py-38 px-24 bg-[#22523F] bg-[url('/src/assets/DRJBP-2.webp')] bg-cover bg-center">
+            <img src="/src/assets/logo-ligth.webp" alt="Logo del CPyJ">
+        </div>
+    </div>
+</div>

src/pages/index.astro

@@ -9,6 +9,7 @@ import CarouselSection from "../components/section/CarouselSection.astro";
 import InfoSection from "../components/section/InfoSection.astro";
 import IdentitySection from "../components/section/IdentitySection.astro";
 import AuthoritySection from "../components/section/AuthoritySection.astro";
+import ProjectionSection from "../components/section/projectionSection.astro";
 
 import { infoboxes } from "../data/content/infosection.js";
 import ColorSection from "../components/section/ColorSection.astro";
@@ -64,6 +65,8 @@ const carouselImages3 = [
 
   <ColumnsSection />
 
+  <ProjectionSection title="Diplomacia Pública y Proyección Internacional" />
+
   <!-- Diplomacia -->
 
   <FormationSection />