Shadow program structure - v0 by VercelShadow program structure - v0 by Vercel
No message content
document.md
Frame 287646782-topaz.jpeg
shadow_rinse-wax-arches_rgb.jpg
Shadow_Brand_Guide (1).pdf
shadow_top-brush-04_rgb.jpg
RainX_Logo_Color.png
ArmorAll_Logo_Color.png
Black Magic_Logo_Color.png
6d ago
Now I have everything I need. Let me summarize the images:
Frame 287646782-topaz.jpeg — Close-up interior of a car wash tunnel with bright green soft-touch side brushes, stainless steel frames, and a "Simoniz Hot Wax Shine" arch sign.
shadow_rinse-wax-arches_rgb.jpg — Wide-angle tunnel interior shot showing multiple steel arches receding into the distance, black cloth curtains, green side brushes, yellow floor guide rails, and colorful overhead piping.
shadow_top-brush-04_rgb.jpg — Overhead green top-brush dominating the frame inside a clean white-walled tunnel with more brushes visible deeper in.
RainX_Logo_Color.png — Rain-X logo (yellow background, blue text).
ArmorAll_Logo_Color.png — Armor All Professional logo (black & orange Viking mascot).
Black Magic_Logo_Color.png — Black Magic logo (red & black oval).
Now let me build the Shadow BETTER / BEST trade show program page following the brand guide exactly.
Now I'll build the Shadow BETTER / BEST program page. Let me read the existing layout and globals files first, then build everything.
Now I'll update the layout, globals, and build the full page with components.
Now update globals.css with Shadow brand tokens:
Now let me build all the page components:
Now write the main page:
The Shadow BETTER / BEST program page is fully built. Here's what was created:
Hero — Full-width black header with the "SHADOW" wordmark, "An NCS Company" subtext, "Show Exclusive" badge, and the bold "The Shadow Advantage" headline in Archivo ExtraBold.
BEST tier (first, dominant) — Large two-column card with a cobalt blue border, the tunnel top-brush photo, a "20–30%+ Show Savings" badge, all 7 value-stack bullet points with blue checkmarks, and the three chemistry partner logos (Rain-X, Armor All, Black Magic) in a clean white strip below.
BETTER tier (secondary) — Slightly muted styling with a grey border, the rinse-wax-arches tunnel photo, 5 benefit bullets with slate checkmarks, and an upgrade nudge line pointing back to BEST.
Sales Closer — Full cobalt-blue band with the rep's talking point in massive uppercase type, immediately readable from distance.
Footer — Disclaimer copy, "Forge Ahead" tagline, and a cinematic equipment image strip.
6d ago
this looks great get rid of these bullet points inboth best and better " Shadwow Equipmenr Featurs in Collge of Clean"
6d ago
The "Shadow Equipment Featured in College of Clean" item only exists in best-tier.tsx. The better-tier.tsx doesn't have it. I'll remove it from BEST now.
Removed "Shadow Equipment Featured in College of Clean" from the BEST tier's benefit list — it was only present there, not in BETTER. The list now goes cleanly from "FREE College of Clean Classes" straight into "Optimized Performance + Lower Operational Risk."
6d ago
0px
Code editing is not availableDuplicate this chat to use a more powerful code editor.