How sos-ina/pixoul works
Pixoul is a public-facing gaming and events website: visitors discover VR and other gaming experiences, browse venue and event offerings, and can initiate session booking. The sampled code is a Next.js presentation layer, with client-side session-cart state and route helpers rather than a demonstrated booking backend. The graph includes the documented-by-route experience, events, story, community, and virtual-tour areas; links for unsampled pages are omitted where their implementation relationships are not evidenced.
Main entry points: page.jsx Home Page · events Event Pages · BookNowButton.jsx Booking Button · experience Experience Catalogs
Components 24
Site Discovery
- Home Page
app/page.jsx - Virtual Tour
app/virtual-tour/page.jsx - Site Navigation
components/layout/Navbar.jsx
Gaming Experiences
- Experience Catalogs
app/experience - VR Story
app/experience/vr/story/page.jsx - Story Content Views
components/story - Game Grid
components/vr/GameGrid.jsx - Game Card
components/vr/GameCard.jsx - Story Preview
components/vr/VRStoryPreview.jsx
Events & Community
- Event Pages
app/events - Event Type Grid
components/events/EventTypeGrid.jsx - Community Pages
app/community
Booking & Navigation
- Session Page
app/session/page.jsx - Session Cart State
components/cart/SessionCartProvider.jsx - Add to Session
components/cart/AddToSession.jsx - Booking Button
components/ui/BookNowButton.jsx - Route Helpers
lib/routes.js
Shared Presentation
- Hero Section
components/ui/Hero.jsx - Call to Action
components/ui/CTA.jsx - Page Title
components/ui/Title.jsx - Stats Grid
components/ui/StatGrid.jsx - Explore Grid
components/ui/ExploreGrid.jsx - Image Carousel
components/ui/ImageCarousel.jsx
Other components
- Visitor
Connections 31
- Visitor → Home Page: opens
app/page.jsx - Home Page → Hero Section: renders
app/page.jsx - Home Page → Stats Grid: renders
app/page.jsx - Home Page → Explore Grid: renders
app/page.jsx - Home Page → Image Carousel: renders
app/page.jsx - Home Page → Call to Action: renders
app/page.jsx - Home Page → Booking Button: renders
app/page.jsx - Home Page → Page Title: renders
app/page.jsx - Experience Catalogs → Game Grid: renders
app/experience/vr/page.jsx - Experience Catalogs → Hero Section: renders
app/experience/vr/page.jsx - Experience Catalogs → Call to Action: renders
app/experience/vr/page.jsx - Experience Catalogs → Story Preview: renders
app/experience/vr/page.jsx - VR Story → Story Content Views: renders
app/experience/vr/story/page.jsx - VR Story → Hero Section: renders
app/experience/vr/story/page.jsx - Game Grid → Game Card: renders
components/vr/GameGrid.jsx - Game Card → Booking Button: renders
components/vr/GameCard.jsx - Game Card → Add to Session: renders
components/vr/GameCard.jsx - Game Card → Route Helpers: uses
components/vr/GameCard.jsx - Event Pages → Event Type Grid: renders
app/events/hall/page.jsx - Event Pages → Hero Section: renders
app/events/hall/page.jsx - Event Pages → Booking Button: renders
app/events/hall/page.jsx - Event Pages → Call to Action: renders
app/events/hall/page.jsx - Event Pages → Stats Grid: renders
app/events/hall/page.jsx - Event Pages → Image Carousel: renders
app/events/hall/page.jsx - Session Page → Session Cart State: uses
app/session/page.jsx - Add to Session → Session Cart State: uses
components/cart/AddToSession.jsx - Booking Button → Route Helpers: uses
components/ui/BookNowButton.jsx - Explore Grid → Home Page: renders cards for
app/page.jsx - Site Navigation → Booking Button: renders
components/layout/Navbar.jsx - Site Navigation → Session Cart State: uses
components/layout/Navbar.jsx - Site Navigation → Visitor: serves navigation