Official landing page for OHBM Hackathon 2026 (June 11-13, Bordeaux, France).
This site includes:
- Hero section with animated neural-network visual
- Event info and venue highlight
- 3-day interactive schedule (tabbed timeline)
- Sponsor section + contact CTA
- Footer links and event metadata
The page is built as a static-exported Next.js app and deployed to GitHub Pages.
- Next.js
16.1.3(App Router) - React
19.2.3 - TypeScript
5 - Tailwind CSS
4 - Radix UI + shadcn/ui
- Lucide React icons
- Vercel Analytics (
@vercel/analytics)
npm install
npm run devOpen http://localhost:3000.
npm run dev: start dev servernpm run build: production build + static export (out/)npm run start: run production servernpm run lint: run ESLint
src/app/layout.tsx: metadata, fonts, global layoutsrc/app/page.tsx: section composition ordersrc/app/globals.css: theme tokens and base stylingsrc/components/hero-section.tsx: hero + brain animationsrc/components/info-section.tsx: event highlights + venue visualsrc/components/schedule-section.tsx: schedule UI and schedule datasrc/components/sponsors-section.tsx: sponsor/CTA contentsrc/components/scroll-fade.tsx: section entrance/exit scroll transitionsschedule.md: planning/reference schedule document (not auto-wired to UI)
- Event title/description (SEO): update
src/app/layout.tsx. - Hero copy/date/location: update
src/components/hero-section.tsx. - Schedule data and track tags: update
src/components/schedule-section.tsx. - Sponsor entries and logo paths: update
src/components/sponsors-section.tsxand add assets topublic/. - Footer links/text: update
src/components/footer.tsx.
Note: schedule.md is documentation for planning. The live schedule currently comes from the schedule object in schedule-section.tsx.
Deployment runs via .github/workflows/nextjs.yml on pushes to main.
Static hosting settings are in next.config.ts:
output: "export"images.unoptimized: truebasePath/assetPrefixfor repository subpath deployment
If the repository name changes, update repositoryName in next.config.ts.
MIT