Full-Function Smoke-Test Chat

• Positioning: Austin roof repair help after leaks, hail, and storm damage.
• Trust rhythm: quote CTA, phone CTA, license/insurance strip, review proof, before-after proof, service area reassurance.
• Design rule: practical contractor credibility, low text density, no fake logos or invented testimonials.
• Hero rule: one-glance offer plus visible next step before any long explanation.

Build a responsive landing page for an Austin roof repair company.

Target buyer: homeowners who need leak repair, storm-damage inspection, or missing-shingle repair after bad weather.

Primary goal: quote requests and phone calls.

Required sections:
1. Hero: "Austin Roof Repair After Storms" with phone CTA and quote CTA.
2. Trust strip: licensed, insured, 4.8-star reviews, Austin service area.
3. Service cards: leak repair, storm damage, shingle repair.
4. Before/after proof slots for real job photos.
5. Simple process: send photos, inspection, repair plan, completed work.
6. Service area block.
7. FAQ: pricing, timing, insurance, emergency availability.
8. Final quote form.

Rules: keep text density low, use original placeholders only, do not invent reviews, make the project easy to export for Claude Code refinement.

• Open the exported AI Studio project locally.
• Replace vague contractor copy with Austin-specific roof repair language.
• Verify mobile hero readability and phone CTA tap target.
• Add real proof placeholders with clear labels: reviews, license/insurance, before-after jobs.
• Remove any decorative section that does not support quote intent.

Create a clean realistic 16:9 website hero image for an emergency roof repair company in Austin, Texas. A finished residential roof after a storm, warm late afternoon light, subtle clouds clearing, trustworthy local-service realism, strongest roof visual on the right side, clean negative space on the left for HTML hero text overlay, no text, no logos, no watermarks.

GPT Image 2 demo result

Austin Roof Repair After Storms

Fast inspection, clear repair plan, and photo-first quote requests for local homeowners.

Request a roof quote

Use the generated roof hero image as start and end frame. Create a subtle 6-8 second hero loop: slow cinematic push-in, gentle clearing-cloud movement, preserve left-side text-safe negative space, no new objects, no text, no logos. Keep a static poster fallback and respect reduced-motion users.

External video generation was not needed for this proof. The motion branch is still demonstrated as a concrete animated result, not left as a text-only prompt.

The recovered outlier engine route is available for Firecrawl/browser research. For this smoke test, the agent produces a manual contender worksheet and the exact evidence to collect before launch.

1. Hero: make "Austin Roof Repair After Storms" the first visual promise with phone and quote CTAs.
2. Proof: put license/insurance and review rating directly below hero, not buried after service copy.
3. Offer clarity: split leak repair, storm damage, and missing-shingle repair into three short cards.
4. Media: use the generated hero as a placeholder until real job photos replace it; keep no-text image discipline.
5. Motion: use subtle hero motion only if file size and mobile performance stay acceptable.
6. Launch gate: run contender research before final copy order is locked.

The workflow also produces a lightweight page output: a roof-repair landing page direction with the generated hero image as a full background, mobile-safe CTA structure, and subtle cloud motion.

Open sample landing page output