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.

This commit is contained in:
2026-01-05 16:09:15 -03:00
parent 5f43a63e35
commit 62e4c010c0
3 changed files with 142 additions and 7 deletions

View File

@@ -1,4 +1,5 @@
<script lang="ts"> <script lang="ts">
import { enrollment2026 } from '$lib/data/programs';
import type { Program } from '$lib/data/programs'; import type { Program } from '$lib/data/programs';
type Props = { type Props = {
@@ -66,6 +67,46 @@
<p class="mt-6 max-w-3xl text-base leading-relaxed text-(--text)"> <p class="mt-6 max-w-3xl text-base leading-relaxed text-(--text)">
{program.longDescription} {program.longDescription}
</p> </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>
<div class="flex w-full flex-col gap-3 md:w-auto md:min-w-[240px]"> <div class="flex w-full flex-col gap-3 md:w-auto md:min-w-[240px]">

View File

@@ -1,10 +1,29 @@
export type ProgramId = 'bolsa-atleta' | 'bolsa-tecnico' | 'time-pe'; export type ProgramId = 'bolsa-atleta' | 'bolsa-tecnico' | 'time-pe';
export const enrollment2026 = {
start: '02 de janeiro, 0h',
end: '05 de fevereiro, 16h59'
} as const;
export const programs2026Headline =
'Secretaria de Esportes abre inscrições para Bolsa Atleta, Bolsa Técnico e Time Pernambuco 2026';
export const programs2026Dek =
'Inscrições começaram no dia 2 de janeiro e seguem até 5 de fevereiro, exclusivamente de forma online.';
export const results2025Summary = [
'Em 2025, Bolsa Atleta, Bolsa Técnico e Time Pernambuco alcançaram um número recorde de 1.241 beneficiados, com investimento aproximado de R$ 13 milhões.',
'Desde o início da atual gestão, o número de contemplados quase dobrou (de 720 para mais de 1,2 mil atletas e técnicos em menos de três anos).'
] as const;
export type Program = { export type Program = {
id: ProgramId; id: ProgramId;
name: string; name: string;
shortDescription: string; shortDescription: string;
longDescription: string; longDescription: string;
eligibility: string;
benefits: string[];
signupProcess: string;
brandImageSrc: string; brandImageSrc: string;
accent: 'blue' | 'yellow' | 'green' | 'red'; accent: 'blue' | 'yellow' | 'green' | 'red';
signupUrl: string; signupUrl: string;
@@ -15,9 +34,18 @@ export const programs: Program[] = [
{ {
id: 'bolsa-atleta', id: 'bolsa-atleta',
name: 'Bolsa Atleta', name: 'Bolsa Atleta',
shortDescription: 'Incentivo para atletas e paratletas em Pernambuco.', shortDescription:
'Voltado para atletas de modalidades olímpicas e não olímpicas, da base ao alto rendimento.',
longDescription: longDescription:
'O Bolsa Atleta Pernambuco é um programa de incentivo ao esporte, voltado a atletas e paratletas, com foco na valorização do desempenho, na permanência esportiva e no fortalecimento do esporte no estado.', 'O Bolsa Atleta Pernambuco integra a política estadual de fortalecimento, valorização e incentivo ao esporte em todo o território pernambucano.',
eligibility:
'Atletas e paratletas de modalidades olímpicas e não olímpicas, da base ao alto rendimento.',
benefits: [
'Auxílio mensal de R$ 380 a R$ 2.500 por 12 meses.',
'Em 2025, beneficiou 1.121 atletas, consolidando-se como uma das principais políticas de incentivo ao esporte do Brasil.'
],
signupProcess:
'Inscrição exclusivamente online. Após preencher o formulário eletrônico, anexe a documentação exigida na própria plataforma, conforme orientações do edital.',
brandImageSrc: '/brand/bolsa-atleta.png', brandImageSrc: '/brand/bolsa-atleta.png',
accent: 'yellow', accent: 'yellow',
signupUrl: 'https://forms.gle/2iJw8vtLsCrjvrmD6', signupUrl: 'https://forms.gle/2iJw8vtLsCrjvrmD6',
@@ -27,9 +55,18 @@ export const programs: Program[] = [
{ {
id: 'bolsa-tecnico', id: 'bolsa-tecnico',
name: 'Bolsa Técnico', name: 'Bolsa Técnico',
shortDescription: 'Apoio a treinadores(as) e equipes técnicas.', shortDescription:
'Benefício para treinadores de modalidades olímpicas e não olímpicas, do esporte de base ao rendimento.',
longDescription: longDescription:
'O Bolsa Técnico Pernambuco é um programa de apoio a treinadores(as) e equipes técnicas, fortalecendo a preparação esportiva e contribuindo para a formação e o desenvolvimento de atletas e paratletas no estado.', 'O Bolsa Técnico Pernambuco reconhece o papel fundamental dos profissionais na formação esportiva e fortalece a preparação de atletas e paratletas em Pernambuco.',
eligibility:
'Treinadores de modalidades olímpicas e não olímpicas que atuam no esporte de base, estudantil ou de rendimento.',
benefits: [
'Benefício mensal de R$ 450 a R$ 1.000 por 12 meses.',
'Em 2025, 64 treinadores foram contemplados.'
],
signupProcess:
'Inscrição exclusivamente online. Após preencher o formulário eletrônico, anexe a documentação exigida na própria plataforma, conforme orientações do edital.',
brandImageSrc: '/brand/bolsa-tecnico.png', brandImageSrc: '/brand/bolsa-tecnico.png',
accent: 'blue', accent: 'blue',
signupUrl: 'https://forms.gle/r9qC32yNEAFsyg4s7', signupUrl: 'https://forms.gle/r9qC32yNEAFsyg4s7',
@@ -39,9 +76,18 @@ export const programs: Program[] = [
{ {
id: 'time-pe', id: 'time-pe',
name: 'Time Pernambuco', name: 'Time Pernambuco',
shortDescription: 'Programa para impulsionar talentos e resultados.', shortDescription:
'Direcionado a atletas, paratletas e técnicos de modalidades olímpicas/paralímpicas que integram seleções brasileiras.',
longDescription: longDescription:
'O Time Pernambuco é uma iniciativa para apoiar talentos e impulsionar resultados, ampliando oportunidades, visibilidade e suporte ao esporte, em alinhamento com as políticas públicas da SESP-PE.', 'O Time Pernambuco apoia atletas, paratletas e técnicos de seleções brasileiras, ampliando oportunidades e fortalecendo o esporte pernambucano.',
eligibility:
'Atletas, paratletas e técnicos de modalidades olímpicas e paralímpicas que integram seleções brasileiras.',
benefits: [
'Auxílio mensal de R$ 2.500 para atletas e R$ 1.000 para técnicos.',
'Passagens aéreas nacionais e internacionais (conforme edital).'
],
signupProcess:
'No Time PE, além do cadastro online, o envio da documentação segue o procedimento específico descrito no edital.',
brandImageSrc: '/brand/time-pe.png', brandImageSrc: '/brand/time-pe.png',
accent: 'green', accent: 'green',
signupUrl: 'https://forms.gle/BDp5ZD8QkhVL1CDu5', signupUrl: 'https://forms.gle/BDp5ZD8QkhVL1CDu5',

View File

@@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import ProgramCard from '$lib/components/ProgramCard.svelte'; import ProgramCard from '$lib/components/ProgramCard.svelte';
import { programs } from '$lib/data/programs'; import { enrollment2026, programs, programs2026Dek, programs2026Headline, results2025Summary } from '$lib/data/programs';
</script> </script>
<svelte:head> <svelte:head>
@@ -55,6 +55,54 @@
</div> </div>
</div> </div>
<div class="mt-7 rounded-2xl bg-white/70 p-5 ring-1 ring-black/5">
<p class="text-xs font-semibold uppercase tracking-widest text-(--text-muted)">Comunicado</p>
<h3 class="mt-1 text-lg font-extrabold tracking-tight text-(--text-strong)">
{programs2026Headline}
</h3>
<p class="mt-1 text-sm text-(--text)">{programs2026Dek}</p>
<div class="mt-4 grid gap-3 sm:grid-cols-2">
<div class="rounded-xl bg-white/80 p-4 ring-1 ring-black/5">
<p class="text-sm font-bold text-(--text-strong)">Período</p>
<p class="mt-1 text-sm text-(--text)">
De <strong>{enrollment2026.start}</strong> até <strong>{enrollment2026.end}</strong>.
</p>
<p class="mt-2 text-xs text-(--text-muted)">
Processo de inscrição exclusivamente online, conforme orientações disponíveis nos editais.
</p>
</div>
<div class="rounded-xl bg-white/80 p-4 ring-1 ring-black/5">
<p class="text-sm font-bold text-(--text-strong)">Documentação</p>
<p class="mt-1 text-sm text-(--text)">
Após o preenchimento do formulário eletrônico, atletas e técnicos devem anexar a documentação
exigida na própria plataforma.
</p>
<p class="mt-2 text-xs text-(--text-muted)">
No Time PE, além do cadastro online, o envio da documentação segue procedimento específico
descrito no edital.
</p>
</div>
</div>
<blockquote class="mt-4 rounded-xl bg-white/80 p-4 ring-1 ring-black/5">
<p class="text-sm italic text-(--text)">
“Os programas de incentivo ao esporte são ferramentas essenciais para garantir que atletas, paratletas
e técnicos tenham condições de se dedicar aos treinamentos e às competições.”
</p>
<p class="mt-2 text-xs font-semibold text-(--text-muted)">
Ivete Lacerda — Secretária de Esportes
</p>
</blockquote>
<div class="mt-4 space-y-2 text-sm text-(--text)">
{#each results2025Summary as line (line)}
<p>{line}</p>
{/each}
</div>
</div>
<div class="mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-3"> <div class="mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
{#each programs as program (program.id)} {#each programs as program (program.id)}
<ProgramCard {program} /> <ProgramCard {program} />