From 30f6f45438ea796c996ad5a5f998c26ef9577b42 Mon Sep 17 00:00:00 2001
From: Yam C Borodetsky <yam@yam.codes>
Date: Sat, 27 Dec 2025 18:11:07 +0500
Subject: [PATCH 1/8] feat: Add ArkType ecosystem badge, update homepage with
 ArkType support details, and refine ArkType icon's corner radius.

---
 apps/www/app/(home)/page.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/apps/www/app/(home)/page.tsx b/apps/www/app/(home)/page.tsx
index 16a4e3203..43ce94d4b 100644
--- a/apps/www/app/(home)/page.tsx
+++ b/apps/www/app/(home)/page.tsx
@@ -53,6 +53,25 @@ export default function HomePage() {
 			<div className="sm:mt-8 max-w-5xl mx-auto w-full relative z-20 px-4">
 				<VideoDemo />
 			</div>
+
+			{/* Homepage Footer */}
+			<footer className="mt-24 mb-12 flex flex-col items-center text-center gap-2 relative z-20 px-4">
+				<div className="text-sm text-gray-600 dark:text-gray-400">
+					❤️ Proud member of the{" "}
+					<a
+						href="https://arktype.io/docs/ecosystem#arkenv"
+						target="_blank"
+						rel="noopener noreferrer"
+						className="font-medium text-blue-600 dark:text-blue-400 hover:underline"
+					>
+						ArkType ecosystem
+					</a>
+				</div>
+				<div className="text-[11px] text-gray-500 dark:text-gray-500 flex flex-col gap-0.5">
+					<div>Released under the MIT License.</div>
+					<div>Copyright © 2025 Yam Borodetsky</div>
+				</div>
+			</footer>
 		</div>
 	);
 }

From 6d2758a5654795fec867f41a2662bd8b776f4a93 Mon Sep 17 00:00:00 2001
From: Yam C Borodetsky <yam@yam.codes>
Date: Sat, 27 Dec 2025 18:13:50 +0500
Subject: [PATCH 2/8] feat: Redesign homepage footer with updated styling and
 layout.

---
 apps/www/app/(home)/page.tsx | 36 +++++++++++++++++++++---------------
 1 file changed, 21 insertions(+), 15 deletions(-)

