Post by @webloved

How I build with Claude 👇 Academy in bio 🔗 Full prompt goes in the Academy soon. It took hours of testing to get right. Want a site like this? Send me an email, email in bio 📩 Pick your floor right on the building photo 🏙️ 1. One photo of the tower. Measure in px where the roof and the ground are, and count the floors (26 here). 2. Floor height = (ground minus roof) / 26. 3. On mousemove over the tower: level = 26 minus Math.floor((y minus roof) / floor height). Clamp it 1 to 26. 4. Draw a glowing band one floor tall at that spot: linear-gradient from transparent to rgba(120,200,255,0.6) and back. 5. A thin SVG line runs from the band to a side panel. The panel shows the level in big tabular-nums numbers. 6. Keep one array with 26 objects: residences, size, price, available. The panel just reads level minus 1. 7. Click the band: scale the photo to 6x from that floor in 1.2s, then fade into a white clay model of the apartment. 8. On phones, tap and drag up and down the tower instead of hover. Save this before your next real estate site 🔥 #claude #webdesign #realestate #architecture #vibecoding