added translations for columnSection

This commit is contained in:
Esteban 2026-02-15 12:42:06 -05:00
parent 6081c5aad1
commit 5326c95d58
5 changed files with 62 additions and 29 deletions

View File

@ -1,14 +1,17 @@
--- ---
import { Icon } from "astro-icon/components"; import { Icon } from "astro-icon/components";
import { createTranslator } from '../../i18n';
const tl = createTranslator(Astro.currentLocale);
const { props } = Astro.props; const { props } = Astro.props;
--- ---
<div class="container mx-auto"> <div class="container mx-auto">
<div class="grid md:grid-cols-2 min-h-100"> <div class="grid md:grid-cols-2 min-h-100">
<div class="bg-[#EBE5D0] p-12 md:p-24 grid lg:grid-cols-2"> <div class="bg-[#EBE5D0] p-12 md:p-24 grid lg:grid-cols-2">
<div class="leftcol flex justify-between flex-col min-h-full"> <div class="leftcol flex justify-between flex-col min-h-full">
<h2 class="text-5xl font-secondary text-tertiary font-bold">Justicia</h2> <h2 class="text-5xl font-secondary text-tertiary font-bold">{tl("values.justice.title")}</h2>
<p class="text-lg text-tertiary">Compromiso activo con un orden justo, basado en principios morales, respeto por la dignidad humana y defensa de valores permanentes.</p> <p class="text-lg text-tertiary">{tl("values.justice.text")}</p>
</div> </div>
<div class="rightcol flex justify-end align-bottom min-h-full "> <div class="rightcol flex justify-end align-bottom min-h-full ">
<Icon name="icon_justice_1" class="text-9xl text-tertiary self-end" /> <Icon name="icon_justice_1" class="text-9xl text-tertiary self-end" />
@ -16,8 +19,8 @@ const { props } = Astro.props;
</div> </div>
<div class="bg-tertiary p-12 md:p-24 grid lg:grid-cols-2"> <div class="bg-tertiary p-12 md:p-24 grid lg:grid-cols-2">
<div class="leftcol flex justify-between flex-col min-h-full"> <div class="leftcol flex justify-between flex-col min-h-full">
<h2 class="text-5xl font-secondary font-bold text-[#CBA16A]">Integridad</h2> <h2 class="text-5xl font-secondary font-bold text-[#CBA16A]">{tl("values.integrity.title")}</h2>
<p class="text-[#CBA16A] text-lg">Coherencia entre pensamiento, palabra y acción; transparencia institucional y responsabilidad en el espacio público.</p> <p class="text-[#CBA16A] text-lg">{tl("values.integrity.text")}</p>
</div> </div>
<div class="rightcol flex justify-end align-bottom min-h-full "> <div class="rightcol flex justify-end align-bottom min-h-full ">
<Icon name="icon_justice_2" class="text-[#EBE5D0] text-9xl self-end" /> <Icon name="icon_justice_2" class="text-[#EBE5D0] text-9xl self-end" />
@ -26,16 +29,16 @@ const { props } = Astro.props;
</div> </div>
<div class="grid lg:grid-cols-3"> <div class="grid lg:grid-cols-3">
<div class="bg-tertiary p-12 xl:p-20 2xl:p-24 flex justify-between flex-col min-h-full lg:aspect-square"> <div class="bg-tertiary p-12 xl:p-20 2xl:p-24 flex justify-between flex-col min-h-full lg:aspect-square">
<h2 class="text-3xl xl:text-5xl font-secondary font-bold text-white">Servicio con Propósito</h2> <h2 class="text-3xl xl:text-5xl font-secondary font-bold text-white">{tl("values.service.title")}</h2>
<p class="text-xl text-[#EBE5D0]">Vocación de acompañamiento y acción orientada a objetivos claros y trascendentes.</p> <p class="text-xl text-[#EBE5D0]">{tl("values.service.text")}</p>
</div> </div>
<div class="bg-[#BEA48D] p-12 xl:p-20 2xl:p-24 flex justify-between flex-col min-h-full lg:aspect-square"> <div class="bg-[#BEA48D] p-12 xl:p-20 2xl:p-24 flex justify-between flex-col min-h-full lg:aspect-square">
<h2 class="text-3xl xl:text-5xl font-secondary font-bold text-tertiary">Excelencia</h2> <h2 class="text-3xl xl:text-5xl font-secondary font-bold text-tertiary">{tl("values.excellence.title")}</h2>
<p class="text-xl text-tertiary">Rigor intelectual, profesionalismo y mejora constante en todas las áreas de trabajo.</p> <p class="text-xl text-tertiary">{tl("values.excellence.text")}</p>
</div> </div>
<div class="bg-[#22523F] p-12 xl:p-20 2xl:p-24 flex justify-between flex-col min-h-full lg:aspect-square"> <div class="bg-[#22523F] p-12 xl:p-20 2xl:p-24 flex justify-between flex-col min-h-full lg:aspect-square">
<h2 class="text-3xl xl:text-5xl font-secondary font-bold text-white">Diálogo Estratégico</h2> <h2 class="text-3xl xl:text-5xl font-secondary font-bold text-white">{tl("values.dialogue.title")}</h2>
<p class="text-white text-xl">Apertura al intercambio entre culturas, naciones y credos, sin renunciar a convicciones ni principios fundamentales.</p> <p class="text-white text-xl">{tl("values.dialogue.text")}</p>
</div> </div>
</div> </div>
</div> </div>

