From cc4472031beba38e9bf0ab035108f40b00dc101d Mon Sep 17 00:00:00 2001 From: reehals Date: Tue, 3 Feb 2026 22:04:32 -0800 Subject: [PATCH 1/5] Basic Desktop done --- .../(index-page)/_components/Stats.tsx | 145 ++++++++++++++++++ app/(pages)/(index-page)/page.tsx | 7 +- app/(pages)/about-us/_data/teamMembers.json | 8 +- public/home/stats/background_gradient.svg | 16 ++ public/home/stats/circle_of_circles_cyan.svg | 3 + public/home/stats/circle_of_circles_pink.svg | 3 + public/home/stats/cross_cyan.svg | 3 + public/home/stats/cross_lime.svg | 3 + public/home/stats/flower_thing.svg | 3 + public/home/stats/hackers_count.svg | 10 ++ public/home/stats/prize_amount.svg | 10 ++ public/home/stats/projects_count.svg | 10 ++ public/home/stats/scissors.svg | 10 ++ public/home/stats/sponsor_button.svg | 20 +++ public/home/stats/sponsor_button_hover.svg | 19 +++ public/home/stats/squiggly_circle_pink.svg | 15 ++ public/home/stats/squiggly_circle_yellow.svg | 15 ++ public/home/stats/tape.svg | 26 ++++ public/home/stats/time_count.svg | 10 ++ 19 files changed, 331 insertions(+), 5 deletions(-) create mode 100644 app/(pages)/(index-page)/_components/Stats.tsx create mode 100644 public/home/stats/background_gradient.svg create mode 100644 public/home/stats/circle_of_circles_cyan.svg create mode 100644 public/home/stats/circle_of_circles_pink.svg create mode 100644 public/home/stats/cross_cyan.svg create mode 100644 public/home/stats/cross_lime.svg create mode 100644 public/home/stats/flower_thing.svg create mode 100644 public/home/stats/hackers_count.svg create mode 100644 public/home/stats/prize_amount.svg create mode 100644 public/home/stats/projects_count.svg create mode 100644 public/home/stats/scissors.svg create mode 100644 public/home/stats/sponsor_button.svg create mode 100644 public/home/stats/sponsor_button_hover.svg create mode 100644 public/home/stats/squiggly_circle_pink.svg create mode 100644 public/home/stats/squiggly_circle_yellow.svg create mode 100644 public/home/stats/tape.svg create mode 100644 public/home/stats/time_count.svg diff --git a/app/(pages)/(index-page)/_components/Stats.tsx b/app/(pages)/(index-page)/_components/Stats.tsx new file mode 100644 index 0000000..f443702 --- /dev/null +++ b/app/(pages)/(index-page)/_components/Stats.tsx @@ -0,0 +1,145 @@ +'use client'; +import React, { useState } from 'react'; +import Image from 'next/image'; +import circle_of_circles_pink from '@public/home/stats/circle_of_circles_pink.svg'; +import circle_of_circles_cyan from '@public/home/stats/circle_of_circles_cyan.svg'; +import cross_lime from '@public/home/stats/cross_lime.svg'; +import cross_cyan from '@public/home/stats/cross_cyan.svg'; +import flower_thing from '@public/home/stats/flower_thing.svg'; +import hackers_count from '@public/home/stats/hackers_count.svg'; +import projects_count from '@public/home/stats/projects_count.svg'; +import prize_amount from '@public/home/stats/prize_amount.svg'; +import scissors from '@public/home/stats/scissors.svg'; +import sponsor_button from '@public/home/stats/sponsor_button.svg'; +import sponsor_button_hover from '@public/home/stats/sponsor_button_hover.svg'; +import tape from '@public/home/stats/tape.svg'; +import time_count from '@public/home/stats/time_count.svg'; +import squiggly_circle_pink from '@public/home/stats/squiggly_circle_pink.svg'; +import squiggly_circle_yellow from '@public/home/stats/squiggly_circle_yellow.svg'; +import background_gradient from '@public/home/stats/background_gradient.svg'; + +export default function Stats() { + const [isHovered, setIsHovered] = useState(false); + + return ( +
+
+ {/* Top Left - Scissors */} +
+ Scissors +
+ + {/* Top area - Cross (lime green) */} +
+ Cross +
+ + {/* Circle of Circles (cyan) */} +
+ Circle of Circles +
+ + {/* Green Flower Thing */} +
+ Flower +
+ + {/* Projects */} +
+ Projects Count +
+ + {/* Hackers */} +
+ Hackers Count +
+ + {/* Time Count */} +
+ Time Count +
+ + {/* Prize Amount */} +
+ Prize Amount +
+ + {/* Sponsor Button */} +
setIsHovered(true)} + onMouseLeave={() => setIsHovered(false)} + > + Sponsor 2026 +
+ + {/* Circle of Circles Pink */} +
+ Circle of Circles +
+ + {/* Cross Cyan */} +
+ Cross +
+ + {/* Squiggly Circle Yellow */} +
+ Circle +
+ + {/* Squiggly Circle Pink */} +
+ Circle +
+ + {/* Bottom Left - Tape (diagonal) */} +
+ Tape +
+ + {/* Bottom Left - Tape (diagonal) */} +
+ Tape +
+
+
+ ); +} diff --git a/app/(pages)/(index-page)/page.tsx b/app/(pages)/(index-page)/page.tsx index a8171e3..44779f8 100644 --- a/app/(pages)/(index-page)/page.tsx +++ b/app/(pages)/(index-page)/page.tsx @@ -1,7 +1,10 @@ +import Stats from './_components/Stats'; + export default function Home() { return ( -
-

Halo! Welcome to the HackDavis template repo :D

+
+

Halo! Welcome to the HackDavis template repo :D

+
); } diff --git a/app/(pages)/about-us/_data/teamMembers.json b/app/(pages)/about-us/_data/teamMembers.json index c251ebb..1e04679 100644 --- a/app/(pages)/about-us/_data/teamMembers.json +++ b/app/(pages)/about-us/_data/teamMembers.json @@ -1,4 +1,5 @@ -[ { +[ + { "_id": { "$oid": "65b6e0a06a7eaf354ea8e4b3" }, @@ -117,7 +118,7 @@ "profile_image_url": "/Images/team_members/technical/Sandeep_Reehal.jpg", "team_category": "Technical", "year": 2024, - "linkedinURL": "https://www.linkedin.com/in/sandeep-reehal-385821263" + "linkedinURL": "https://www.linkedin.com/in/sandeep-reehal" }, { "_id": { @@ -448,4 +449,5 @@ "team_category": "Technical", "year": 2024, "linkedinURL": "https://www.linkedin.com/in/jack00z/" - }] \ No newline at end of file + } +] diff --git a/public/home/stats/background_gradient.svg b/public/home/stats/background_gradient.svg new file mode 100644 index 0000000..954da63 --- /dev/null +++ b/public/home/stats/background_gradient.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/home/stats/circle_of_circles_cyan.svg b/public/home/stats/circle_of_circles_cyan.svg new file mode 100644 index 0000000..6f92186 --- /dev/null +++ b/public/home/stats/circle_of_circles_cyan.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/home/stats/circle_of_circles_pink.svg b/public/home/stats/circle_of_circles_pink.svg new file mode 100644 index 0000000..c15c9da --- /dev/null +++ b/public/home/stats/circle_of_circles_pink.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/home/stats/cross_cyan.svg b/public/home/stats/cross_cyan.svg new file mode 100644 index 0000000..ee8fada --- /dev/null +++ b/public/home/stats/cross_cyan.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/home/stats/cross_lime.svg b/public/home/stats/cross_lime.svg new file mode 100644 index 0000000..298eea1 --- /dev/null +++ b/public/home/stats/cross_lime.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/home/stats/flower_thing.svg b/public/home/stats/flower_thing.svg new file mode 100644 index 0000000..ca38704 --- /dev/null +++ b/public/home/stats/flower_thing.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/home/stats/hackers_count.svg b/public/home/stats/hackers_count.svg new file mode 100644 index 0000000..dc5393b --- /dev/null +++ b/public/home/stats/hackers_count.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/home/stats/prize_amount.svg b/public/home/stats/prize_amount.svg new file mode 100644 index 0000000..9b2ecbd --- /dev/null +++ b/public/home/stats/prize_amount.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/home/stats/projects_count.svg b/public/home/stats/projects_count.svg new file mode 100644 index 0000000..2d99231 --- /dev/null +++ b/public/home/stats/projects_count.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/home/stats/scissors.svg b/public/home/stats/scissors.svg new file mode 100644 index 0000000..1dedfef --- /dev/null +++ b/public/home/stats/scissors.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/home/stats/sponsor_button.svg b/public/home/stats/sponsor_button.svg new file mode 100644 index 0000000..6b6f3b8 --- /dev/null +++ b/public/home/stats/sponsor_button.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/public/home/stats/sponsor_button_hover.svg b/public/home/stats/sponsor_button_hover.svg new file mode 100644 index 0000000..23e44c4 --- /dev/null +++ b/public/home/stats/sponsor_button_hover.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/public/home/stats/squiggly_circle_pink.svg b/public/home/stats/squiggly_circle_pink.svg new file mode 100644 index 0000000..5b39c03 --- /dev/null +++ b/public/home/stats/squiggly_circle_pink.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/home/stats/squiggly_circle_yellow.svg b/public/home/stats/squiggly_circle_yellow.svg new file mode 100644 index 0000000..bf06457 --- /dev/null +++ b/public/home/stats/squiggly_circle_yellow.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/home/stats/tape.svg b/public/home/stats/tape.svg new file mode 100644 index 0000000..ef169f3 --- /dev/null +++ b/public/home/stats/tape.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/home/stats/time_count.svg b/public/home/stats/time_count.svg new file mode 100644 index 0000000..70e4811 --- /dev/null +++ b/public/home/stats/time_count.svg @@ -0,0 +1,10 @@ + + + + + + + + + + From aac4c33666bf09132e2646b91cd2bed65fb974b2 Mon Sep 17 00:00:00 2001 From: reehals Date: Thu, 5 Feb 2026 00:12:43 -0800 Subject: [PATCH 2/5] Sm screen done-ish --- .../(index-page)/_components/Stats.tsx | 39 +++++++++---------- app/(pages)/(index-page)/page.tsx | 3 +- 2 files changed, 20 insertions(+), 22 deletions(-) diff --git a/app/(pages)/(index-page)/_components/Stats.tsx b/app/(pages)/(index-page)/_components/Stats.tsx index f443702..66cc465 100644 --- a/app/(pages)/(index-page)/_components/Stats.tsx +++ b/app/(pages)/(index-page)/_components/Stats.tsx @@ -22,20 +22,20 @@ export default function Stats() { const [isHovered, setIsHovered] = useState(false); return ( -
+
{/* Top Left - Scissors */} -
+
Scissors
{/* Top area - Cross (lime green) */} -
+
Cross
{/* Circle of Circles (cyan) */} -
+
Circle of Circles {/* Green Flower Thing */} -
+
Flower
- {/* Projects */} -
+ {/* Projects w-[16%] md:w-[24%] lg: xs:max-w-24 md:max-w-48 lg:*/} +
Projects Count
{/* Hackers */} -
+
Hackers Count {/* Time Count */} -
+
Time Count
{/* Prize Amount */} -
+
Prize Amount setIsHovered(true)} onMouseLeave={() => setIsHovered(false)} > @@ -95,7 +94,7 @@ export default function Stats() {
{/* Circle of Circles Pink */} -
+
Circle of Circles {/* Cross Cyan */} -
+
Cross
{/* Squiggly Circle Yellow */} -
+
Circle {/* Squiggly Circle Pink */} -
+
Circle {/* Bottom Left - Tape (diagonal) */} -
+
Tape
- {/* Bottom Left - Tape (diagonal) */} -
+ {/* Background gradient */} +
Tape
-
+
); } diff --git a/app/(pages)/(index-page)/page.tsx b/app/(pages)/(index-page)/page.tsx index 44779f8..9385b65 100644 --- a/app/(pages)/(index-page)/page.tsx +++ b/app/(pages)/(index-page)/page.tsx @@ -2,8 +2,7 @@ import Stats from './_components/Stats'; export default function Home() { return ( -
-

Halo! Welcome to the HackDavis template repo :D

+
); From 646b4041b6580d9f2fb6bcabf9b7e634b08eb956 Mon Sep 17 00:00:00 2001 From: reehals Date: Thu, 5 Feb 2026 00:46:04 -0800 Subject: [PATCH 3/5] xs+ and some md+ styling --- .../(index-page)/_components/Stats.tsx | 28 +++++++++---------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/app/(pages)/(index-page)/_components/Stats.tsx b/app/(pages)/(index-page)/_components/Stats.tsx index 66cc465..756dd21 100644 --- a/app/(pages)/(index-page)/_components/Stats.tsx +++ b/app/(pages)/(index-page)/_components/Stats.tsx @@ -22,7 +22,7 @@ export default function Stats() { const [isHovered, setIsHovered] = useState(false); return ( -
+
{/* Top Left - Scissors */}
@@ -30,7 +30,7 @@ export default function Stats() {
{/* Top area - Cross (lime green) */} -
+
Cross
@@ -44,12 +44,12 @@ export default function Stats() {
{/* Green Flower Thing */} -
+
Flower
{/* Projects w-[16%] md:w-[24%] lg: xs:max-w-24 md:max-w-48 lg:*/} -
+
Projects Count {/* Hackers */} -
+
Hackers Count {/* Time Count */} -
+
Time Count
- {/* Prize Amount */} -
+ {/* Prize Amount md:top-[74%]*/} +
Prize Amount setIsHovered(true)} onMouseLeave={() => setIsHovered(false)} > @@ -94,7 +94,7 @@ export default function Stats() {
{/* Circle of Circles Pink */} -
+
Circle of Circles {/* Cross Cyan */} -
+
Cross
{/* Squiggly Circle Yellow */} -
+
Circle {/* Squiggly Circle Pink */} -
+
Circle {/* Background gradient */} -
+
Tape Date: Thu, 5 Feb 2026 00:50:59 -0800 Subject: [PATCH 4/5] Done with responsiveness --- app/(pages)/(index-page)/_components/Stats.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/app/(pages)/(index-page)/_components/Stats.tsx b/app/(pages)/(index-page)/_components/Stats.tsx index 756dd21..72fe36d 100644 --- a/app/(pages)/(index-page)/_components/Stats.tsx +++ b/app/(pages)/(index-page)/_components/Stats.tsx @@ -25,7 +25,7 @@ export default function Stats() {
{/* Top Left - Scissors */} -
+
Scissors
@@ -94,7 +94,7 @@ export default function Stats() {
{/* Circle of Circles Pink */} -
+
Circle of Circles {/* Cross Cyan */} -
+
Cross
@@ -126,7 +126,7 @@ export default function Stats() {
{/* Bottom Left - Tape (diagonal) */} -
+
Tape
From b7119033a62910179f74d021e884ad715ba41766 Mon Sep 17 00:00:00 2001 From: Haylie Tan Date: Sat, 7 Feb 2026 18:32:06 -0800 Subject: [PATCH 5/5] Placement on page.tsx --- app/(pages)/(index-page)/_components/heroInfo/heroInfo.tsx | 2 +- app/(pages)/(index-page)/page.tsx | 5 ++++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/app/(pages)/(index-page)/_components/heroInfo/heroInfo.tsx b/app/(pages)/(index-page)/_components/heroInfo/heroInfo.tsx index ea78755..7d4bd73 100644 --- a/app/(pages)/(index-page)/_components/heroInfo/heroInfo.tsx +++ b/app/(pages)/(index-page)/_components/heroInfo/heroInfo.tsx @@ -7,7 +7,7 @@ import WordCycle from '../wordCycle/wordCycle'; export default function HeroInfo() { return ( <> -
+
+
+
placeholder for 10 years
+
);