35 lines
1.4 KiB
Plaintext
35 lines
1.4 KiB
Plaintext
---
|
|
import BoxContainer from "../BoxContainer.astro";
|
|
import { Icon } from "astro-icon/components";
|
|
|
|
import { createTranslator } from '../../i18n';
|
|
const tl = createTranslator(Astro.currentLocale);
|
|
---
|
|
|
|
<div class="container mx-auto">
|
|
<div class="grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-3">
|
|
{ tl("info.boxes").map((box) => (
|
|
<BoxContainer props={box} />
|
|
))}
|
|
</div>
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 h-auto bg-white w-full">
|
|
<div class="lg:col-span-2 row-span-2 p-8 lg:p-24 text-tertiary grid gap-8 ">
|
|
<div class="grid gap-8">
|
|
<h2 class="font-secondary text-2xl lg:text-5xl font-bold">{tl('info.title')}</h2>
|
|
<Icon name="ph:minus" class="text-tertiary text-4xl" />
|
|
<p class="text-lg text-justify" set:html={tl("info.copy1")} />
|
|
</div>
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 text-lg leading-relaxed text-justify">
|
|
<p set:html={tl("info.copy_column1")} />
|
|
<p set:html={tl("info.copy_column2")} />
|
|
</div>
|
|
</div>
|
|
<div class="col-span-1 h-full bg-[#CBA16A]">
|
|
<BoxContainer props={tl("info.endbox")} />
|
|
</div>
|
|
<div class="col-span-1 py-38 lg:px-24 bg-[#21523F]">
|
|
<img src="/img/logo-ligth.webp" alt="Logo del Centro del Reino de Paz y Justicia (CRPJ)" class="w-1/3 lg:w-100 mx-auto">
|
|
</div>
|
|
</div>
|
|
</div>
|