Reference site: danielsun.space

Tech stack: Pure HTML + CSS + JS — no frameworks, no npm, no build tools

Hosting: Cloudflare Pages (already set up on your domain)

Photo Mapping (hero floating photos)

File Photo
photo-1.jpg Blue Moroccan tiles — seated, chin on hand (most aesthetic)
photo-2.jpg Tata Mumbai Marathon — race bib, Jan 18 2026
photo-3.jpg Snow mountains — white hoodie, Himachal Pradesh
photo-4.jpg Bangalore rooftop night — colorful leopard shirt, city lights
photo-5.jpg Hilltop arms wide open — Kudremukh trek
photo-6.jpg Night street fairy lights — Pondicherry / Goa

Step-by-Step Build Process

Step 1 — Set up the folder on your laptop

Create this exact folder structure:

aayushkrishnan-v2/
├── AAYUSH_WEBSITE_BRIEF.md
├── assets/
│   └── photos/
│       ├── photo-1.jpg
│       ├── photo-2.jpg
│       ├── photo-3.jpg
│       ├── photo-4.jpg
│       ├── photo-5.jpg
│       └── photo-6.jpg

Download the 6 photos from Claude and rename them exactly as shown above.

Step 2 — Save the brief

Copy the complete brief from this conversation into AAYUSH_WEBSITE_BRIEF.md

Step 3 — Open in Claude Code (inside claude.ai)

Use Claude Code inside this app for the first build:

  1. Open a new Claude conversation
  2. Attach all 6 photo files
  3. Attach the AAYUSH_WEBSITE_BRIEF.md file
  4. Paste the kickoff prompt (see below)