move to static page (general branding)

.eslintrc.json

@@ -13,6 +13,11 @@
                 "args": "after-used",
                 "argsIgnorePattern": "^_"
             }
-        ]
+        ],
+
+        // temporary! for static holdover site:
+        "@next/next/no-img-element": "off",
+        "@next/next/no-page-custom-font": "off",
+        "jsx-ally/alt-text": "off"
     }
 }

.gitignore

@@ -12,6 +12,7 @@
 # production
 /build
 .next
+.open-next
 /out
 
 

app/challenge/description/page.tsx → app.backup/challenge/description/page.tsx

@@ -1,15 +1,15 @@
 "use client";
 
-import GithubAuthPage from "@/app/register/general/formPages/GithubAuthPage";
-import NotProTrackPage from "@/app/register/general/formPages/NotProTrackPage";
-import Loading from "@/components/Loading/Loading";
+import GithubAuthPage from "@/app.backup/register/general/formPages/GithubAuthPage";
+import NotProTrackPage from "@/app.backup/register/general/formPages/NotProTrackPage";
+import Loading from "@/components.backup/Loading/Loading";
 import { useRegistrationAuth } from "@/hooks/use-registration-auth";
 import { getChallenge, submitChallenge } from "@/util/api";
 import { ChallengeStatus } from "@/util/types";
 import CHALLENGE_DESCRIPTION_BACKGROUND from "@/public/registration/backgrounds/challenge_background.svg";
 import { Box, Button, Snackbar, Typography } from "@mui/material";
 import React, { useCallback, useRef, useState, useEffect } from "react";
