How panthosarkar/wife-anniversary-site works
This is a static romantic photo-album site. A visitor opens the home page, which presents an anniversary introduction, a customizable photo timeline, reasons for affection, and a closing letter. Shared personalization and memory content live in lib/data.ts; the timeline displays configured images from the public image directory. Ambient floating hearts are reused in the opening and closing sections. The component excerpts support these rendering and data relationships; no separate backend or persistent store is shown.
Main entry points: page.tsx Home page · data.ts Editable content · Hero.tsx Anniversary hero · StoryTimeline.tsx Photo timeline
Components 10
Page composition
- Root layout
app/layout.tsx - Home page
app/page.tsx
Story sections
- Anniversary hero
components/Hero.tsx - Photo timeline
components/StoryTimeline.tsx - Love notes
components/LoveNotes.tsx - Closing letter
components/ClosingSection.tsx
Shared content and visuals
- Editable content
lib/data.ts - Floating hearts
components/FloatingHearts.tsx - Photo assets
public/images
Other components
- Visitor
Connections 13
- Visitor → Home page: opens
- Root layout → Home page: wraps
- Home page → Anniversary hero: renders
- Home page → Photo timeline: renders
- Home page → Love notes: renders
- Home page → Closing letter: renders
- Anniversary hero → Editable content: reads names
- Photo timeline → Editable content: reads memories
- Photo timeline → Photo assets: loads configured images
- Love notes → Editable content: reads notes
- Closing letter → Editable content: reads letter and names
- Anniversary hero → Floating hearts: renders hearts
- Closing letter → Floating hearts: renders hearts