diff --git a/apps/www/app/(home)/page.tsx b/apps/www/app/(home)/page.tsx
index 43ce94d4b..0c92a6eaf 100644
--- a/apps/www/app/(home)/page.tsx
+++ b/apps/www/app/(home)/page.tsx
@@ -55,21 +55,27 @@ export default function HomePage() {
 			</div>
 
 			{/* Homepage Footer */}
-			<footer className="mt-24 mb-12 flex flex-col items-center text-center gap-2 relative z-20 px-4">
-				<div className="text-sm text-gray-600 dark:text-gray-400">
-					❤️ Proud member of the{" "}
-					<a
-						href="https://arktype.io/docs/ecosystem#arkenv"
-						target="_blank"
-						rel="noopener noreferrer"
-						className="font-medium text-blue-600 dark:text-blue-400 hover:underline"
-					>
-						ArkType ecosystem
-					</a>
-				</div>
-				<div className="text-[11px] text-gray-500 dark:text-gray-500 flex flex-col gap-0.5">
-					<div>Released under the MIT License.</div>
-					<div>Copyright © 2025 Yam Borodetsky</div>
+			<footer className="mt-32 w-full border-t border-gray-500/10 bg-gray-500/5 dark:bg-black/20 backdrop-blur-[2px] relative z-20">
+				<div className="max-w-screen-2xl mx-auto py-16 px-4 sm:px-6 lg:px-12 flex flex-col items-center text-center gap-4">
+					<div className="text-sm text-gray-600 dark:text-gray-400 font-medium tracking-tight">
+						❤️ Proud member of the{" "}
+						<a
+							href="https://arktype.io/docs/ecosystem#arkenv"
+							target="_blank"
+							rel="noopener noreferrer"
+							className="text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors"
+						>
+							ArkType ecosystem
+						</a>
+					</div>
+					<div className="flex flex-col gap-1 items-center">
+						<div className="text-[11px] uppercase tracking-[0.2em] text-gray-400 dark:text-gray-500 font-semibold">
+							Released under the MIT License
+						</div>
+						<div className="text-[11px] text-gray-400 dark:text-gray-500">
+							Copyright © 2025 Yam Borodetsky
+						</div>
+					</div>
 				</div>
 			</footer>
 		</div>

From 4b1ac91f4da3cf05d0162e30260a947edb2b1da4 Mon Sep 17 00:00:00 2001
From: Yam C Borodetsky <yam@yam.codes>
Date: Sat, 27 Dec 2025 18:33:24 +0500
Subject: [PATCH 3/8] feat: redesign homepage footer with a fade gradient,
 stylized divider, and updated text styles.

---
 apps/www/app/(home)/page.tsx | 64 +++++++++++++++++++++++++-----------
 1 file changed, 44 insertions(+), 20 deletions(-)

diff --git a/apps/www/app/(home)/page.tsx b/apps/www/app/(home)/page.tsx
index 0c92a6eaf..596099925 100644
--- a/apps/www/app/(home)/page.tsx
+++ b/apps/www/app/(home)/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import Image from "next/image";
 import { AnnouncementBadge } from "~/components/announcement-badge";
 import { HeroGradientOverlay } from "~/components/hero-gradient-overlay";
 import { HeroVisual } from "~/components/hero-visual";
@@ -54,30 +55,53 @@ export default function HomePage() {
 				<VideoDemo />
 			</div>
 
-			{/* Homepage Footer */}
-			<footer className="mt-32 w-full border-t border-gray-500/10 bg-gray-500/5 dark:bg-black/20 backdrop-blur-[2px] relative z-20">
-				<div className="max-w-screen-2xl mx-auto py-16 px-4 sm:px-6 lg:px-12 flex flex-col items-center text-center gap-4">
-					<div className="text-sm text-gray-600 dark:text-gray-400 font-medium tracking-tight">
-						❤️ Proud member of the{" "}
-						<a
-							href="https://arktype.io/docs/ecosystem#arkenv"
-							target="_blank"
-							rel="noopener noreferrer"
-							className="text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors"
-						>
-							ArkType ecosystem
-						</a>
+			{/* Homepage Footer with Fade Gradient and Stylized Separator */}
+			<div className="w-full relative mt-32">
+				{/* Background fade gradient */}
+				<div className="absolute inset-0 bg-linear-to-b from-transparent to-gray-200/50 dark:to-black/80 -z-10" />
+
+				{/* Stylized Divider: ----------(space)(icon)(space)---------- */}
+				<div className="flex items-center w-full max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-12">
+					<div className="h-px flex-1 bg-linear-to-r from-transparent via-gray-500/10 to-gray-500/30 dark:via-blue-500/10 dark:to-blue-500/30" />
+					<div className="px-6 flex items-center justify-center">
+						<div className="relative group">
+							<Image
+								src="/assets/icon.svg"
+								alt="ArkEnv"
+								width={22}
+								height={22}
+								className="opacity-40 grayscale brightness-0 dark:brightness-200 group-hover:opacity-100 group-hover:grayscale-0 group-hover:brightness-100 transition-all duration-500"
+							/>
+							<div className="absolute inset-0 bg-blue-500/10 blur-xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-700" />
+						</div>
 					</div>
-					<div className="flex flex-col gap-1 items-center">
-						<div className="text-[11px] uppercase tracking-[0.2em] text-gray-400 dark:text-gray-500 font-semibold">
-							Released under the MIT License
+					<div className="h-px flex-1 bg-linear-to-l from-transparent via-gray-500/10 to-gray-500/30 dark:via-blue-500/10 dark:to-blue-500/30" />
+				</div>
+
+				<footer className="relative z-20">
+					<div className="max-w-screen-2xl mx-auto py-14 px-4 sm:px-6 lg:px-12 flex flex-col items-center text-center gap-4">
+						<div className="text-sm text-gray-500 dark:text-gray-400 font-medium tracking-wide">
+							❤️ Proud member of the{" "}
+							<a
+								href="https://arktype.io/docs/ecosystem#arkenv"
+								target="_blank"
+								rel="noopener noreferrer"
+								className="text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors"
+							>
+								ArkType ecosystem
+							</a>
 						</div>
-						<div className="text-[11px] text-gray-400 dark:text-gray-500">
-							Copyright © 2025 Yam Borodetsky
+						<div className="flex flex-col gap-1.5 items-center">
+							<div className="text-xs uppercase tracking-[0.25em] text-gray-400 dark:text-gray-500 font-bold">
+								Released under the MIT License
+							</div>
+							<div className="text-xs text-gray-400 sm:text-gray-400/80 dark:text-gray-500/80">
+								Copyright © 2025 Yam Borodetsky
+							</div>
 						</div>
 					</div>
-				</div>
-			</footer>
+				</footer>
+			</div>
 		</div>
 	);
 }