-import { FORCE_REGISTRATION_CLOSED } from "@/app/register/constants";
+import { FORCE_REGISTRATION_CLOSED } from "@/app.backup/register/constants";
 
 export default function ChallengeDescription() {
     const registrationAuth = useRegistrationAuth({

app/challenge/page.tsx → app.backup/challenge/page.tsx

@@ -1,6 +1,6 @@
 "use client";
-import { GradientButton } from "@/components/GradientButton/GradientButton";
-import Loading from "@/components/Loading/Loading";
+import { GradientButton } from "@/components.backup/GradientButton/GradientButton";
+import Loading from "@/components.backup/Loading/Loading";
 import { useRegistrationAuth } from "@/hooks/use-registration-auth";
 import LANDING from "@/public/registration/pro/landing.svg";
 import { Box, Typography } from "@mui/material";

app/challenge/result/failure/page.tsx → app.backup/challenge/result/failure/page.tsx

@@ -1,9 +1,9 @@
 "use client";
 
-import { FORCE_REGISTRATION_CLOSED } from "@/app/register/constants";
-import GithubAuthPage from "@/app/register/general/formPages/GithubAuthPage";
-import NotProTrackPage from "@/app/register/general/formPages/NotProTrackPage";
-import Loading from "@/components/Loading/Loading";
+import { FORCE_REGISTRATION_CLOSED } from "@/app.backup/register/constants";
+import GithubAuthPage from "@/app.backup/register/general/formPages/GithubAuthPage";
+import NotProTrackPage from "@/app.backup/register/general/formPages/NotProTrackPage";
+import Loading from "@/components.backup/Loading/Loading";
 import { useRegistrationAuth } from "@/hooks/use-registration-auth";
 import { Box, Button, Container, Typography } from "@mui/material";
 import Link from "next/link";

app/challenge/result/success/page.tsx → app.backup/challenge/result/success/page.tsx

@@ -1,17 +1,17 @@
 "use client";
 
-import GithubAuthPage from "@/app/register/general/formPages/GithubAuthPage";
-import NotProTrackPage from "@/app/register/general/formPages/NotProTrackPage";
-import { GradientButton } from "@/components/GradientButton/GradientButton";
-import Loading from "@/components/Loading/Loading";
+import GithubAuthPage from "@/app.backup/register/general/formPages/GithubAuthPage";
+import NotProTrackPage from "@/app.backup/register/general/formPages/NotProTrackPage";
+import { GradientButton } from "@/components.backup/GradientButton/GradientButton";
+import Loading from "@/components.backup/Loading/Loading";
 import { useRegistrationAuth } from "@/hooks/use-registration-auth";
 import useWindowSize from "@/hooks/use-window-size";
 import { Box, Container, Typography } from "@mui/material";
 import Image from "next/image";
 import Confetti from "react-confetti";
 import { getChallenge } from "@/util/api";
 import { useEffect, useState } from "react";
-import { FORCE_REGISTRATION_CLOSED } from "@/app/register/constants";
+import { FORCE_REGISTRATION_CLOSED } from "@/app.backup/register/constants";
 
 export default function ChallengeResult() {
     const registrationAuth = useRegistrationAuth({

app/ctf/page.tsx → app.backup/ctf/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import ErrorSnackbar from "@/components/ErrorSnackbar/ErrorSnackbar";
-import Loading from "@/components/Loading/Loading";
+import ErrorSnackbar from "@/components.backup/ErrorSnackbar/ErrorSnackbar";
+import Loading from "@/components.backup/Loading/Loading";
 import {
     Box,
     Button,
@@ -14,7 +14,7 @@ import {
 import { ExpandMore } from "@mui/icons-material";
 import { useEffect, useState } from "react";
 import { motion, Variants } from "framer-motion";
-import { GradientButton } from "@/components/GradientButton/GradientButton";
+import { GradientButton } from "@/components.backup/GradientButton/GradientButton";
 import { derive } from "./utils";
 
 const TwinklingStar = ({

app.backup/globals.scss

@@ -0,0 +1,210 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+html,
+body {
+    width: 100vw;
+    overflow-x: hidden;
+}
+
+:root {
+    --max-width: 1100px;
+    --border-radius: 12px;
+    --font-family-primary: "Montserrat", sans-serif;
+
+    --foreground-rgb: 0, 0, 0;
+    --background-start-rgb: 214, 219, 220;
+    --background-end-rgb: 255, 255, 255;
+
+    --primary-glow: conic-gradient(
+        from 180deg at 50% 50%,
+        #16abff33 0deg,
+        #0885ff33 55deg,
+        #54d6ff33 120deg,
+        #0071ff33 160deg,
+        transparent 360deg
+    );
+    --secondary-glow: radial-gradient(
+        rgba(255, 255, 255, 1),
+        rgba(255, 255, 255, 0)
+    );
+
+    --tile-start-rgb: 239, 245, 249;
+    --tile-end-rgb: 228, 232, 233;
+    --tile-border: conic-gradient(
+        #00000080,
+        #00000040,
+        #00000030,
+        #00000020,
+        #00000010,
+        #00000010,
+        #00000080
+    );
+
+    --callout-rgb: 238, 240, 241;
+    --callout-border-rgb: 172, 175, 176;
+    --card-rgb: 180, 185, 188;
+    --card-border-rgb: 131, 134, 135;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --foreground-rgb: 255, 255, 255;
+        --background-start-rgb: 0, 0, 0;
+        --background-end-rgb: 0, 0, 0;
+
+        --primary-glow: radial-gradient(
+            rgba(1, 65, 255, 0.4),
+            rgba(1, 65, 255, 0)
+        );
+        --secondary-glow: linear-gradient(
+            to bottom right,
+            rgba(1, 65, 255, 0),
+            rgba(1, 65, 255, 0),
+            rgba(1, 65, 255, 0.3)
+        );
+
+        --tile-start-rgb: 2, 13, 46;
+        --tile-end-rgb: 2, 5, 19;
+        --tile-border: conic-gradient(
+            #ffffff80,
+            #ffffff40,
+            #ffffff30,
+            #ffffff20,
+            #ffffff10,
+            #ffffff10,
+            #ffffff80
+        );
+
+        --callout-rgb: 20, 20, 20;
+        --callout-border-rgb: 108, 108, 108;
+        --card-rgb: 100, 100, 100;
+        --card-border-rgb: 200, 200, 200;
+    }
+}
+
+* {
+    box-sizing: border-box;
+    padding: 0;
+    margin: 0;
+}
+
+html,
+body {
+    max-width: 100vw;
+    overflow-x: hidden;
+}
+
+body {
+    position: relative;
+    color: rgb(255, 255, 255);
+    background-color: #000000;
+    overflow: clip;
+    padding-right: 0 !important;
+    font-family: "Montserrat", sans-serif;
+}
+
+a {
+    color: inherit;
+    text-decoration: none;
+}
+
+/* Ensure all text uses Montserrat */
+* {
+    font-family: var(--font-family-primary);
+}
+
+/* Override any elements that might not inherit properly */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+span,
+div,
+button,
+input,
+textarea,
+select {
+    font-family: var(--font-family-primary);
+}
+
+@media (prefers-color-scheme: dark) {
+    html {
+        color-scheme: dark;
+    }
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 1 */
+    line-height: 1.15; /* 1 */
+    margin: 0; /* 2 */
+    padding: 0;
+
+    border: none;
+    width: auto;
+    overflow: visible;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    -webkit-font-smoothing: inherit;
+    -moz-osx-font-smoothing: inherit;
+}
+
+button,
+input {
+    /* 1 */
+    overflow: visible;
+}
+
+table,
+th,
+td {
+    border: 1px solid white;
+    border-collapse: collapse;
+}
+
+th,
+td {
+    padding: 0.5rem;
+}
+
+// @media screen and (max-width: 640px) {
+//     html {
+//         font-size: 12px;
+//     }
+// }
+
+// @media screen and (min-width: 768px) {
+//     html {
+//         font-size: 14px;
+//     }
+// }
+
+// @media screen and (min-width: 1024px) {
+//     html {
+//         font-size: 15px;
+//     }
+// }
+
+// @media screen and (min-width: 1280px) {
+//     html {
+//         font-size: 16px;
+//     }
+// }
+
+// @media screen and (min-width: 1536px) {
+//     html {
+//         font-size: 16px;
+//     }
+// }

app/judges/page.tsx → app.backup/judges/page.tsx

@@ -3,7 +3,7 @@ import { Box, Container, IconButton, Modal, Typography } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
 import { useEffect, useState } from "react";
 import Image from "next/image";
-import { StaffCard } from "@/components/StaffCard/StaffCard";
+import { StaffCard } from "@/components.backup/StaffCard/StaffCard";
 import { getJudges } from "@/util/api";
 import { JudgeProfile } from "@/util/types";
 

app/landing/FaqSection.tsx → app.backup/landing/FaqSection.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import { FAQ } from "@/components/FAQ/FAQ";
-import { SocialIconsRow } from "@/components/GradientButton/GradientSocialButton";
-import NewsletterSubscription from "@/components/NewsletterSubscription/NewsletterSubscription";
+import { FAQ } from "@/components.backup/FAQ/FAQ";
+import { SocialIconsRow } from "@/components.backup/GradientButton/GradientSocialButton";
+import NewsletterSubscription from "@/components.backup/NewsletterSubscription/NewsletterSubscription";
 import { tsukimi } from "@/theme/fonts";
 import { Box, Typography } from "@mui/material";
 import clsx from "clsx";

app/landing/HackVoyagers.tsx → app.backup/landing/HackVoyagers.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { GradientButton } from "@/components/GradientButton/GradientButton";
+import { GradientButton } from "@/components.backup/GradientButton/GradientButton";
 import Image from "next/image";
 import styles from "./HackVoyagers.module.scss";
 import { useParallaxScrollY } from "@/hooks/use-parallax-scrollY";

app/landing/Hero.tsx → app.backup/landing/Hero.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { GradientButton } from "@/components/GradientButton/GradientButton";
+import { GradientButton } from "@/components.backup/GradientButton/GradientButton";
 import { useParallaxScrollY } from "@/hooks/use-parallax-scrollY";
 import { Typography, Box, CircularProgress } from "@mui/material";
 import clsx from "clsx";

app/landing/JoinUsSponsors.tsx → app.backup/landing/JoinUsSponsors.tsx

@@ -4,13 +4,13 @@ import { Box, Link, Typography, useMediaQuery } from "@mui/material";
 import styles from "./JoinUsSponsors.module.scss";
 import Image from "next/image";
 import { tsukimi } from "@/theme/fonts";
-import NewsletterSubscription from "@/components/NewsletterSubscription/NewsletterSubscription";
-import { GradientButtonInstagram } from "@/components/GradientButton/GradientButtonInstagram";
+import NewsletterSubscription from "@/components.backup/NewsletterSubscription/NewsletterSubscription";
+import { GradientButtonInstagram } from "@/components.backup/GradientButton/GradientButtonInstagram";
 import clsx from "clsx";
 import { motion, useAnimation, Variants, useInView } from "framer-motion"; // Added useInView
 import { useParallaxScrollY } from "@/hooks/use-parallax-scrollY";
 import { useEffect, useMemo, useRef } from "react"; // Added hooks
-import { GradientButton } from "@/components/GradientButton/GradientButton";
+import { GradientButton } from "@/components.backup/GradientButton/GradientButton";
 import { INTEREST_FORM_LINK } from "./constants";
 
 const alienAssets = [