๐Ÿงฉ BRICKS AI HYBRID PATH ยท LIVE APR 20 2026

This playbook is built under the 3-tool workflow: Figma for the 20% that carries the brand (hero + MOAT sections), Bricks AI Studio for the 80% that repeats (grids, rows, accordions, chip bars), Claude/Nexus to orchestrate briefs.

๐Ÿšซ OFF-LIMITS
Audrey does NOT design a header or footer in Figma. Global Bricks components already ship on every page.
๐Ÿ“ NAMING
NN_type_descriptor ยท lowercase + underscores ยท number matches the § in the Section-by-Section spec ยท starts at 01, no 00_header.
๐Ÿงฉ PER-SECTION MODE
One frame at a time. Audrey names the frame → asks Claude: “prompt for [page] section NN” → tuned Bricks AI prompt returned → paste in Bricks AI → approve → ship.
๐Ÿ“ฆ WHOLE-PAGE MODE
Full bundle. All frames named → asks Claude: “whole [page] prompt pack” → document with every section prompt. Figma-flagged sections marked “drop your Figma export, do not regenerate.”
Every prompt enforces: No header/footer generation · Brand tokens (#1D1760 navy, #30C5FF blue, #FFEA00 yellow, Inter) · Stephanie format (Problem → Impact → Solution → Data → Need) · LocalBusiness + page-type schema · Mobile-first (44px taps, 16px body min) · No em dashes in client copy.
โ†’ Full 3-tool workflow diagram + 5 wiring steps
Creative Brief for Audrey

Emergency Plumber Landing Page

This is the second priority page after Sewer Camera. Emergency intent has the highest urgency in the entire keyword universe. The page must convert in under 30 seconds because the customer is standing in water. Here is the structure, the content, and the photos. Make it beautiful and make it fast.

Priority #2 after Sewer Camera 165K monthly searches, zero BSP page KD 23 (easy) on "emergency plumber near me" Target: /emergency-plumbing/ Figma file: 6Hs3YviSaG5uCzc90XKU7Q
โœ… STATUS ยท APR 21, 2026
Audrey finished the Emergency Plumber Figma โ€” ready for Bricks AI build
Handoff complete. The Figma file below is the source of truth. Bricks AI prompt pack will render from this URL.
๐Ÿ“ Open Figma โ†’
โš ๏ธ HEADER + FOOTER + LOGO + MENU = ALREADY BUILT (DO NOT DESIGN)
Global site chrome is already shipped as a Bricks global component. Audrey's Figma and Bricks AI prompts cover page sections only (hero through final CTA). No header, no footer, no menu, no logo placement in the AI-generated output.
๐Ÿค– FOR BRICKS AI / ORCHESTRATOR
figma_file_key: 6Hs3YviSaG5uCzc90XKU7Q
figma_share: https://www.figma.com/design/6Hs3YviSaG5uCzc90XKU7Q/Emergency-Plumbing-Landing-Page?node-id=0-1
figma_dev_mode: https://www.figma.com/design/6Hs3YviSaG5uCzc90XKU7Q/Emergency-Plumbing-Landing-Page?node-id=0-1&m=dev
target_path: /emergency-plumbing/
designer: Audrey Laube (handoff complete 2026-04-21)

Why This Page Matters

Emergency is the largest single gap in the entire BSP site. Google Ads is spending money sending emergency searchers to /plumbing-services/, a generic page that does not mention the word emergency in the H1. There are 165,000 people a month searching for "emergency plumber" with KD 23 (easy). The current campaign converts at single digits because the page does not match the intent. A dedicated /emergency-plumbing/ page that loads in under 2 seconds, has the phone number in the first 80 pixels, and proves the 60-minute response time will move the needle on both Smart Bidding data quality and revenue per click.

Who Lands on This Page
Panicking Pat (60% of traffic)

Standing in water. Burst pipe under the sink, water heater leaking, sewer backing up into the tub. Has been on Google for 90 seconds and is ready to call the first plumber that loads. Will not read a paragraph. Will not scroll past the fold.

After-Hours Andy (25%)

It is 11pm or Sunday morning. The home warranty company is closed. Andy is searching "24 hour plumber near me" and "plumber open now" and needs proof someone will actually answer.

Frozen Pipe Frank (10%, seasonal)

January cold snap. Pipes have not burst yet but they are not flowing. Looking for "frozen pipe repair" or "no water in house". Will convert at 70%+ if reached in time.

Comparison Carla (5%)

Not currently in an emergency. Bookmarking for "when something happens." Will read reviews, look at pricing, and call later. Lower urgency but higher LTV.

Keyword Cluster Targeted (from Weaponization Strategy)

Pulled from BSP_Keyword_Weaponization_Strategy.html โ€” Emergency / General cluster. Total: 12,043 keywords, 8.48M/mo combined search volume. Below are the head terms this single page must rank for.

Keyword Monthly Volume KD CPC
plumber550,00067$25.12
plumber near me450,00053$22.00
emergency plumber165,00046$34.35
emergency plumber near me135,00023 (easy)$25.97
emergency plumbing135,00049$34.35
emergency plumbing near me110,00046$25.97
emergency drain service40,50040$34.61

Long-tail support: 24 hour plumber24 hour plumber near meplumber near me open nowburst pipe emergencywater leak emergencysewer backup emergencyfrozen pipe repairgas leak plumberflooded basement plumberwater heater leaking

Critical Gap (per Strategy doc): "BSP has NO dedicated /emergency-plumbing/ page. The current campaign spends $50/day sending traffic to the generic /plumbing-services/ page. A dedicated page with emergency-specific content would dramatically improve conversion rates."
Page Structure (1:1 from Audrey's Figma)

Frames extracted from Figma file 6Hs3YviSaG5uCzc90XKU7Q in the order they appear top to bottom on the desktop comp. Each section below shows the copy Audrey already wrote in Figma plus the keyword integration, schema, and CTA spec.

Figma: Menu
Section 01 โ€” Sticky Header
Logo + Services + Service Areas + Blogs + About + Call Now
Sticky on scroll. Phone CTA on the right is always visible. On mobile, the "Call Now" collapses into a tap-to-call button bar pinned to the bottom of the screen so the customer never has to hunt for it.
height: 80px desktop / 64px mobile background: #FFFFFF CTA: red #DC2626 with phone icon tel:+19139631029
Figma: 01_Hero + emergency-plumbing-hero 1
Section 02 โ€” Hero (Above the Fold)
Emergency Plumber in Kansas City. We Answer 24/7.
Sub-copy (verbatim from Figma): "Burst pipe? Flooding basement? Sewer backup? Bright Side Plumbing dispatches licensed plumbers to your door within 60 minutes. Call now."
Hero image: emergency-plumbing-hero 1 โ€” full-width photo of BSP truck arriving at residential KC home, lights on, technician with toolbag walking up the driveway. Wet pavement / dusk lighting suggests urgency.
H1 must contain "Emergency Plumber" verbatim H1 must contain "Kansas City" Phone CTA in first 80 pixels Background: dark navy with red accent
emergency plumberemergency plumber near me24 hour plumberburst pipefloodingsewer backup
CALL NOW (913) 963-1029 Book Online
Audrey design note: The hero is the entire page for 60% of visitors. Phone number must be readable from a phone held at arm's length while standing in 2 inches of water. Avoid thin fonts. Avoid white-on-yellow.
Figma: 02_CTA_TrustBar
Section 03 โ€” CTA + Trust Bar
Call (913) 963-1029
Trust strip (verbatim from Figma): 4.9 Stars (394+ Reviews) | 5th-Generation Plumbing Family | Licensed and Insured | Same-Day Service Available
Single horizontal bar, 180px tall Yellow background #FFEA00 OR red #DC2626 Icons: star, wrench, check, clock Brand colors locked: #1D1760 / #30C5FF / #FFEA00 + emergency red #DC2626
Real number note: Figma says "394+ Reviews" but per memory the current count is 392+. Audrey: please pull the live Google review count the day she designs and use that exact number. Phone is (913) 963-1029 confirmed.
Figma: 03_Plumbing_Emergencies_Handled
Section 04 โ€” Every Emergency We Handle
We Handle Every Plumbing Emergency
6-card grid. Each card is a specific emergency type so the customer recognizes their problem in under 3 seconds. The cards in Figma are: Burst Pipes, Gas Leaks, Sewer Backups, Frozen Pipes, Water Heater Failure, Flooding.
Burst Pipes
Targeted repairs for cracked, collapsed, or damaged lines. Shut-off, dry-out, repipe.
Gas Leaks
Licensed gas line repair. Evacuate, locate, repair, pressure-test before reactivation.
Sewer Backups
Camera diagnosis, cabling, hydro-jetting. Cleared at the curb if needed.
Frozen Pipes
Safe thaw before they burst. Insulation upgrades to prevent the next freeze.
Water Heater Failure
Same-day replacement of tank or tankless. Most common after-hours call.
Flooding
Source-location, shut-off, and coordination with restoration partners.
Copy gap Audrey will need to fill: Figma has placeholder text "Targeted repairs for cracked, collapsed, or damaged lines" repeated under every card. Robert needs to write 6 unique sub-descriptions. Suggestions provided above as a starting point.
burst pipe emergencygas leak plumbersewer backup emergencyfrozen pipe repairwater heater leakingflooded basement plumber
Figma: emergency-plumbing-team-project 1
Section 05 โ€” Team Photo Banner
The People Who Will Be at Your Door
Full-width photo of the BSP team in branded uniforms standing in front of the trucks. Builds trust between the panic moment (Section 04) and the response-time proof (Section 06).
Optional headline overlay: "Licensed. Background-checked. 5th-generation Kansas City plumbers." If overlay is used, it must not block faces.
height: 818px in Figma, can compress to 400-500px responsive photo source: Audrey to schedule team shoot fallback: existing team photo from sewer-camera-inspection page
Figma: 04_Process_Steps
Section 06 โ€” Response Time Proof
From Your Call to Our Truck, Here Is How Fast We Move
3-stat grid (verbatim from Figma): Call answered in 15 seconds. Tech dispatched in 5 minutes. On-site in 60 minutes or less.
15 sec
Call Answered
5 min
Tech Dispatched
60 min
On-Site Or Less
24/7
Real Humans
Verification needed: The 15-second / 5-minute / 60-minute numbers came from Audrey's Figma. Robert: confirm with Stephanie / 3CX dashboard that these are honest numbers we can defend if a customer screenshots them. Suggest pulling 30-day average from 3CX before launch.
Figma: before-we-arrive-infographic 1
Section 07 โ€” What To Do Before We Arrive (Infographic)
3 Things To Do Right Now While You Wait
High-value SEO content + builds trust. Suggested 3 steps for Audrey to design as numbered icons:
  1. Shut off the water. Main shut-off is usually near the water heater or where the line enters the house. Turn clockwise.
  2. Cut power to wet areas. If water is near outlets or appliances, flip the breaker. Do not stand in water to do this.
  3. Move what you can. Lift rugs, move electronics. Take a quick photo for insurance.
3-column infographic with icons icons: shut-off valve, breaker, camera background: light cream or sky #C5EAF8 to break up the dark sections
SEO bonus: This is the section that makes Google rank the page for "what to do during a plumbing emergency" long-tail queries (12K+/mo combined). Also great content for AI Overviews citation.
Figma: 05_KC_Home_Owners_Say
Section 08 โ€” What KC Homeowners Say
Real reviews from real Kansas City customers
2 review cards in Figma (Jessica Price reviews are pre-loaded). Recommend expanding to 4-6 cards on production with specific emergency-related reviews. Robert: pull the 4 highest-star reviews from Google that mention the words "emergency", "after hours", "Sunday", "burst", or "flood".

"Recently had a sewer line repair done by Bright Side Plumbing. Would highly recommend this company. The initial evaluation was professional and they discussed our options. Pricing was very competitive. The crew, Matthew and Juan, showed up..."

Jessica Price | Google Review

Schema: Review + AggregateRating (4.9 stars, 392+ count) Carousel on mobile, grid on desktop
Figma: 09_Final_CTA
Section 09 โ€” Final CTA (Red Urgency Theme)
Don't Wait. Call Now.
Single biggest button on the page. Red background. Phone number rendered as the hero element, not as a label. This is where Comparison Carla converts after scrolling the whole page.
CALL (913) 963-1029 Book Online Instead
background: gradient #DC2626 to #1D1760 button: yellow #FFEA00 with navy text for AAA contrast tap target: minimum 56px tall on mobile
Figma: 10_Footer
Section 10 โ€” Footer (Verbatim from Figma)
Services + Pages + Contact + Office Hours

Services

Leak Repair, Drain Cleaning, Water Heaters, Sewer Cleaning, Sewer Repair, Trenchless Sewer Repair, Sump Pumps

REMOVE from Figma: "Septic Systems" โ€” BSP does not offer septic per memory.

Contact

+1 (913) 963-1029
12022 Blue Valley Pkwy
Overland Park, KS 66213

Office Hours

Mon-Fri 7am-6pm | Sat 9am-4pm
Emergency line: 24/7

Schema Markup (Required)

Three schema types must be embedded in the page head. Robert will inject these via Code Snippets after the page is built.

1. PlumbingService schema โ€” name, telephone, address, areaServed (Overland Park, Leawood, Olathe, Lenexa, Shawnee, Kansas City KS, Kansas City MO, Mission, Prairie Village)
2. EmergencyService schema โ€” availableService.serviceType "Emergency Plumbing", hoursAvailable "Mo-Su 00:00-23:59", priceRange "$$"
3. FAQPage schema โ€” minimum 6 Q+A pairs covering: "Are you really 24/7?", "How fast can you get here?", "What does an emergency call cost?", "Do you charge extra after hours?", "What if my pipe is already burst?", "Do you do gas leaks?"
{ "@context": "https://schema.org", "@type": "EmergencyService", "name": "Bright Side Plumbing โ€” Emergency Plumber", "telephone": "+1-913-963-1029", "address": { "@type": "PostalAddress", "streetAddress": "12022 Blue Valley Pkwy", "addressLocality": "Overland Park", "addressRegion": "KS", "postalCode": "66213" }, "openingHoursSpecification": { "@type": "OpeningHoursSpecification", "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"], "opens": "00:00", "closes": "23:59" }, "areaServed": ["Overland Park","Leawood","Olathe","Lenexa","Shawnee","Kansas City"], "priceRange": "$$" }
Keyword Integration Map (Per-Section)
Section Primary Keyword Supporting Keywords
Hero H1emergency plumberKansas City, 24/7
Hero subburst pipeflooding, sewer backup, 60 minutes
Trust barlicensed plumbersame-day service, 4.9 stars
Emergencies gridburst pipe / gas leak / frozen pipewater heater leaking, sewer backup, flooded basement
Process steps24 hour plumberplumber near me open now, fast response
Before we arrivewhat to do plumbing emergencyshut off water main, plumbing emergency tips
Reviewsemergency plumber Kansas CityOverland Park, Leawood, Olathe
Final CTAemergency plumber near mecall now, 913-963-1029
FooterBright Side PlumbingOverland Park KS plumber
Audrey: What This Brief Provides vs What You Decide
AUTO-GENERATED FOR YOU
  • Section order (1:1 from your Figma)
  • All copy verbatim from your Figma frames
  • Keyword cluster + search volumes
  • Schema markup templates
  • Brand color palette + emergency red accent
  • Persona breakdown (who lands here)
  • Phone, address, brand voice
YOU TO FILL IN / DECIDE
  • 6 unique sub-descriptions for the emergency cards (Figma has placeholder text repeated)
  • Final hero photo selection (or schedule shoot)
  • Team photo for Section 05 (or use existing)
  • Infographic icons for Section 07 (3 numbered steps)
  • Mobile vs desktop type scale
  • Animation / interaction choices (call buttons should pulse subtly?)
  • Update review count to live number day-of-launch
Build Notes for Robert
Do not push to Bricks staging from this brief. This is a creative brief for Audrey to design against. Once Audrey ships her final Figma, Robert builds the page in Bricks (or Unbounce/Instapage if speed matters more than CMS integration per Apr 10 meeting decision).
Performance target: Largest Contentful Paint under 1.8s. Hero phone tel: link must be tappable in under 100ms. WP Rocket exclusion may be needed if the hero render-blocks (per existing GCLID snippet pattern).
Conversion tracking: All CTAs (phone clicks, book online clicks) must fire AW-17179856077 conversion. Currently the conversion tag has been MISSING for 14+ days per memory โ€” verify it is restored before this page goes live or Smart Bidding will not learn.
Campaign routing: When this page is live, the existing Emergency Google Ads campaign (currently routed to /plumbing-services/) must be repointed. Per Strategy doc: "When /emergency-plumbing/ goes live: emergency keywords redirect there."

Approval Gate

Audrey designs in Figma. Robert reviews against this brief. Stephanie approves the response-time claims (15s/5min/60min) before launch. Then Robert builds in Bricks. No autopublish. No code snippet writes without explicit Robert approval (per Apr 12-13 incident memory).

๐Ÿ”Œ Orchestrator Prompt Pack (machine-readable)

Consumed by nexus_bricks_orchestrator.py. Figma source: 6Hs3YviSaG5uCzc90XKU7Q. Sections below match the brief architecture.

Section 01 ยท Emergency Hero (red urgency band)

Build Emergency Plumber landing page Section 01 HERO per Figma file 6Hs3YviSaG5uCzc90XKU7Q (frame node-id=0-1). Full-bleed red urgency band above the fold. H1 Inter 800 44/32px mobile yellow #FFEA00 on navy. Phone (913) 963-1029 in first 80px, tel: click-to-call yellow button Inter 700 18px. "Available NOW โ€” avg 60-min response" chip green #22C55E. Trust strip: KCMO license + BBB A+ + 396 Google reviews. Target conversion: under 30 seconds. Mobile-first. Skip header/footer โ€” global Bricks component.

Section 02 ยท Problem Triage

Build Emergency Plumber Section 02 TRIAGE per Figma 6Hs3YviSaG5uCzc90XKU7Q. 4-card emergency triage grid: Burst Pipe, Sewer Backup, Water Heater Flood, Gas Smell. Each card: red icon + h3 Inter 700 + 2-line "what to do right now" advice + phone CTA. Teaches customer to call immediately while water is shutoff. Brand navy #1D1760, red accents, Inter font.

Section 03 ยท 60-Minute Response Proof

Build Emergency Plumber Section 03 PROOF per Figma 6Hs3YviSaG5uCzc90XKU7Q. Live response-time chip "last dispatch: X min ago" pulling from GET /api/hcp/last_dispatch cache 10min. Map pin of KC metro. 3 stat tiles: avg response (minutes), 24/7 availability (yes), jobs this month. Yellow stat numbers Inter 800 36px.

Section 04 ยท Service Coverage

Build Emergency Plumber Section 04 COVERAGE per Figma 6Hs3YviSaG5uCzc90XKU7Q. Service-area chip row: Prairie Village, Overland Park, Shawnee, Leawood, S Kansas City, Westwood Mission, Mission, Lenexa. Each chip links to /locations/{slug}/. "Not listed? Call โ€” we likely still cover you" fallback line.

Section 05 ยท After-Hours Proof (photos + transcript)

Build Emergency Plumber Section 05 AFTER-HOURS per Figma 6Hs3YviSaG5uCzc90XKU7Q. Before/after photo carousel from completed emergency jobs (once photo sync restored โ€” see Apr 21 Tech Dashboard flag). Quote block from Daniel AI transcript of recent 11pm emergency call to show "we actually answer". Navy panel, blue #30C5FF borders.

Section 06 ยท Pricing Transparency

Build Emergency Plumber Section 06 PRICING per Figma 6Hs3YviSaG5uCzc90XKU7Q. Transparent dispatch-fee card ($89 waived if you proceed) + same-day estimate + no weekend upcharge. Three-tile pricing row. Disarms sticker shock. Inter 400 15px body, Inter 700 18px numbers.

Section 07 ยท FAQ (emergency-specific)

Build Emergency Plumber Section 07 FAQ per Figma 6Hs3YviSaG5uCzc90XKU7Q. 5-7 emergency-specific accordions: "How fast can you really get here?", "Do you charge more at night?", "What counts as an emergency?", "Can you shut off my water from my phone?", "Do you handle sewer backups?", "Gas leak โ€” do I call you or the utility?". FAQPage JSON-LD schema.

Section 08 ยท Final CTA (dual path)

Build Emergency Plumber Section 08 FINAL CTA per Figma 6Hs3YviSaG5uCzc90XKU7Q. Dual-CTA: primary yellow tel:+19139631029 "Call (913) 963-1029 NOW" Inter 800 20px + secondary ghost-outline "Book online (non-emergency)" triggers ST iframe. Red urgency band repeats. "We answer in person, 24/7" anchor line. Navy full-bleed.