From 2b9677d082f1b05a08ee4a939ebc4cd3ccbacafb Mon Sep 17 00:00:00 2001
From: Yam C Borodetsky <yam@yam.codes>
Date: Sat, 27 Dec 2025 19:01:41 +0500
Subject: [PATCH 4/8] docs: Update ArkEnv's primary description and marketing
 copy across documentation, website, and source code.

---
 apps/www/app/(home)/page.tsx                  | 20 ++++++++-----------
 packages/arkenv/README.md                     |  2 +-
 packages/arkenv/src/index.ts                  |  2 +-
 tooling/playwright-www/tests/homepage.test.ts |  4 ++--
 4 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/apps/www/app/(home)/page.tsx b/apps/www/app/(home)/page.tsx
index 596099925..1b1ea9f70 100644
--- a/apps/www/app/(home)/page.tsx
+++ b/apps/www/app/(home)/page.tsx
@@ -12,7 +12,7 @@ import {
 
 export const metadata: Metadata = {
 	title: "ArkEnv",
-	description: "Typesafe environment variables powered by ArkType ⛵️",
+	description: "Environment variable validation from editor to runtime",
 };
 
 export default function HomePage() {
@@ -37,7 +37,7 @@ export default function HomePage() {
 							than sorry
 						</div>
 						<div className="text-xl md:text-2xl mt-4 text-gray-600 dark:text-gray-400">
-							Typesafe environment variables from editor to runtime
+							Environment variable validation from editor to runtime
 						</div>
 					</h1>
 					<CompatibilityRails />
@@ -58,7 +58,7 @@ export default function HomePage() {
 			{/* Homepage Footer with Fade Gradient and Stylized Separator */}
 			<div className="w-full relative mt-32">
 				{/* Background fade gradient */}
-				<div className="absolute inset-0 bg-linear-to-b from-transparent to-gray-200/50 dark:to-black/80 -z-10" />
+				<div className="absolute inset-0 bg-linear-to-b from-transparent to-gray-200/90 dark:to-black/80 -z-10" />
 
 				{/* Stylized Divider: ----------(space)(icon)(space)---------- */}
 				<div className="flex items-center w-full max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-12">
@@ -70,7 +70,7 @@ export default function HomePage() {
 								alt="ArkEnv"
 								width={22}
 								height={22}
-								className="opacity-40 grayscale brightness-0 dark:brightness-200 group-hover:opacity-100 group-hover:grayscale-0 group-hover:brightness-100 transition-all duration-500"
+								className="opacity-80 grayscale brightness-0 dark:brightness-0 dark:invert group-hover:opacity-100 group-hover:grayscale-0 group-hover:brightness-100 group-hover:dark:invert-0 transition-all duration-500"
 							/>
 							<div className="absolute inset-0 bg-blue-500/10 blur-xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-700" />
 						</div>
@@ -81,7 +81,7 @@ export default function HomePage() {
 				<footer className="relative z-20">
 					<div className="max-w-screen-2xl mx-auto py-14 px-4 sm:px-6 lg:px-12 flex flex-col items-center text-center gap-4">
 						<div className="text-sm text-gray-500 dark:text-gray-400 font-medium tracking-wide">
-							❤️ Proud member of the{" "}
+							Proud part of the{" "}
 							<a
 								href="https://arktype.io/docs/ecosystem#arkenv"
 								target="_blank"
@@ -91,13 +91,9 @@ export default function HomePage() {
 								ArkType ecosystem
 							</a>
 						</div>
-						<div className="flex flex-col gap-1.5 items-center">
-							<div className="text-xs uppercase tracking-[0.25em] text-gray-400 dark:text-gray-500 font-bold">
-								Released under the MIT License
-							</div>
-							<div className="text-xs text-gray-400 sm:text-gray-400/80 dark:text-gray-500/80">
-								Copyright © 2025 Yam Borodetsky
-							</div>
+						<div className="flex flex-col gap-1.5 items-center text-gray-500 dark:text-gray-500 text-sm">
+							<div>Released under the MIT License</div>
+							<div>Copyright © 2025 Yam Borodetsky</div>
 						</div>
 					</div>
 				</footer>
diff --git a/packages/arkenv/README.md b/packages/arkenv/README.md
index 1e752ca33..32a43dc8a 100644
--- a/packages/arkenv/README.md
+++ b/packages/arkenv/README.md
@@ -13,7 +13,7 @@
     <a href="https://discord.gg/zAmUyuxXH9"><img alt="Chat on Discord" src="https://img.shields.io/discord/957797212103016458?label=Chat&color=5865f4&logo=discord&labelColor=121214"></a>
   </div>
 </p>
-<h3 align="center">Proud member of the <a href="https://arktype.io/docs/ecosystem#arkenv">ArkType ecosystem</a></h3>
+<h3 align="center">Proud part of the <a href="https://arktype.io/docs/ecosystem#arkenv">ArkType ecosystem</a></h3>
 
 <p align="center">
   <img alt="ArkEnv Demo" src="https://arkenv.js.org/assets/demo.gif" />
diff --git a/packages/arkenv/src/index.ts b/packages/arkenv/src/index.ts
index 5aae01874..3fc5871a0 100644
--- a/packages/arkenv/src/index.ts
+++ b/packages/arkenv/src/index.ts
@@ -5,7 +5,7 @@ import { createEnv } from "./create-env";
 /**
  * `arkenv`'s main export, an alias for {@link createEnv}
  *
- * {@link https://arkenv.js.org | ArkEnv} is a typesafe environment variables parser powered by {@link https://arktype.io | ArkType}, TypeScript's 1:1 validator.
+ * {@link https://arkenv.js.org | ArkEnv} is a typesafe environment variables validator from editor to runtime.
  */
 const arkenv = createEnv;
 export default arkenv;
diff --git a/tooling/playwright-www/tests/homepage.test.ts b/tooling/playwright-www/tests/homepage.test.ts
index 723c487b8..af203457d 100644
--- a/tooling/playwright-www/tests/homepage.test.ts
+++ b/tooling/playwright-www/tests/homepage.test.ts
@@ -15,7 +15,7 @@ test.describe("Homepage", () => {
 		const metaDescription = page.locator('meta[name="description"]');
 		await expect(metaDescription).toHaveAttribute(
 			"content",
-			"Typesafe environment variables powered by ArkType ⛵️",
+			"Environment variable validation from editor to runtime",
 		);
 	});
 
@@ -31,7 +31,7 @@ test.describe("Homepage", () => {
 		// Check description text
 		await expect(
 			page.locator(
-				"text=Typesafe environment variables from editor to runtime",
+				"text=Environment variable validation from editor to runtime",
 			),
 		).toBeVisible();
 	});

From d76541512a0ac1f282e75c5bac43346137ea94e2 Mon Sep 17 00:00:00 2001
From: Yam C Borodetsky <yam@yam.codes>
Date: Sat, 27 Dec 2025 19:13:54 +0500
Subject: [PATCH 5/8] fix: Improve image accessibility by marking it as
 decorative on the home page.

---
 apps/www/app/(home)/page.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/www/app/(home)/page.tsx b/apps/www/app/(home)/page.tsx
index 1b1ea9f70..d4a88771b 100644
--- a/apps/www/app/(home)/page.tsx
+++ b/apps/www/app/(home)/page.tsx
@@ -67,7 +67,8 @@ export default function HomePage() {
 						<div className="relative group">
 							<Image
 								src="/assets/icon.svg"
-								alt="ArkEnv"
+								alt=""
+								aria-hidden="true"
 								width={22}
 								height={22}
 								className="opacity-80 grayscale brightness-0 dark:brightness-0 dark:invert group-hover:opacity-100 group-hover:grayscale-0 group-hover:brightness-100 group-hover:dark:invert-0 transition-all duration-500"

From 8ea92639f59b0d4e9c78d6880e8ba42e3d26fb2d Mon Sep 17 00:00:00 2001
From: Yam C Borodetsky <yam@yam.codes>
Date: Sat, 27 Dec 2025 19:14:33 +0500
Subject: [PATCH 6/8] test: add Playwright test for homepage footer content,
 links, and decorative icon

---
 tooling/playwright-www/tests/homepage.test.ts | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/tooling/playwright-www/tests/homepage.test.ts b/tooling/playwright-www/tests/homepage.test.ts
index af203457d..548b84bdb 100644
--- a/tooling/playwright-www/tests/homepage.test.ts
+++ b/tooling/playwright-www/tests/homepage.test.ts
@@ -203,6 +203,35 @@ test.describe("Homepage", () => {
 		await expect(mobileStarButton).not.toBeVisible();
 	});
 
+	test("should display footer with ecosystem link and license info", async ({
+		page,
+	}) => {
+		await page.goto("/");
+		await page.waitForLoadState("networkidle");
+
+		const footer = page.locator("footer");
+		await expect(footer).toBeVisible();
+
+		// Check ecosystem link
+		const ecosystemLink = footer.locator(
+			"a[href*='arktype.io/docs/ecosystem']",
+		);
+		await expect(ecosystemLink).toBeVisible();
+		await expect(ecosystemLink).toContainText("ArkType ecosystem");
+		await expect(ecosystemLink).toHaveAttribute("target", "_blank");
+		await expect(ecosystemLink).toHaveAttribute("rel", "noopener noreferrer");
+
+		// Check license and copyright info
+		await expect(footer).toContainText("Released under the MIT License");
+		await expect(footer).toContainText("Copyright © 2025 Yam Borodetsky");
+
+		// Check decorative icon in divider (accessibility)
+		const footerSection = page.locator("div.w-full.relative.mt-32");
+		const separatorIcon = footerSection.locator("img");
+		await expect(separatorIcon).toHaveAttribute("alt", "");
+		await expect(separatorIcon).toHaveAttribute("aria-hidden", "true");
+	});
+
 	test("should not have console errors", async ({ page }) => {
 		await assertNoConsoleErrors(page, "/");
 	});

From 7f55f946e9b4a8390cad960e5ca3c6ae57ce4543 Mon Sep 17 00:00:00 2001
From: Yam C Borodetsky <yam@yam.codes>
Date: Sat, 27 Dec 2025 19:18:17 +0500
Subject: [PATCH 7/8] feat: Add `aria-hidden` attributes to decorative homepage
 elements and create a test run results file.

---
 apps/www/app/(home)/page.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/www/app/(home)/page.tsx b/apps/www/app/(home)/page.tsx
index d4a88771b..7bd815939 100644
--- a/apps/www/app/(home)/page.tsx
+++ b/apps/www/app/(home)/page.tsx
@@ -58,13 +58,16 @@ export default function HomePage() {
 			{/* Homepage Footer with Fade Gradient and Stylized Separator */}
 			<div className="w-full relative mt-32">
 				{/* Background fade gradient */}
-				<div className="absolute inset-0 bg-linear-to-b from-transparent to-gray-200/90 dark:to-black/80 -z-10" />
+				<div
+					className="absolute inset-0 bg-linear-to-b from-transparent to-gray-200/90 dark:to-black/80 -z-10"
+					aria-hidden="true"
+				/>
 
 				{/* Stylized Divider: ----------(space)(icon)(space)---------- */}
 				<div className="flex items-center w-full max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-12">
 					<div className="h-px flex-1 bg-linear-to-r from-transparent via-gray-500/10 to-gray-500/30 dark:via-blue-500/10 dark:to-blue-500/30" />
 					<div className="px-6 flex items-center justify-center">
-						<div className="relative group">
+						<div className="relative group" aria-hidden="true">
 							<Image
 								src="/assets/icon.svg"
 								alt=""
@@ -73,7 +76,10 @@ export default function HomePage() {
 								height={22}
 								className="opacity-80 grayscale brightness-0 dark:brightness-0 dark:invert group-hover:opacity-100 group-hover:grayscale-0 group-hover:brightness-100 group-hover:dark:invert-0 transition-all duration-500"
 							/>
-							<div className="absolute inset-0 bg-blue-500/10 blur-xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-700" />
+							<div
+								className="absolute inset-0 bg-blue-500/10 blur-xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-700"
+								aria-hidden="true"
+							/>
 						</div>
 					</div>
 					<div className="h-px flex-1 bg-linear-to-l from-transparent via-gray-500/10 to-gray-500/30 dark:via-blue-500/10 dark:to-blue-500/30" />

From d8a7e4751ed266072b2711aca59a1705c30c161c Mon Sep 17 00:00:00 2001
From: Yam C Borodetsky <yam@yam.codes>
Date: Sat, 27 Dec 2025 19:23:46 +0500
Subject: [PATCH 8/8] refactor: move stylized divider component into the footer
 element

---
 apps/www/app/(home)/page.tsx                  | 40 +++++++++----------
 tooling/playwright-www/tests/homepage.test.ts |  5 +--
 2 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/apps/www/app/(home)/page.tsx b/apps/www/app/(home)/page.tsx
index 7bd815939..41027229a 100644
--- a/apps/www/app/(home)/page.tsx
+++ b/apps/www/app/(home)/page.tsx
@@ -63,29 +63,29 @@ export default function HomePage() {
 					aria-hidden="true"
 				/>
 
-				{/* Stylized Divider: ----------(space)(icon)(space)---------- */}
-				<div className="flex items-center w-full max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-12">
-					<div className="h-px flex-1 bg-linear-to-r from-transparent via-gray-500/10 to-gray-500/30 dark:via-blue-500/10 dark:to-blue-500/30" />
-					<div className="px-6 flex items-center justify-center">
-						<div className="relative group" aria-hidden="true">
-							<Image
-								src="/assets/icon.svg"
-								alt=""
-								aria-hidden="true"
-								width={22}
-								height={22}
-								className="opacity-80 grayscale brightness-0 dark:brightness-0 dark:invert group-hover:opacity-100 group-hover:grayscale-0 group-hover:brightness-100 group-hover:dark:invert-0 transition-all duration-500"
-							/>
-							<div
-								className="absolute inset-0 bg-blue-500/10 blur-xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-700"
-								aria-hidden="true"
-							/>
+				<footer className="relative z-20">
+					{/* Stylized Divider: ----------(space)(icon)(space)---------- */}
+					<div className="flex items-center w-full max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-12">
+						<div className="h-px flex-1 bg-linear-to-r from-transparent via-gray-500/10 to-gray-500/30 dark:via-blue-500/10 dark:to-blue-500/30" />
+						<div className="px-6 flex items-center justify-center">
+							<div className="relative group" aria-hidden="true">
+								<Image
+									src="/assets/icon.svg"
+									alt=""
+									aria-hidden="true"
+									width={22}
+									height={22}
+									className="opacity-80 grayscale brightness-0 dark:brightness-0 dark:invert group-hover:opacity-100 group-hover:grayscale-0 group-hover:brightness-100 group-hover:dark:invert-0 transition-all duration-500"
+								/>
+								<div
+									className="absolute inset-0 bg-blue-500/10 blur-xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-700"
+									aria-hidden="true"
+								/>
+							</div>
 						</div>
+						<div className="h-px flex-1 bg-linear-to-l from-transparent via-gray-500/10 to-gray-500/30 dark:via-blue-500/10 dark:to-blue-500/30" />
 					</div>
-					<div className="h-px flex-1 bg-linear-to-l from-transparent via-gray-500/10 to-gray-500/30 dark:via-blue-500/10 dark:to-blue-500/30" />
-				</div>
 
-				<footer className="relative z-20">
 					<div className="max-w-screen-2xl mx-auto py-14 px-4 sm:px-6 lg:px-12 flex flex-col items-center text-center gap-4">
 						<div className="text-sm text-gray-500 dark:text-gray-400 font-medium tracking-wide">
 							Proud part of the{" "}
diff --git a/tooling/playwright-www/tests/homepage.test.ts b/tooling/playwright-www/tests/homepage.test.ts
index 548b84bdb..fb4a546fe 100644
--- a/tooling/playwright-www/tests/homepage.test.ts
+++ b/tooling/playwright-www/tests/homepage.test.ts
@@ -225,9 +225,8 @@ test.describe("Homepage", () => {
 		await expect(footer).toContainText("Released under the MIT License");
 		await expect(footer).toContainText("Copyright © 2025 Yam Borodetsky");
 
-		// Check decorative icon in divider (accessibility)
-		const footerSection = page.locator("div.w-full.relative.mt-32");
-		const separatorIcon = footerSection.locator("img");
+		// Check decorative icon has proper accessibility attributes
+		const separatorIcon = footer.locator("img[aria-hidden='true']");
 		await expect(separatorIcon).toHaveAttribute("alt", "");
 		await expect(separatorIcon).toHaveAttribute("aria-hidden", "true");
 	});