New website spring 2026

package.json

@@ -37,7 +37,7 @@
 		"@tanstack/react-query": "^5.66.0",
 		"@types/luxon": "^3.3.2",
 		"@types/node": "^24.1.0",
-		"@types/react": "19.2.9",
+		"@types/react": "19.2.10",
 		"@types/react-dom": "19.2.3",
 		"@vercel/analytics": "^1.5.0",
 		"@vercel/speed-insights": "^1.2.0",
@@ -46,7 +46,7 @@
 		"clsx": "^2.1.1",
 		"cmdk": "^1.1.1",
 		"eslint": "9.39.2",
-		"eslint-config-next": "16.1.4",
+		"eslint-config-next": "16.1.6",
 		"firebase": "^12.0.0",
 		"form-data": "^4.0.0",
 		"framer-motion": "^12.0.0",
@@ -55,7 +55,7 @@
 		"lint-staged": "^16.0.0",
 		"lucide-react": "^0.563.0",
 		"luxon": "^3.4.2",
-		"next": "16.1.4",
+		"next": "16.1.6",
 		"posthog-js": "^1.257.0",
 		"posthog-node": "^5.5.1",
 		"prettier": "^3.3.3",

src/app/(default)/account-deletion/page.tsx

@@ -12,7 +12,10 @@ const AccountDeletionPolicy = () => {
 	];
 
 	return (
-		<div className="min-h-screen py-8 px-4 sm:px-6 lg:px-8 bg-transparent">
+		<div
+			className="min-h-screen py-8 px-4 sm:px-6 lg:px-8"
+			style={{ backgroundColor: "#4d1170" }}
+		>
 			<div className="max-w-3xl mx-auto">
 				{/* Header */}
 				<div className="text-center mb-8">

src/app/(default)/expo/page.tsx

@@ -70,7 +70,10 @@ export default function ExpoPage() {
 
 	if (error) {
 		return (
-			<div className="min-h-screen bg-transparent py-8 px-4">
+			<div
+				className="min-h-screen py-8 px-4"
+				style={{ backgroundColor: "#4d1170" }}
+			>
 				<div className="mx-auto max-w-6xl">
 					<Card className="border-red-500">
 						<CardContent className="py-6">
@@ -86,7 +89,10 @@ export default function ExpoPage() {
 	}
 
 	return (
-		<div className="min-h-screen bg-transparent py-8 px-4">
+		<div
+			className="min-h-screen py-8 px-4"
+			style={{ backgroundColor: "#4d1170" }}
+		>
 			<div className="mx-auto max-w-6xl space-y-6">
 				<Card className="border-2 border-red-500 bg-gradient-to-r from-slate-900 to-slate-800 text-white">
 					<CardHeader className="text-center">

src/app/(default)/map/page.tsx

@@ -2,7 +2,11 @@ import VenueMap from "@/components/VenueMap";
 import React from "react";
 
 const mapPage = () => {
-	return <VenueMap />;
+	return (
+		<div style={{ backgroundColor: "#4d1170" }} className="min-h-screen">
+			<VenueMap />
+		</div>
+	);
 };
 
 export default mapPage;

src/app/(default)/organizer-application/page.tsx

@@ -421,7 +421,10 @@ export default function OrganizerApplicationPage() {
 	return (
 		<>
 			<Toaster richColors />
-			<div className="text-foreground min-h-screen bg-transparent">
+			<div
+				className="text-foreground min-h-screen"
+				style={{ backgroundColor: "#4d1170" }}
+			>
 				<div className="flex-1 p-4 sm:p-6 lg:p-8">
 					<div className="max-w-3xl mx-auto">
 						<header className="text-center mb-8 mt-8">

src/app/(default)/privacy/page.tsx

@@ -17,7 +17,10 @@ const PrivacyPolicy = () => {
 	];
 
 	return (
-		<div className="min-h-screen py-8 px-4 sm:px-6 lg:px-8 bg-transparent">
+		<div
+			className="min-h-screen py-8 px-4 sm:px-6 lg:px-8"
+			style={{ backgroundColor: "#4d1170" }}
+		>
 			<div className="max-w-4xl mx-auto">
 				{/* Header */}
 				<div className="text-center mb-8">

src/app/(default)/travel/page.tsx

@@ -49,7 +49,10 @@ const TravelReimbursementPolicy = () => {
 	];
 
 	return (
-		<div className="min-h-screen py-8 px-4 sm:px-6 lg:px-8 bg-transparent">
+		<div
+			className="min-h-screen py-8 px-4 sm:px-6 lg:px-8"
+			style={{ backgroundColor: "#4d1170" }}
+		>
 			<div className="max-w-4xl mx-auto">
 				{/* Header */}
 				<div className="text-center mb-8">

src/app/(protected)/extra-credit/page.tsx

@@ -96,7 +96,10 @@ export default function ExtraCredit() {
 	}
 
 	return (
-		<div className="min-h-screen bg-transparent py-8 px-4">
+		<div
+			className="min-h-screen py-8 px-4"
+			style={{ backgroundColor: "#4d1170" }}
+		>
 			<div className="mx-auto max-w-4xl space-y-6">
 				<Button
 					variant="ghost"

src/app/(protected)/photos/page.tsx

@@ -93,7 +93,10 @@ export default function PhotosPage() {
 	return (
 		<>
 			<Toaster richColors />
-			<div className="min-h-screen py-8 md:py-12">
+			<div
+				className="min-h-screen py-8 md:py-12"
+				style={{ backgroundColor: "#4d1170" }}
+			>
 				<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 					{/* Header */}
 					<div className="mb-10">

src/app/(protected)/profile/page.tsx

@@ -313,10 +313,19 @@ export default function Profile() {
 	}
 
 	return (
-		<div className="min-h-screen bg-transparent py-8 px-4">
+		<div
+			className="min-h-screen py-8 px-4"
+			style={{ backgroundColor: "#4d1170" }}
+		>
 			<div className="mx-auto max-w-4xl space-y-6">
 				{/* Profile Header */}
-				<Card className="border-2 border-red-500 bg-gradient-to-r from-slate-900 to-slate-800 text-white">
+				<Card
+					className="border-4 border-[#ff88e9ff] bg-gradient-to-r from-slate-900 to-slate-800 text-white"
+					style={{
+						boxShadow:
+							"0 -6px 10px #ff88e9cc, 0 6px 10px #ff88e9cc, inset 0 -10px 10px rgba(255, 136, 233, 0.1), inset 0 10px 10px rgba(255, 136, 233, 0.1)",
+					}}
+				>
 					<CardHeader className="text-center">
 						<div className="flex justify-center mb-4">
 							<Avatar className="h-24 w-24">
@@ -355,49 +364,52 @@ export default function Profile() {
 				</Card>
 
 				{/* QR Code Section */}
-				<Card>
-					<CardHeader>
-						<CardTitle className="flex items-center space-x-2">
-							<QrCode className="h-6 w-6" />
-							<span>Check-in QR Code</span>
-						</CardTitle>
-						<CardDescription>
-							Use this QR code to sign in for hackathons and workshops
-						</CardDescription>
-					</CardHeader>
-					<CardContent className="space-y-4">
-						<Button
-							onClick={toggleQRCode}
-							variant="outline"
-							className="w-full bg-transparent"
-							size="lg"
-						>
-							{showQRCode ? (
-								<>
-									<EyeOff className="mr-2 h-4 w-4" />
-									Hide QR Code
-								</>
-							) : (
-								<>
-									<Eye className="mr-2 h-4 w-4" />
-									Show QR Code
-								</>
-							)}
-						</Button>
+				{(userData?.registration as any)?.application_status ===
+					"confirmed" && (
+					<Card>
+						<CardHeader>
+							<CardTitle className="flex items-center space-x-2">
+								<QrCode className="h-6 w-6" />
+								<span>Check-in QR Code</span>
+							</CardTitle>
+							<CardDescription>
+								Use this QR code to sign in for hackathons and workshops
+							</CardDescription>
+						</CardHeader>
+						<CardContent className="space-y-4">
+							<Button
+								onClick={toggleQRCode}
+								variant="outline"
+								className="w-full bg-transparent"
+								size="lg"
+							>
+								{showQRCode ? (
+									<>
+										<EyeOff className="mr-2 h-4 w-4" />
+										Hide QR Code
+									</>
+								) : (
+									<>
+										<Eye className="mr-2 h-4 w-4" />
+										Show QR Code
+									</>
+								)}
+							</Button>
 
-						{showQRCode && (
-							<div className="flex justify-center">
-								<div className="bg-white p-4 rounded-lg shadow-lg">
-									<QRCode
-										value={`HACKPSU_${user.uid}`}
-										size={Math.min(300, window.innerWidth - 120)}
-										level="H"
-									/>
+							{showQRCode && (
+								<div className="flex justify-center">
+									<div className="bg-white p-4 rounded-lg shadow-lg">
+										<QRCode
+											value={`HACKPSU_${user.uid}`}
+											size={Math.min(300, window.innerWidth - 120)}
+											level="H"
+										/>
+									</div>
 								</div>
-							</div>
-						)}
-					</CardContent>
-				</Card>
+							)}
+						</CardContent>
+					</Card>
+				)}
 
 				{/* Wallet Integration */}
 				<Card>

src/app/(protected)/project/page.tsx

@@ -248,7 +248,10 @@ export default function Project() {
 
 	if (!userTeam) {
 		return (
-			<div className="min-h-screen bg-transparent py-8 px-4">
+			<div
+				className="min-h-screen py-8 px-4"
+				style={{ backgroundColor: "#4d1170" }}
+			>
 				<div className="mx-auto max-w-4xl space-y-6">
 					<Card className="border-2 border-red-500 bg-gradient-to-r from-slate-900 to-slate-800 text-white">
 						<CardHeader className="text-center">

src/app/(protected)/register/page.tsx

@@ -56,6 +56,11 @@ type FormData = Omit<UserEntity, "id" | "email" | "resume"> &
 		| "shareAddressSponsors"
 		| "driving"
 		| "shareAddressMlh"
+		| "application_status"
+		| "accepted_at"
+		| "rsvp_deadline"
+		| "rsvp_at"
+		| "accepted_by"
 	> & {
 		resume: File | null;
 		hasDietaryRestrictions: boolean;
@@ -137,6 +142,7 @@ export default function RegistrationPage() {
 		travel_cost: 0,
 		travel_method: "",
 		travel_additional: "",
+
 	});
 
 	const [races, setRaces] = useState<string[]>([]);
@@ -455,7 +461,10 @@ export default function RegistrationPage() {
 	return (
 		<>
 			<Toaster richColors />
-			<div className="text-foreground min-h-screen bg-transparent">
+			<div
+				className="text-foreground min-h-screen"
+				style={{ backgroundColor: "#4d1170" }}
+			>
 				<div className="flex">
 					{/* Sidebar - Hidden on mobile, floating and vertically centered */}
 					<div className="hidden xl:block fixed left-4 top-1/2 -translate-y-1/2 w-80 bg-background/95 backdrop-blur-sm border rounded-lg shadow-lg p-6 z-40 max-h-[80vh] overflow-y-auto">
@@ -512,14 +521,14 @@ export default function RegistrationPage() {
 					<div className="flex-1 lg:ml-8 p-4 sm:p-6 lg:p-8">
 						<div className="max-w-3xl mx-auto">
 							<header className="text-center mb-8">
-								<h1 className="text-4xl font-bold tracking-tight text-primary">
+								<h1 className="text-4xl font-bold tracking-tight text-primary text-white">
 									Register for our {hackathon?.name} hackathon
 								</h1>
-								<p className="text-muted-foreground mt-2">
+								<p className="text-muted-foreground mt-2 text-[#c4c4c4]">
 									Feel free to reach out to us at{" "}
 									<a
 										href="mailto:technology@hackpsu.org"
-										className="text-primary underline"
+										className="text-primary underline text-[#d468d4]"
 									>
 										<span className="">technology@hackpsu.org</span>
 									</a>{" "}

src/app/(protected)/reimbursements/page.tsx

@@ -445,7 +445,10 @@ export default function ReimbursementPage() {
 	// Show loading state while flag is being fetched
 	if (flagLoading) {
 		return (
-			<div className="min-h-screen flex items-center justify-center bg-transparent">
+			<div
+				className="min-h-screen flex items-center justify-center"
+				style={{ backgroundColor: "#4d1170" }}
+			>
 				<Container maxWidth="md">
 					<Card className="bg-white shadow-lg rounded-lg overflow-hidden">
 						<CardContent className="p-8 text-center">
@@ -464,7 +467,10 @@ export default function ReimbursementPage() {
 		participantReimbursementFlag?.isEnabled ?? false;
 
 	return (
-		<div className="min-h-screen flex items-center justify-center bg-transparent">
+		<div
+			className="min-h-screen flex items-center justify-center"
+			style={{ backgroundColor: "#4d1170" }}
+		>
 			<Container maxWidth="md">
 				<Card className="bg-white shadow-lg rounded-lg overflow-hidden">
 					<CardContent className="p-8">

src/app/(protected)/reservation/page.tsx

@@ -2,7 +2,11 @@ import ReservationSystem from "@/components/ReservationSystem";
 import React from "react";
 
 const ReservationPage = () => {
-	return <ReservationSystem />;
+	return (
+		<div style={{ backgroundColor: "#4d1170" }} className="min-h-screen">
+			<ReservationSystem />
+		</div>
+	);
 };
 
 export default ReservationPage;

src/app/(protected)/team/page.tsx

@@ -304,7 +304,10 @@ export default function Team() {
 	}
 
 	return (
-		<div className="min-h-screen bg-transparent py-8 px-4">
+		<div
+			className="min-h-screen py-8 px-4"
+			style={{ backgroundColor: "#4d1170" }}
+		>
 			<div className="mx-auto max-w-4xl space-y-6">
 				{/* Team Header */}
 				<Card className="border-2 border-red-500 bg-gradient-to-r from-slate-900 to-slate-800 text-white">

src/app/layout.tsx

@@ -44,7 +44,7 @@ export const metadata: Metadata = {
 			"Join HackPSU Spring 2026 at Penn State University for 24 hours of innovation, coding, and collaboration. Open to all skill levels with workshops, mentorship, and amazing prizes.",
 		images: [
 			{
-				url: "/logo.svg",
+				url: "/logo.png",
 				alt: "HackPSU Spring 2026 Logo",
 			},
 		],