Feed & Create Component Catalog

RightNowBanner

src/components/feed/RightNowBanner.tsx

Gradient banner with horizontal scroll items

Right Now 3 happening

🚧

Bedford Ave Water Main Break

Avoid Bedford between N 6th and N 7th. Crews on scene.

🎶

Jazz at Devocion

Live jazz starting at 7 PM. Free entry, great coffee.

🚲

Group Ride Tonight

Meet at McCarren Park entrance. 6:30 PM start.

NeighborhoodStoriesRow

src/components/feed/NeighborhoodStoriesRow.tsx

Instagram-style story circles with gradient/gray ring

+

Your Story

MS

Maria S.

JT

Jake T.

DC

Devocion

AR

Ana R.

TK

Tom K.

PG

Paulie Gee's

Briefing + Calendar Split Bar

src/components/feed/FeedContainer.tsx (inline, lines 197-220)

Two-part bar: time-adaptive briefing left, Events Calendar right

FilterChips

src/components/feed/FilterChips.tsx

Horizontal scroll, gradient active / white+border inactive

⚡ All 🚨 Safety 📅 Events 🆘 Help 💡 Tips 🏪 Market 📜 History 📦 Packages 🏠 Agents 🤝 Community

PostCard — Community (with image)

src/components/feed/PostCard.tsx

border-l-4 border-slate-500, bg-white, rounded-xl, shadow-sm

MS

Maria Santos ✓

2h ago

Bedford Ave & N 7th

Beautiful new mural going up on N 7th! The artist has been working on it all week. Go check it out before the weekend.

PostCard — Safety (no image, red border)

src/components/feed/PostCard.tsx + post-variants/SafetyCard.tsx

border-l-4 border-red-500, severity badge, urgent pulse, context reactions

TK

Tom Kowalski

45m ago

Water main break flooding Bedford Ave

Major water main break between N 6th and N 7th. Road is closed, water everywhere. Avoid the area.

HIGH SEVERITY URGENT Flooding

Please take appropriate precautions

Still happening 14 Resolved 3

PostCard — Event (with RSVP buttons)

src/components/feed/PostCard.tsx + post-variants/EventCard.tsx

border-l-4 border-primary, event details box, gradient RSVP buttons, context reactions

DC

Devocion Coffee Business ✓

5h ago

Jazz Night at Devocion

Join us for a cozy evening of live jazz and great coffee. Local duo performing originals and classics.

Friday, Mar 20 • 7:00 PM

69 Grand St, Williamsburg

34 going

Social

Going 34 Was great 8 Skip it

PhotoFirstCard

src/components/feed/post-variants/PhotoFirstCard.tsx

Full-width 4:5 photo, author overlay at bottom-left, location pill bottom-right

PN

Priya Nair

McCarren Park

Golden hour at McCarren Park. This neighborhood never stops surprising me.

McCarren Park, Williamsburg

Near Lorimer St Station

EditorialPostCard

src/components/feed/post-variants/EditorialPostCard.tsx

Inside PostCard shell with border-l-4 border-primary. Gradient text label, comparison data box

NB

The Nabe

1d ago

Greenpoint vs Williamsburg for Families

We compared the two neighborhoods across key family-friendly metrics.

Nabe Editorial

Data-backed comparison from Nabe's community intelligence

Family Score Comparison

Greenpoint 8.2/10

Williamsburg 7.5/10

East Village 6.8/10

AgentInsightCard

src/components/feed/AgentInsightCard.tsx

Standalone card (not in PostCard shell). Indigo accent bar top, agent attribution, CTA

Agent Insight

SC

Sarah Chen Licensed Agent

Brooklyn Bridge Realty

Williamsburg Market Update: Spring 2026

Rental prices dipped 3% this month with more inventory hitting the market. Great time to look if you've been waiting. Here's what I'm seeing on the ground...

31 7

3h ago

FeaturedAgentCard

src/components/feed/FeaturedAgentCard.tsx

Gradient left bar accent, stats row, blockquote, "View Profile" CTA

Meet Your Neighborhood Agent

MC

Marco Castellano

Williamsburg Living Team

4.9/5 (23 reviews)

5

Years

12

Deals

3

Listings

"Marco knows every block in Williamsburg. He found us the perfect place in 2 weeks."

3 neighbors currently working with Marco

ListingCard

src/components/listings/ListingCard.tsx

Hero photo + overlays (NabeScore, status), gradient price overlay, agent commentary, score grid, social proof

8.4

Active

$3,200/mo

145 Bedford Ave · Williamsburg

2 bed · 1 bath · 850 sqft

S

“Beautiful light, renovated kitchen. Won't last.” — S.

8.5

Quiet

9.2

Transit

7.8

Walk

8.0

Safety

12 Nabe residents here · 8 building reviews

ContextReactions

src/components/feed/ContextReactions.tsx

Shows all 3 variants: event, tip/agent-insight, safety. Active = gradient, inactive = white+border

Event type:

Going 34 Was great 8 Skip it

Tip / Agent-insight type:

Can confirm 12 Disagree 2

Safety type:

Still happening 14 Resolved 3

CaughtUpDivider

src/components/feed/CaughtUpDivider.tsx

Gradient fade line, center pill, "View earlier posts" link

You're all caught up

NurturingStrip

src/components/feed/NurturingStrip.tsx

"New Here Guide" header with gradient underline, 7 emoji mini-cards, progress dots

New Here Guide 2/7 done

Set Up

Day 1

Explore

Day 2

📝 First Post

Day 3

👋 Say Hi

Day 4

📍 Pin Spots

Day 5

NurturingCardExpanded

src/components/feed/NurturingCardExpanded.tsx

White card, day badge, icon + title, gradient CTA, dismiss link

Day 3 of 7

Write your first post

Share something about your block. A favorite spot, a heads up, or just say hi.

RotatingPromptCard

src/components/feed/RotatingPromptCard.tsx

Gradient bg, pencil icon, prompt text, CTA link arrow

What's your favorite coffee spot nearby?

SocialNudgeCards

src/components/feed/SocialNudgeCards.tsx

"Happening Tonight" (indigo gradient bg) + "New on Your Block" (pink gradient bg) + end-of-feed message

Happening Tonight

Jazz at Devocion — 7:00 PM, 34 going

Slice Night at Paulie Gee's — 6:30 PM, 18 going

Rooftop Hangout — 7:30 PM, 12 going

New on Your Block

2 new neighbors joined this week. Say hi — they're getting settled in.

AJ

KR

That's everything. Go live your life.

PromptCardScreen

src/components/create/PromptCardScreen.tsx

Gradient heading, warm gradient prompt cards, category chips, "Just write" link

What's on your mind?

Or choose a category

Recommend Event Community Ask Tip Safety

SmartPostForm — Community type

src/components/create/SmartPostForm.tsx

Textarea, attachment row (photo + location + neighborhood tag), gradient submit button, "Back" link

Williamsburg

SmartPostForm — Safety type

src/components/create/SmartPostForm.tsx

Category chips (gradient active), severity buttons (colored), title + content textareas

Feed Layout Components

Feed Cards

Water main break flooding Bedford Ave

Jazz Night at Devocion

Greenpoint vs Williamsburg for Families

Williamsburg Market Update: Spring 2026

Marco Castellano

Feed Dividers & Nudges

Post Creation