diff --git a/.astro/types.d.ts b/.astro/types.d.ts
index f964fe0..03d7cc4 100644
--- a/.astro/types.d.ts
+++ b/.astro/types.d.ts
@@ -1 +1,2 @@
 /// <reference types="astro/client" />
+/// <reference path="content.d.ts" />
\ No newline at end of file
diff --git a/cspell.json b/cspell.json
index a216b16..c6bda54 100644
--- a/cspell.json
+++ b/cspell.json
@@ -34,6 +34,7 @@
 		"Logomark",
 		"mariah",
 		"MBTA",
+		"Merch",
 		"mitropoulos",
 		"mulroy",
 		"Murg",
diff --git a/package.json b/package.json
index fb8cde7..3ed6e49 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,9 @@
 		"konami-emoji-blast": "^0.5.9",
 		"lodash": "^4.17.21",
 		"sharp": "^0.34.1",
-		"temporal-polyfill": "^0.3.0"
+		"temporal-polyfill": "^0.3.0",
+		"uqr": "^0.1.2",
+		"wifi-share-link": "^0.1.1"
 	},
 	"devDependencies": {
 		"@eslint-community/eslint-plugin-eslint-comments": "^4.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8d70e47..a7809fd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -44,6 +44,12 @@ importers:
       temporal-polyfill:
         specifier: ^0.3.0
         version: 0.3.0
+      uqr:
+        specifier: ^0.1.2
+        version: 0.1.2
+      wifi-share-link:
+        specifier: ^0.1.1
+        version: 0.1.1
     devDependencies:
       '@eslint-community/eslint-plugin-eslint-comments':
         specifier: ^4.5.0
@@ -3567,6 +3573,9 @@ packages:
       uploadthing:
         optional: true
 
+  uqr@0.1.2:
+    resolution: {integrity: sha512-MJu7ypHq6QasgF5YRTjqscSzQp/W11zoUk6kvmlH+fmWEs63Y0Eib13hYFwAzagRJcVY8WVnlV+eBDUGMJ5IbA==}
+
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
@@ -3772,6 +3781,10 @@ packages:
     resolution: {integrity: sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==}
     engines: {node: '>=18'}
 
+  wifi-share-link@0.1.1:
+    resolution: {integrity: sha512-olagxtSm5jvkW1GAaLGtc2h41uzB85FTrL+NJ6DB2dFKsk45eUYVaUaQovk+LN6RnWuNBXlV5WNDKw1EeqgKXA==}
+    engines: {node: '>=20.19.0'}
+
   word-wrap@1.2.5:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
@@ -7840,6 +7853,8 @@ snapshots:
       ofetch: 1.4.1
       ufo: 1.6.1
 
+  uqr@0.1.2: {}
+
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
@@ -8020,6 +8035,8 @@ snapshots:
     dependencies:
       string-width: 7.2.0
 
+  wifi-share-link@0.1.1: {}
+
   word-wrap@1.2.5: {}
 
   wrap-ansi@7.0.0:
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 3fe9b64..aaeafd3 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -38,7 +38,7 @@ const yearPairs =
 					))
 				}
 			</div>
-			<Socials />
+			<Socials class="footer-socials" />
 		</div>
 	</ContentArea>
 </footer>
@@ -82,6 +82,18 @@ const yearPairs =
 		text-decoration: none;
 	}
 
