---
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 { infoboxes } from "../data/content/infosection.js";
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";

const carouselImages2 = [
  {
    image: "https://picsum.photos/1920/800?random=1&grayscale",
    text: "Justicia",
  },
  {
    image: "https://picsum.photos/1920/800?random=2&grayscale",
    text: "Paz",
  },
  {
    image: "https://picsum.photos/1920/800?random=3&grayscale",
    text: "",
  }
];

const carouselImages3 = [
  {
    image: "https://picsum.photos/1920/800?random=1&grayscale",
    text: "Justicia",
  },
  {
    image: "https://picsum.photos/1920/800?random=2&grayscale",
    text: "Paz",
  },
  {
    image: "https://picsum.photos/1920/800?random=3&grayscale",
    text: "",
  }
];
---

<MainLayout>
  <HeroHome />

  <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} />

  <IdentitySection bgColor="bg-white" colorText="text-[#003421]" initTitle="Identidad Institucional" title="El Centro del Reino de Paz y Justicia" />

  <AuthoritySection bgColor="bg-[#003421]" titleColor="text-colorSecondary" descColor="text-[#EBE6D2]" />

  <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 title="Diplomacia Pública y Proyección Internacional" />

  <FormationSection />

  <CarouselSection images={carouselImages2} />

  <NewsSection />

  <ParticipateSection />

  <FooterSection />

</MainLayout>