🧠 Genathon 3.0 Website (In Progress)

---

🌐 Welcome to the official Genathon 3.0 site!

Built to represent the spirit of innovation at Genathon, the flagship hackathon organized by Club Elevate, IIIT Nagpur.
Inspired by platforms like Pinterest and leading global hackathon websites—this site blends cinematic visuals with cutting-edge interactivity.

---

🚀 Features

• ⚡ Ultra-modern UI/UX with a sleek, Pinterest-style dark theme
• 🧬 Animated binary matrix background (Canvas + GSAP, fully optimized)
• 🔢 Real-time number counting in the Live Stats section
• 📚 Dedicated sections: Hero, Registration, Live Stats, Why Participate, Guidelines, Sponsors, Meet the Team
• 🌊 Smooth scroll animations powered by GSAP & Lenis
• 📱 Fully responsive and mobile-first design
• 📌 Sticky vertical navbar with icons and hover tooltips
• ♿ Accessibility: semantic HTML5, keyboard navigation, readable content
• 🌐 Ready for static deployment (GitHub Pages, Vercel, Netlify, etc.)

---

📁 Project Structure

/Genathon
├── index.html             # Main entry point
├── tailwind.config.js     # TailwindCSS config
├── /public
│   ├── logo.png           # Genathon logo
│   └── sponsors/          # Sponsor logos
├── /assets
│   ├── team/              # Team member images
│   └── icons/             # Extra icons (SVG/PNG)
├── /css
│   └── main.css           # Tailwind + custom styles
└── /js
    ├── main.js            # Binary BG, GSAP, Lenis scripts
    └── countUp.js         # Number animation logic

---

🛠️ Tech Stack

• Frontend: HTML, TailwindCSS, Custom CSS
• Animations: GSAP, Lenis (smooth scrolling)
• Fonts: Inter (primary), fallback sans-serif
• Icons: Heroicons, Font Awesome

---

🎨 Theming & Styling

• Primary Background: #0D0D0D (deep black)
• Accent Colors:
  • Neon Red: #FF4F5A
  • Neon Purple: #6A00FF
• Typography: White bold text, Inter font
• Visual Effects: Glows, blurs, and futuristic vibes via Tailwind utilities

---

📋 Site Sections

• Hero: Title, logo, and registration CTA
• Binary Canvas: Animated 0/1 background grid
• Live Stats: Animated counters for real-time engagement
• Why Participate: Glowing floating info cards
• Guidelines: Icon-based grid layout
• Sponsors: Tier-based sponsor showcase
• Meet the Team: Responsive grid of contributors
• Sticky Navbar: Icon-driven, tooltip-enhanced navigation

---

⚡ Getting Started

Clone the repo:

git clone https://github.com/your-org/genathon.git
cd genathon

Install dependencies:

npm install
npm run dev

💡 You can also use CDN links for quick prototyping by opening index.html directly in your browser.

---

📱 Mobile & Accessibility

• Responsive layouts for all screens
• Touch-optimized horizontal scrolling on cards
• Full keyboard navigation support
• Semantic HTML for screen readers

---

🚦 Development Status

• ✅ Hero, Stats, Guidelines, Sponsors, Team sections functional
• ✅ Binary animation + smooth scroll in place
• 🚧 Final UI polish, optimizations, and content tweaks underway

---

🤝 Contributing

Pull requests are welcome! Whether you're fixing bugs, improving UI, or adding content—your input is valued.
Please:

• Use clear commit messages
• Attach screenshots or demos where relevant

---

👾 Credits

🧑‍🚀 TEAM ELEVATE – Creators of Genathon 3.0