set up starter kit ui (#452)

Author: michelleyeoh

app/(pages)/(hackers)/(hub)/starter-kit/page.tsx

@@ -1,9 +1,11 @@
 'use client';
-import { ParentCarousel } from '../../_components/StarterKit/ParentCarousel';
+import { ParentCarousel } from '../../_components/StarterKit2025/ParentCarousel';
+import StarterKit from '@pages/(hackers)/_components/StarterKit/StarterKit';
 
 export default function Page() {
   return (
     <div id="starter-kit">
+      <StarterKit />
       <ParentCarousel />
     </div>
   );

app/(pages)/(hackers)/_components/HomeHacking/ScheduleSneakPeek.tsx

@@ -7,7 +7,7 @@ import CalendarItem from '@pages/(hackers)/_components/Schedule/CalendarItem';
 import {
   EventEntry,
   useScheduleSneakPeekData,
-} from '../../../_hooks/useScheduleSneakPeekData';
+} from '@hooks/useScheduleSneakPeekData';
 import { useSharedNow } from '@pages/_hooks/useScheduleSharedNow';
 
 import sleeping_cow from '@public/hackers/hero/sleeping_cow.svg';

app/(pages)/(hackers)/_components/ProjectInfo/JudgingInfo/JudgingInfo.tsx

@@ -8,8 +8,8 @@ import ImportantAnnouncement from './JudgingSteps/ImportantAnnouncement/Importan
 import DemoTime from './JudgingSteps/DemoTime/DemoTime';
 import Break from './JudgingSteps/Break/Break';
 import ClosingCeremony from './JudgingSteps/ClosingCeremony/ClosingCeremony';
-import ResourceHelp from '../../StarterKit/Resources/ResourceHelp';
-import StarterKitSlide from '../../StarterKit/StarterKitSlide';
+import ResourceHelp from '../../StarterKit2025/Resources/ResourceHelp';
+import StarterKitSlide from '../../StarterKit2025/StarterKitSlide';
 import styles from './JudgingInfo.module.scss';
 
 const accordionItems: AccordionItemInt[] = [

app/(pages)/(hackers)/_components/ProjectInfo/SubmissionInfo/SubmissionInfo.tsx

@@ -4,8 +4,8 @@ import Image from 'next/image';
 import ProjectInfoAccordion, {
   AccordionItemInt,
 } from '../ProjectInfoAccordion/ProjectInfoAccordion';
-import ResourceHelp from '../../StarterKit/Resources/ResourceHelp';
-import StarterKitSlide from '../../StarterKit/StarterKitSlide';
+import ResourceHelp from '../../StarterKit2025/Resources/ResourceHelp';
+import StarterKitSlide from '../../StarterKit2025/StarterKitSlide';
 import SubmissionTips from './SubmissionSteps/DevpostSubmission/SubmissionTips';
 import Clarifications from './SubmissionSteps/SubmissionClarification/Clarifications';
 

app/(pages)/(hackers)/_components/ProjectInfo/SubmissionInfo/SubmissionSteps/DevpostSubmission/SubmissionTips.tsx

@@ -1,4 +1,4 @@
-import StarterKitSlide from '@pages/(hackers)/_components/StarterKit/StarterKitSlide';
+import StarterKitSlide from '@pages/(hackers)/_components/StarterKit2025/StarterKitSlide';
 import styles from './SubmissionTips.module.scss';
 import Animals from 'public/hackers/project-info/peepingAnimals.png';
 import Image from 'next/image';

app/(pages)/(hackers)/_components/ProjectInfo/SubmissionInfo/SubmissionSteps/SubmissionClarification/Clarifications.jsx

@@ -1,4 +1,4 @@
-import StarterKitSlide from '@pages/(hackers)/_components/StarterKit/StarterKitSlide';
+import StarterKitSlide from '@pages/(hackers)/_components/StarterKit2025/StarterKitSlide';
 import styles from './Clarifications.module.scss';
 
 export default function Clarifications() {

app/(pages)/(hackers)/_components/StarterKit/DesignResources.tsx

@@ -0,0 +1,3 @@
+export default function DesignResources() {
+  return <div>Design Resources</div>;
+}

app/(pages)/(hackers)/_components/StarterKit/DevResources.tsx

@@ -0,0 +1,3 @@
+export default function DevResources() {
+  return <div>Dev Resources</div>;
+}

app/(pages)/(hackers)/_components/StarterKit/Ideate.tsx

@@ -0,0 +1,3 @@
+export default function Ideate() {
+  return <div>Ideate</div>;
+}

app/(pages)/(hackers)/_components/StarterKit/Introduction.tsx

@@ -0,0 +1,22 @@
+import Image from 'next/image';
+import mascots from '@public/hackers/starter-kit/introduction/startkit_mascots.svg';
+
+export default function Introduction() {
+  return (
+    <div className="my-[100px] mx-[60px] gap-[32px] md:gap-[8%] flex flex-col md:flex-row items-center">
+      <div className="flex-1">
+        <Image src={mascots} alt="hackdavis mascots looking at computer" />
+      </div>
+      <div className="flex-1">
+        <p className="font-dm-mono text-[16px] text-[#A5A5A5]">HACKATHON 101</p>
+        <h3 className="font-jakarta text-[28px] md:text-[32px] font-medium">
+          Starter Kit
+        </h3>
+        <p className="font-jakarta text-[16px] text-[#656565]">
+          New to hacking? No problem. This kit is your field guide to navigating
+          the weekend, finding your team, and shipping your first project.
+        </p>
+      </div>
+    </div>
+  );
+}