fix: Add metadata to pages

src/app/exhibitor/packages/page.tsx

@@ -9,6 +9,13 @@ import {
 } from "@/components/ui/collapsible"
 import { ChevronsUpDown, Sparkles } from "lucide-react"
 import { DateTime } from "luxon"
+import { Metadata } from "next"
+
+export const metadata: Metadata = {
+	title: `Packages - Armada Exhibitor`,
+	description:
+		"The packages we offer for exhibitors at Armada. Choose between bronze, silver and gold."
+}
 
 export default async function Packages() {
 	function formatDate(date: string) {

src/app/exhibitor/page.tsx

@@ -2,6 +2,11 @@ import { CurrentStatus } from "@/app/exhibitor/_components/CurrentStatus"
 import { PhotoCarousel } from "@/app/exhibitor/_components/PhotoCarousel"
 import { Page } from "@/components/shared/Page"
 import { Button } from "@/components/ui/button"
+import { Metadata } from "next"
+
+export const metadata: Metadata = {
+	title: `Become an exhibitor at Armada`
+}
 
 export default function ForExhibitorsPage() {
 	const swedishFormat = Intl.NumberFormat("sv")
@@ -13,16 +18,20 @@ export default function ForExhibitorsPage() {
 
 				<div className="flex w-full flex-col space-y-4">
 					<div className="mt-2 flex w-full flex-row flex-wrap justify-between gap-4 bg-melon-700 p-6 text-center md:text-2xl">
-						<p className="font-bebas-neue  font-medium text-stone-900 w-3/12">
-							<p className="md:text-4xl text-2xl">{swedishFormat.format(20000)}+</p>
+						<p className="w-3/12  font-bebas-neue font-medium text-stone-900">
+							<p className="text-2xl md:text-4xl">
+								{swedishFormat.format(20000)}+
+							</p>
 							<p>visits</p>
 						</p>
-						<p className=" font-bebas-neue  font-medium text-stone-900 w-3/12">
-							<p className="md:text-4xl text-2xl">{swedishFormat.format(15000)}</p>
+						<p className=" w-3/12  font-bebas-neue font-medium text-stone-900">
+							<p className="text-2xl md:text-4xl">
+								{swedishFormat.format(15000)}
+							</p>
 							<p>Students</p>
 						</p>
-						<p className=" font-bebas-neue font-medium text-stone-900 w-3/12">
-							<p className="md:text-4xl text-2xl">2 days</p>
+						<p className=" w-3/12 font-bebas-neue font-medium text-stone-900">
+							<p className="text-2xl md:text-4xl">2 days</p>
 							<p>of networking</p>
 						</p>
 					</div>
@@ -63,15 +72,14 @@ export default function ForExhibitorsPage() {
 							New students, every year!
 						</h2>
 						<p className="text-stone-300">
-							Every year, around 4000 new students come to KTH. Almost as
-							many students get their first full time job or internship.
-							Participating in Armada means you get access to all of them,
-							and can both build awareness among younger students and be top
-							of mind when the older students start looking for a job.
-							Welcome!
-						</p>	
+							Every year, around 4000 new students come to KTH. Almost as many
+							students get their first full time job or internship.
+							Participating in Armada means you get access to all of them, and
+							can both build awareness among younger students and be top of mind
+							when the older students start looking for a job. Welcome!
+						</p>
 					</div>
-					
+
 					<div className="mt-6">
 						<h2 className="font-bebas-neue text-3xl font-medium text-melon-700">
 							Do you write &quot;we place high importance on your personal
@@ -96,10 +104,9 @@ export default function ForExhibitorsPage() {
 						</p>
 					</div>
 				</section>
-				<div className="flex justify-center mt-6">
-					<PhotoCarousel/>
+				<div className="mt-6 flex justify-center">
+					<PhotoCarousel />
 				</div>
-
 			</Page.Boundary>
 		</Page.Background>
 	)

src/app/exhibitor/timeline/page.tsx

@@ -1,5 +1,12 @@
 import { ExhibitorTimeline } from "@/app/exhibitor/_components/ExhibitorTimeline"
 import { Page } from "@/components/shared/Page"
+import { Metadata } from "next"
+
+export const metadata: Metadata = {
+	title: `Exhibitor Timeline`,
+	description:
+		"From signup to fair, see what happens, step by step as an exhibitor"
+}
 
 export default async function WhyArmadaPage() {
 	return (

src/app/student/exhibitors/[exhibitor]/page.tsx

@@ -46,7 +46,7 @@ export async function generateMetadata({
 	if (exhibitor == null) return notFound()
 
 	return {
-		title: exhibitor?.name,
+		title: `${exhibitor?.name} at Armada`,
 		abstract: exhibitor?.about,
 		openGraph: {
 			images: [exhibitor.logo_squared ?? exhibitor.logo_freesize ?? ""]

src/app/student/exhibitors/page.tsx

@@ -1,8 +1,14 @@
 import { ExhibitorList } from "@/app/student/exhibitors/_components/ExhibitorList"
 import { Page } from "@/components/shared/Page"
 import { fetchAllYearExhibitors } from "@/components/shared/hooks/api/useExhibitors"
+import { Metadata } from "next"
 import { Suspense } from "react"
 
+export const metadata: Metadata = {
+	title: `Armada exhibitors`,
+	description: "See all the companies that are exhibiting at Armada"
+}
+
 export default async function ExhibitorListPage() {
 	const exhibitors = await fetchAllYearExhibitors()
 

src/app/student/recruitment/page.tsx

@@ -2,15 +2,21 @@ import { P } from "@/app/_components/Paragraph"
 import { Page } from "@/components/shared/Page"
 import { fetchRecruitment } from "@/components/shared/hooks/api/useRecruitment"
 import {
-    Accordion,
-    AccordionContent,
-    AccordionItem,
-    AccordionTrigger
+	Accordion,
+	AccordionContent,
+	AccordionItem,
+	AccordionTrigger
 } from "@/components/ui/accordion"
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
 import { Button } from "@/components/ui/button"
 import { env } from "@/env"
 import { DateTime } from "luxon"
+import { Metadata } from "next"
+
+export const metadata: Metadata = {
+	title: `Armada Recruitment`,
+	description: "See available roles and apply to become a part of Armada"
+}
 
 export default async function RecruitmentPage() {
 	const data = await fetchRecruitment()

src/app/team/page.tsx

@@ -2,9 +2,15 @@ import { Page } from "@/components/shared/Page"
 import { fetchOrganization } from "@/components/shared/hooks/api/useOrganization"
 import { PersonIcon } from "@radix-ui/react-icons"
 import { LinkedinIcon, MailIcon } from "lucide-react"
+import { Metadata } from "next"
 import Image from "next/image"
 import Link from "next/link"
 
+export const metadata: Metadata = {
+	title: `Armada Organization`,
+	description: "Meet all the volunteers that make Armada possible"
+}
+
 export default async function TeamPage() {
 	const organization = await fetchOrganization()