diff --git a/sites/hacklytics2027/app/page.tsx b/sites/hacklytics2027/app/page.tsx index 91df5cd3..e983bf30 100644 --- a/sites/hacklytics2027/app/page.tsx +++ b/sites/hacklytics2027/app/page.tsx @@ -3,46 +3,12 @@ import React, { useState, useEffect, useSyncExternalStore } from "react"; 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 { DAISY, SPROUT, TULIP } from "@/components/pixel/sprites"; import { INTEREST_HINT, INTEREST_URL } from "@/lib/links"; -// ─── Elegant Floral Background ───────────────────────────────────────────── +// ─── Background: two soft color fields ──────────────────────────────────── const FloralBackground = () => (
- {/* Subtle grid base */} -
- - {/* Center digital bloom (rotating lotus). - No backdrop-blur on the petals: they sit over a near-black backdrop, so - the blur produced nothing visible while forcing 20 full-screen readbacks - per frame while rotating. Gradients alone look identical here. */} -
- {Array.from({ length: 12 }).map((_, i) => ( -
- ))} -
- - {/* Secondary Bloom */} -
- {Array.from({ length: 8 }).map((_, i) => ( -
- ))} -
- {/* Ambient light fields — static radial gradients instead of pulsing blur() layers, which re-rasterized a 50vw surface every frame. */}
= ({ targetDate }) => { const units = [ { label: "Days", value: timeLeft?.days, color: "text-white" }, - { label: "Hours", value: timeLeft?.hours, color: "text-white/80" }, - { label: "Minutes", value: timeLeft?.minutes, color: "text-white/60" }, - { label: "Seconds", value: timeLeft?.seconds, color: "text-white/40" }, + { label: "Hours", value: timeLeft?.hours, color: "text-white" }, + { label: "Minutes", value: timeLeft?.minutes, color: "text-white" }, + { label: "Seconds", value: timeLeft?.seconds, color: "text-bloom-cyan" }, ]; return (
{units.map(({ label, value, color }) => (
- + {mounted ? fmt(value) : "00"} - + {label}
@@ -109,7 +75,7 @@ const Countdown: React.FC<{ targetDate: Date }> = ({ targetDate }) => { // ─── Page ───────────────────────────────────────────────────────────────── export default function HomePage() { return ( -
+
@@ -117,9 +83,6 @@ export default function HomePage() { {/* ── HERO ── */}
- {/* Synthwave horizon grid */} - - {/* Required for the spin animation if not in tailwind config */} + {/* Hero entrance animation, not in the tailwind config */}