hello worlds

src/pages/downloads.astro

@@ -0,0 +1,98 @@
+---
+import Layout from "../layouts/Layout.astro";
+
+const downloads = [
+	{
+		platform: "Windows",
+		version: "v1.0.3",
+		href: "#",
+		icon: "/img/platforms/platform-windows.png",
+		checksum: "checksum: REPLACE_ME",
+	},
+	{
+		platform: "Linux",
+		version: "v1.0.3",
+		href: "#",
+		icon: "/img/platforms/platform-linux.png",
+		checksum: "checksum: REPLACE_ME",
+	},
+	{
+		platform: "Oculus Quest",
+		version: "v1.0.3",
+		href: "#",
+		icon: "/img/platforms/platform-oculus.png",
+		checksum: "checksum: REPLACE_ME",
+	},
+];
+
+const patchNotes = [
+	{
+		version: "v1.0.3",
+		date: "6/26/2026",
+		changes: [
+			"Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+			"Nunc at augue eu nulla aliquet consectetur et in magna.",
+		],
+	}
+];
+---
+
+<Layout>
+	<div class="container">
+		<div class="page-header">
+			<p><a href="/">&larr; Back to home</a></p>
+			<h1>Downloads</h1>
+		</div>
+		<p class="lead">
+			Choose the build for your platform.
+		</p>
+
+		<div class="row">
+			{downloads.map((download) => (
+				<div class="span4">
+					<div class="well text-center download-card">
+						<p>
+							<img
+								src={download.icon}
+								alt=""
+								width="72"
+								height="72"
+							/>
+						</p>
+						<h3>{download.platform}</h3>
+						<p>{download.version}</p>
+						{/* <p class="muted">
+							<code>{download.checksum}</code>
+						</p> */}
+						<p>
+							<a
+								href={download.href}
+								class="btn btn-primary"
+								aria-label={`Download for ${download.platform}`}
+							>
+								Download
+							</a>
+						</p>
+					</div>
+				</div>
+			))}
+		</div>
+
+		<section class="download-patch-notes">
+			<div class="page-header">
+				<h2>Patch Notes</h2>
+			</div>
+			{patchNotes.map((patchNote) => (
+				<div class="well patch-note">
+					<h3>{patchNote.version}</h3>
+					<p class="muted">{patchNote.date}</p>
+					<ul>
+						{patchNote.changes.map((change) => (
+							<li>{change}</li>
+						))}
+					</ul>
+				</div>
+			))}
+		</section>
+	</div>
+</Layout>