feat: move hero 2025 link inside tickets button area

Author: JoshuaKGoldberg

src/components/PrimaryHero.astro

@@ -1,65 +1,14 @@
 ---
-import { links } from "~/data/links";
-
 import Hero from "./Hero.astro";
 import HeroName from "./HeroName.astro";
-import NoBreak from "./NoBreak.astro";
-import LinkOut from "~/assets/glyphs/link-out.svg";
-import { Image } from "astro:assets";
 import ThemeToggle from "./ThemeToggle.astro";
 import TicketsButton from "./TicketsButton.astro";
 ---
 
 <Hero>
 	<HeroName align="center" color="inverted" level="h1" size="normal" />
 
-	<div class="sub-mentions">
-		<a
-			class="sub-mention"
-			href={links.nextYear}
-			target="_blank"
-			rel="noreferrer"
-		>
-			<strong>SquiggleConf 2025</strong>
-			<Image alt="" class="link-out" src={LinkOut} />
-		</a>
-	</div>
-
 	<TicketsButton />
 
 	<ThemeToggle />
 </Hero>
-
-<style>
-	.sub-mentions {
-		align-items: center;
-		display: flex;
-		flex-wrap: wrap;
-		gap: clamp(1rem, 5vw, 2rem);
-		justify-content: center;
-	}
-
-	.sub-mention {
-		color: var(--colorBlueLight);
-		font-size: 2.5rem;
-		font-family: var(--fontFamilyHeading);
-		margin-top: 2rem;
-		text-underline-offset: 0.2em;
-		transition: var(--transitionMedium) color;
-	}
-
-	.sub-mention:hover {
-		color: var(--colorWhite);
-	}
-
-	.link-out {
-		height: 1rem;
-		width: 1rem;
-	}
-
-	@media (min-width: 819px) {
-		.sub-mentions {
-			padding-bottom: 2rem;
-		}
-	}
-</style>

src/components/TicketsButton.astro

@@ -1,7 +1,30 @@
+---
+import { Image } from "astro:assets";
+import LinkOut from "~/assets/glyphs/link-out.svg";
+import { links } from "~/data/links";
+
+import NoBreak from "./NoBreak.astro";
+---
+
 <div class="not-a-button">
 	SquiggleConf 2024 was a blast.
 	<br />
 	We're looking forward to seeing you next year on September 18th-19th!
+
+	<br />
+	<br />
+
+	<div class="sub-mentions">
+		<a
+			class="sub-mention"
+			href={links.nextYear}
+			target="_blank"
+			rel="noreferrer"
+		>
+			<strong>SquiggleConf 2025</strong>
+			<Image alt="" class="link-out" src={LinkOut} />
+		</a>
+	</div>
 </div>
 
 <style>
@@ -16,4 +39,36 @@
 		padding: 1.2rem 2rem 1rem;
 		text-decoration: none;
 	}
+
+	.sub-mentions {
+		align-items: center;
+		display: flex;
+		flex-wrap: wrap;
+		gap: clamp(1rem, 5vw, 2rem);
+		justify-content: center;
+	}
+
+	.sub-mention {
+		color: var(--colorBlueLight);
+		font-size: 2.5rem;
+		font-family: var(--fontFamilyHeading);
+		margin-top: 2rem;
+		text-underline-offset: 0.2em;
+		transition: var(--transitionMedium) color;
+	}
+
+	.sub-mention:hover {
+		color: var(--colorWhite);
+	}
+
+	.link-out {
+		height: 1rem;
+		width: 1rem;
+	}
+
+	@media (min-width: 819px) {
+		.sub-mentions {
+			padding-bottom: 2rem;
+		}
+	}
 </style>