From 4ddab3451d7b8bb84b24fa1e55b773ec6e54ed11 Mon Sep 17 00:00:00 2001 From: rohansen856 Date: Fri, 26 Dec 2025 23:08:51 +0530 Subject: [PATCH 1/2] feat: added stats section in the homepage Signed-off-by: rohansen856 --- app/page.tsx | 66 ++------------- components/sections/stats-section.tsx | 90 ++++++++++++++++++++ package-lock.json | 3 + public/stats-bg.svg | 9 ++ public/stats-bottom.svg | 114 ++++++++++++++++++++++++++ public/stats-participants.svg | 10 +++ public/stats-projects.svg | 10 +++ public/stats-registrations.svg | 10 +++ public/stats-upper.svg | 76 +++++++++++++++++ public/stats-volunteers.svg | 10 +++ 10 files changed, 337 insertions(+), 61 deletions(-) create mode 100644 components/sections/stats-section.tsx create mode 100644 public/stats-bg.svg create mode 100644 public/stats-bottom.svg create mode 100644 public/stats-participants.svg create mode 100644 public/stats-projects.svg create mode 100644 public/stats-registrations.svg create mode 100644 public/stats-upper.svg create mode 100644 public/stats-volunteers.svg diff --git a/app/page.tsx b/app/page.tsx index 295f8fd..d9776bd 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,65 +1,9 @@ -import Image from "next/image"; +import StatsSection from "@/components/sections/stats-section" export default function Home() { return ( -
-
- Next.js logo -
-

- To get started, edit the page.tsx file. -

-

- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. -

-
-
- - Vercel logomark - Deploy Now - - - Documentation - -
-
-
- ); +
+ +
+ ) } diff --git a/components/sections/stats-section.tsx b/components/sections/stats-section.tsx new file mode 100644 index 0000000..5624ecf --- /dev/null +++ b/components/sections/stats-section.tsx @@ -0,0 +1,90 @@ +import React from "react" +import Image from "next/image" + +async function StatsSection() { + const stats = [ + { + number: "2437", + label: "Registrations", + description: "2400+ registrations from across the country.", + }, + { + number: "412", + label: "Participants", + description: "400+ participants joined the offline hackathon!", + }, + { + number: "100+", + label: "Volunteers", + description: "To help you, get the best out of HackByte.", + }, + { + number: "100+", + label: "Projects", + description: "Innovative submissions from various domains.", + }, + ] + + return ( +
+
+ glass design +
+ +
+ glass design +
+ +
+ glass design +
+ +
+ glass design + glass design{" "} + glass design{" "} + glass design +
+
+ ) +} + +export default StatsSection diff --git a/package-lock.json b/package-lock.json index 1f9c3bd..a133b4e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,6 +21,9 @@ "eslint-config-next": "16.1.1", "tailwindcss": "^4", "typescript": "^5" + }, + "engines": { + "node": "24" } }, "node_modules/@alloc/quick-lru": { diff --git a/public/stats-bg.svg b/public/stats-bg.svg new file mode 100644 index 0000000..66db977 --- /dev/null +++ b/public/stats-bg.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/stats-bottom.svg b/public/stats-bottom.svg new file mode 100644 index 0000000..b199ef5 --- /dev/null +++ b/public/stats-bottom.svg @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/stats-participants.svg b/public/stats-participants.svg new file mode 100644 index 0000000..c34c5cf --- /dev/null +++ b/public/stats-participants.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/stats-projects.svg b/public/stats-projects.svg new file mode 100644 index 0000000..edb72a2 --- /dev/null +++ b/public/stats-projects.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/stats-registrations.svg b/public/stats-registrations.svg new file mode 100644 index 0000000..37c8d7e --- /dev/null +++ b/public/stats-registrations.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/stats-upper.svg b/public/stats-upper.svg new file mode 100644 index 0000000..8dbac0a --- /dev/null +++ b/public/stats-upper.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/stats-volunteers.svg b/public/stats-volunteers.svg new file mode 100644 index 0000000..ceab241 --- /dev/null +++ b/public/stats-volunteers.svg @@ -0,0 +1,10 @@ + + + + + + + + + + From 9c581b1c28255268f2b23fdd43959f628b0c3960 Mon Sep 17 00:00:00 2001 From: rohansen856 Date: Sat, 27 Dec 2025 00:25:53 +0530 Subject: [PATCH 2/2] feat: added responsiveness for smaller screens Signed-off-by: rohansen856 --- components/sections/stats-section.tsx | 64 +++++++++++++++------------ 1 file changed, 35 insertions(+), 29 deletions(-) diff --git a/components/sections/stats-section.tsx b/components/sections/stats-section.tsx index 5624ecf..e396f30 100644 --- a/components/sections/stats-section.tsx +++ b/components/sections/stats-section.tsx @@ -26,12 +26,12 @@ async function StatsSection() { ] return ( -
+
glass design @@ -41,13 +41,13 @@ async function StatsSection() { glass design
-
+
glass design
-
- glass design - glass design{" "} - glass design{" "} - glass design +
+
+ glass design + glass design + glass design + glass design +
)