justqr platform | Multi-Brand Component Library

All 30 digital-marketing-os feature components with sample data.

1. AI Content GeneratorView in Storybook →

Jasper-style multi-format copy with typed outcomes

AI Content Generator

Topic / prompt

Content type

Tone

AI model

Brand voice applied

AI output

Run AI generate to see output here.

2. Brand Voice ManagerView in Storybook →

Brand voice do/don’t lists and activation

Brand Voice Manager

Voice name

Personality traits (comma-separated)

Tone attributes (comma-separated)

Do list (comma-separated)

Don't list (comma-separated)

Sample prompt

Sample output (optional)

Organization ID

Action

3. SEO Keyword ResearchView in Storybook →

Semrush-style keyword volume, intent, gaps

SEO Keyword Research

Seed keyword

Location / market

Est. search volume

Keyword difficulty (0–100)

CPC (currency units)

Trend

Intent

Top opportunities (comma-separated)

Content gap ideas (comma-separated)

Next action

AI output

Run AI generate to see output here.

4. Competitor IntelligenceView in Storybook →

Competitive domains, traffic, ad intel

Competitor Intelligence

Your domain

Competitor domain

Traffic estimate

Backlinks

Domain authority

Their top keywords (comma-separated)

Gap keywords (comma-separated)

Content opportunities (comma-separated)

✓

Competitor running ads

AI output

Run AI generate to see output here.

5. AI Blog Post GeneratorView in Storybook →

Long-form blog with SEO score and outline

AI Blog Post Generator

Title / target keyword

Meta description

First section heading

Key points (comma-separated)

Readability score

SEO score

Internal link paths (comma-separated)

Image prompts (comma-separated)

Status

AI output

Run AI generate to see output here.

6. AI Social Media SchedulerView in Storybook →

Schedule posts with best-time AI

AI Social Media Scheduler

Post topic / caption draft

Platform

Scheduled at (ISO datetime)

✓

Use AI best time

Post status

Engagement prediction (0–1)

Media URLs (comma-separated)

Calendar view note

AI output

Run AI generate to see output here.

7. Social Listening & SentimentView in Storybook →

Mentions, sentiment, themes, alerts

Social Listening & Sentiment

Keywords (comma-separated)

Sample platform

Sample mention text

Author handle

Mention sentiment

Reach

Engagements

Overall sentiment label

Sentiment trend

Top themes (comma-separated)

Brand mention count

Alerts (comma-separated)

AI output

Run AI generate to see output here.

8. AI Hashtag & CaptionView in Storybook →

Captions + hashtag sets per platform

AI Hashtag & Caption

Topic

Platform

Caption tone

Hashtag set (comma-separated)

Hashtag reach estimate

Relevance score (0–1)

Emoji suggestions (comma-separated)

AI output

Run AI generate to see output here.

9. AI Image & CreativeView in Storybook →

Text-to-image creatives for social/ads

AI Image & Creative

Image prompt

Style

Aspect ratio

Target platform

Placeholder / CDN image URL

Generation seed

Brand overlay

Text overlay — headline (optional)

Text overlay — CTA (optional)

AI output

Run AI generate to see output here.

10. Content Calendar PlannerView in Storybook →

Monthly calendar + AI topic suggestions

Content Calendar Planner

Post topic

Month (1–12)

Year

Post date (YYYY-MM-DD)

Platform

Content type

Assigned to

Status

AI topics (date:topic comma-separated pairs optional)

Festivals / holidays (comma-separated)

AI output

Run AI generate to see output here.

11. AI Email Campaign BuilderView in Storybook →

HTML email with personalization flags

AI Email Campaign Builder

Campaign name

Subject

Preheader

HTML body

AI personalized blocks

Segment ID

Send mode

Scheduled at (ISO, optional)

A/B subject A (optional)

A/B subject B (optional)

Stats — sent

Stats — opens

Stats — clicks

12. Predictive Audience SegmentationView in Storybook →

AI-predicted segments and characteristics

Predictive Audience Segmentation

Segment name

Method

Rule — field

Rule — operator

Rule — value

AI criteria (text, optional)

Predicted audience size

Sample trait — name

Sample trait — value

Matched contacts

Action

13. Email Send-Time OptimizerView in Storybook →

Send-time lift predictions

Email Send-Time Optimizer

Notes / prompt for AI

Campaign ID

Optimization method

Sample contact ID (per-contact mode)

Best day (for sample prediction)

Best hour (local)

Open probability %

Global best — day

Global best — hour

Estimated lift %

Action

AI output

Run AI generate to see output here.

14. WhatsApp Marketing AutomationView in Storybook →

WhatsApp automation flows

WhatsApp Marketing Automation

Automation name

AI prompt / notes

Trigger

Template name

Template language

Body text

First message delay (minutes)

Segment ID

Enrolled count

✓

Meta template approved

Status

AI output

Run AI generate to see output here.

15. AI SMS Campaign BuilderView in Storybook →

SMS with opt-out and reach estimates

AI SMS Campaign Builder

Campaign brief / prompt

Segment ID

Scheduled at (ISO, optional)

Personalize with fields (comma-separated)

✓

Include opt-out link

DLT template ID (optional)

Estimated reach

Status

Stats — delivered (optional)

Stats — clicks (optional)

AI output

Run AI generate to see output here.

16. AI Ad Copy GeneratorView in Storybook →

