bender/3ae570d5-14ce-4015-ade2-6fbc25ea2763
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-04 11:10:54 +00:00
Conversation 0 Commits 1 Files Changed 1 +111 -148
1 changed files with 111 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

259
src/app/page.tsx
View File

@@ -6,8 +6,8 @@ import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCa
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FeatureBorderGlow as FeatureBorderGlowMobility from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import FooterCard from "@/components/sections/footer/FooterCard";
import Link from "next/link";
import {
@@ -19,6 +19,7 @@ import {
Eye,
AlertTriangle,
AlertOctagon,
AlertCircle,
Zap,
Phone,
Users,
@@ -26,7 +27,6 @@ import {
Award,
Home,
CheckCircle,
AlertCircle,
Lightbulb,
Heart,
Leaf,
@@ -79,19 +79,13 @@ 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}
@@ -104,13 +98,9 @@ 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"
@@ -129,40 +119,28 @@ export default function HomePage() {
features={[
{
icon: Crosswalk,
title: "Usa a Passadeira",
description:
"Atravessa sempre na passadeira, nos locais marcados e seguros da estrada.",
},
title: "Usa a Passadeira", description:
"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.",
},
title: "Espera pelo Sinal Verde", description:
"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.",
},
title: "Usa Capacete na Bicicleta", description:
"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.",
},
title: "Não Usa Telemóvel", description:
"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.",
},
title: "Anda no Passeio", description:
"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.",
},
title: "Olha para os Dois Lados", description:
"Antes de atravessar, observa bem à esquerda, centro e direita. A atenção salva vidas."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -180,49 +158,21 @@ export default function HomePage() {
tagIcon={AlertTriangle}
products={[
{
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",
},
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"},
{
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",
},
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"},
{
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?_wi=1",
imageAlt: "Sinais de obrigação em azul",
},
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"},
{
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",
},
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"},
]}
animationType="slide-up"
gridVariant="uniform-all-items-equal"
@@ -232,6 +182,54 @@ export default function HomePage() {
/>
</div>
{/* Users Section */}
<div id="usuarios" data-section="usuarios">
<TeamCardEleven
title="Peão, Passageiro e Condutor"
description="Cada utilizador da estrada tem responsabilidades específicas. Descobre o que debes fazer em cada papel."
tag="Teus Papéis na Estrada"
groups={[
{
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"},
{
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: "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"},
{
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: "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"},
{
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"},
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Responsabilidades de utilizadores da estrada"
/>
</div>
{/* Risk Prevention Section */}
<div id="prevencao" data-section="prevencao">
<FeatureBorderGlow
@@ -242,40 +240,28 @@ export default function HomePage() {
features={[
{
icon: Home,
title: "Não Brinques Perto da Estrada",
description:
"Joga em espaços seguros, longe do trânsito e de perigos automóveis.",
},
title: "Não Brinques Perto da Estrada", description:
"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.",
},
title: "Respeita as Regras", description:
"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.",
},
title: "Avisa um Adulto em Situações Perigosas", description:
"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.",
},
title: "Comportamentos Responsáveis", description:
"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.",
},
title: "Trabalha em Equipa", description:
"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.",
},
title: "Cuida de Ti e dos Outros", description:
"Valoriza a vida tua e a dos outros. A segurança começa em ti."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -295,23 +281,14 @@ export default function HomePage() {
{ id: "1", icon: Zap, title: "Manter a Calma", value: "1º Passo" },
{ id: "2", icon: Phone, title: "Ligar 112", value: "URGENTE" },
{
id: "3",
icon: Users,
title: "Pedir Ajuda a um Adulto",
value: "Imediato",
},
id: "3", icon: Users,
title: "Pedir Ajuda a um Adulto", value: "Imediato"},
{
id: "4",
icon: HandHelping,
title: "Não Mexer na Vítima",
value: "Cuidado",
},
id: "4", icon: HandHelping,
title: "Não Mexer na Vítima", value: "Cuidado"},
{
id: "5",
icon: Shield,
title: "Garantir Segurança",
value: "Prioridade",
},
id: "5", icon: Shield,
title: "Garantir Segurança", value: "Prioridade"},
{ id: "6", icon: Award, title: "Estar Preparado", value: "Essencial" },
]}
animationType="slide-up"
@@ -323,7 +300,7 @@ export default function HomePage() {
{/* Sustainable Mobility Section */}
<div id="mobilidade" data-section="mobilidade">
<FeatureBorderGlowMobility
<FeatureBorderGlow
title="Mobilidade Sustentável"
description="Conhece formas de mobilidade seguras, saudáveis e amigas do ambiente. Contribui para um planeta melhor."
tag="Sustentabilidade"
@@ -331,40 +308,28 @@ export default function HomePage() {
features={[
{
icon: Footprints,
title: "Andar a Pé",
description:
"É saudável, seguro e ecológico. Aprecia o percurso e o ambiente à tua volta.",
},
title: "Andar a Pé", description:
"É 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.",
},
title: "Usar Bicicleta", description:
"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.",
},
title: "Utilizar Transportes Públicos", description:
"Ô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.",
},
title: "Reduzir Poluição", description:
"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.",
},
title: "Saúde e Bem-Estar", description:
"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.",
},
title: "Cidadania Responsável", description:
"Protege o planeta para as gerações futuras. Começa pelas tuas escolhas diárias."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -381,9 +346,7 @@ 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"