Exhibition homepage design - v0 by VercelExhibition homepage design - v0 by Vercel
No message content
[Pasted 28 lines]
26d ago
Let me read the existing layout, globals.css, and tailwind config to understand the current setup:
Now I have a clear understanding of the codebase. Let me build this sophisticated exhibition homepage. I'll start by updating the globals.css with a refined theme, then create the components and main page.
Now let me create the components for the exhibition page:
Now let me create the main page that brings all the components together:
I've built a complete, sophisticated exhibition homepage for "소음 오케스트라 (Sound Orchestra)" featuring:
Design & Theme:
Strict minimalism inspired by Art Sonje Center with clean thin borders and bold typography (font-black, tracking-tighter)
Full dark/light mode toggle with a deep slate-950 dark theme featuring indigo neon accents representing sound waves
Custom color tokens in globals.css optimized for both modes
Sections:
Hero - Massive "SOUND ORCHESTRA" title with an interactive CSS audio visualizer widget (click to pause/play) and exhibition info
Exhibition - About section with bilingual content, live stats, and a 3-step feature grid
Booking - Clean reservation form with name, date picker, time slot selector, and a smart fallback system showing offline ticketing code (SO-2026-KH39) for network errors
Archive - Grid of 6 sound cards styled like high-end music releases with play/pause buttons, waveform icons, and a bottom-anchored audio player bar when a track is selected
Visit - Exhibition dates, hours, location details, and a minimalist map placeholder with coordinates
The UI uses shadcn/ui components, lucide-react icons, and is fully responsive with smooth scroll navigation.