---
import "../styles/global.css";

import MainLayout from "../layouts/MainLayout.astro";
import HeroHome from "../components/HeroHome.astro";
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 IdentitySection from "../components/section/IdentitySection.astro";
import AuthoritySection from "../components/section/AuthoritySection.astro";
import ProjectionSection from "../components/section/ProjectionSection.astro";

import ColorSection from "../components/section/ColorSection.astro";
import TitleSection from "../components/section/TitleSection.astro";
import GridSection from "../components/section/GridSection.astro";
import ColumnsSection from "../components/section/ColumnsSection.astro";
import FormationSection from "../components/section/FormationSection.astro";
import FooterSection from "../components/section/FooterSection.astro";

import { createTranslator } from '../i18n';
const tl = createTranslator(Astro.currentLocale);

const carouselImages3 = [
  {
    image: "https://ik.imagekit.io/crpy/tr:w-1920,h-1080,cm-extract,x-0,y-1730/lonely-african-american-male-praying-with-his-hands-bible-with-his-head-down.webp",
    text: "Justicia",
  },
  {
    image: "https://ik.imagekit.io/crpy/amigos-bn.webp",
    text: "Paz",
  },
];
---

<MainLayout>
  <HeroHome />

  <InfoSection />

  <CarouselSection images={tl("carousel1.images")} />

  <IdentitySection />

  <AuthoritySection />

  <TitleSection title="Dr. José Benjamín Pérez Matos | Trayectoria" />

  <GridSection />

  <ColorSection
    id="mision"
    bgColor="#22523F"
    titleColor="text-[#ffffff]"
    textColor="text-[#CBA16A] font-bold"
    title="Misión"
    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." />

  <ColorSection
    bgColor="#CBA16A"
    titleColor="text-[#ffffff]"
    textColor="text-[#ffffff] font-bold"
    title="Visión"
    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." />

  <TitleSection title="Valores Intitucionales" />

  <ColumnsSection />

  <ProjectionSection />

  <FormationSection />

  <CarouselSection images={tl("carousel1.images")} />

  <NewsSection />

  <ParticipateSection />

  <FooterSection />

</MainLayout>
