Skip to content

chore: add link and metadata to pages #124

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
toto04 merged 6 commits into from
Jun 2, 2026
Merged

chore: add link and metadata to pages #124

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
13fed4c
feat: refactor AssociationsPage and add AssociationsList component
BIA3IA May 28, 2026
895ea56
feat: add metadata to projects page and update Projects link in header
BIA3IA May 28, 2026
5e981b7
feat: add href property to CardCaption and update featuredCards with …
BIA3IA May 28, 2026
a1f0230
feat: update buttons in AboutUs, Hero, and Materials components to us…
BIA3IA May 28, 2026
0e33972
feat: update header menu item hrefs for navigation consistency
BIA3IA May 28, 2026
0c90b38
Merge branch 'main' into bianca/link-and-metadata
BIA3IA Jun 2, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
164 changes: 7 additions & 157 deletions src/app/associations/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,169 +1,19 @@
"use client"

import {
FiFacebook,
FiGithub,
FiGlobe,
FiInstagram,
FiLinkedin,
FiMail,
FiTwitch,
FiX,
FiYoutube,
} from "react-icons/fi"
import AccordionAssociation from "@/components/accordion-association"
import type { Metadata } from "next"
import { AssociationsList } from "@/components/associations/associations-list"
import { Hero } from "@/components/ui/hero"
import esnLogo from "../../../public/logos/esn.svg"

const accordionItems = [
{
value: "ESN",
name: "ESN",
logo: esnLogo,
content:
"Lorem ipsum dolor sit amet consectetur. Velit integer diam in id proin blandit fames id. Volutpat at vel risus non amet tortor. Potenti sit gravida donec lacinia et posuere faucibus. Elementum libero diam nullam ultricies mauris mauris erat porttitor. At morbi commodo nunc vulputate id odio pellentesque ipsum. Adipiscing at dictumst pulvinar mattis faucibus quisque donec convallis commodo. ",
links: [
{
key: "Facebook",
href: "https://www.google.com",
icon: FiFacebook,
},
{
key: "Instagram",
href: "https://www.google.com",
icon: FiInstagram,
},
{
key: "Youtube",
href: "https://www.google.com",
icon: FiYoutube,
},
// {
// key: "Discord",
// href: "https://www.google.com",
// icon: FiDiscord
// },
{
key: "GitHub",
href: "https://www.google.com",
icon: FiGithub,
},
// {
// key: "Telegram",
// href: "https://www.google.com",
// icon: FiTelegram
// },
{
key: "Email",
href: "mailto:example@email.com",
icon: FiMail,
},
{
key: "LinkedIn",
href: "https://www.google.com",
icon: FiLinkedin,
},
{
key: "Twitch",
href: "https://www.google.com",
icon: FiTwitch,
},
// {
// key: "Spotify",
// href: "https://www.google.com",
// icon: FiSpotify
// },
{
key: "X",
href: "https://www.google.com",
icon: FiX,
},
{
key: "Web",
href: "https://www.google.com",
icon: FiGlobe,
},
],
},
{
value: "Lista Aperta",
name: "Lista Aperta",
logo: esnLogo,
content:
"Lorem ipsum dolor sit amet consectetur. Velit integer diam in id proin blandit fames id. Volutpat at vel risus non amet tortor. Potenti sit gravida donec lacinia et posuere faucibus. Elementum libero diam nullam ultricies mauris mauris erat porttitor. At morbi commodo nunc vulputate id odio pellentesque ipsum. Adipiscing at dictumst pulvinar mattis faucibus quisque donec convallis commodo. ",
links: [
{
key: "Facebook",
href: "https://www.google.com",
icon: FiFacebook,
},
],
},
{
value: "MESA",
name: "MESA",
logo: esnLogo,
content:
"Lorem ipsum dolor sit amet consectetur. Velit integer diam in id proin blandit fames id. Volutpat at vel risus non amet tortor. Potenti sit gravida donec lacinia et posuere faucibus. Elementum libero diam nullam ultricies mauris mauris erat porttitor. At morbi commodo nunc vulputate id odio pellentesque ipsum. Adipiscing at dictumst pulvinar mattis faucibus quisque donec convallis commodo. ",
links: [
{
key: "Facebook",
href: "https://www.google.com",
icon: FiFacebook,
},
],
},
{
value: "Polifonia",
name: "Polifonia",
logo: esnLogo,
content:
"Lorem ipsum dolor sit amet consectetur. Velit integer diam in id proin blandit fames id. Volutpat at vel risus non amet tortor. Potenti sit gravida donec lacinia et posuere faucibus. Elementum libero diam nullam ultricies mauris mauris erat porttitor. At morbi commodo nunc vulputate id odio pellentesque ipsum. Adipiscing at dictumst pulvinar mattis faucibus quisque donec convallis commodo. ",
links: [
{
key: "Facebook",
href: "https://www.google.com",
icon: FiFacebook,
},
],
},
{
value: "POLI.RADIO",
name: "POLI.RADIO",
logo: esnLogo,
content:
"Lorem ipsum dolor sit amet consectetur. Velit integer diam in id proin blandit fames id. Volutpat at vel risus non amet tortor. Potenti sit gravida donec lacinia et posuere faucibus. Elementum libero diam nullam ultricies mauris mauris erat porttitor. At morbi commodo nunc vulputate id odio pellentesque ipsum. Adipiscing at dictumst pulvinar mattis faucibus quisque donec convallis commodo. ",
links: [
{
key: "Facebook",
href: "https://www.google.com",
icon: FiFacebook,
},
],
},
{
value: "Studenti Indipendenti",
name: "Studenti Indipendenti",
logo: esnLogo,
content:
"Lorem ipsum dolor sit amet consectetur. Velit integer diam in id proin blandit fames id. Volutpat at vel risus non amet tortor. Potenti sit gravida donec lacinia et posuere faucibus. Elementum libero diam nullam ultricies mauris mauris erat porttitor. At morbi commodo nunc vulputate id odio pellentesque ipsum. Adipiscing at dictumst pulvinar mattis faucibus quisque donec convallis commodo. ",
links: [
{
key: "Facebook",
href: "https://www.google.com",
icon: FiFacebook,
},
],
},
]
export const metadata: Metadata = {
title: "Associazioni",
description: "Scopri le associazioni studentesche del Politecnico",
}

