Feature: SVG ZotHacks Title animation

* update: created getSchedule file

* update: synced sanity data with schedule component

* feat: update event schema

* feat: group events by day

* feat: format date ranges

* fix: group events by America/Los_Angeles day

* fix: event order asc

* fix: remove resources from nav

---------

Co-authored-by: Tyler Yu <tyleryy@uci.edu>

Fix frontend issues on resources page (#103)

* fix: backend description text overflow

* feat: new ResourceCard component

removed unused assets

* fix: key prop error

* fix: remove unused components

* fix: references to unused images

* refactor: short-circuit and color fixes

* Fix transformed filter glitches for webkit

- Include `translateZ(0)` when applying transform to drop shadow filter

---------

Co-authored-by: Taesung Hwang <taesungh@uci.edu>

fix: title and location mobile alignment (#109)

feat: frontend resources section

feat: starter packs section

removed placeholder config files

feat: add day of week to schedule (#110)

* feat: add day of week to schedule

* fix: replace weekday list with date format

* fix: long month and date format

update: restore resources link in navbar

fix: timezone inconsistencies (#119)

* fix: timezone inconsistencies

* fix: timezone inconsistencies

fix: backend resources grid issue

feature: clipboard paper animation (#116)

undefined

Feature/clipboard animation update (#123)

* feature: clipboard paper animation

* fix: padding adjustment on date

* fix: border radius and page animation update

feat: incident response form

fix: remove open in new window icon

Setup animated countdown on schedule page (#93)

* setup: basic framer countdown

* fix: removed useRef, changed animation exit value

* update: temporarily disabled slide up animation

* fix: conditional day render

* fix: precompute time

* fix: margin for the countdown

* update: added loading bar

* fix: rename to Loader

* feat: time until hacking countdown timer

* fix: clipboard styling

---------

Co-authored-by: Tyler Yu <tyleryy@uci.edu>
Co-authored-by: Alexander Liu <a@alexanderliu.com>

fix: match time zones on server and client

fix: missing date-fns-tz import (#126)

fix: disable page scroll x (#125)

refactor: move homepage from views folder to app folder

refactor: convert components to arrow functions and reexport

feat: devpost

fix: changed import path

fix: added ease and moved component

apps/sanity/schemas/event.ts

@@ -1,34 +1,50 @@
-import { defineType, defineField } from "sanity";
+import { defineType, defineField, defineArrayMember } from "sanity";
+import { CalendarClock } from "lucide-react";
 
 export default defineType({
 	name: "event",
 	title: "Event",
+	icon: CalendarClock,
 	type: "document",
 	fields: [
 		defineField({
 			name: "title",
 			title: "Title",
 			type: "string",
+			validation: (Rule) => Rule.required(),
+		}),
+		defineField({
+			name: "location",
+			title: "Location",
+			type: "string",
+		}),
+		defineField({
+			name: "virtual",
+			title: "Virtual Meeting Link",
+			type: "url",
 		}),
 		defineField({
 			name: "startTime",
 			title: "Start Time",
 			type: "datetime",
+			validation: (Rule) => Rule.required(),
 		}),
 		defineField({
 			name: "endTime",
 			title: "End Time",
 			type: "datetime",
+			validation: (Rule) => Rule.required(),
 		}),
 		defineField({
-			name: "category",
-			title: "Category",
+			name: "organization",
+			title: "Organization",
 			type: "string",
 		}),
 		defineField({
-			name: "host",
-			title: "Host",
-			type: "string",
+			name: "hosts",
+			title: "Hosts",
+			type: "array",
+			of: [defineArrayMember({ type: "string" })],
 		}),
 		defineField({
 			name: "description",

apps/site/package.json

@@ -17,6 +17,8 @@
 		"@types/react": "18.2.20",
 		"@types/react-dom": "^18.2.0",
 		"bootstrap": "^5.3.1",
+		"clsx": "^2.0.0",
+		"date-fns-tz": "^2.0.0",
 		"eslint": "8.46.0",
 		"eslint-config-next": "^13.4.1",
 		"framer-motion": "^10.16.4",
@@ -29,4 +31,4 @@
 		"typescript": "5.1.6",
 		"zod": "^3.22.2"
 	}
-}
+}

apps/site/src/app/(home)/page.tsx

@@ -0,0 +1,23 @@
+export const revalidate = 60;
+
+import Landing from "./sections/Landing";
+import Intro from "./sections/Intro";
+import Mentor from "./sections/Mentor";
+import Sponsors from "./sections/Sponsors";
+import FAQ from "./sections/FAQ";
+
+import styles from "./page.module.scss";
+
+const Home = () => {
+	return (
+		<div className={styles.home}>
+			<Landing />
+			<Intro />
+			<Mentor />
+			<Sponsors />
+			<FAQ />
+		</div>
+	);
+};
+
+export default Home;

apps/site/src/views/Home/sections/FAQ/FAQ.tsx → apps/site/src/app/(home)/sections/FAQ/FAQ.tsx

@@ -8,7 +8,7 @@ import styles from "./FAQ.module.scss";
 import star from "@/assets/images/star.png";
 import eraser from "@/assets/images/eraser.png";
 
-export default async function FAQ() {
+const FAQ = async () => {
 	const questions = await getQuestions();
 	const faq = questions[0]["faqs"].map(({ _key, question, answer }) => ({
 		_key: _key,
@@ -28,4 +28,6 @@ export default async function FAQ() {
 			</div>
 		</section>
 	);
-}
+};
+
+export default FAQ;

apps/site/src/views/Home/sections/FAQ/FAQAccordion.tsx → apps/site/src/app/(home)/sections/FAQ/FAQAccordion.tsx

@@ -11,7 +11,7 @@ interface FAQAccordion {
 	}[];
 }
 
-export default function FAQAccordion({ faq }: FAQAccordion) {
+const FAQAccordion: React.FC<FAQAccordion> = ({ faq }) => {
 	return (
 		<Accordion className={styles.accordion} alwaysOpen>
 			{faq.map(({ _key, question, answer }) => (
@@ -28,4 +28,6 @@ export default function FAQAccordion({ faq }: FAQAccordion) {
 			))}
 		</Accordion>
 	);
-}
+};
+
+export default FAQAccordion;

apps/site/src/app/(home)/sections/FAQ/index.ts

@@ -0,0 +1 @@
+export { default } from "./FAQ";

apps/site/src/views/Home/sections/Intro/Intro.tsx → apps/site/src/app/(home)/sections/Intro/Intro.tsx

@@ -8,7 +8,7 @@ import hackDoodle from "@/assets/images/hack-doodle.png";
 
 import styles from "./Intro.module.scss";
 
-export default function Intro() {
+const Intro = () => {
 	return (
 		<Container as="section">
 			<div className={styles.intro}>
@@ -37,4 +37,6 @@ export default function Intro() {
 			</div>
 		</Container>
 	);
-}
+};
+
+export default Intro;

apps/site/src/app/(home)/sections/Intro/index.ts

@@ -0,0 +1 @@
+export { default } from "./Intro";

apps/site/src/views/Home/components/ApplyButton/ApplyButton.tsx → apps/site/src/app/(home)/sections/Landing/ApplyButton.tsx

@@ -4,7 +4,7 @@ import { HackSticker, HeartSticker } from "@/components/Sticker/Stickers";
 
 import styles from "./ApplyButton.module.scss";
 
-export default function ApplyButton() {
+const ApplyButton = () => {
 	return (
 		<StickerPosition
 			stickers={[
@@ -28,4 +28,6 @@ export default function ApplyButton() {
 			</Button>
 		</StickerPosition>
 	);
-}
+};
+
+export default ApplyButton;

apps/site/src/views/Home/sections/Landing/Landing.tsx → apps/site/src/app/(home)/sections/Landing/Landing.tsx

@@ -1,9 +1,9 @@
 "use client";
-import ApplyButton from "@/views/Home/components/ApplyButton/ApplyButton";
-import Title from "@/views/Home/components/Title/Title";
+import ApplyButton from "./ApplyButton";
+import Title from "@/app/(home)/sections/Landing/Title";
 import styles from "./Landing.module.scss";
 
-function Landing() {
+const Landing = () => {
 	return (
 		<div className={styles.landing}>
 			<Title />
@@ -12,6 +12,6 @@ function Landing() {
 			<ApplyButton />
 		</div>
 	);
-}
+};
 
 export default Landing;

apps/site/src/views/Home/components/Title/Title.tsx → apps/site/src/app/(home)/sections/Landing/Title.tsx

@@ -1,4 +1,4 @@
-import { motion, Variants } from "framer-motion";
+import { cubicBezier, motion, Variants } from "framer-motion";
 import styles from "./Title.module.scss";
 
 export default function Title() {
@@ -12,6 +12,7 @@ export default function Title() {
 				staggerChildren: 0.2,
 				pathLength: {
 					duration: 0.6,
+					ease: cubicBezier(0.5, 1, 0.89, 1),
 				},
 				strokeOpacity: {
 					duration: 0.05,

apps/site/src/app/(home)/sections/Landing/index.ts

@@ -0,0 +1 @@
+export { default } from "./Landing";

apps/site/src/views/Home/sections/Mentor/Mentor.tsx → apps/site/src/app/(home)/sections/Mentor/Mentor.tsx

@@ -11,7 +11,7 @@ import styles from "./Mentor.module.scss";
 
 const MENTOR_APP_URL = "/mentor";
 
-export default function Mentor() {
+const Mentor = () => {
 	const mentorHeader = (
 		<h2 className="mb-3 text-start">Interested in becoming a mentor?</h2>
 	);
@@ -51,4 +51,6 @@ export default function Mentor() {
 			</div>
 		</Container>
 	);
-}
+};
+
+export default Mentor;

apps/site/src/app/(home)/sections/Mentor/index.ts

@@ -0,0 +1 @@
+export { default } from "./Mentor";

apps/site/src/views/Home/sections/Sponsors/Sponsors.tsx → apps/site/src/app/(home)/sections/Sponsors/Sponsors.tsx

@@ -7,7 +7,7 @@ import clip from "./clip.svg";
 
 const builder = imageUrlBuilder(client);
 
-export default async function Sponsors() {
+const Sponsors = async () => {
 	const sponsors = await getSponsors();
 
 	return (
@@ -29,4 +29,6 @@ export default async function Sponsors() {
 			</div>
 		</section>
 	);
-}
+};
+
+export default Sponsors;

apps/site/src/app/(home)/sections/Sponsors/index.ts

@@ -0,0 +1 @@
+export { default } from "./Sponsors";

apps/site/src/app/schedule/page.tsx

@@ -2,10 +2,10 @@ import { Schedule } from "@/views";
 import { Maintenance } from "@/views";
 
 export const revalidate = 60;
-        
+
 // When set to any value
 const Component = process.env.MAINTENANCE_MODE_SCHEDULE
 	? Maintenance
 	: Schedule;
 
-export default Component;
+export default Component;

apps/site/src/components/NavBar/NavBar.tsx

@@ -17,7 +17,7 @@ export default function NavBar() {
 
 	return (
 		<div className={styles.nav}>
-			<Navbar expand="md" className={`bg-body-tertiary ${styles.navbar}`}>
+			<Navbar expand="lg" className={`bg-body-tertiary ${styles.navbar}`}>
 				<Container fluid>
 					<Navbar.Brand />
 					<Navbar.Toggle aria-controls="basic-navbar-nav" />
@@ -51,6 +51,20 @@ export default function NavBar() {
 							>
 								Schedule
 							</Link>
+							<Link
+								href="https://forms.gle/6GUGYnVoFhAAxVkL8"
+								className={styles.notActive}
+								target="_blank"
+							>
+								Incident Form
+							</Link>
+							<Link
+								href="https://zothacks-2023.devpost.com/"
+								className={styles.notActive}
+								target="_blank"
+							>
+								Devpost
+							</Link>
 						</Nav>
 					</Navbar.Collapse>
 				</Container>

apps/site/src/lib/styles/globals.scss

@@ -21,3 +21,11 @@ section.container {
 	@include bootstrap.padding-top($container-padding);
 	@include bootstrap.padding-bottom($container-padding);
 }
+
+html,
+body {
+	overflow-x: hidden;
+}
+body {
+	position: relative;
+}

apps/site/src/views/Resources/Resources.tsx

@@ -2,12 +2,17 @@ import styles from "./Resources.module.scss";
 import Landing from "./sections/Landing/Landing";
 import ApiResources from "./sections/ApiResources/ApiResources";
 import BackendResources from "./sections/BackendResources/BackendResources";
+import FrontendResources from "./sections/FrontendResources/FrontendResources";
+import StarterPacks from "./sections/StarterPacks/StarterPacks";
+
 export default function Resources() {
 	return (
 		<div className={styles.resources}>
 			<Landing />
 			<ApiResources />
 			<BackendResources />
+			<FrontendResources />
+			<StarterPacks />
 		</div>
 	);
 }