Merge version_1 into main #3
123
src/app/page.tsx
123
src/app/page.tsx
@@ -12,7 +12,6 @@ import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
Shield,
|
||||
Crosswalk,
|
||||
TrafficCone,
|
||||
Smartphone,
|
||||
Footprints,
|
||||
@@ -79,13 +78,16 @@ export default function HomePage() {
|
||||
slides={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/back-school-education-concept-with-girl-kids-elementary-students-carrying-backpacks-going-class_169016-1963.jpg", imageAlt: "Crianças a atravessar numa passadeira"},
|
||||
"http://img.b2bpic.net/free-photo/back-school-education-concept-with-girl-kids-elementary-students-carrying-backpacks-going-class_169016-1963.jpg", imageAlt: "Crianças a atravessar numa passadeira"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-traffic-light-showing-red-color-night-modern-city_657883-304.jpg", imageAlt: "Semáforo de trânsito"},
|
||||
"http://img.b2bpic.net/free-photo/modern-traffic-light-showing-red-color-night-modern-city_657883-304.jpg", imageAlt: "Semáforo de trânsito"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/road-sign_23-2148006477.jpg", imageAlt: "Sinais de trânsito na estrada"},
|
||||
"http://img.b2bpic.net/free-photo/road-sign_23-2148006477.jpg", imageAlt: "Sinais de trânsito na estrada"
|
||||
},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
@@ -98,9 +100,11 @@ export default function HomePage() {
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Bem-vindo ao nosso portal de"},
|
||||
type: "text", content: "Bem-vindo ao nosso portal de"
|
||||
},
|
||||
{
|
||||
type: "text", content: "segurança rodoviária para crianças e jovens"},
|
||||
type: "text", content: "segurança rodoviária para crianças e jovens"
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Saiba Mais", href: "seguranca" }]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -118,29 +122,35 @@ export default function HomePage() {
|
||||
tagIcon={Shield}
|
||||
features={[
|
||||
{
|
||||
icon: Crosswalk,
|
||||
icon: TrafficCone,
|
||||
title: "Usa a Passadeira", description:
|
||||
"Atravessa sempre na passadeira, nos locais marcados e seguros da estrada."},
|
||||
"Atravessa sempre na passadeira, nos locais marcados e seguros da estrada."
|
||||
},
|
||||
{
|
||||
icon: TrafficCone,
|
||||
title: "Espera pelo Sinal Verde", description:
|
||||
"Não atravesses quando o semáforo está vermelho. Tem paciência e segue as indicações."},
|
||||
"Não atravesses quando o semáforo está vermelho. Tem paciência e segue as indicações."
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Usa Capacete na Bicicleta", description:
|
||||
"O capacete protege a tua cabeça. É fundamental usá-lo sempre que andas de bicicleta."},
|
||||
"O capacete protege a tua cabeça. É fundamental usá-lo sempre que andas de bicicleta."
|
||||
},
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Não Usa Telemóvel", description:
|
||||
"Mantém-te focado e atento ao atravessar. O telemóvel é uma distração perigosa."},
|
||||
"Mantém-te focado e atento ao atravessar. O telemóvel é uma distração perigosa."
|
||||
},
|
||||
{
|
||||
icon: Footprints,
|
||||
title: "Anda no Passeio", description:
|
||||
"Mantém-te seguro no passeio, longe do trânsito. É o teu espaço protegido."},
|
||||
"Mantém-te seguro no passeio, longe do trânsito. É o teu espaço protegido."
|
||||
},
|
||||
{
|
||||
icon: Eye,
|
||||
title: "Olha para os Dois Lados", description:
|
||||
"Antes de atravessar, observa bem à esquerda, centro e direita. A atenção salva vidas."},
|
||||
"Antes de atravessar, observa bem à esquerda, centro e direita. A atenção salva vidas."
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -160,19 +170,23 @@ export default function HomePage() {
|
||||
{
|
||||
id: "1", brand: "Tipo", name: "Sinais de Proibição", price: "Não Fazer", rating: 5,
|
||||
reviewCount: "Essencial", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/no-auto-parking-sign-bolted-barrier-city_158595-6349.jpg", imageAlt: "Sinais de proibição em vermelho"},
|
||||
"http://img.b2bpic.net/free-photo/no-auto-parking-sign-bolted-barrier-city_158595-6349.jpg", imageAlt: "Sinais de proibição em vermelho"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Tipo", name: "Sinais de Perigo", price: "Ter Cuidado", rating: 5,
|
||||
reviewCount: "Importante", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/warning-signs-set_1085-254.jpg", imageAlt: "Sinais de perigo em amarelo"},
|
||||
"http://img.b2bpic.net/free-vector/warning-signs-set_1085-254.jpg", imageAlt: "Sinais de perigo em amarelo"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Tipo", name: "Sinais de Obrigação", price: "Obedecer", rating: 5,
|
||||
reviewCount: "Obrigatório", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/low-angle-blue-arrow-sign_23-2148456096.jpg", imageAlt: "Sinais de obrigação em azul"},
|
||||
"http://img.b2bpic.net/free-photo/low-angle-blue-arrow-sign_23-2148456096.jpg", imageAlt: "Sinais de obrigação em azul"
|
||||
},
|
||||
{
|
||||
id: "4", brand: "Tipo", name: "Sinais de Informação", price: "Conhecer", rating: 5,
|
||||
reviewCount: "Útil", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/way-direction-floor-sticker-template_742173-3342.jpg", imageAlt: "Sinais de informação em verde"},
|
||||
"http://img.b2bpic.net/free-vector/way-direction-floor-sticker-template_742173-3342.jpg", imageAlt: "Sinais de informação em verde"
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -193,33 +207,42 @@ export default function HomePage() {
|
||||
id: "peao", groupTitle: "Como Peão", members: [
|
||||
{
|
||||
id: "1", title: "Usa a Passadeira", subtitle: "Segurança na Travessia", detail: "Atravessa sempre nos locais marcados", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/streetwear-apparel-jeans-men-women-crossing-road-city_53876-105416.jpg", imageAlt: "Peão atravessando com segurança"},
|
||||
"http://img.b2bpic.net/free-photo/streetwear-apparel-jeans-men-women-crossing-road-city_53876-105416.jpg", imageAlt: "Peão atravessando com segurança"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Olha para os Dois Lados", subtitle: "Atenção e Observação", detail: "Verifica sempre antes de atravessar"},
|
||||
id: "2", title: "Olha para os Dois Lados", subtitle: "Atenção e Observação", detail: "Verifica sempre antes de atravessar"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Não Corras na Estrada", subtitle: "Comportamento Seguro", detail: "Mantém um passo tranquilo e controlado"},
|
||||
id: "3", title: "Não Corras na Estrada", subtitle: "Comportamento Seguro", detail: "Mantém um passo tranquilo e controlado"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "passageiro", groupTitle: "Como Passageiro", members: [
|
||||
{
|
||||
id: "4", title: "Usa Cinto de Segurança", subtitle: "Proteção Essencial", detail: "Coloca sempre o cinto antes de viajar", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/man-driving-car-driver-modern-vehicle-safe-driving-concept_169016-68551.jpg", imageAlt: "Passageiro com cinto de segurança"},
|
||||
"http://img.b2bpic.net/free-photo/man-driving-car-driver-modern-vehicle-safe-driving-concept_169016-68551.jpg", imageAlt: "Passageiro com cinto de segurança"
|
||||
},
|
||||
{
|
||||
id: "5", title: "Não Distraia o Condutor", subtitle: "Responsabilidade Conjunta", detail: "Comporta-te bem dentro do veículo"},
|
||||
id: "5", title: "Não Distraia o Condutor", subtitle: "Responsabilidade Conjunta", detail: "Comporta-te bem dentro do veículo"
|
||||
},
|
||||
{
|
||||
id: "6", title: "Entra e Sai com Cuidado", subtitle: "Movimento Seguro", detail: "Faz movimentos lentos e controlados"},
|
||||
id: "6", title: "Entra e Sai com Cuidado", subtitle: "Movimento Seguro", detail: "Faz movimentos lentos e controlados"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "condutor", groupTitle: "Como Condutor (Bicicleta/Trotinete)", members: [
|
||||
{
|
||||
id: "7", title: "Usa Capacete", subtitle: "Proteção da Cabeça", detail: "Coloca sempre antes de iniciar", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-man-holding-helmet-bicycle_23-2148225869.jpg", imageAlt: "Condutor com capacete de bicicleta"},
|
||||
"http://img.b2bpic.net/free-photo/close-up-man-holding-helmet-bicycle_23-2148225869.jpg", imageAlt: "Condutor com capacete de bicicleta"
|
||||
},
|
||||
{
|
||||
id: "8", title: "Respeita os Sinais", subtitle: "Obediência às Regras", detail: "Segue todas as indicações de trânsito"},
|
||||
id: "8", title: "Respeita os Sinais", subtitle: "Obediência às Regras", detail: "Segue todas as indicações de trânsito"
|
||||
},
|
||||
{
|
||||
id: "9", title: "Circula nos Locais Apropriados", subtitle: "Espaço Correto", detail: "Usa ciclovias e zonas de circulação permitidas"},
|
||||
id: "9", title: "Circula nos Locais Apropriados", subtitle: "Espaço Correto", detail: "Usa ciclovias e zonas de circulação permitidas"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -241,27 +264,33 @@ export default function HomePage() {
|
||||
{
|
||||
icon: Home,
|
||||
title: "Não Brinques Perto da Estrada", description:
|
||||
"Joga em espaços seguros, longe do trânsito e de perigos automóveis."},
|
||||
"Joga em espaços seguros, longe do trânsito e de perigos automóveis."
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Respeita as Regras", description:
|
||||
"Segue sempre as indicações de segurança e os sinais de trânsito."},
|
||||
"Segue sempre as indicações de segurança e os sinais de trânsito."
|
||||
},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
title: "Avisa um Adulto em Situações Perigosas", description:
|
||||
"Comunica imediatamente se vires algo perigoso ou suspeito."},
|
||||
"Comunica imediatamente se vires algo perigoso ou suspeito."
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Comportamentos Responsáveis", description:
|
||||
"Toma decisões seguras. Pensa antes de agir, sempre com cuidado."},
|
||||
"Toma decisões seguras. Pensa antes de agir, sempre com cuidado."
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Trabalha em Equipa", description:
|
||||
"Ajuda os teus amigos a manter-se seguros. A segurança é coletiva."},
|
||||
"Ajuda os teus amigos a manter-se seguros. A segurança é coletiva."
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Cuida de Ti e dos Outros", description:
|
||||
"Valoriza a vida tua e a dos outros. A segurança começa em ti."},
|
||||
"Valoriza a vida tua e a dos outros. A segurança começa em ti."
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -282,13 +311,16 @@ export default function HomePage() {
|
||||
{ id: "2", icon: Phone, title: "Ligar 112", value: "URGENTE" },
|
||||
{
|
||||
id: "3", icon: Users,
|
||||
title: "Pedir Ajuda a um Adulto", value: "Imediato"},
|
||||
title: "Pedir Ajuda a um Adulto", value: "Imediato"
|
||||
},
|
||||
{
|
||||
id: "4", icon: HandHelping,
|
||||
title: "Não Mexer na Vítima", value: "Cuidado"},
|
||||
title: "Não Mexer na Vítima", value: "Cuidado"
|
||||
},
|
||||
{
|
||||
id: "5", icon: Shield,
|
||||
title: "Garantir Segurança", value: "Prioridade"},
|
||||
title: "Garantir Segurança", value: "Prioridade"
|
||||
},
|
||||
{ id: "6", icon: Award, title: "Estar Preparado", value: "Essencial" },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -309,27 +341,33 @@ export default function HomePage() {
|
||||
{
|
||||
icon: Footprints,
|
||||
title: "Andar a Pé", description:
|
||||
"É saudável, seguro e ecológico. Aprecia o percurso e o ambiente à tua volta."},
|
||||
"É saudável, seguro e ecológico. Aprecia o percurso e o ambiente à tua volta."
|
||||
},
|
||||
{
|
||||
icon: Bike,
|
||||
title: "Usar Bicicleta", description:
|
||||
"Exercício físico, divertimento e zero poluição. Protege-te com equipamento de segurança."},
|
||||
"Exercício físico, divertimento e zero poluição. Protege-te com equipamento de segurança."
|
||||
},
|
||||
{
|
||||
icon: Bus,
|
||||
title: "Utilizar Transportes Públicos", description:
|
||||
"Ônibus, comboios e metro. Seguro, económico e amigo do ambiente."},
|
||||
"Ônibus, comboios e metro. Seguro, económico e amigo do ambiente."
|
||||
},
|
||||
{
|
||||
icon: Wind,
|
||||
title: "Reduzir Poluição", description:
|
||||
"Menos carros = melhor qualidade do ar. Escolher formas sustentáveis beneficia a todos."},
|
||||
"Menos carros = melhor qualidade do ar. Escolher formas sustentáveis beneficia a todos."
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Saúde e Bem-Estar", description:
|
||||
"Movimento e ar fresco. A mobilidade sustentável melhora a tua qualidade de vida."},
|
||||
"Movimento e ar fresco. A mobilidade sustentável melhora a tua qualidade de vida."
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Cidadania Responsável", description:
|
||||
"Protege o planeta para as gerações futuras. Começa pelas tuas escolhas diárias."},
|
||||
"Protege o planeta para as gerações futuras. Começa pelas tuas escolhas diárias."
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -346,7 +384,8 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:contato@segurancana-estrada.pt", ariaLabel: "Email de contacto"},
|
||||
href: "mailto:contato@segurancana-estrada.pt", ariaLabel: "Email de contacto"
|
||||
},
|
||||
{ icon: Phone, href: "tel:112", ariaLabel: "Emergências 112" },
|
||||
]}
|
||||
ariaLabel="Rodapé do site"
|
||||
|
||||
Reference in New Issue
Block a user