diff --git a/astro/src/components/ImageCard.astro b/astro/src/components/ImageCard.astro
new file mode 100644
index 00000000..7183f26e
--- /dev/null
+++ b/astro/src/components/ImageCard.astro
@@ -0,0 +1,57 @@
+---
+import { Image } from "astro:assets";
+import type { ImageMetadata } from "astro";
+
+interface Props {
+ image: ImageMetadata;
+ alt?: string | null;
+ title: string;
+ theme: string;
+ href: string;
+ buttonText: string;
+ borderClass?: string;
+ titleClass?: string;
+ colClass?: string;
+}
+
+const {
+ image,
+ alt,
+ title,
+ theme,
+ href,
+ buttonText,
+ colClass = "col"
+} = Astro.props;
+
+const {
+ borderClass = `border-${theme}-subtle`,
+ titleClass = `text-${theme}`,
+} = Astro.props;
+---
+
+
+
+
+
diff --git a/astro/src/content.config.ts b/astro/src/content.config.ts
index fc60b1a7..0e5532c8 100644
--- a/astro/src/content.config.ts
+++ b/astro/src/content.config.ts
@@ -90,6 +90,7 @@ const escapeRoomThemes = defineCollection({
tagline: z.string(),
image: image(),
alt: z.string().optional(),
+ buttonText: z.string().optional().default("Learn more"),
page: z.object({
image: image(),
theme: z.string().default("dark"),
diff --git a/astro/src/content/escape-room-themes/corporate.mdx b/astro/src/content/escape-room-themes/corporate.mdx
index ad65481c..7da455a1 100644
--- a/astro/src/content/escape-room-themes/corporate.mdx
+++ b/astro/src/content/escape-room-themes/corporate.mdx
@@ -3,6 +3,7 @@ title: A Corporate Conundrum
tagline: A ground-breaking technology your company has developed is missing. You've received a tip on how to retrieve it.
image: /src/images/escape-room/aleksandar-andreev-k2gRTJM9BPw-unsplash.jpg
alt: A gentleman wearing dark clothes holding a briefcase
+buttonText: Learn more
page:
image: /src/images/escape-room/aleksandar-andreev-k2gRTJM9BPw-unsplash.jpg
theme: corporate
@@ -16,7 +17,7 @@ This escape room kit includes puzzles that involve translating braille, number a
### Disabilities Supported
-* Blind participants are supported through Braille and SeeingAI.
-* Captions are provided for audio content.
-* We provide a descriptive transcript to be printed in braille for deaf-blind participants
-* Individuals with limited fine motor control can solve several puzzles but others on the team will need to manipulate locks and objects using the solution. Dragon or other speech input software can be installed on a laptop to give access to one puzzle.
\ No newline at end of file
+- Blind participants are supported through Braille and SeeingAI.
+- Captions are provided for audio content.
+- We provide a descriptive transcript to be printed in braille for deaf-blind participants
+- Individuals with limited fine motor control can solve several puzzles but others on the team will need to manipulate locks and objects using the solution. Dragon or other speech input software can be installed on a laptop to give access to one puzzle.
diff --git a/astro/src/content/escape-room-themes/kitchen.mdx b/astro/src/content/escape-room-themes/kitchen.mdx
index 9447cd55..56fa99f8 100644
--- a/astro/src/content/escape-room-themes/kitchen.mdx
+++ b/astro/src/content/escape-room-themes/kitchen.mdx
@@ -3,6 +3,7 @@ title: A Baking Bonanza
tagline: You are looking for classic recipes to submit to the local fair. Will you find them in time to win the blue ribbon?
image: /src/images/escape-room/priscilla-du-preez-SU5jSHu1pK8-unsplash.jpg
alt: A freshly baked pie, next to a jar of flour and a rolling pin
+buttonText: Learn more
page:
image: /src/images/escape-room/priscilla-du-preez-SU5jSHu1pK8-unsplash.jpg
theme: kitchen
@@ -19,4 +20,4 @@ This escape room kit includes puzzles that involve manipulating objects, number
- Blind participants are supported through Braille and SeeingAI
- Captions are provided for audio content
- We provide a descriptive transcript to be printed in braille for deaf-blind participants
-- Individuals with limited fine motor control can solve several puzzles but others on the team will need to manipulate locks and objects using the solution
\ No newline at end of file
+- Individuals with limited fine motor control can solve several puzzles but others on the team will need to manipulate locks and objects using the solution
diff --git a/astro/src/pages/services/escape-room/index.astro b/astro/src/pages/services/escape-room/index.astro
index 60d6bfc5..37bc2a32 100644
--- a/astro/src/pages/services/escape-room/index.astro
+++ b/astro/src/pages/services/escape-room/index.astro
@@ -20,6 +20,7 @@ import { Icon } from "astro-icon/components";
import { Image } from "astro:assets";
import EscapeRoomLayout from "src/layouts/EscapeRoomLayout.astro";
import ThemedSection from "@components/ThemedSection.astro";
+import ImageCard from "@components/ImageCard.astro";
import { YouTube } from 'astro-lazy-youtube-embed'
import brailleBlocks from "src/images/escape-room/braille-blocks.png";
@@ -125,23 +126,17 @@ import woodenPuzzles from "src/images/escape-room/wooden-puzzles.png";
{
rooms.map(room => (
-
+
+
+
))
}