export default function AssociationsPage() {
return (
<main className="mx-auto flex min-h-screen w-full max-w-400 flex-col items-center justify-center gap-20 px-4 py-49 md:gap-39">
<Hero title="Associazioni" description="Scopri le associazioni studentesche del Politecnico" />

<div className="w-full max-w-300">
<AccordionAssociation accordionItems={accordionItems} defaultValue="ESN - Erasmus Student Network" />
<AssociationsList />
</div>
</main>
)
Expand Down
5 changes: 5 additions & 0 deletions src/app/projects/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,11 @@ import { CommunityNews } from "@/components/projects/community-news"
import { Deprecated } from "@/components/projects/deprecated"
import { Upload } from "@/components/projects/upload"

export const metadata = {
title: "Progetti",
description: "Esplora e contribuisci ai progetti degli studenti",
}

export default function Home() {
return (
<main className="w-full">
Expand Down
84 changes: 84 additions & 0 deletions src/components/associations/associations-list.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
"use client"

import {
FiFacebook,
FiGithub,
FiGlobe,
FiInstagram,
FiLinkedin,
FiMail,
FiTwitch,
FiX,
FiYoutube,
} from "react-icons/fi"
import AccordionAssociation from "@/components/accordion-association"
import esnLogo from "../../../public/logos/esn.svg"

const accordionItems = [
{
value: "ESN",
name: "ESN",
logo: esnLogo,
content:
"Lorem ipsum dolor sit amet consectetur. Velit integer diam in id proin blandit fames id. Volutpat at vel risus non amet tortor. Potenti sit gravida donec lacinia et posuere faucibus. Elementum libero diam nullam ultricies mauris mauris erat porttitor. At morbi commodo nunc vulputate id odio pellentesque ipsum. Adipiscing at dictumst pulvinar mattis faucibus quisque donec convallis commodo. ",
links: [
{ key: "Facebook", href: "https://www.google.com", icon: FiFacebook },
{ key: "Instagram", href: "https://www.google.com", icon: FiInstagram },
{ key: "Youtube", href: "https://www.google.com", icon: FiYoutube },
{ key: "GitHub", href: "https://www.google.com", icon: FiGithub },
{ key: "Email", href: "mailto:example@email.com", icon: FiMail },
{ key: "LinkedIn", href: "https://www.google.com", icon: FiLinkedin },
{ key: "Twitch", href: "https://www.google.com", icon: FiTwitch },
{ key: "X", href: "https://www.google.com", icon: FiX },
{ key: "Web", href: "https://www.google.com", icon: FiGlobe },
],
},
{
value: "Lista Aperta",
name: "Lista Aperta",
logo: esnLogo,
content:
"Lorem ipsum dolor sit amet consectetur. Velit integer diam in id proin blandit fames id. Volutpat at vel risus non amet tortor. Potenti sit gravida donec lacinia et posuere faucibus. Elementum libero diam nullam ultricies mauris mauris erat porttitor. At morbi commodo nunc vulputate id odio pellentesque ipsum. Adipiscing at dictumst pulvinar mattis faucibus quisque donec convallis commodo. ",
links: [{ key: "Facebook", href: "https://www.google.com", icon: FiFacebook }],
},
{
value: "MESA",
name: "MESA",
logo: esnLogo,
content:
"Lorem ipsum dolor sit amet consectetur. Velit integer diam in id proin blandit fames id. Volutpat at vel risus non amet tortor. Potenti sit gravida donec lacinia et posuere faucibus. Elementum libero diam nullam ultricies mauris mauris erat porttitor. At morbi commodo nunc vulputate id odio pellentesque ipsum. Adipiscing at dictumst pulvinar mattis faucibus quisque donec convallis commodo. ",
links: [{ key: "Facebook", href: "https://www.google.com", icon: FiFacebook }],
},
{
value: "Polifonia",
name: "Polifonia",
logo: esnLogo,
content:
"Lorem ipsum dolor sit amet consectetur. Velit integer diam in id proin blandit fames id. Volutpat at vel risus non amet tortor. Potenti sit gravida donec lacinia et posuere faucibus. Elementum libero diam nullam ultricies mauris mauris erat porttitor. At morbi commodo nunc vulputate id odio pellentesque ipsum. Adipiscing at dictumst pulvinar mattis faucibus quisque donec convallis commodo. ",
links: [{ key: "Facebook", href: "https://www.google.com", icon: FiFacebook }],
},
{
value: "POLI.RADIO",
name: "POLI.RADIO",
logo: esnLogo,
content:
"Lorem ipsum dolor sit amet consectetur. Velit integer diam in id proin blandit fames id. Volutpat at vel risus non amet tortor. Potenti sit gravida donec lacinia et posuere faucibus. Elementum libero diam nullam ultricies mauris mauris erat porttitor. At morbi commodo nunc vulputate id odio pellentesque ipsum. Adipiscing at dictumst pulvinar mattis faucibus quisque donec convallis commodo. ",
links: [{ key: "Facebook", href: "https://www.google.com", icon: FiFacebook }],
},
{
value: "Studenti Indipendenti",
name: "Studenti Indipendenti",
logo: esnLogo,
content:
"Lorem ipsum dolor sit amet consectetur. Velit integer diam in id proin blandit fames id. Volutpat at vel risus non amet tortor. Potenti sit gravida donec lacinia et posuere faucibus. Elementum libero diam nullam ultricies mauris mauris erat porttitor. At morbi commodo nunc vulputate id odio pellentesque ipsum. Adipiscing at dictumst pulvinar mattis faucibus quisque donec convallis commodo. ",
links: [{ key: "Facebook", href: "https://www.google.com", icon: FiFacebook }],
Comment thread
toto04 marked this conversation as resolved.
},
]

export function AssociationsList() {
return (
<div className="w-full max-w-300">
<AccordionAssociation accordionItems={accordionItems} defaultValue="ESN - Erasmus Student Network" />
Comment thread
toto04 marked this conversation as resolved.
</div>
)
}
4 changes: 4 additions & 0 deletions src/components/card-caption.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
import Link from "next/link"
import type { ReactNode } from "react"
import type { IconType } from "react-icons"
import { Card, CardAction, CardContent, CardHeader, CardTitle } from "./ui/card"
Expand All @@ -7,16 +8,19 @@ export function CardCaption({
caption,
icon,
iconPosition = "right",
href,
className,
}: {
title: string
caption: ReactNode
icon?: IconType
iconPosition?: "top" | "right"
href?: string
className?: string
}) {
return (
<Card hoverBackground className={className}>
{href && <Link href={href} className="absolute inset-0 z-10" aria-label={title} />}
<CardHeader
className={`typo-headline-medium flex ${iconPosition === "right" ? "justify-between" : "flex-col-reverse"}`}
>
Expand Down
24 changes: 12 additions & 12 deletions src/components/header/constants.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,29 +5,29 @@ export const headerMenuItems: HeaderMenuItem[] = [
{
title: "Resources",
menu: [
{ title: "Materials", href: "#", icon: FiChevronRight },
{ title: "Guides", href: "#", icon: FiChevronRight },
{ title: "Computer Recs", href: "#", icon: FiChevronRight },
{ title: "FAQs", href: "#", icon: FiChevronRight },
{ title: "Rankings", href: "#", icon: FiArrowUpRight },
{ title: "Tol Project", href: "#", icon: FiArrowUpRight },
{ title: "Materials", href: "/materials", icon: FiChevronRight },
{ title: "Guides", href: "/guides", icon: FiChevronRight },
{ title: "Computer Recs", href: "/computer-recs", icon: FiChevronRight },
{ title: "FAQs", href: "/faqs", icon: FiChevronRight },
{ title: "Rankings", href: "https://rankings.polinetwork.org/", icon: FiArrowUpRight },
{ title: "Tol Project", href: "https://tol.polinetwork.org/", icon: FiArrowUpRight },
],
},
{
title: "Community",
menu: [
{ title: "Groups", href: "#", icon: FiChevronRight },
{ title: "Projects", href: "#", icon: FiChevronRight },
{ title: "Groups", href: "/groups", icon: FiChevronRight },
{ title: "Projects", href: "/projects", icon: FiChevronRight },
{ title: "Freshman", href: "/matricole", icon: FiChevronRight },
Comment thread
toto04 marked this conversation as resolved.
{ title: "Associations", href: "#", icon: FiChevronRight },
{ title: "Associations", href: "/associations", icon: FiChevronRight },
],
},
{
title: "About",
menu: [
{ title: "About us", href: "#", icon: FiChevronRight },
{ title: "Join us", href: "#", icon: FiChevronRight },
{ title: "Contact us", href: "#", icon: FiChevronRight },
{ title: "About us", href: "/about", icon: FiChevronRight },
{ title: "Join us", href: "/join", icon: FiChevronRight },
{ title: "Contact us", href: "/contact", icon: FiChevronRight },
],
},
]
9 changes: 7 additions & 2 deletions src/components/home/about-us.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
import Link from "next/link"
import { FiArrowUpRight } from "react-icons/fi"
import { Button } from "@/components/ui/button"

export function AboutUs() {
Expand All @@ -7,8 +9,11 @@ export function AboutUs() {
PoliNetwork unisce gli studenti del Poli: gruppi, risorse e supporto, tutti in un'unica community.
</h1>

<Button variant="primary" size="lg">
About us
<Button variant="primary" size="lg" asChild>
<Link href="/about" className="flex items-center gap-2">
About us
<FiArrowUpRight />
</Link>
</Button>
</section>
)
Expand Down
8 changes: 5 additions & 3 deletions src/components/home/hero.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,9 +20,11 @@ export function Hero() {
className="typo-body-medium"
/>

<Button variant="primary" size="lg">
More groups
<FiNavigation />
<Button variant="primary" size="lg" asChild>
<Link href="/groups" className="flex items-center gap-2">
More groups
<FiNavigation />
</Link>
</Button>
</div>

Expand Down
9 changes: 6 additions & 3 deletions src/components/home/materials.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
import Link from "next/link"
import { FiArrowUpRight, FiBook, FiBookOpen, FiClipboard, FiFileText, FiUploadCloud } from "react-icons/fi"
import { CardIcon } from "@/components/card-icon"
import { Button } from "@/components/ui/button"
Expand Down Expand Up @@ -58,9 +59,11 @@ export function Materials() {
Il più grande archivio didattico degli studenti del Politecnico. Trova appunti, dispense ed esami, oppure
carica i tuoi file per far crescere la community.
</p>
<Button variant="primary" size="lg" className="w-fit">
Scopri di piu
<FiArrowUpRight />
<Button variant="primary" size="lg" className="w-fit" asChild>
<Link href="/materials" className="flex items-center gap-2">
Scopri di più
<FiArrowUpRight />
</Link>
</Button>
</div>
</section>
Expand Down
Loading
Loading