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

import MainLayout from "../layouts/MainLayout.astro";
import HeroHome from "../components/HeroHome.astro";
import NewsSection from "../components/NewsSection.astro";
import ParticipateSection from "../components/ParticipateSection.astro";
import CarouselSection from "../components/CarouselSection.astro";

const carouselImages2 = [
  "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 />

  <CarouselSection images={carouselImages2} />

  <NewsSection />

  <ParticipateSection />
</MainLayout>