/* ===================================================================== CHAPTERS — all interactive chapter components ===================================================================== */ const { useState: useS, useContext: useC, useEffect: useE, useRef: useR } = React; /* ── helpers ──────────────────────────────────────────────────────── */ function getNicheEx(obj, niche) { return obj[niche] || obj["other"] || ""; } function SectionHeader({ eyebrow, title, lead }) { return (
{eyebrow &&
{eyebrow}
}

{lead &&

{lead}

}

); } /* ═══════════════════════════════════════════════════════════════════ CH 00 — INTRO / NICHE PICKER ═══════════════════════════════════════════════════════════════════ */ function ChIntro() { const { niche, setNiche } = useC(NicheCtx); return (
{[ ["01", "Topic"], ["02", "Hooks"], ["03", "Value"], ["04", "Script Angle"], ["05", "CTA"], ["06", "Video Format"], ["07", "Editing Style"], ].map(([n, label]) => (
{n} {label}
))}
+ Script Lab
Personalise your examples

What's your niche?

Pick one and every example throughout this guide adapts to your space.

{NICHES.map(n => ( ))}
{niche && (
{NICHES.find(n => n.id === niche)?.emoji}
Your niche is set
All examples, templates, and scripts below are now tailored for{" "} {NICHES.find(n => n.id === niche)?.label} content. You can change this at any time by clicking a different niche above.
)}
); } /* ═══════════════════════════════════════════════════════════════════ CH 01 — TOPIC ═══════════════════════════════════════════════════════════════════ */ function ChTopic() { const { niche } = useC(NicheCtx); const examples = TOPIC_EXAMPLES[niche] || TOPIC_EXAMPLES["other"]; const nicheLabel = NICHES.find(n => n.id === niche)?.label || "your niche"; return (
Where to find winning topics
{[ { icon: "💬", label: "Competitor comments", desc: "Read the comments on the top creators in your niche. Every question is a content idea. Every complaint is a hook." }, { icon: "🔍", label: "YouTube autocomplete", desc: "Type your niche into YouTube and read every suggested search. These are real searches from real people with real problems." }, { icon: "🟠", label: "Reddit & Quora", desc: "Search your niche on Reddit. The most upvoted questions = the topics people most want answered. Free research, forever." }, { icon: "📊", label: "Your own analytics", desc: "Which posts have your highest saves and comments? That's your audience telling you exactly what to make more of." }, ].map(({ icon, label, desc }) => (
{icon}
{label}
{desc}
))}
Topic examples — {nicheLabel}
{examples.map((ex, i) => (
#{i + 1} {ex}
))}
💡

The test: If your topic could apply to any niche, it's too broad. "How to be more productive" loses. "How to batch 30 days of {nicheLabel} content in one afternoon" wins.

); } /* ═══════════════════════════════════════════════════════════════════ CH 02 — HOOKS ═══════════════════════════════════════════════════════════════════ */ function ChHooks() { const { niche } = useC(NicheCtx); const [tab, setTab] = useS("verbal"); const tabData = HOOK_DATA[tab] || []; const exKey = "example_" + (niche === "trading" ? "trading" : "fitness"); const fallbackKey = "example_fitness"; return (
{[ { key: "verbal", icon: "🎤", label: "Verbal Hook", sub: "What you say in the first 3 seconds" }, { key: "written", icon: "📝", label: "Written Hook", sub: "Text on screen — works for silent viewers" }, { key: "visual", icon: "👁️", label: "Visual Hook", sub: "What's in the frame before you speak" }, ].map(({ key, icon, label, sub }) => ( ))}
{tabData.map((h, i) => { const exText = h[exKey] || h[fallbackKey] || ""; return (
{h.label}
{h.template}
{exText &&
{exText}
}
); })}
⚡

The 5X Outlier Trick: Find the 5 best-performing posts in your niche right now. Study only the hooks — verbal, visual, written. You'll see a pattern within 20 minutes. Use that pattern, don't reinvent it.

); } /* ═══════════════════════════════════════════════════════════════════ CH 03 — VALUE ═══════════════════════════════════════════════════════════════════ */ function ChValue() { const { niche } = useC(NicheCtx); return (
{VALUE_TYPES.map((v, i) => { const exKey = "example_" + niche; const exText = v[exKey] || v["example_other"] || v["example_fitness"]; return (
{v.icon}
{v.title}
{v.desc}
{exText &&
{exText}
}
); })}
🎯

The save test: Before you post, ask — "Would I save this?" If the answer is no, the value isn't specific enough yet. Saves are the strongest signal to the algorithm.

); } /* ═══════════════════════════════════════════════════════════════════ CH 04 — SCRIPT ANGLE ═══════════════════════════════════════════════════════════════════ */ function ChAngle() { const { niche } = useC(NicheCtx); const [openId, setOpenId] = useS(null); return (
{ANGLES.map(a => { const isOpen = openId === a.id; const exText = getNicheEx(a.examples, niche); return (
setOpenId(isOpen ? null : a.id)} >
{a.icon} {a.title} ▼
{isOpen && (
e.stopPropagation()}>

{a.desc}

Template
{a.template}
{exText && ( <>
Example — {NICHES.find(n => n.id === niche)?.label}
{exText}
)}
)}
); })}
); } /* ═══════════════════════════════════════════════════════════════════ CH 05 — CTA ═══════════════════════════════════════════════════════════════════ */ function ChCTACh() { const { niche } = useC(NicheCtx); const [goal, setGoal] = useS("following"); const ctaData = CTA_OPTIONS[goal]; const nicheLabel = NICHES.find(n => n.id === niche)?.label || "your niche"; return (
{Object.entries(CTA_OPTIONS).map(([key, val]) => ( ))}
Ready-to-use CTA phrases
{ctaData.phrases.map((phrase, i) => { const filled = phrase.replace("{niche}", nicheLabel).replace("{NICHE}", nicheLabel.toUpperCase()); return (
{$1}') }} />
); })}
⚡

ManyChat: {ctaData.tip}

); } /* ═══════════════════════════════════════════════════════════════════ CH 06 — VIDEO FORMAT ═══════════════════════════════════════════════════════════════════ */ function ChFormat() { const [openId, setOpenId] = useS(null); return (
{VIDEO_FORMATS.map(f => { const isOpen = openId === f.id; return (
setOpenId(isOpen ? null : f.id)} >
{f.icon}
{f.title}
{!isOpen && (
)} {isOpen && (
{f.desc}
Viral potential:
)}
); })}
); } /* ═══════════════════════════════════════════════════════════════════ CH 07 — EDITING STYLE ═══════════════════════════════════════════════════════════════════ */ function ChEditing() { return (
{EDITING_ELEMENTS.map(el => (
{el.icon}
{el.title}

{el.what}

Why it matters
{el.why}
Pro tip
{el.tip}
))}
); } /* ═══════════════════════════════════════════════════════════════════ CH 08 — SCRIPT LAB ═══════════════════════════════════════════════════════════════════ */ function ChLab() { const { niche } = useC(NicheCtx); const [mode, setMode] = useS("easy"); const [selectedId, setSelectedId] = useS(null); const structures = SCRIPT_STRUCTURES[mode] || []; const selected = structures.find(s => s.id === selectedId) || null; const getExample = (s) => { if (!s) return null; return s.examples[niche] || s.examples["other"] || s.examples["fitness"] || null; }; const getExampleText = (s) => { const ex = getExample(s); return ex ? ex.join("\n") : ""; }; return (
{[["easy", "⚡ Easy Structures"], ["complex", "🧠 Complex Structures"]].map(([key, label]) => ( ))}
{structures.map(s => ( ))}
{selected && (
{selected.title} — Structure
Best for: {selected.best_for}
{selected.structure.map((line, i) => (
{i + 1}. {line}
))}
{getExample(selected) && ( <>
Example — {NICHES.find(n => n.id === niche)?.label}
{getExample(selected).map((line, i) => (
{line}
))}
)}
)} {!selectedId && (
↑ Select a structure above to see the template and a niche-specific example
)}
); } /* ═══════════════════════════════════════════════════════════════════ CH 09 — 4-STEP PROCESS ═══════════════════════════════════════════════════════════════════ */ function ChProcess() { return (
{PROCESS_STEPS.map(step => (
STEP {step.num}
{step.icon} {step.title}

{step.desc}

{step.action}
))}
); } /* ═══════════════════════════════════════════════════════════════════ CH 10 — PRE-PUBLISH CHECKLIST ═══════════════════════════════════════════════════════════════════ */ function ChChecklist() { const storageKey = "cf_checklist_v1"; const saved = (() => { try { return JSON.parse(localStorage.getItem(storageKey)) || {}; } catch { return {}; } })(); const [checked, setChecked] = useS(saved); const toggle = (id) => { setChecked(prev => { const next = { ...prev, [id]: !prev[id] }; try { localStorage.setItem(storageKey, JSON.stringify(next)); } catch {} return next; }); }; const score = CHECKLIST_ITEMS.filter(c => checked[c.id]).length; const total = CHECKLIST_ITEMS.length; const pct = Math.round((score / total) * 100); const getMessage = () => { if (score === total) return "You're ready to post. Hit publish."; if (score >= 8) return "Nearly there — don't skip the last few."; if (score >= 6) return "Good progress — keep going."; if (score >= 3) return "Getting there. Work through each one."; return "Start at the top and work your way down."; }; const resetAll = () => { const fresh = {}; CHECKLIST_ITEMS.forEach(c => (fresh[c.id] = false)); setChecked(fresh); try { localStorage.setItem(storageKey, JSON.stringify(fresh)); } catch {} }; return (
{score}
/ {total}
{getMessage()}
{pct}% complete
{CHECKLIST_ITEMS.map(item => (
toggle(item.id)} >
{checked[item.id] && "✓"}
{item.text}
))}
); } /* ═══════════════════════════════════════════════════════════════════ CH 11 — WORK WITH ME CTA ═══════════════════════════════════════════════════════════════════ */ function ChWorkWithMe() { return (
✦ Ready to Apply This?

Let's build your brand
together.

This guide gives you the framework. I give you the execution — scripts, editing, strategy, and growth — done for you every month.

Book a Free Strategy Call → 💬 Send a WhatsApp
orcalynx.com ↗ View Client Results ↗ Instagram Playbook ↗ @marketing.shekhar ↗
What we do

We handle everything — strategy, scripts, filming direction, editing, captions, and posting — for founders, coaches, and traders who want to grow a premium personal brand without spending hours on content every week.

{["Scripts", "Editing", "Strategy", "Growth"].map(tag => ( {tag} ))}
); } Object.assign(window, { ChIntro, ChTopic, ChHooks, ChValue, ChAngle, ChCTACh, ChFormat, ChEditing, ChLab, ChProcess, ChChecklist, ChWorkWithMe, });