diff --git a/app/globals.css b/app/globals.css index 7bf348c4..677d4b7b 100644 --- a/app/globals.css +++ b/app/globals.css @@ -173,4 +173,4 @@ } .star-field .layer:nth-child(3) { animation: sf-fly-by-3 5s linear infinite; -} +} \ No newline at end of file diff --git a/components/about-us.tsx b/components/about-us.tsx index f9fe01c5..c17a611c 100644 --- a/components/about-us.tsx +++ b/components/about-us.tsx @@ -4,10 +4,13 @@ export default function AboutUs() { return (
+ {/* Left Column */}
-

About HackRPI

+

+ About HackRPI +

@@ -20,6 +23,7 @@ export default function AboutUs() { . After submitting their projects, participants demonstrate their projects in front of a panel of professors, industry professionals, and fellow students.

+

Retro vs. Modern: @@ -28,6 +32,7 @@ export default function AboutUs() { explore the contrasts and possibilities between the past and the future. Join us in shaping the future through a creative lens that honors the old while embracing the new.

+

Our goal is to inspire and challenge innovators, creators, developers, and entrepreneurs in New York's Tech Valley and beyond. All students from all schools are welcome to participate, regardless of their major @@ -37,15 +42,20 @@ export default function AboutUs() {

+ {/* Right Column */}
+ {/* Registration Banner */}
- REGISTER NOW! REGISTER NOW! REGISTER NOW! REGISTER NOW! REGISTER NOW! REGISTER NOW! REGISTER NOW! + REGISTER NOW!
-
+ + {/* Event Info Box */} +
+

When & Where{" "}

-
-
+ +
+

November 15-16, 2025

@@ -70,9 +81,6 @@ export default function AboutUs() { Darrin Communications Center

-
- -
diff --git a/components/title-components/desktop-title.tsx b/components/title-components/desktop-title.tsx index 9e4b90df..5e60f977 100644 --- a/components/title-components/desktop-title.tsx +++ b/components/title-components/desktop-title.tsx @@ -2,52 +2,48 @@ import TitleText from "./title-text"; import Image from "next/image"; -import RegistrationButton from "@/components/themed-components/registration-link"; +import RegistrationLink from "@/components/themed-components/registration-link"; export default function DesktopTitleComponent() { return (
{/* Background image */} -
+
{/* Starfield */} -
+
{/* Foreground content */} -
+
+ {/* Registration button (clickable now) */} +
+ +
+ {/* Bottom-right SVG */}
Skyline Tri
- - {/* Registration button */} -
- -
); } - - - - diff --git a/components/title-components/mobile-title-text.tsx b/components/title-components/mobile-title-text.tsx new file mode 100644 index 00000000..76dea311 --- /dev/null +++ b/components/title-components/mobile-title-text.tsx @@ -0,0 +1,96 @@ +"use client"; + +import { useState, useEffect } from "react"; +import RegistrationButton from "@/components/themed-components/registration-link"; +import InteractiveNavigationMap from "../interactive-map/interactive-map"; +import Image from "next/image"; + +export default function TitleText() { + const fullText = "HACK\u00A0\u00A0\u00A0RPI"; + const [displayedText, setDisplayedText] = useState(""); + const [isDeleting, setIsDeleting] = useState(false); + const [index, setIndex] = useState(0); + + useEffect(() => { + const typingSpeed = isDeleting ? 100 : 150; + + const handleTyping = setTimeout(() => { + if (!isDeleting) { + if (index < fullText.length) { + setDisplayedText((prev) => prev + fullText[index]); + setIndex((prev) => prev + 1); + } else { + return; + } + } else { + if (index > 0) { + setDisplayedText((prev) => prev.slice(0, -1)); + setIndex((prev) => prev - 1); + } else { + setIsDeleting(false); + } + } + }, typingSpeed); + + return () => clearTimeout(handleTyping); + }, [index, isDeleting]); + + return ( +
+ {/* Left side: Box with image */} +
+ {/* Make image smaller */} +
+ Cityscape Retro Modern +
+ + {/* Overlayed typing text */} +

+ {displayedText} + | +

+ +

+ {displayedText} + | +

+ +

+ {displayedText} + | +

+ +

+ + November 15-16, 2025 • Troy, NY + +

+

+ + Retro V. Modern + +

+
+
+ ); +} diff --git a/components/title-components/mobile-title.tsx b/components/title-components/mobile-title.tsx index 173db1aa..18f9a323 100644 --- a/components/title-components/mobile-title.tsx +++ b/components/title-components/mobile-title.tsx @@ -1,12 +1,21 @@ "use client"; -import TitleText from "./title-text"; +import TitleText from "./mobile-title-text"; +import InteractiveNavigationMap from "../interactive-map/interactive-map"; +import RegistrationButton from "@/components/themed-components/registration-link"; export default function MobileTitleComponent() { - return ( -
-
- -
- ); + return ( +
+ {/* Skyline box / main title */} +
+ +
+ + {/* Registration button below everything */} +
+ +
+
+ ); } diff --git a/public/base_cursor.png b/public/base_cursor.png new file mode 100644 index 00000000..eded9c38 Binary files /dev/null and b/public/base_cursor.png differ