Hack2Skill Hackathon Landing Page

A modern, responsive hackathon landing page built with React 19 and Vite. The site showcases all the key information participants need — from registration and eligibility to challenges, rewards, and the event schedule.

Live Sections

Section	Description
Navbar	Sticky navigation with smooth scroll links
Hero	Full-screen banner with tagline and visuals
About	Hackathon overview with live countdown timer
Eligibility	Who can participate
Process	Step-by-step participation guide
Challenges	Problem statements and tracks
Why Participate	Benefits and highlights
Schedule / Timeline	Key dates and milestones
Rewards	Prizes and recognition
Image Collage	Event gallery
FAQ	Frequently asked questions
Footer	Links and contact info

Tech Stack

• React 19
• Vite 8
• Plain CSS (per-component stylesheets)
• ESLint with eslint-plugin-react-hooks and eslint-plugin-react-refresh

Getting Started

Prerequisites

• Node.js ≥ 18
• npm ≥ 9

Install & Run

npm install
npm run dev

The dev server starts at http://localhost:5173 with Hot Module Replacement enabled.

Build for Production

npm run build

Output is placed in the dist/ folder.

Preview Production Build

npm run preview

Lint

npm run lint

Project Structure

src/
├── components/
│   ├── About/
│   ├── Challenges/
│   ├── Eligibility/
│   ├── FAQ/
│   ├── Footer/
│   ├── Hero/
│   ├── ImageCollage/
│   ├── Navbar/
│   ├── Process/
│   ├── Rewards/
│   ├── ScheduleTimeline/
│   └── WhyParticipate/
├── assets/
├── App.jsx
├── App.css
├── main.jsx
└── index.css

Each component lives in its own folder alongside its CSS file, keeping styles scoped and easy to maintain.