+	.footer-socials {
+		margin-top: 2rem;
+		max-width: 15rem;
+	}
+
+	@media (width >= 490px) {
+		.footer-socials {
+			margin-top: 0;
+			max-width: none;
+		}
+	}
+
 	@media (width >= 819px) {
 		.footer-content-area {
 			flex-direction: row;
diff --git a/src/components/Logo.astro b/src/components/Logo.astro
index 714404f..2b5c0d7 100644
--- a/src/components/Logo.astro
+++ b/src/components/Logo.astro
@@ -1,5 +1,4 @@
 ---
-import { ClassificationTypeNames } from "typescript";
 import TextSquiggly from "./TextSquiggly.astro";
 
 interface Props {
@@ -38,6 +37,7 @@ const { class: className, invert, year, ...props } = Astro.props;
 	.logo.regular {
 		--colorLogoText: var(--colorWhiteIsh);
 		--colorLogoYear: var(--colorBlue2);
+		text-shadow: 0px 1.5px 1.5px rgba(0, 0, 0, 0.25);
 	}
 
 	.year {
diff --git a/src/components/LogoBold.astro b/src/components/LogoBold.astro
new file mode 100644
index 0000000..b2d6bd1
--- /dev/null
+++ b/src/components/LogoBold.astro
@@ -0,0 +1,35 @@
+---
+import TextSquiggly from "./TextSquiggly.astro";
+
+interface Props {
+	class?: string;
+	year: number;
+}
+
+const { class: className, ...props } = Astro.props;
+---
+
+<div class:list={["logo-bold", className]} {...props}>
+	<TextSquiggly width="medium">
+		<Fragment slot="inside">Squiggle</Fragment>
+		<Fragment slot="after">Conf</Fragment>
+	</TextSquiggly>
+	{Astro.props.year && <span class="year">{Astro.props.year}</span>}
+</div>
+
+<style>
+	.logo-bold {
+		color: var(--colorWhiteIsh);
+		font-family: var(--fontFamilyLogo);
+		font-weight: var(--fontWeightLogo);
+		font-size: var(--fontSizeLogoLarge);
+		font-style: initial;
+		text-shadow: 0px 1.5px 1.5px rgba(0, 0, 0, 0.25);
+	}
+
+	.year {
+		color: var(--colorAccentMedium);
+		font-family: var(--fontFamilyHeading);
+		font-weight: var(--fontWeightBold);
+	}
+</style>
diff --git a/src/components/SocialLink.astro b/src/components/SocialLink.astro
index 4ba28e8..37bb4c8 100644
--- a/src/components/SocialLink.astro
+++ b/src/components/SocialLink.astro
@@ -2,23 +2,33 @@
 import { ImageMetadata } from "astro";
 import { Image } from "astro:assets";
 
+export type SocialLinkSize = "small" | "normal" | "large";
+
 interface Props {
 	alt: string;
 	class?: string;
 	href: string;
 	inverted?: boolean;
+	size?: SocialLinkSize;
 	src: ImageMetadata;
 }
 
-const { alt, class: className, inverted, href, src } = Astro.props;
+const {
+	alt,
+	class: className,
+	inverted,
+	href,
+	size = "normal",
+	src,
+} = Astro.props;
 ---
 
 <a
-	class:list={["social-link", inverted && "social-link-inverted"]}
+	class:list={["social-link", className, inverted && "social-link-inverted"]}
 	href={href}
 	target="_blank"
 >
-	<Image alt={alt} class="social-image" src={src} />
+	<Image alt={alt} class:list={["social-image", size]} src={src} />
 </a>
 
 <style>
@@ -30,8 +40,24 @@ const { alt, class: className, inverted, href, src } = Astro.props;
 		text-decoration: none;
 	}
 
+	.social-image.small {
+		--sizeSocialImage: 1.5rem;
+	}
+
+	.social-image.normal {
+		--sizeSocialImage: 2rem;
+	}
+
+	.social-image.large {
+		--sizeSocialImage: 4rem;
+	}
+
 	.social-image {
-		height: 2rem;
-		width: 2rem;
+		height: var(--sizeSocialImage);
+		width: var(--sizeSocialImage);
+	}
+
+	html:not(.dark) .social-link-inverted {
+		filter: hue-rotate(180deg) invert();
 	}
 </style>
diff --git a/src/components/Socials.astro b/src/components/Socials.astro
index 2734084..a011ef9 100644
--- a/src/components/Socials.astro
+++ b/src/components/Socials.astro
@@ -1,27 +1,63 @@
 ---
 import { socials } from "~/data/socials";
 
-import SocialLink from "./SocialLink.astro";
+import SocialLink, { SocialLinkSize } from "./SocialLink.astro";
+
+export type SocialsPadding = "dense" | "normal";
+
+interface Props {
+	class?: string;
+	inverted?: boolean;
+	padding?: SocialsPadding;
+	size?: SocialLinkSize;
+}
+
+const {
+	class: className,
+	inverted,
+	padding = "normal",
+	size,
+	...props
+} = Astro.props;
 ---
 
-<div class="socials">
-	{socials.map((social) => <SocialLink class="social-link" {...social} />)}
+<div
+	class:list={[
+		"socials",
+		className,
+		padding === "dense" ? "socials-dense" : "socials-normal",
+	]}
+	{...props}
+>
+	{
+		socials.map((social) => (
+			<SocialLink
+				class="social-link"
+				inverted={inverted}
+				{...social}
+				size={size}
+			/>
+		))
+	}
 </div>
 
 <style>
 	.socials {
 		display: flex;
 		flex-wrap: wrap;
+	}
+
+	.socials-dense {
+		gap: 0.5rem;
+	}
+
+	.socials-normal {
 		gap: 2rem;
-		margin-top: 2rem;
-		max-width: 15rem;
 	}
 
 	@media (width >= 490px) {
 		.socials {
 			gap: 1rem;
-			margin-top: 0;
-			max-width: none;
 		}
 	}
 </style>
diff --git a/src/components/TextSquiggly.astro b/src/components/TextSquiggly.astro
index 38c9ac7..7eeae50 100644
--- a/src/components/TextSquiggly.astro
+++ b/src/components/TextSquiggly.astro
@@ -4,6 +4,7 @@ import squigglyMedium from "~/assets/design/squiggly-medium.svg";
 import squigglyWide from "~/assets/design/squiggly-wide.svg";
 
 interface Props {
+	class?: string;
 	renderAs?: string;
 	width: "medium" | "wide";
 }
@@ -13,10 +14,13 @@ const images = {
 	wide: squigglyWide,
 };
 
-const { renderAs: As = "em", width } = Astro.props;
+const { class: className, renderAs: As = "em", width, ...props } = Astro.props;
 ---
 
-<As class:list={["text-squiggly", `text-squiggly-${width}`]}>
+<As
+	class:list={["text-squiggly", `text-squiggly-${width}`, className]}
+	{...props}
+>
 	<span class="text"><slot name="inside" /></span><Image
 		alt=""
 		class="squiggly"
diff --git a/src/data/links.ts b/src/data/links.ts
index 5ac777c..0e08d38 100644
--- a/src/data/links.ts
+++ b/src/data/links.ts
@@ -1,4 +1,5 @@
 export const links = {
+	bluesky: "https://bsky.app/profile/squiggleconf.com",
 	bostonTSClub: "https://bostonts.club",
 	cfp: "https://cfp.squiggleconf.com",
 	cfpQuestionsDiscord:
@@ -6,10 +7,17 @@ export const links = {
 	cfpQuestionsEmail: "mailto:cfp@squiggleconf.com",
 	discord: "https://discord.squiggleconf.com",
 	donate: "https://www.paypal.com/US/fundraiser/charity/5334863",
+	feedback: "http://feedback.squiggleconf.com",
+	github: "https://www.github.com/SquiggleTools/SquiggleConf.com",
+	instagram: "https://www.instagram.com/squiggleconf",
+	linkedin: "https://www.linkedin.com/company/squiggleconf",
+	mastodon: "https://fosstodon.org/@SquiggleConf",
 	michiganTypeScript: "https://youtube.com/@MichiganTypeScript",
 	partner: "https://partner.squiggleconf.com",
 	shop: "https://shop.squiggle.tools",
 	sponsor: "https://sponsor.squiggleconf.com",
 	tickets: "https://buytickets.at/squiggleconf/1488622",
 	volunteer: "https://volunteer.squiggleconf.com",
+	x: "https://x.com/SquiggleConf",
+	youtube: "https://www.youtube.com/@SquiggleConf",
 };
diff --git a/src/data/socials.ts b/src/data/socials.ts
index d8ac4b0..5296150 100644
--- a/src/data/socials.ts
+++ b/src/data/socials.ts
@@ -15,7 +15,7 @@ export const socials = [
 		src: bluesky,
 	},
 	{
-		alt: "Instgram",
+		alt: "Instagram",
 		href: "https://www.instagram.com/squiggleconf",
 		src: instagram,
 	},
diff --git a/src/layouts/base.css b/src/layouts/base.css
index c05440b..cab6ccc 100644
--- a/src/layouts/base.css
+++ b/src/layouts/base.css
@@ -46,6 +46,7 @@
 	--fontSizeLarger: clamp(2rem, 4.5vw, 3rem);
 	--fontSizeHero: clamp(2rem, 5vw, 3rem);
 	--fontSizeLogo: clamp(1.75rem, 4.375vw, 2.25rem);
+	--fontSizeLogoLarge: clamp(2.5rem, 5.25vw, 3rem);
 
 	--fontWeightLight: 200;
 	--fontWeightMedium: 300;
diff --git a/src/pages/qr.astro b/src/pages/qr.astro
new file mode 100644
index 0000000..eafccbf
--- /dev/null
+++ b/src/pages/qr.astro
@@ -0,0 +1,145 @@
+---
+import { renderSVG } from "uqr";
+import { generateWifiShareLink } from "wifi-share-link";
+
+import Heading from "~/components/Heading.astro";
+import LogoBold from "~/components/LogoBold.astro";
+import Socials from "~/components/Socials.astro";
+import ThemeToggle from "~/components/ThemeToggle.astro";
+import { links } from "~/data/links";
+import BaseLayout from "~/layouts/BaseLayout.astro";
+
+const ssid = "NETWORK NAME";
+const password = "NETWORK PASSWORD";
+
+const description = "Links for SquiggleConf 2025 attendees";
+const wifiLink = generateWifiShareLink({
+	encryption: "WPA",
+	ssid,
+	password,
+});
+const wifiImage = renderSVG(wifiLink);
+
+const theseAreLinks = {
+	first: [
+		["Conference Schedule", "/schedule"],
+		["Join the Discord", links.discord],
+	] as const,
+	second: [
+		["Feedback Form", links.feedback],
+		["Shop Merch", links.shop],
+		["Watch Last Year's Talks", links.youtube],
+		["Sign Up for the SquiggleConf Newsletter", "/#newsletter"],
+	] as const,
+};
+---
+
+<BaseLayout description={description}>
+	<main class="qr-main">
+		<LogoBold year={2025} />
+		<Heading class="h1" level="h1">Quick Badge Information</Heading>
+		<Socials class="qr-socials" inverted padding="dense" size="small" />
+		<ul>
+			{
+				theseAreLinks.first.map(([children, href]) => (
+					<li>
+						<a href={href} target={href.startsWith("/") ? undefined : "_blank"}>
+							{children}
+						</a>
+					</li>
+				))
+			}
+			<li>
+				<a class="wifi" href={wifiLink}>
+					WiFi
+					<div class="wifi-details">
+						<pre>{ssid}</pre>
+						<pre>{password}</pre>
+					</div>
+
+					<Fragment set:html={wifiImage} />
+				</a>
+			</li>
+			{
+				theseAreLinks.second.map(([children, href]) => (
+					<li>
+						<a href={href} target={href.startsWith("/") ? undefined : "_blank"}>
+							{children}
+						</a>
+					</li>
+				))
+			}
+		</ul>
+		<div class="theme-toggle-area">
+			<ThemeToggle />
+		</div>
+	</main>
+</BaseLayout>
+
+<style>
+	.qr-main {
+		align-items: center;
+		background: var(--colorBackgroundEmphasized);
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+		padding: 2rem;
+	}
+
+	.h1 {
+		visibility: hidden;
+		height: 0;
+	}
+
+	.qr-socials {
+		justify-content: center;
+		margin-bottom: 2rem;
+	}
+
+	ul {
+		align-items: stretch;
+		display: flex;
+		flex-direction: column;
+		flex-wrap: wrap;
+		gap: 1rem;
+		justify-content: space-between;
+		text-align: center;
+		margin: auto;
+	}
+
+	li {
+		display: block;
+	}
+
+	a {
+		background: var(--colorSandLight);
+		border-radius: 0.35rem;
+		color: var(--colorBlackIsh);
+		display: block;
+		font-size: var(--fontSizeMedium);
+		padding: 1.25rem;
+		text-decoration: none;
+	}
+
+	.wifi-details {
+		align-items: center;
+		display: flex;
+		line-height: 0;
+		flex-direction: row;
+		padding: 0.5rem;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+
+	.wifi :global(svg) {
+		width: min(70vw, 10rem);
+		height: min(70vw, 10rem);
+	}
+
+	.theme-toggle-area {
+		position: fixed;
+		bottom: 0.75rem;
+		height: 5rem;
+		right: -1rem;
+	}
+</style>