View File

@ -93,7 +93,7 @@
{ {
"type": "text", "type": "text",
"icon": "ph:arrow-circle-down-thin", "icon": "ph:arrow-circle-down-thin",
"text": "Dirección de La Gran Carpa Catedral. Puerto Rico", "text": "Administration Of La Gran Carpa Catedral. Puerto Rico",
"bgColor": "#EBE5D0", "bgColor": "#EBE5D0",
"textColor": "#003421" "textColor": "#003421"
}, },
@ -104,7 +104,7 @@
{ {
"type": "text", "type": "text",
"icon": "ph:arrow-circle-right-thin", "icon": "ph:arrow-circle-right-thin",
"text": "Participación activa en escenarios internacionales.", "text": "Active involment in international scenarios.",
"textColor": "#003421", "textColor": "#003421",
"bgColor": "#BEA48D" "bgColor": "#BEA48D"
}, },
@ -119,7 +119,7 @@
{ {
"type": "text", "type": "text",
"icon": "ph:arrow-circle-up-thin", "icon": "ph:arrow-circle-up-thin",
"text": "Enseñanza bíblica aplicada al análisis del mundo contemporáneo.", "text": "Biblical teaching applied to the analysis of the contemporary world.",
"textColor": "#EBE5D0", "textColor": "#EBE5D0",
"bgColor": "#003421" "bgColor": "#003421"
}, },
@ -130,15 +130,29 @@
{ {
"type": "text", "type": "text",
"icon": "ph:arrow-circle-left-thin", "icon": "ph:arrow-circle-left-thin",
"text": "Compromiso público en la defensa de Israel, la justicia y la paz.", "text": "Public commitment in defense, justice and peace of Israel.",
"textColor": "#003421", "textColor": "#003421",
"bgColor": "#EBE5D0" "bgColor": "#EBE5D0"
} }
], ],
"colo1.title": "Mission", "color1.title": "Mission",
"colo1.text": "To form leaders, promote educational initiatives, and encourage public actions in pursuit of justice and peace, based on a firm ethical and spiritual foundation, with an explicit commitment to Israel and a responsibility to contribute to the well-being and stability of mankind as a whole.", "color1.text": "To form leaders, promote educational initiatives, and encourage public actions in pursuit of justice and peace, based on a firm ethical and spiritual foundation, with an explicit commitment to Israel and a responsibility to contribute to the well-being and stability of mankind as a whole.",
"color2.title": "Vision",
"color2.text": "To position ourselves as an international benchmark in leadership development, public diplomacy, and institutional outreach, recognized for our consistency, clear values, and tangible contribution to building a world aligned with the prophetic vision of justice and peace.",
"title2.title": "Institutional Values",
"values.justice.title": "Justice",
"values.justice.text": "An active commitment to a just order grounded in moral principles, respect for human dignity, and the defense of enduring values.",
"values.integrity.title": "Integrity",
"values.integrity.text": "Alignment of thought, word, and deed; institutional transparency and accountability in the public sphere.",
"values.service.title": "Service with purpose",
"values.service.text": "A calling to accompany others and act in pursuit of clear and transcendent goals.",
"values.excellence.title": "Excellence",
"values.excellence.text": "Intellectual rigor, professionalism, and continuous improvement in all work areas.",
"values.dialogue.title": "Strategic dialogue",
"values.dialogue.text": "Openness to exchange across cultures, nations, and faiths, while upholding fundamental convictions and principles."
"colo2.title": "Visión",
"colo2.text": "To position ourselves as an international benchmark in leadership development, public diplomacy, and institutional outreach, recognized for our consistency, clear values, and tangible contribution to building a world aligned with the prophetic vision of justice and peace."
} }

