SESP/sesp-site
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add enrollment details and program information for 2026: Update ProgramPage and data structure to include eligibility, benefits, and signup process for each program; enhance main page with enrollment announcement and related information.

Browse Source
This commit is contained in:
killer-cf
2026-01-05 16:09:15 -03:00
parent 5f43a63e35
commit 62e4c010c0
3 changed files with 142 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/lib/components/ProgramPage.svelte
View File

@@ -1,4 +1,5 @@
<script lang="ts">
import { enrollment2026 } from '$lib/data/programs';
import type { Program } from '$lib/data/programs';
type Props = {
@@ -66,6 +67,46 @@
<p class="mt-6 max-w-3xl text-base leading-relaxed text-(--text)">
{program.longDescription}
</p>
<div class="mt-6 grid gap-3 sm:grid-cols-2">
<div class="rounded-2xl bg-white/80 p-4 ring-1 ring-black/5">
<p class="text-xs font-semibold uppercase tracking-widest text-(--text-muted)">
Inscrições 2026
</p>
<p class="mt-2 text-sm text-(--text)">
De <strong>{enrollment2026.start}</strong> até <strong>{enrollment2026.end}</strong>.
</p>
<p class="mt-2 text-xs text-(--text-muted)">Exclusivamente online.</p>
</div>
<div class="rounded-2xl bg-white/80 p-4 ring-1 ring-black/5">
<p class="text-xs font-semibold uppercase tracking-widest text-(--text-muted)">Quem pode</p>
<p class="mt-2 text-sm text-(--text)">{program.eligibility}</p>
</div>
</div>
<div class="mt-3 grid gap-3 sm:grid-cols-2">
<div class="rounded-2xl bg-white/80 p-4 ring-1 ring-black/5">
<p class="text-xs font-semibold uppercase tracking-widest text-(--text-muted)">
Como funciona
</p>
<p class="mt-2 text-sm leading-relaxed text-(--text)">{program.signupProcess}</p>
</div>
<div class="rounded-2xl bg-white/80 p-4 ring-1 ring-black/5">
<p class="text-xs font-semibold uppercase tracking-widest text-(--text-muted)">
Benefícios
</p>
<ul class="mt-2 space-y-2 text-sm text-(--text)">
{#each program.benefits as item (item)}
<li class="flex gap-2">
<span aria-hidden="true" class="mt-0.5 text-(--text-muted)">•</span>
<span>{item}</span>
</li>
{/each}
</ul>
</div>
</div>
</div>
<div class="flex w-full flex-col gap-3 md:w-auto md:min-w-[240px]">