diff --git a/src/assets/dove-bg.webp b/src/assets/dove-bg.webp new file mode 100644 index 0000000..c6a0014 Binary files /dev/null and b/src/assets/dove-bg.webp differ diff --git a/src/components/BoxContainer.astro b/src/components/BoxContainer.astro index 000aa21..7533faa 100644 --- a/src/components/BoxContainer.astro +++ b/src/components/BoxContainer.astro @@ -3,18 +3,33 @@ const { props } = Astro.props; import { Icon } from "astro-icon/components"; import Button from "./ui/Button.astro"; +const background = props.bgImage || props.bgColor; + --- -
- -

{props.title}

-

{props.copy}

+
+ +
+ {props.hasIcon && ( +
+ +
+ )} +

{props.title}

+

{props.copy}

+
+ {props.hasButton && ( -
)} {props.hasInput && ( - +
+ +
)}
\ No newline at end of file diff --git a/src/components/Header.astro b/src/components/Header.astro index d334eca..5e63b3c 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -19,7 +19,7 @@ import Button from "./ui/Button.astro"; Noticias
-
diff --git a/src/components/section/InfoSection.astro b/src/components/section/InfoSection.astro index 77a0e16..a33befb 100644 --- a/src/components/section/InfoSection.astro +++ b/src/components/section/InfoSection.astro @@ -1,6 +1,7 @@ --- import { infoboxes } from "../../data/content/infosection.js"; import BoxContainer from "../BoxContainer.astro"; +import { Icon } from "astro-icon/components"; const { data } = Astro.props; --- @@ -8,8 +9,20 @@ const { data } = Astro.props;
{ infoboxes.map((box) => ( - + ))}
- +
+
+

Construyendo el mundo soñado por los profetas: justicia y paz para Israel y toda la humanidad

+ +

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.

+
+

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.

+

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.

+
+
+
+
+
diff --git a/src/components/ui/Button.astro b/src/components/ui/Button.astro index 034c206..cd0c4a9 100644 --- a/src/components/ui/Button.astro +++ b/src/components/ui/Button.astro @@ -1,12 +1,13 @@ --- -const { variant = "primary", title = "Botón", url = "#" } = Astro.props as { +const { variant = "primary", title = "Botón", url = "#", class: className } = Astro.props as { variant?: Variant; title?: string; url?: string; + class?: string; }; const variants = { - primary: "bg-[#EBE6D2] text-[#22523F] hover:bg-[#EBE6D2]/90 rounded-none w-full", - secondary: "bg-blue-700", + primary: "bg-[#EBE6D2] text-[#22523F] hover:bg-[#EBE6D2]/90 rounded-none", + secondary: "bg-[#22523F] text-[#EBE6D2] hover:bg-[#22523F]/90 uppercase rounded-none", light: "bg-green-100", } as const; @@ -14,10 +15,6 @@ type Variant = keyof typeof variants; const styles = variants[variant]; --- - - - {title} - + diff --git a/src/data/content/infosection.js b/src/data/content/infosection.js index afe6b2c..cfd0362 100644 --- a/src/data/content/infosection.js +++ b/src/data/content/infosection.js @@ -1,32 +1,52 @@ export const infoboxes = [ { - title: 'Caja 1', - copy: 'Lorem ipsum dolor sit amet', + title: 'Diplomacia Pública y\nproyección Internacional', + copy: 'Construcción consciente de vínculos éticos, culturales y estratégicos entre pueblos', bgColor: '#CBA16A', - titleColor: '#003421', - textColor: '#003421', - buttonBgColor: '', - buttonLabelColor: '', - buttonLabel: '', + sizeTitle: 'text-2xl', + titleColor: 'text-[#1F5349]', + textColor: 'text-[#003421]', + sizeText: 'text-xl', + buttonLabel: 'Leer más', hasButton: true, + hasIcon: true, + // iconColor: 'text-[#1F5349]', hasInput: false }, - // { - // title: 'Caja 2', - // copy: 'Lorem ipsum dolor sit amet', - // bg: '#003421', - // img: '' - // }, - // { - // title: 'Caja 3', - // copy: 'Lorem ipsum dolor sit amet', - // bg: '#EBE6D2' - // } + { + title: 'Diplomacia Pública y\nproyección Internacional', + copy: 'Construcción consciente de vínculos éticos, culturales y estratégicos entre pueblos', + bgColor: '#003421', + sizeTitle: 'text-2xl', + titleColor: 'text-[#CBA16A]', + textColor: 'text-[#EDE9D9]', + sizeText: 'text-xl', + buttonLabel: 'Leer más', + bgImage: '../src/assets/dove-bg.webp', + hasButton: true, + hasIcon: true, + // iconColor: 'text-[#CBA16A]', + hasInput: false + }, + { + title: 'Quiero postularme\ncomo Voluntario', + copy: 'Sumarse es asumir un compromiso con propósito', + bgColor: '#EBE6D2', + sizeTitle: 'text-2xl', + titleColor: 'text-[#CBA16A]', + textColor: 'text-[#003421]', + sizeText: 'text-xl', + buttonLabel: 'Registrarse', + hasButton: false, + hasIcon: true, + // iconColor: 'text-[#CBA16A]', + hasInput: true + }, ] // bg // heading color -// text color -// hasButton = boolean +// text color +// hasButton = boolean // hasInput = boolean // bgImage \ No newline at end of file