Side-by-side of what esprompt.ahrasya.workers.dev ships today against the 12-block
launch anatomy. Section heights measured live from the DOM. Verdict column is the action, not an opinion.
How to read this: §01 sizes the job · §02 is the summary — start here · §03 proves each verdict · §04 is the build list.
Purpose: settle the size of the job before reading anything else.
Left number is today, right number is the target. If a debate starts about whether this is a tweak or a rebuild, this row answers it.
Purpose: the one-screen answer. If you only read one table, read this one.
One row per section, in page order. Left is what ships today, right is what it becomes, notes say why. Nothing here is new information — it is Table A and Table B compressed into a single view for scanning.
| No | Existing section | Enhancement section | Notes |
|---|---|---|---|
| 1 | Header / Nav | Header / Nav Fix | Structure is fine. Anchors don't scroll and the FAQ link renders a blank screen — engineering defect, not a design change. |
| 2 | Hero | 1. Hero + 2. Proof bar Rewrite | Headline stays. The screenshot marquee is replaced by a prompt→result loop, and a new proof bar with PH badge and tool logos sits directly under the fold. |
| 3 | Features | 3. The tension + 4. The villain Rebuild | The feature list gives up its slot to the problem and the enemy. Feature claims move down into the gallery and the FAQ where they're proof, not preamble. |
| 4 | Showcase | 7. The gallery Rebuild | Same cards, new mechanic: hover reveals the prompt that made each result. Becomes the largest block on the page instead of a teaser. |
| 5 | How it works | 5. Live demo + 6. How it works Keep | Splits in two. The demo panel becomes a real ungated prompt you can copy without an account; the three steps compress to a single screen with a real time number. |
| 6 | Integrations | — removed — Delete | 3,855px for four sentences. Content is absorbed into the proof bar and how-it-works. About 3,000px of the total page reduction comes from this one deletion. |
| 7 | Why esprompt | 8. Built for you Rewrite | Four personas become three. Students out, Designers in. Each column states an outcome, not a feature. |
| 8 | — none — | 9. Objections Add | Entirely new. Amateur prompt vs. esprompt prompt with both outputs, plus a comparison table against free templates and hiring a designer. |
| 9 | Get Started | 10. Pricing + 12. Final CTA Rebuild | Splits in two. Real numbers anchored against freelancer cost with a launch-day deadline, then a short closing block that stops contradicting the hero CTA. |
| 10 | FAQ | 11. FAQ Rewrite | Moves below pricing. First answer open by default, and the pricing question finally gets a number. |
| 11 | Footer | Footer Keep | Unchanged apart from adding contact, legal, and maker identity. |
| 12 | Head / metadata | Head / metadata Fix | Not visible on the page, but decides every share preview. Real title, meta description, og:image. Ship blocker for a Product Hunt launch. |
Purpose: the evidence. Read this when you disagree with a verdict in the map above.
Sections in DOM order with measured heights. Column 3 is what the section actually does, column 4 is the specific defect — not a style opinion. Verdict in column 5 matches the map.
| # | Existing section | What it does today | Problem | Verdict |
|---|---|---|---|---|
| 1 | Header / Nav | Six anchor links (Features, Showcase, How it works, Integrations, Why esprompt, FAQ) plus Log In and Go to Library. | Anchors do not scroll. Clicking FAQ lands on a fully blank screen — the reveal animation never fires on jump, heading stays at opacity 0. | Fix |
| 2 | Hero | Badge "New · prompt library for beginners", headline "Prompts into UI, in a single copy.", subline naming Cursor / v0 / Lovable, two CTAs, then a duplicated marquee of eight unrelated site screenshots. | Headline is strong, the visual is not proof. The marquee shows finished websites with no link to a prompt. Two CTAs of equal weight, no primary. | Rewrite |
| 3 | Features | "Everything you need, in one flow." Three features: 120+ component library, Hero tier ships with image/video assets, instant search and filters. | Pure FAB stopping at Feature. Talks about the library, not the reader's outcome. Also contradicts the hero: "thousands" vs "120+". | Rewrite |
| 4 | Showcase | "A peek into the library." Nine cards (Proxim, LUMA, Arlo, Stillwave, Apex, ALTR, Aura, Élan, VRIS R1) with Copy Prompt / View Detail, then "+30 more prompts waiting inside". | Highest-craft asset on the page, doing the lowest-value job. No prompt→result pairing, so it proves design taste, not that the prompt caused it. Copy is gated behind signup. | Rebuild |
| 5 | How it works | Three steps — Pick a prompt, Copy in one click, Generate in AI — plus an Aurora Hero demo panel showing prompt text and a live preview. | Structurally correct and the tightest section on the page. Missing a real number ("6 minutes from paste to live") and the demo panel is illustrative, not interactive. | Keep |
| 6 | Integrations | Four short lines delivered across five full viewports: "Easy to use. No coding needed." / "Copy a prompt. Paste it in your AI tool." / "Works with your favorite AI tools." / "From idea to shipped page, in minutes." | The single worst block. Five screens of scroll for four sentences, and it never names or shows a logo of a single integration. Pure scroll-jack with no payoff. | Cut 80% |
| 7 | Why esprompt | Four personas: Non-technical founders, Students & self-taught learners, Vibe coders & indie hackers, Marketers & creators. | Designers — the highest-LTV, highest-credibility segment in the brief — are absent. Students, the lowest-LTV segment, got a slot instead. | Rewrite |
| 8 | FAQ | Six accordions. First answer contains the clearest sentence on the whole site: "We sell the prompts. You generate." | All answers collapsed by default. Asks "How does pricing work?" and never answers with a number. Renders blank when reached via the nav link. | Rewrite |
| 9 | Get Started | "Stop browsing. Start building." / "Free to start. Upgrade whenever you are ready." CTAs: Start Free, View Showcase. | Section id is literally harga and contains zero prices. Closing line tells the reader to stop browsing while the hero button says "Browse the Library". | Rebuild |
| 10 | Footer | Logo, EN/ID switcher, Product and Learn link columns, "© 2026 esprompt · by Elux Space". | Links to a Pricing page that the homepage never previews. No contact, no legal, no maker identity. | Keep |
| — | Head / metadata | Title reads "esprompt · Prompts into UI (Version C · Gradient / Reactbits-style)". No meta description. No og:image. | Internal working title is live in Google and every browser tab. Every share on Product Hunt, X, Slack and WhatsApp renders as a naked link with no preview card. | Fix |
Purpose: the ticket list. This is what gets built — one row, one task.
Standard Product Hunt launch-day anatomy mapped onto the 11-block story we designed. "From v1" tells you what you already have to work with, so nothing gets built twice. Four rows are marked missing — those blocks do not exist today in any form.
| # | New block | From v1 | What it must do | Framework | Action |
|---|---|---|---|---|---|
| 1 | Hero | Hero (#2) | Keep the headline. Replace the marquee with a 10-second autoplay loop of prompt text typing into a tool and the finished page appearing. One primary CTA, one ghost link. | BAB | Rewrite |
| 2 | Proof bar | missing | Product Hunt badge, logos for Cursor / v0 / Lovable / Claude / Bolt, and one number you can defend. Three seconds of credibility directly under the fold. | 4Ps · Proof | Add |
| 3 | The tension | missing | Three lines of specific pain, one per persona. Marketer needs five variants and gets one a week. Founder's idea is three months old and still has no page. Designer is on revision nine at the same fee. | PAS · P+A | Add |
| 4 | The villain | missing | Name the shared enemy: the blank canvas and the one-line prompt. "AI builders don't fail because the AI is dumb. They fail because your prompt is one sentence." This block is what justifies charging money for text. | StoryBrand | Add |
| 5 | Live demo | How it works panel (#5) | One complete prompt, ungated, next to its rendered result. Copy button works with no account. This is the aha moment and it must arrive before any signup ask. | PAS · S | Add |
| 6 | How it works | How it works (#5) | Same three steps, compressed to one screen. Add the honest number: average minutes from paste to live page. | Process | Keep |
| 7 | The gallery | Showcase (#4) | Biggest block on the page. Same cards, but hover reveals the prompt that produced each result. Real brand names or explicitly labelled concepts — no ambiguous fake logos. | BAB | Rebuild |
| 8 | Built for you | Why esprompt (#7) | Three personas, not four: Marketer, Founder, Designer. Each gets one specific outcome, not a feature. Drop Students. | FAB | Rewrite |
| 9 | Objections | missing | Amateur prompt vs. esprompt prompt, side by side, with both outputs rendered. Then a comparison table: esprompt vs. free templates vs. hiring a designer, scored on time, cost, control, originality. | Comparison | Add |
| 10 | Pricing | Get Started (#9) | Actual numbers. Anchor against freelancer cost, not against other tools. Launch-day offer with a visible deadline, plus a risk reversal. | 4Ps | Rebuild |
| 11 | FAQ | FAQ (#8) | First answer open by default. Answer the pricing question with a number. Promote "We sell the prompts. You generate." out of the FAQ and into the hero area. | Objection | Rewrite |
| 12 | Final CTA | Get Started (#9) | No summary of the page. One line of tension, one button, one small risk reversal. Must stop contradicting the hero CTA. | 4Ps · Push | Rewrite |
| ✕ | Integrations sequence | Integrations (#6) | Four sentences absorbed into the proof bar and the how-it-works block. The 3,855px scroll sequence is removed entirely — roughly 3,000px of the page-length reduction comes from here alone. | — | Delete |
Measurements taken live from esprompt.ahrasya.workers.dev · section heights via getBoundingClientRect · Elux Space internal document