How shan-fsd/projects works
This is a React storefront and editorial landing page for Shan Atelier, a parent-facing maker of seasonal children’s play editions. Visitors explore the atelier’s approach, age guidance, stories, and plan options, then can open a reservation flow. The sampled source shows client-side UI state and static content, but no payment, order-processing, or external service integration; the reservation form’s submission behavior is not established by the excerpts.
Main entry points: content.ts Season and plan content · App.tsx Page and UI state · main.tsx React bootstrap · index.css Global styles
Components 11
Application entry
- React bootstrap
src/main.tsx - Global styles
src/index.css - Class merging
src/utils/cn.ts
Storefront experience
- Page and UI state
src/App.tsx - Atelier feature
src/App.tsx - Age guide
src/App.tsx - Parent stories
src/App.tsx - Plan selection
src/App.tsx
Product content
- Season and plan content
src/content.ts
Reservation flow
- Reservation form
src/App.tsx
Other components
- Visitor
Connections 10
- Visitor → React bootstrap: opens
- React bootstrap → Page and UI state: renders
- React bootstrap → Global styles: loads
- Page and UI state → Season and plan content: reads content
- Atelier feature → Season and plan content: shows features
- Age guide → Season and plan content: shows age guidance
- Parent stories → Season and plan content: shows testimonials
- Plan selection → Season and plan content: shows plans
- Page and UI state → Reservation form: opens reservation
- Page and UI state → Class merging: merges classes