- Add mobile-first navigation with hamburger menu and top-right controls - Implement accordion-style mobile menu matching sidebar structure - Add theme toggle and accessibility buttons to mobile header - Update responsive breakpoints to lg: (1024px) for better tablet/desktop split - Hide sidebar on mobile, show primary nav on desktop - Update content padding to use proportional CHORUS spacing system - Fix logo centering in 3D canvas with proper origin calculations - Lighten header and bottom dock transparency to 80% - Add route-aware navigation state management - Include visual aid modal accessible from mobile menu 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This is a Next.js project bootstrapped with create-next-app.
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.