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..e396f30 --- /dev/null +++ b/components/sections/stats-section.tsx @@ -0,0 +1,96 @@ +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 @@ + + + + + + + + + +