Merge pull request 'identitySection' (#2) from identitySection into main

Reviewed-on: #2

src/components/section/IdentitySection.astro

@@ -0,0 +1,17 @@
+---
+const { title, text, initTitle, colorText, bgColor } = Astro.props;
+---
+
+<div class="container mx-auto">
+
+    <div class={`grid grid-cols-2 ${bgColor}`}>
+        <div>IMAGEN</div>
+        <div class={`flex flex-col ${colorText} gap-8 py-24 px-16`}>
+            <h2 class="font-primary text-3xl font-bold">{initTitle}</h2>
+            <h2 class="font-secondary text-5xl">{title}</h2>
+            <p class="text-lg font-primary leading-relaxed">{text}</p>
+            
+        </div>
+    </div>
+
+</div>

src/components/section/InfoSection.astro

@@ -3,7 +3,7 @@ import { infoboxes } from "../../data/content/infosection.js";
 import BoxContainer from "../BoxContainer.astro";
 import { Icon } from "astro-icon/components";
 
-const { data } = Astro.props;
+const { bgColor, titleColor, textColor, title, text } = Astro.props;
 ---
 
 <div class="container mx-auto">
@@ -12,17 +12,32 @@ const { data } = Astro.props;
             <BoxContainer  props={box} />    
         ))}
     </div>
-    <div class="grid grid-cols-3 bg-white w-full">
-        <div class="col-span-2 row-span-2 p-20 grid grid-rows-3 gap-8">
-            <h2 class="font-secondary text-5xl text-tertiary font-bold">Construyendo el mundo soñado por los profetas: justicia y paz para Israel y toda la humanidad</h2>
+    <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-8">
+                <h2 class="font-secondary text-5xl font-bold">{title}</h2>
                 <Icon name="ph:minus" class="text-tertiary text-4xl" />
-            <p>El Centro del Reino de Paz y Justicia (CPyJ) es una organización de alcance 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 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 class="grid grid-cols-2 gap-8">
+                <p class="text-lg">El <b>Centro del Reino de Paz y Justicia (CPyJ)</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 class="grid grid-cols-2 gap-8 text-lg leading-relaxed">
                 <p>El CPyJ 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>
             </div>
         </div>
-        <div class="col-span-1 bg-primary"></div>
-        <div class="col-span-1 bg-tertiary"></div>
+        <div class="col-span-1 h-full bg-[#CBA16A]">
+            <BoxContainer props={{
+                title: 'Misión, Visión y Valores Institucionales.',
+                buttonLabel: 'Leer Mas',
+                hasButton: true,
+                bgImage: '../src/assets/dove-bg.webp',
+                hasIcon: true,
+                bgColor: '#CBA16A',
+                titleColor: 'text-tertiary',
+                sizeTitle: 'text-2xl',
+            }} />
+        </div>
+        <div class="col-span-1 py-38 px-24 bg-tertiary">
+            <img src="/src/assets/logo-ligth.webp" alt="Logo del CPyJ">
+        </div>
     </div>
 </div>

src/pages/index.astro

@@ -7,6 +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 { infoboxes } from "../data/content/infosection.js";
 import ColorSection from "../components/section/ColorSection.astro";
@@ -18,12 +19,28 @@ const carouselImages2 = [
   "https://picsum.photos/1920/800?random=2&grayscale",
   "https://picsum.photos/1920/800?random=3&grayscale",
 ];
+
+const carouselImages3 = [
+  "https://picsum.photos/1920/800?random=1&grayscale",
+  "https://picsum.photos/1920/800?random=2&grayscale",
+  "https://picsum.photos/1920/800?random=3&grayscale",
+];
 ---
 
 <MainLayout>
   <HeroHome />
 
-  <InfoSection data={infoboxes} />
+  <InfoSection bgColor="bg-white" title="Construyendo el mundo soñado por los profetas: justicia y paz para Israel y toda la humanidad" data={infoboxes} />
+
+  <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
+
+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
+
+El CPyJ nace con una misión clara: tender puentes entre la fe y la acción en el ámbito público, 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.\n
+
+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.` />
 
   <CarouselSection images={carouselImages2} />