PHASE V1 · INTEGRATION PROPOSAL
How the concepts could live on Be rAIdy.
Static mockups below show two proposals: a homepage portfolio section replacing the current "Built for your trade" presentation, and a new trade-page hero pairing our brownstone/cream identity with the featured prototype's own visual world. The previews embed the LIVE prototypes — scroll inside them. Everything on this page is a proposal preview; nothing is implemented on the live homepage or trade pages.
V2: the redesigns as real pages.
The two proposals below are now built as actual preview pages — the redesigned homepage section and the three trade-page heroes — using real screenshots of the concepts instead of embedded iframes. Compare them against the current production pages, side by side, at desktop and mobile sizes.
Homepage portfolio section
Replaces the current "Built for your trade" card grid. Three large, visually distinct concept previews, each with its own identity strip and concept label — followed by links to all seven trades.
BUILT FOR YOUR TRADE
Different businesses.
Different ways to win customers.
Three design families from the Be rAIdy Master Framework — each one a complete fictional website, labeled as a demonstration.
Plumbing — Bold Emergency
BlueLine Plumbing & Drain
Concept website — not a client project. Explore the concept →
HVAC — Modern Comfort
Meridian Comfort Co.
Concept website — not a client project. Explore the concept →
Roofing — Premium Craftsmanship
Summit & Slate Roofing
Concept website — not a client project. Explore the concept →
Conversion logic: the section keeps the homepage phone-first CTA hierarchy untouched — the three cards are exploration links, not competing conversions, and the section sits exactly where the current card grid sits (after "What we run", before the pricing band).
Trade-page hero with a large concept preview
Left: the approved brownstone identity — trade-specific Be rAIdy headline and Request a call CTA. Right: the REAL concept prototype in a browser frame with a mobile overlay, clearly labeled "Concept website — not a client project", with an explore link.
PLUMBING MARKETING IN MASSACHUSETTS
Emergency calls go to whoever shows up first.
We run the whole system — emergency and planned-work pages, Google Ads split by job value, and a call-first experience that answers around the clock.
Concept website — not a client project. Explore the concept →
HVAC — Modern Comfort
Roofing — Premium Craftsmanship
Master Website Framework fit
The three concepts were built as isolated skins over shared primitives — which is exactly how the Master Framework would ship them. Shared core: routing and SEO foundations, Seo/schema component, tracking (cta_click / book_call_click with link_location), consent-gated analytics, form infrastructure and the phone-first CTA vocabulary. Distinctive per family: design tokens (palette, type pair, radius, borders), header/navigation pattern, hero composition, card and grid structure, section rhythm and conversion flow. A fourth family slots in as a token file plus a layout component — not a new website.
Routes and code affected by a future implementation
- /design, /design/plumbing, /design/hvac, /design/roofing, /design/proposal — new preview routes (this phase, noindex, excluded from sitemap/prerender).
- Homepage: "Built for your trade" section (BuildScene component + home.js trades block) → portfolio showcase.
- TradePage.jsx + content/pages/*.js — hero composition for the three trades with an embedded live concept preview + label.
- Future: the seven /for/:key concept routes would be superseded by framework-built concepts (owner decision, not this phase).
Imagery: Unsplash-licensed photography (free commercial license, hotlinked via images.unsplash.com with responsive params, lazy-loaded below the fold) — every photo verified live and used exactly once across the three concepts. No client screenshots, no stock businesspeople, no fabricated results.