|
| 1 | +"use client"; |
| 2 | + |
| 3 | +import { useState, useEffect } from "react"; |
| 4 | +import Background from "@/components/Background"; |
| 5 | +import Navbar from "@/components/Navbar"; |
| 6 | +import Footer from "@/components/Footer"; |
| 7 | +import Major from "@/components/Text/Major"; |
| 8 | +import Mini from "@/components/Text/Mini"; |
| 9 | +import Link from "next/link"; |
| 10 | +const CompletedEventPage: React.FC = () => { |
| 11 | + const [windowWidth, setWindowWidth] = useState<number>( |
| 12 | + typeof window !== "undefined" ? window.innerWidth : 1024 |
| 13 | + ); |
| 14 | + |
| 15 | + useEffect(() => { |
| 16 | + document.body.style.overflow = "auto"; |
| 17 | + |
| 18 | + const handleResize = () => setWindowWidth(window.innerWidth); |
| 19 | + window.addEventListener("resize", handleResize); |
| 20 | + return () => window.removeEventListener("resize", handleResize); |
| 21 | + }, []); |
| 22 | + |
| 23 | + return ( |
| 24 | + <div id="completed-event-page" className="relative min-h-screen flex flex-col"> |
| 25 | + <Background className="absolute inset-0 z-0" /> |
| 26 | + |
| 27 | + <Navbar |
| 28 | + screen_width={windowWidth} |
| 29 | + className="fixed top-0 left-0 w-full z-30" |
| 30 | + page="other" |
| 31 | + /> |
| 32 | + |
| 33 | + <main className="relative z-10 flex-grow pt-[80px] flex items-center justify-center p-6"> |
| 34 | + <div className="text-center p-10 max-w-3xl rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 shadow-2xl space-y-6"> |
| 35 | + <Major type="b" className="text-white"> |
| 36 | + Hey, this event is past due |
| 37 | + </Major> |
| 38 | + <Mini className="text-gray-200"> |
| 39 | + Feel free to check again next semester or explore the website to learn more about |
| 40 | + our projects, Hacklytics, and how to get involved! |
| 41 | + </Mini> |
| 42 | + <div className="flex justify-center gap-4"> |
| 43 | + <Link |
| 44 | + href="/" |
| 45 | + className="px-6 py-3 bg-blue-600 text-white font-bold rounded-full transition-all duration-300 hover:bg-blue-700 hover:shadow-lg" |
| 46 | + > |
| 47 | + Go to Home Page |
| 48 | + </Link> |
| 49 | + <Link |
| 50 | + href="/team" |
| 51 | + className="px-6 py-3 border border-gray-400 text-gray-200 font-bold rounded-full transition-all duration-300 hover:bg-white/10" |
| 52 | + > |
| 53 | + Meet the Team |
| 54 | + </Link> |
| 55 | + </div> |
| 56 | + </div> |
| 57 | + </main> |
| 58 | + |
| 59 | + <Footer screen_width={windowWidth} /> |
| 60 | + </div> |
| 61 | + ); |
| 62 | +}; |
| 63 | + |
| 64 | +export default CompletedEventPage; |
0 commit comments