YQuantum Hackathon Website

A dark-themed, quantum computing hackathon website built with Next.js and Tailwind CSS, optimized for Vercel deployment.

Features

• 🌌 Dark quantum-themed design
• ⚛️ Animated quantum particles
• 📱 Fully responsive layout
• 🚀 Optimized for Vercel deployment
• 🎨 Modern UI with gradient effects and glows

Getting Started

Installation

npm install

Development

npm run dev

Open http://localhost:3000 to view the site.

Build

npm run build
npm start

Deployment to Vercel

1. Push your code to GitHub
2. Import your repository in Vercel
3. Vercel will automatically detect Next.js and deploy

Or use the Vercel CLI:

npm i -g vercel
vercel

Customization

Update the content in app/page.tsx to match the information from yquantum.info. The page includes sections for:

• Hero section
• About
• Challenge tracks
• Schedule
• Prizes
• Sponsors
• Contact

Tech Stack

• Next.js 14
• React 18
• TypeScript
• Tailwind CSS
• Vercel (deployment)