Internal preview
Community graphic concepts
Four directions for a square graphic that shows the scope of theCLICK Pro community in the hero. All use real member photos already on the site. Pick one and we'll drop it into /pro.
Avatar mosaic with "Your Seat" placeholder
Classic group photo grid. 14 real member avatars, one tile is a dashed-purple "YOUR SEAT" placeholder (invites the reader in), one tile is a solid purple "200+ Members" stat. Live-pulse dot in footer implies active community.
- Best for: showing a real, human cohort fast
- Vibe: clean, credible, cohort-y
- Build complexity: low
SEAT
RUSS
Russ at the center, members in orbit
Russ anchors the hub with a purple ring. Six members form an inner ring; ten members form an outer ring. Dashed guide circles imply more rings = more members. Stat pill underneath reads "200+ members building with Growth OS."
- Best for: showing "led by Russ, supported by community"
- Vibe: distinctive, designer-y, editorial
- Build complexity: medium
The live session grid, mid-call
Styled as a video-call window with title bar ("theCLICK Pro Live · Session 3 of 16"), live-red pulse, and 200+ member count. Russ is "speaking" (green ring + mic icon). One tile is "YOUR SEAT" with dashed purple border. Ties directly to the offer: "16 live sessions, twice a week."
- Best for: reinforcing the live-cohort offer specifically
- Vibe: thematic, literal, active
- Build complexity: medium (dark theme, more chrome)
Building
"Built two cleaning company websites in under a day."
Ash Samawi 

Bento card: mosaic + stat + quote + CTA
Magazine-cover energy. Top-left is a 3x3 avatar mosaic. Top-right is a big "200+" purple stat tile. Bottom-left is a real member quote with headshot. Bottom-right is a dark CTA tile with a pile of avatars and a "Reserve your seat" prompt. Does the most work in the least space.
- Best for: telling the whole story (community + proof + CTA) in one graphic
- Vibe: editorial, modern, info-dense
- Build complexity: medium-high (more moving parts)
Bento with a rotating proof ticker and cohort countdown
Same four-tile structure as v1, with the bottom two tiles upgraded.
- Bottom-left: cycles through 11 short proof lines with member headshot and name, 3.2 seconds per slide, dot indicator, pauses when off-screen.
- Bottom-right: "Next cohort · May 12" header, pulsing green live dot, pile of 4 member avatars who've claimed a seat + "+2" overflow, progress bar showing "44 of 50 seats left," and a "Reserve your seat" affordance.
- Motion: respects
prefers-reduced-motion.
Building



We love our members!
Growing Businesses
Real numbers, no fake progress bar
The cohort tile drops the invented "X claimed" count and just shows what we actually know.
- Top of tile: avatar pile of 5 members with a
+200purple badge — the existing community, not seat claims. - Middle: "Next cohort · May 12" header, then "50 seats available" displayed big.
- Bottom: filled purple pill CTA "Reserve your seat →" (arrow slides right on hover).
- Upper-left mosaic: Spiro swapped in for StacyLynn — now 3 men / 6 women across the 9 cells.
- Thomas removed from the pile; StacyLynn moves down into it.
Which one goes in the hero?
Pick a concept and say the number (or a hybrid). I'll drop it into the /pro hero and retire this preview page.