Headlines, descriptions, CTAs for ads

AI Ad Copy Generator

Brief / product

Platform

Format

Description line

CTAs (comma-separated)

Target audience

AI model label

AI output

Run AI generate to see output here.

17. Digital Ad PerformanceView in Storybook →

Cross-platform ROAS and spend snapshots

Digital Ad Performance

Notes / AI prompt

Period label

Platform key

Spend

Impressions

Clicks

Conversions

Attributed revenue

Top ad ID

AI insights (comma-separated)

Budget rec — platform

Budget rec — action

Budget rec — reason

AI output

Run AI generate to see output here.

18. AI A/B Testing EngineView in Storybook →

Subject/variant tests with confidence

AI A/B Testing Engine

Test name

Test type

Variant A — label

Variant A — content

Variant A — impressions

Variant A — conversions

Variant B — label

Variant B — content

Variant B — impressions

Variant B — conversions

Confidence %

Winner variant id (optional)

AI picked winner

Recommendation

Status

19. Local SEO ManagerView in Storybook →

Google Business + local rank tracking

Local SEO Manager

Business name

Google Business Profile score

✓

NAP consistent everywhere

Local keyword

Local rank

Nearby competitor

Citation source

Citation status

Review count

Average rating

Recommendations (comma-separated)

Action

AI output

Run AI generate to see output here.

20. AI Review ResponseView in Storybook →

Star-rated review → warm reply drafts

AI Review Response

Review ID

Platform

Review text

Star rating

Sentiment

Response tone

Human edited

Published

AI output

Run AI generate to see output here.

21. AI Landing Page OptimizerView in Storybook →

Hero, sections, conversion/SEO scores

AI Landing Page Optimizer

Headline

Page URL (optional)

Subheadline

Primary CTA text

Hero image URL (optional)

Primary section type

AI SEO score

AI conversion score

Suggestion — element

Suggestion — issue

Suggestion — fix

A/B variant headline (optional)

A/B variant CTA (optional)

Published URL (optional)

AI output

Run AI generate to see output here.

22. Conversational AI ChatbotView in Storybook →

Bot flows, NLP, handoff rules

Conversational AI Chatbot

Bot name

Persona display name

Persona tone

Avatar (emoji or URL)

Sample flow trigger

Opening bot message

Sample user reply

✓

NLP enabled

✓

Handoff to human

Leads captured

Meetings booked

Status

23. Push Notification BuilderView in Storybook →

Push title/body with segment reach

Push Notification Campaign

Title

AI brief / body hint

CTA URL

Icon URL (optional)

Image URL (optional)

Audience segment

Scheduled at (ISO, optional)

Trigger (optional)

✓

Personalized

Estimated reach

Stats — sent (optional)

Stats — delivered (optional)

Stats — clicked (optional)

AI output

Run AI generate to see output here.

24. Influencer Discovery & OutreachView in Storybook →

Discover creators, outreach templates

Influencer Discovery & Outreach

AI brief

Niches (comma-separated)

Platform

Followers min

Followers max

Location

Min engagement rate %

Sample result — handle

Sample result — followers

Sample result — engagement %

Fit score

Outreach template

Selected handles (comma-separated)

Action

AI output

Run AI generate to see output here.

25. AI Video Script GeneratorView in Storybook →

Reel/script scenes and CTA line

AI Video Script Generator

Topic

Video type

Target duration (sec)

Hook line

Scene id / label

Narration (or use AI output)

Visual direction

Scene duration (sec)

CTA line

Hashtags (comma-separated)

AI model

AI output

Run AI generate to see output here.

26. Personalization EngineView in Storybook →

Rule-based personalized headlines

Personalization Engine

Rule name

AI brief

Target segment ID

Channel

Element

Default content

Variant segment ID

Variant content (fallback if no AI)

✓

AI-generated variant

Observed lift % (optional)

Status

AI output

Run AI generate to see output here.

27. Customer Journey MapperView in Storybook →

Journey stages and touchpoints

Customer Journey Mapper

Journey name

AI brief

Persona

Stage name

Touchpoint — channel

Touchpoint — content

Touchpoint — timing

Touchpoint — goal

Entry trigger

Exit condition

AI-recommended content (fallback if no AI)

AI gaps detected (comma-separated)

Optimization suggestions (comma-separated)

Action

AI output

Run AI generate to see output here.

28. AI Headline AnalyzerView in Storybook →

Persado-style headline scoring

AI Headline Analyzer

Topic / brief for AI

Headline to score

Platform

Emotion score (0–1)

Power word count

Sentiment score (0–1)

Clarity score (0–1)

Overall score (0–100)

Suggestions (comma-separated)

Top headline pick

AI insights (comma-separated, optional)

Selected headline override (optional)

AI output

Run AI generate to see output here.

29. Marketing ROI & AttributionView in Storybook →

Channel ROI and attribution model

Marketing ROI & Attribution

AI brief

Reporting period

Attribution model

Channel name

Spend

Leads

Customers

Attributed revenue

Top channel (label)

Underperformers (comma-separated)

AI recommendations (comma-separated)

Export format (optional)

AI output

Run AI generate to see output here.

30. AI Content RepurposerView in Storybook →

One source → many format outputs

AI Content Repurposer

Source content

Source type

Output format

Target platform label

Manual output (if not using AI panel)

Brand voice applied

AI model

AI output

Run AI generate to see output here.