View File

@ -136,10 +136,26 @@
"bgColor": "#EBE5D0" "bgColor": "#EBE5D0"
} }
], ],
"colo1.title": "Misión", "color1.title": "Misión",
"colo1.text": "Formar líderes, impulsar iniciativas educativas y promover acciones públicas orientadas a la justicia y la paz, desde una base ética y espiritual firme, con un compromiso explícito con Israel y con la responsabilidad de contribuir al bienestar y la estabilidad de la humanidad en su conjunto.", "color1.text": "Formar líderes, impulsar iniciativas educativas y promover acciones públicas orientadas a la justicia y la paz, desde una base ética y espiritual firme, con un compromiso explícito con Israel y con la responsabilidad de contribuir al bienestar y la estabilidad de la humanidad en su conjunto.",
"color2.title": "Visión",
"color2.text": "Consolidarse como un actor internacional de referencia en formación de liderazgo, diplomacia pública y proyección institucional, reconocido por su coherencia, su claridad de valores y su contribución concreta a la construcción de un mundo alineado con la visión profética de justicia y paz.",
"title2.title": "Valores Institucionales",
"values.justice.title": "Justicia",
"values.justice.text": "Compromiso activo con un orden justo, basado en principios morales, respeto por la dignidad humana y defensa de valores permanentes.",
"values.integrity.title": "Integridad",
"values.integrity.text": "Coherencia entre pensamiento, palabra y acción; transparencia institucional y responsabilidad en el espacio público.",
"values.service.title": "Servicio",
"values.service.text": "Vocación de acompañamiento y acción orientada a objetivos claros y trascendentes.",
"values.excellence.title": "Excelencia",
"values.excellence.text": "Rigor intelectual, profesionalismo y mejora constante en todas las áreas de trabajo.",
"values.dialogue.title": "Diálogo Estratégico",
"values.dialogue.text": "Apertura al intercambio entre culturas, naciones y credos, sin renunciar a convicciones ni principios fundamentales.",
"projection.title": "Diplomacia Pública y Proyección Internacional"
"colo2.title": "Visión",
"colo2.text": "Consolidarse como un actor internacional de referencia en formación de liderazgo, diplomacia pública y proyección institucional, reconocido por su coherencia, su claridad de valores y su contribución concreta a la construcción de un mundo alineado con la visión profética de justicia y paz."
} }

View File

@ -68,21 +68,21 @@ const carouselImages3 = [
bgColor="#22523F" bgColor="#22523F"
titleColor="text-[#ffffff]" titleColor="text-[#ffffff]"
textColor="text-[#CBA16A] font-bold" textColor="text-[#CBA16A] font-bold"
title={tl("colo1.title")} title={tl("color1.title")}
text={tl("colo1.text")} /> text={tl("color1.text")} />
<ColorSection <ColorSection
bgColor="#CBA16A" bgColor="#CBA16A"
titleColor="text-[#ffffff]" titleColor="text-[#ffffff]"
textColor="text-[#ffffff] font-bold" textColor="text-[#ffffff] font-bold"
title="Visión" title={tl("color2.title")}
text="Consolidarse como un actor internacional de referencia en formación de liderazgo, diplomacia pública y proyección institucional, reconocido por su coherencia, su claridad de valores y su contribución concreta a la construcción de un mundo alineado con la visión profética de justicia y paz." /> text={tl("color2.text")} />
<TitleSection title="Valores Intitucionales" /> <TitleSection title={tl("title2.title")} />
<ColumnsSection /> <ColumnsSection />
<ProjectionSection title="Diplomacia Pública y Proyección Internacional" /> <ProjectionSection title={tl("projection.title")} />
<FormationSection /> <FormationSection />

View File

@ -44,7 +44,7 @@ const carouselImages3 = [
<AuthoritySection /> <AuthoritySection />
<TitleSection title={tl("title1.title")} /> <TitleSection title="Dr. José Benjamín Pérez Matos | Trayectoria" />
<GridSection /> <GridSection />