Apartment renovation
An apartment renovation crew site “Level” on a blueprint grid — concrete, graph paper and signal yellow: a hero with an apartment plan that draws itself in lines and highlights rooms with their area, an estimate calculator by area and renovation type, stages as a Gantt chart on a sticky scene with a “you are here” marker, before/after projects with a curtain, live construction with a progress ring from today's date, a comparison with a typical crew and counters, the crew as a staff list, reviews as acceptance acts with a stamp, a one-field request and a blueprint title-block footer. Inter Tight, Onest and JetBrains Mono.
What it is made of
11 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.
1. Header
Crew navbar with a spirit-level bubble and a tape-measure progress barnavbar-037
A spirit-level bubble settles on load, a tape-measure scroll progress, “Get an estimate”, burger.
2. First screen
Renovation hero: an apartment plan draws itself, rooms highlight with their areahero-037
An apartment plan draws itself, hovered rooms show their area, a blueprint stamp.
3. Estimate
Renovation estimate calculator: area × type × options → price and weeksrenovation-001
Area × type × options → price and weeks roll up, “Save the estimate”.
4. Stages
Work stages as a Gantt chart with a marker that rides along on scrollrenovation-002
A Gantt on a sticky scene: a “you are here” marker rides the scroll, bars fill.
5. Projects
Before/after projects with a comparison slider and a project switcherrenovation-003
Project tabs, a before/after curtain, mono facts.
6. Live site
Site live: a progress ring driven by today's date and a day-by-day report feedrenovation-004
A “day N of M” progress ring from today, a report feed with photos.
7. Why us
“Us vs a typical crew” comparison with counters and check marks that draw themselvescomparison-010
Counters roll up, a “Level vs a crew” table, ticks draw themselves.
8. Crew
Crew as “staff roster” cards with corner tickspeople-017
A staff list with corner marks and monograms.
9. Reviews
Reviews as acceptance certificates with an “accepted without remarks” stamptestimonials-029
Acceptance acts: number, signature, an “accepted” stamp lands on appear.
10. Request
One-field request on a hazard plate with a “call / messenger” switch and the calculator's estimate attachedcta-030
A yellow slab with barrier stripes, call / Telegram / WhatsApp, the estimate as a chip.
11. Footer
Drawing title-block footer with requisite cellsfooter-036
A blueprint title block: details in cells, sections, documents.
Pro
The exact composition, page source and agent link are in PRO
The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.
Get PRO