From 3f2a0b650dc8bd777abb56611e1a1b9087bf0fc4 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 28 Aug 2026 04:21:11 +0000
Subject: [PATCH] Lock Hacklytics Notify me to the portal handoff and a sharp
 cyan CTA.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Every Notify me still opens INTEREST_URL (login → /hacklytics). The shared
pixel-btn drops the 28px glow so the control reads as a cyan rectangle with
black type. Hero copy states the site has no form.

Co-authored-by: Aamogh <aamoghS@users.noreply.github.com>
---
 sites/hacklytics2027/app/globals.css       | 24 ++++++++++++----
 sites/hacklytics2027/app/page.tsx          | 32 ++++++++++++----------
 sites/hacklytics2027/components/Navbar.tsx |  4 ++-
 sites/hacklytics2027/lib/links.ts          |  4 +++
 4 files changed, 43 insertions(+), 21 deletions(-)

diff --git a/sites/hacklytics2027/app/globals.css b/sites/hacklytics2027/app/globals.css
index 4753052c..2cbdc98a 100644
--- a/sites/hacklytics2027/app/globals.css
+++ b/sites/hacklytics2027/app/globals.css
@@ -190,20 +190,32 @@ body {
 .pixel-lime:hover   { --pixel-edge: rgba(200, 255, 0, 0.9);   --pixel-glow: rgba(200, 255, 0, 0.4); }
 .pixel-purple:hover { --pixel-edge: rgba(155, 0, 255, 0.95);  --pixel-glow: rgba(155, 0, 255, 0.45); }
 
-/* Solid neon slab button — chunky, no radius, steps() so it feels 8-bit */
+/* Solid cyan slab — sharp rectangle, hard pixel edge, no bloom.
+   Glow stays on the brightest sprites, not on every CTA. */
 .pixel-btn {
   position: relative;
+  border: 0;
   border-radius: 0;
   background: var(--btn-bg, #00e5ff);
   color: #04040a;
+  font-weight: 700;
+  text-decoration: none;
   box-shadow:
-    0 -4px 0 0 rgba(255, 255, 255, 0.35),
-    0  4px 0 0 rgba(0, 0, 0, 0.6),
-    0 0 28px var(--btn-glow, rgba(0, 229, 255, 0.5));
+    0 -3px 0 0 rgba(255, 255, 255, 0.28),
+    0  3px 0 0 rgba(0, 0, 0, 0.75);
   transition: transform 120ms steps(2), box-shadow 160ms steps(2), filter 160ms linear;
 }
-.pixel-btn:hover { transform: translateY(-2px); filter: brightness(1.12); }
-.pixel-btn:active { transform: translateY(2px); }
+.pixel-btn:hover { transform: translateY(-2px); filter: brightness(1.08); }
+.pixel-btn:active {
+  transform: translateY(2px);
+  box-shadow:
+    0 -1px 0 0 rgba(255, 255, 255, 0.2),
+    0  1px 0 0 rgba(0, 0, 0, 0.8);
+}
+.pixel-btn:focus-visible {
+  outline: 2px solid #f0f0f2;
+  outline-offset: 3px;
+}
 
 /* Neon text glow, tuned per accent */
 .neon-cyan   { color: #00e5ff; text-shadow: 0 0 8px rgba(0, 229, 255, 0.65), 0 0 22px rgba(0, 229, 255, 0.35); }
diff --git a/sites/hacklytics2027/app/page.tsx b/sites/hacklytics2027/app/page.tsx
index 6aca16b3..f135b41f 100644
--- a/sites/hacklytics2027/app/page.tsx
+++ b/sites/hacklytics2027/app/page.tsx
@@ -4,7 +4,7 @@ import HomeSections from "@/components/HomeSections";
 import PixelGarden, { PixelGround } from "@/components/pixel/PixelGarden";
 import PixelSprite from "@/components/pixel/PixelSprite";
 import { BLOOM, DAISY, SPROUT, TULIP } from "@/components/pixel/sprites";
-import { INTEREST_URL } from "@/lib/links";
+import { INTEREST_HINT, INTEREST_URL } from "@/lib/links";
 
 // ─── Elegant Floral Background ─────────────────────────────────────────────
 const FloralBackground = () => (
@@ -171,21 +171,25 @@ export default function HomePage() {
             Join 1,000+ hackers in Atlanta, GA.
           </p>
 
-          {/* Framer-style CTA Buttons */}
+          {/* Notify me hands off to the portal. No on-site form. */}
           <div className="flex flex-col sm:flex-row items-center justify-center gap-5 w-full sm:w-auto">
-            <a
-              href={INTEREST_URL}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="pixel-btn relative inline-flex items-center justify-center px-10 py-4 font-pixel text-xs overflow-hidden group w-full sm:w-auto"
-            >
-              <span className="relative flex items-center gap-3">
-                NOTIFY ME
-                <svg className="w-4 h-4 group-hover:translate-x-1 transition-transform duration-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
-                  <path strokeLinecap="round" strokeLinejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3" />
-                </svg>
+            <span className="flex flex-col items-center sm:items-stretch gap-2.5 w-full sm:w-auto">
+              <a
+                href={INTEREST_URL}
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-describedby="notify-handoff-hint"
+                className="pixel-btn relative inline-flex items-center justify-center px-10 py-4 font-pixel text-xs w-full sm:w-auto"
+              >
+                NOTIFY ME →
+              </a>
+              <span
+                id="notify-handoff-hint"
+                className="font-sans text-[11px] leading-snug text-white/40 max-w-[18rem] text-center sm:text-left"
+              >
+                {INTEREST_HINT}
               </span>
-            </a>
+            </span>
             
             <a
               href="#about"
diff --git a/sites/hacklytics2027/components/Navbar.tsx b/sites/hacklytics2027/components/Navbar.tsx
index dfbbe57a..18f2162d 100644
--- a/sites/hacklytics2027/components/Navbar.tsx
+++ b/sites/hacklytics2027/components/Navbar.tsx
@@ -4,7 +4,7 @@ import Link from "next/link";
 import Image from "next/image";
 import PixelSprite from "./pixel/PixelSprite";
 import { SPROUT } from "./pixel/sprites";
-import { INTEREST_URL } from "@/lib/links";
+import { INTEREST_HINT, INTEREST_URL } from "@/lib/links";
 
 const navItems = [
   { name: "About",    href: "/#about" },
@@ -109,6 +109,7 @@ export default function Navbar() {
             href={INTEREST_URL}
             target="_blank"
             rel="noopener noreferrer"
+            aria-label={`Notify me. ${INTEREST_HINT}`}
             className="pixel-btn hidden md:inline-flex items-center justify-center px-6 py-2.5 font-pixel text-[10px] shrink-0"
           >
             NOTIFY ME
@@ -157,6 +158,7 @@ export default function Navbar() {
             target="_blank"
             rel="noopener noreferrer"
             onClick={() => setOpen(false)}
+            aria-label={`Notify me. ${INTEREST_HINT}`}
             className="pixel-btn flex items-center justify-center w-full font-pixel text-xs px-8 py-4"
           >
             NOTIFY ME
diff --git a/sites/hacklytics2027/lib/links.ts b/sites/hacklytics2027/lib/links.ts
index bfe7b504..3fe9b42e 100644
--- a/sites/hacklytics2027/lib/links.ts
+++ b/sites/hacklytics2027/lib/links.ts
@@ -29,3 +29,7 @@ const INTEREST_PATH = "/hacklytics";
 export const INTEREST_URL = `${PORTAL_ORIGIN}/login?callbackUrl=${encodeURIComponent(
   INTEREST_PATH,
 )}`;
+
+/** Caption next to Notify me. This marketing site has no form. */
+export const INTEREST_HINT =
+  "Opens the DS@GT portal. We don't collect emails here.";