diff --git a/public/images/messiala/fuajee-kaart.svg b/public/images/messiala/fuajee-kaart.svg new file mode 100644 index 0000000..9763d7a --- /dev/null +++ b/public/images/messiala/fuajee-kaart.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/messiala/tudengimaja-kaart.svg b/public/images/messiala/tudengimaja-kaart.svg new file mode 100644 index 0000000..1cb13e8 --- /dev/null +++ b/public/images/messiala/tudengimaja-kaart.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/[locale]/messiala/page.tsx b/src/app/[locale]/messiala/page.tsx index 1960ecf..93de3ba 100644 --- a/src/app/[locale]/messiala/page.tsx +++ b/src/app/[locale]/messiala/page.tsx @@ -9,15 +9,20 @@ const DIVIDER = "border-t-4 border-[rgba(0,163,224,0.5)]"; /** Horizontal padding used by the padded sections (64px at the design width). */ const GUTTER = "px-4 sm:px-8 lg:px-16"; -/** Blue gradient placeholder standing in for a venue map (real images TBD). */ -function MapCard({ label }: { label: string }) { +/** Venue map card: the map SVG rendered transparent over the page background. */ +function MapCard({ image, label }: { image: string; label: string }) { return ( -
-

- {label} -

+
+ {label}
); } @@ -168,8 +173,14 @@ export default async function Expo({ {/* Venue maps */}
- - + +