From da82f1fdcce27ebf7062f2daf18288c8471ee9aa Mon Sep 17 00:00:00 2001 From: michelleyeoh Date: Sat, 14 Feb 2026 12:50:15 -0800 Subject: [PATCH 1/3] finished dev and mobile --- app/(pages)/(hackers)/(hub)/page.tsx | 2 + .../BeginnersSection.module.scss | 0 .../2025BeginnersSection/BeginnersSection.tsx | 55 +++++ .../BeginnersSection/BeginnersSection.tsx | 68 +++--- .../_components/BeginnersSection/TextCard.tsx | 40 ++++ .../_components/StayUpToDate/Discord.tsx | 29 +++ public/hackers/mvp/beginners/button_arrow.svg | 3 + public/hackers/mvp/beginners/grass_top.svg | 16 ++ public/hackers/mvp/beginners/mascots.svg | 193 ++++++++++++++++++ public/hackers/mvp/discord/bunny_phone.svg | 55 +++++ 10 files changed, 416 insertions(+), 45 deletions(-) rename app/(pages)/(hackers)/_components/{BeginnersSection => 2025BeginnersSection}/BeginnersSection.module.scss (100%) create mode 100644 app/(pages)/(hackers)/_components/2025BeginnersSection/BeginnersSection.tsx create mode 100644 app/(pages)/(hackers)/_components/BeginnersSection/TextCard.tsx create mode 100644 app/(pages)/(hackers)/_components/StayUpToDate/Discord.tsx create mode 100644 public/hackers/mvp/beginners/button_arrow.svg create mode 100644 public/hackers/mvp/beginners/grass_top.svg create mode 100644 public/hackers/mvp/beginners/mascots.svg create mode 100644 public/hackers/mvp/discord/bunny_phone.svg diff --git a/app/(pages)/(hackers)/(hub)/page.tsx b/app/(pages)/(hackers)/(hub)/page.tsx index a1b9a1d4c..a3906b1ca 100644 --- a/app/(pages)/(hackers)/(hub)/page.tsx +++ b/app/(pages)/(hackers)/(hub)/page.tsx @@ -2,6 +2,7 @@ import Waterfall from '@pages/(hackers)/_components/Waterfall/Waterfall'; import BigVinyl from '@pages/(hackers)/_components/BigVinyl/BigVinyl'; import PrizeTracks from '@pages/(hackers)/_components/PrizeTracks/PrizeTracks'; import BeginnersSection from '@pages/(hackers)/_components/BeginnersSection/BeginnersSection'; +import Discord from '@pages/(hackers)/_components/StayUpToDate/Discord'; import Footer from '@components/Footer/Footer'; import Contact from '@pages/(hackers)/_components/Contact/Contact'; import IndexHero from '@pages/(hackers)/_components/IndexHero/IndexHero'; @@ -29,6 +30,7 @@ export default function Page() { + diff --git a/app/(pages)/(hackers)/_components/BeginnersSection/BeginnersSection.module.scss b/app/(pages)/(hackers)/_components/2025BeginnersSection/BeginnersSection.module.scss similarity index 100% rename from app/(pages)/(hackers)/_components/BeginnersSection/BeginnersSection.module.scss rename to app/(pages)/(hackers)/_components/2025BeginnersSection/BeginnersSection.module.scss diff --git a/app/(pages)/(hackers)/_components/2025BeginnersSection/BeginnersSection.tsx b/app/(pages)/(hackers)/_components/2025BeginnersSection/BeginnersSection.tsx new file mode 100644 index 000000000..bc28dc3b9 --- /dev/null +++ b/app/(pages)/(hackers)/_components/2025BeginnersSection/BeginnersSection.tsx @@ -0,0 +1,55 @@ +import styles from './BeginnersSection.module.scss'; +import Image from 'next/image'; +import Link from 'next/link'; +import hackathon from 'public/hackers/mvp/hackathon.svg'; +import arrow from 'public/hackers/mvp/arrow.svg'; +import grass_detail_light from 'public/hackers/mvp/grass_detail_light.svg'; +import grass_detail_dark from 'public/hackers/mvp/grass_detail_dark.svg'; + +export default function BeginnersSection() { + return ( +
+
+
+

+ NOT SURE WHERE TO START? DON'T WORRY, WE GOT YOU :) +

+

For beginners

+

+ We've created a Starter kit for all beginner + hackers to get their hack started! Inside includes: resources, past + winning hacks, and more. +

+
+
+
+ hackathon + grass detail +
+
+ + + + grass detail + grass detail +
+
+
+
+ ); +} diff --git a/app/(pages)/(hackers)/_components/BeginnersSection/BeginnersSection.tsx b/app/(pages)/(hackers)/_components/BeginnersSection/BeginnersSection.tsx index bc28dc3b9..d9c3d0825 100644 --- a/app/(pages)/(hackers)/_components/BeginnersSection/BeginnersSection.tsx +++ b/app/(pages)/(hackers)/_components/BeginnersSection/BeginnersSection.tsx @@ -1,53 +1,31 @@ -import styles from './BeginnersSection.module.scss'; import Image from 'next/image'; -import Link from 'next/link'; -import hackathon from 'public/hackers/mvp/hackathon.svg'; -import arrow from 'public/hackers/mvp/arrow.svg'; -import grass_detail_light from 'public/hackers/mvp/grass_detail_light.svg'; -import grass_detail_dark from 'public/hackers/mvp/grass_detail_dark.svg'; +import grass_top from 'public/hackers/mvp/beginners/grass_top.svg'; +import mascots from 'public/hackers/mvp/beginners/mascots.svg'; +import TextCard from './TextCard'; export default function BeginnersSection() { return ( -
-
-
-

- NOT SURE WHERE TO START? DON'T WORRY, WE GOT YOU :) -

-

For beginners

-

- We've created a Starter kit for all beginner - hackers to get their hack started! Inside includes: resources, past - winning hacks, and more. -

+
+ grass detail lining top of section +
+
+ four hackdavis mascots looking at a computer
-
-
- hackathon - grass detail -
-
- - - - grass detail - grass detail -
+
+
diff --git a/app/(pages)/(hackers)/_components/BeginnersSection/TextCard.tsx b/app/(pages)/(hackers)/_components/BeginnersSection/TextCard.tsx new file mode 100644 index 000000000..f406ea67d --- /dev/null +++ b/app/(pages)/(hackers)/_components/BeginnersSection/TextCard.tsx @@ -0,0 +1,40 @@ +import Link from 'next/link'; +import Image from 'next/image'; +import button_arrow from 'public/hackers/mvp/beginners/button_arrow.svg'; + +interface TextCardProps { + short_text: string; + title: string; + long_text: string; + button_text: string; + button_link: string; + button_color: string; + text_color: string; +} + +export default function TextCard({ + short_text, + title, + long_text, + button_text, + button_link, + button_color, + text_color, +}: TextCardProps) { + return ( +
+

{short_text}

+

{title}

+

{long_text}

+ + + +
+ ); +} diff --git a/app/(pages)/(hackers)/_components/StayUpToDate/Discord.tsx b/app/(pages)/(hackers)/_components/StayUpToDate/Discord.tsx new file mode 100644 index 000000000..26460988f --- /dev/null +++ b/app/(pages)/(hackers)/_components/StayUpToDate/Discord.tsx @@ -0,0 +1,29 @@ +import Image from 'next/image'; +import bunny_phone from 'public/hackers/mvp/discord/bunny_phone.svg'; +import TextCard from '../BeginnersSection/TextCard'; + +export default function Discord() { + return ( +
+
+ +
+
+ large phone with hackdavis bunny mascot +
+
+ ); +} diff --git a/public/hackers/mvp/beginners/button_arrow.svg b/public/hackers/mvp/beginners/button_arrow.svg new file mode 100644 index 000000000..9ef686627 --- /dev/null +++ b/public/hackers/mvp/beginners/button_arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/hackers/mvp/beginners/grass_top.svg b/public/hackers/mvp/beginners/grass_top.svg new file mode 100644 index 000000000..58a8ed7e8 --- /dev/null +++ b/public/hackers/mvp/beginners/grass_top.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/hackers/mvp/beginners/mascots.svg b/public/hackers/mvp/beginners/mascots.svg new file mode 100644 index 000000000..418aeff5e --- /dev/null +++ b/public/hackers/mvp/beginners/mascots.svg @@ -0,0 +1,193 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/hackers/mvp/discord/bunny_phone.svg b/public/hackers/mvp/discord/bunny_phone.svg new file mode 100644 index 000000000..18ae99098 --- /dev/null +++ b/public/hackers/mvp/discord/bunny_phone.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From b1e9ae67f549fd5eda61a7d49b19cd35ec6b855a Mon Sep 17 00:00:00 2001 From: michelleyeoh Date: Sat, 14 Feb 2026 12:54:13 -0800 Subject: [PATCH 2/3] added open new tab --- .../(hackers)/_components/BeginnersSection/TextCard.tsx | 9 ++++++++- .../(hackers)/_components/StayUpToDate/Discord.tsx | 3 ++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/app/(pages)/(hackers)/_components/BeginnersSection/TextCard.tsx b/app/(pages)/(hackers)/_components/BeginnersSection/TextCard.tsx index f406ea67d..399765df2 100644 --- a/app/(pages)/(hackers)/_components/BeginnersSection/TextCard.tsx +++ b/app/(pages)/(hackers)/_components/BeginnersSection/TextCard.tsx @@ -10,6 +10,7 @@ interface TextCardProps { button_link: string; button_color: string; text_color: string; + is_external?: boolean; } export default function TextCard({ @@ -20,13 +21,19 @@ export default function TextCard({ button_link, button_color, text_color, + is_external = false, }: TextCardProps) { return (

{short_text}

{title}

{long_text}

- +
From 7c3f53e851c2ef8a170c4e1133399daeeff9e3fa Mon Sep 17 00:00:00 2001 From: michelleyeoh Date: Thu, 19 Feb 2026 21:17:27 -0800 Subject: [PATCH 3/3] mobile done --- .../BeginnersSection/BeginnersSection.tsx | 18 +- .../_components/BeginnersSection/TextCard.tsx | 2 +- .../_components/StayUpToDate/Discord.tsx | 6 +- app/(pages)/_components/Navbar/Navbar.tsx | 12 +- public/hackers/mvp/beginners/grass_top.svg | 2 +- public/hackers/mvp/beginners/mascots.svg | 297 +++++++++--------- .../mvp/beginners/mobile_grass_top.svg | 8 + 7 files changed, 182 insertions(+), 163 deletions(-) create mode 100644 public/hackers/mvp/beginners/mobile_grass_top.svg diff --git a/app/(pages)/(hackers)/_components/BeginnersSection/BeginnersSection.tsx b/app/(pages)/(hackers)/_components/BeginnersSection/BeginnersSection.tsx index d9c3d0825..4ec770984 100644 --- a/app/(pages)/(hackers)/_components/BeginnersSection/BeginnersSection.tsx +++ b/app/(pages)/(hackers)/_components/BeginnersSection/BeginnersSection.tsx @@ -1,14 +1,24 @@ import Image from 'next/image'; import grass_top from 'public/hackers/mvp/beginners/grass_top.svg'; +import mobile_grass_top from 'public/hackers/mvp/beginners/mobile_grass_top.svg'; import mascots from 'public/hackers/mvp/beginners/mascots.svg'; import TextCard from './TextCard'; export default function BeginnersSection() { return (
- grass detail lining top of section -
-
+ grass detail lining top of section + grass detail lining top of section +
+
diff --git a/app/(pages)/(hackers)/_components/BeginnersSection/TextCard.tsx b/app/(pages)/(hackers)/_components/BeginnersSection/TextCard.tsx index 399765df2..0177ca010 100644 --- a/app/(pages)/(hackers)/_components/BeginnersSection/TextCard.tsx +++ b/app/(pages)/(hackers)/_components/BeginnersSection/TextCard.tsx @@ -36,7 +36,7 @@ export default function TextCard({ >