1a710aa3c6
Some checks are pending
Deploy to Cloudflare Workers (OpenNext) / deploy (push) Waiting to run
66 lines
2.6 KiB
TypeScript
66 lines
2.6 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { pageSeo } from "@/content/page-seo";
|
|
import { createPageMetadata } from "@/lib/seo";
|
|
import Image from "next/image";
|
|
import Link from "next/link";
|
|
import { programDays } from "@/content/program";
|
|
import { pillars } from "@/content/tracks";
|
|
import { Section } from "@/components/layout/Section";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
|
|
|
|
export const metadata: Metadata = createPageMetadata(pageSeo.program);
|
|
|
|
export default function ProgramPage() {
|
|
return (
|
|
<>
|
|
<Section className="pt-24">
|
|
<h1 className="text-4xl font-bold">Event program</h1>
|
|
<p className="mt-4 max-w-2xl text-muted-foreground">
|
|
Two days of workshops, panels, exhibition, and the Great Rift Valley Pitch Competition at
|
|
Skylight Hotel, Addis Ababa.
|
|
</p>
|
|
<div className="mt-12 grid gap-8 md:grid-cols-2">
|
|
{programDays.map((day) => (
|
|
<Card key={day.id} className="overflow-hidden">
|
|
<div className="relative h-48">
|
|
<Image src={day.image || "/branding/booth-mockup.png"} alt={day.title} fill className="object-cover" />
|
|
</div>
|
|
<CardHeader>
|
|
<p className="text-xs font-semibold uppercase text-[#ffb300]">{day.date}</p>
|
|
<CardTitle>{day.title}</CardTitle>
|
|
<CardDescription>{day.description}</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<ul className="space-y-2 text-sm text-muted-foreground">
|
|
{day.highlights.map((h) => (
|
|
<li key={h}>· {h}</li>
|
|
))}
|
|
</ul>
|
|
</CardContent>
|
|
</Card>
|
|
))}
|
|
</div>
|
|
<div className="mt-12">
|
|
<h2 className="text-2xl font-bold">Innovation pillars</h2>
|
|
<div className="mt-6 grid gap-4 md:grid-cols-3">
|
|
{pillars.map((p) => (
|
|
<Card key={p.id}>
|
|
<CardHeader>
|
|
<CardTitle>{p.title}</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm text-muted-foreground">{p.description}</p>
|
|
</CardContent>
|
|
</Card>
|
|
))}
|
|
</div>
|
|
</div>
|
|
<Button className="mt-10 rounded-full bg-[#ffb300] text-[#0f0404]" asChild>
|
|
<Link href="/pitch-competition">Pitch competition details</Link>
|
|
</Button>
|
|
</Section>
|
|
</>
|
|
);
|
|
}
|