);
window.HB_BRAND = [
{id:'hbr-01',name:'Brand Guidelines', w:W,h:H,comp:BrandGuidelines},
{id:'hbr-02',name:'Brand Positioning', w:W,h:H,comp:BrandPositioning},
{id:'hbr-03',name:'Messaging Framework', w:W,h:H,comp:MessagingFramework},
{id:'hbr-04',name:'Tone of Voice Guide', w:W,h:H,comp:ToneOfVoice},
{id:'hbr-05',name:'Content Brief', w:W,h:H,comp:ContentBrief},
{id:'hbr-06',name:'Landing Page Template', w:W,h:H,comp:LandingPage},
{id:'hbr-07',name:'Blog Post Template', w:W,h:H,comp:BlogPost},
{id:'hbr-08',name:'Case Study Template', w:W,h:H,comp:CaseStudy},
{id:'hbr-09',name:'Press Release Template', w:W,h:H,comp:PressRelease},
{id:'hbr-10',name:'Ad Creative Brief', w:W,h:H,comp:AdCreativeBrief},
{id:'hbr-11',name:'Campaign Planning', w:W,h:H,comp:CampaignPlanning},
{id:'hbr-12',name:'Video Production Brief', w:W,h:H,comp:VideoBrief},
{id:'hbr-13',name:'Email Newsletter', w:W,h:H,comp:EmailNewsletter},
{id:'hbr-14',name:'Customer Testimonial', w:W,h:H,comp:TestimonialTpl},
{id:'hbr-15',name:'Social Media Kit', w:W,h:H,comp:SocialMediaKit},
];
// ════════════════════════════════════════════════════════════════
// SALES
// ════════════════════════════════════════════════════════════════
const SalesDeck_1 = () =>
Pricing Sheet
Pricing Sheet
Tatava Studio · 2025–26
{[
{tier:'Individual Therapy',color:'#21366C',light:false},
{tier:'Family / Couples',color:'#EC7A35',light:true},
{tier:'Corporate / EAP',color:'#21366C',light:false},
].map(({tier,color,light}) => (
{tier}
{light?'₹ ——':'₹ ——'}
{[1,2,3].map(i => (
))}
Taxes noted · +91 85957 48981 · B-18 Swasthya Vihar, New Delhi
);
const Comparison = () => (
);
const FollowUp = () => (
);
const ObjectionGuide = () => (
);
const OnboardCheck = () => (
);
window.HB_SALES = [
{id:'hsl-01',name:'Sales Deck', w:WD,h:HD,isDeck:true,slides:[SalesDeck_1,SalesDeck_2,SalesDeck_3]},
{id:'hsl-02',name:'Company Overview Deck', w:WD,h:HD,isDeck:true,slides:[CompanyOverview_1,CompanyOverview_2]},
{id:'hsl-03',name:'Pitch Deck', w:WD,h:HD,isDeck:true,slides:[PitchDeck_1,PitchDeck_2,PitchDeck_3]},
{id:'hsl-04',name:'Discovery Call Template', w:W, h:H, comp:DiscoveryCall},
{id:'hsl-05',name:'Sales Proposal', w:W, h:H, comp:SalesProposal},
{id:'hsl-06',name:'Statement of Work (SOW)', w:W, h:H, comp:SOW},
{id:'hsl-07',name:'Quote / Estimate', w:W, h:H, comp:Quote},
{id:'hsl-08',name:'Pricing Sheet', w:W, h:H, comp:Pricing},
{id:'hsl-09',name:'Competitor Comparison', w:W, h:H, comp:Comparison},
{id:'hsl-10',name:'Sales Follow-up Email', w:W, h:H, comp:FollowUp},
{id:'hsl-11',name:'Objection Handling Guide',w:W, h:H, comp:ObjectionGuide},
{id:'hsl-12',name:'Client Onboarding', w:W, h:H, comp:OnboardCheck},
];
// ════════════════════════════════════════════════════════════════
// STRATEGY & PLANNING
// ════════════════════════════════════════════════════════════════
const BusinessPlan = () => (
);
const StrategicPlan = () => (
);
const AnnualOp = () => (
);
const QuarterlyPlan = () => (
);
const OKR = () => (
OKR Template
OKR Template
Strategy & Planning · Q2
{[
{level:'Company Objective', label:'Simplifying Wellness across India', krs:[{l:'Booking growth',p:68},{l:'NPS ≥ 9',p:42},{l:'Corp EAP deals',p:25}]},
{level:'Team Objective', label:'Aarti Ahuja · Operations', krs:[{l:'Session capacity',p:80},{l:'Content reach',p:55}]},
].map((obj,oi) => (
{obj.level}
{obj.label}
{obj.krs.map((kr,ki) =>
)}
))}
);
const KPI = () => (
KPI Dashboard
KPI Dashboard
Tatava Studio · Live metrics
{['Funnel','Delivery','Revenue','BHF Impact'].map(t => (
))}
);
const SWOT = () => (
SWOT Analysis
SWOT Analysis
Tatava Studio · Strategic snapshot
);
const Roadmap = () => (
Roadmap
Roadmap Template
Tatava Studio · Rolling quarters
);
const MarketResearch = () => (
);
const CompAnalysis = () => (
);
const GtmPlan = () => (
);
const LaunchPlan = () => (
);
const RiskMatrix = () => (
);
window.HB_STRAT = [
{id:'hst-01',name:'Business Plan', w:W, h:H, comp:BusinessPlan},
{id:'hst-02',name:'Strategic Plan', w:W, h:H, comp:StrategicPlan},
{id:'hst-03',name:'Annual Operating Plan', w:W, h:H, comp:AnnualOp},
{id:'hst-04',name:'Quarterly Planning', w:W, h:H, comp:QuarterlyPlan},
{id:'hst-05',name:'OKR Template', w:W, h:H, comp:OKR},
{id:'hst-06',name:'KPI Dashboard', w:WD,h:HD,comp:KPI},
{id:'hst-07',name:'SWOT Analysis', w:W, h:H, comp:SWOT},
{id:'hst-08',name:'Market Research Report', w:W, h:H, comp:MarketResearch},
{id:'hst-09',name:'Competitor Analysis', w:W, h:H, comp:CompAnalysis},
{id:'hst-10',name:'Go-To-Market Plan', w:W, h:H, comp:GtmPlan},
{id:'hst-11',name:'Product Launch Plan', w:W, h:H, comp:LaunchPlan},
{id:'hst-12',name:'Risk Assessment Matrix', w:W, h:H, comp:RiskMatrix},
{id:'hst-13',name:'Roadmap Template', w:WD,h:HD,comp:Roadmap},
];
// ════════════════════════════════════════════════════════════════
// PRODUCT & DEV
// ════════════════════════════════════════════════════════════════
const PRD = () => (
);
const FeatureSpec = () => (
);
const UserStory = () => (
);
const ProductRoadmap = () => (
Product Roadmap
Product Roadmap
Tatava Studio · Tatava Connect
);
const Sprint = () => (
Sprint Planning
Sprint Planning
Product & Dev · 2-week sprint
{[{col:'To Do',n:3,accent:false},{col:'In Progress',n:2,accent:true},{col:'Done',n:2,accent:false}].map(({col,n,accent})=>(
{col}
{Array.from({length:n}).map((_,i)=>(
))}
))}
Capacity · Stretch · Definition of Done
);
const BugReport = () => (
);
const QATestPlan = () => (
);
const ReleaseNotes = () => (
);
const TechDesign = () => (
);
const ApiDoc = () => (
);
const ChangeRequest = () => (
);
window.HB_PROD = [
{id:'hpd-01',name:'Product Requirements (PRD)',w:W, h:H, comp:PRD},
{id:'hpd-02',name:'Feature Specification', w:W, h:H, comp:FeatureSpec},
{id:'hpd-03',name:'User Story Template', w:W, h:H, comp:UserStory},
{id:'hpd-04',name:'Product Roadmap', w:WD,h:HD,comp:ProductRoadmap},
{id:'hpd-05',name:'Sprint Planning', w:WD,h:HD,comp:Sprint},
{id:'hpd-06',name:'Bug Report Template', w:W, h:H, comp:BugReport},
{id:'hpd-07',name:'QA Test Plan', w:W, h:H, comp:QATestPlan},
{id:'hpd-08',name:'Release Notes Template', w:W, h:H, comp:ReleaseNotes},
{id:'hpd-09',name:'Technical Design Document', w:W, h:H, comp:TechDesign},
{id:'hpd-10',name:'API Documentation', w:WD,h:HD,comp:ApiDoc},
{id:'hpd-11',name:'Change Request Template', w:W, h:H, comp:ChangeRequest},
];
// ════════════════════════════════════════════════════════════════
// OPERATIONS
// ════════════════════════════════════════════════════════════════
const SOP = () => (
);
const ProcessDoc = () => (
);
const Workflow = () => (
Workflow Diagram
Workflow Diagram
Operations · Process map
{[
{label:'Trigger',round:true,color:'#21366C',text:'#fff'},
{label:'Step 1',round:false,color:'rgba(33,54,108,.07)',text:'#21366C'},
{label:'Decision?',round:false,color:'rgba(236,122,53,.12)',text:'#EC7A35',diamond:true},
{label:'Step 2',round:false,color:'rgba(33,54,108,.07)',text:'#21366C'},
{label:'End',round:true,color:'#21366C',text:'#fff'},
].map((n,i)=>(
{n.label}
{i<4&&}
))}
);
const MeetingAgenda = () => (
);
const MeetingNotes = () => (
);
const DecisionLog = () => (
);
const ProjectCharter = () => (
);
const ProjectPlan = () => (
);
const StatusReport = () => (
);
const Retro = () => (
Retrospective
Retrospective Template
Operations · Sprint / Quarter
{[
{label:'What went well',bg:'rgba(236,122,53,.08)',bc:'rgba(236,122,53,.3)'},
{label:'What didn\'t',bg:'rgba(33,54,108,.06)',bc:'rgba(33,54,108,.18)'},
{label:'What we learned',bg:'rgba(33,54,108,.06)',bc:'rgba(33,54,108,.18)'},
{label:'Action items',bg:'rgba(236,122,53,.08)',bc:'rgba(236,122,53,.3)'},
].map(({label,bg,bc})=>(
{label}
{[1,2].map(i=>(
))}
))}
);
const IncidentReport = () => (
);
window.HB_OPS = [
{id:'hop-01',name:'SOP Template', w:W, h:H, comp:SOP},
{id:'hop-02',name:'Process Documentation', w:W, h:H, comp:ProcessDoc},
{id:'hop-03',name:'Workflow Diagram', w:W, h:H, comp:Workflow},
{id:'hop-04',name:'Meeting Agenda', w:W, h:H, comp:MeetingAgenda},
{id:'hop-05',name:'Meeting Notes', w:W, h:H, comp:MeetingNotes},
{id:'hop-06',name:'Decision Log', w:WD,h:HD,comp:DecisionLog},
{id:'hop-07',name:'Project Charter', w:W, h:H, comp:ProjectCharter},
{id:'hop-08',name:'Project Plan', w:WD,h:HD,comp:ProjectPlan},
{id:'hop-09',name:'Status Report', w:W, h:H, comp:StatusReport},
{id:'hop-10',name:'Retrospective Template', w:WD,h:HD,comp:Retro},
{id:'hop-11',name:'Incident Report', w:W, h:H, comp:IncidentReport},
];
// ════════════════════════════════════════════════════════════════
// HR
// ════════════════════════════════════════════════════════════════
const JobDescription = () => (
);
const InterviewScorecard = () => (
Interview Scorecard
Interview Scorecard
HR · Candidate assessment
{['Communication','Problem Solving','Culture Fit','Clinical Knowledge','Leadership Potential'].map((comp,i)=>(
{comp}
))}
Overall · Panel Scores · Decision
);
const CandidateEval = () => (
);
const OfferLetter = () => (
Offer Letter
Offer Letter
Tatava Studio · B-18 Swasthya Vihar, New Delhi 110092
Terms
{['Role Title','Start Date','Compensation (₹)','Benefits'].map(f=>(
))}
Acceptance
{['Candidate','Aarti Ahuja · Tatava Studio'].map(sig=>(
);
const Handbook = () => (
);
const OnboardPlan = () => (
);
const PerfReview = () => (
Performance Review
Performance Review
HR · Annual · Tatava Studio
{['Self-Assessment','Competencies','Strengths / Growth Areas','Development Plan','Rating & Next Goals'].map((s,i)=>(
))}
);
const CareerDev = () => (
);
const ExitInterview = () => (
);
const TrainingPlan = () => (
);
window.HB_HR = [
{id:'hhr-01',name:'Job Description', w:W,h:H,comp:JobDescription},
{id:'hhr-02',name:'Interview Scorecard', w:W,h:H,comp:InterviewScorecard},
{id:'hhr-03',name:'Candidate Evaluation', w:W,h:H,comp:CandidateEval},
{id:'hhr-04',name:'Offer Letter', w:W,h:H,comp:OfferLetter},
{id:'hhr-05',name:'Employee Handbook', w:W,h:H,comp:Handbook},
{id:'hhr-06',name:'Onboarding Plan', w:W,h:H,comp:OnboardPlan},
{id:'hhr-07',name:'Performance Review', w:W,h:H,comp:PerfReview},
{id:'hhr-08',name:'Career Development Plan', w:W,h:H,comp:CareerDev},
{id:'hhr-09',name:'Exit Interview Form', w:W,h:H,comp:ExitInterview},
{id:'hhr-10',name:'Training Plan', w:W,h:H,comp:TrainingPlan},
];
// ════════════════════════════════════════════════════════════════
// FINANCE
// ════════════════════════════════════════════════════════════════
const Budget = () => (
Budget Template
Budget Template
Finance · Tatava Studio · FY 2025–26
{[26,13,13,13,13,13].map((w,i)=>)}
{[{l:'Income',bold:false},{l:'Expenses',bold:false},{l:'Net',bold:true}].map(({l,bold})=>(
{l}
{[1,2,3,4,5].map(j=>(
))}
))}
);
const Forecast = () => (
);
const PL = () => (
P&L Statement
P&L Statement
Finance · Tatava Studio
{['Apr–Jun','Jul–Sep'].map(p=>{p})}
{[
{l:'Revenue',indent:false,bold:false,color:'inherit'},
{l:'Cost of Services',indent:true,bold:false,color:'rgba(58,58,54,.6)'},
{l:'Gross Profit',indent:false,bold:true,color:'#21366C'},
{l:'Operating Expenses',indent:true,bold:false,color:'rgba(58,58,54,.6)'},
{l:'Net Profit',indent:false,bold:true,color:'#EC7A35'},
].map(({l,indent,bold,color})=>(
{l}
{[0,1].map(j=>)}
))}
);
const CashFlow = () => (
);
const ExpenseReport = () => (
);
const Invoice = () => (
Invoice
Invoice
Tatava Studio · B-18 Swasthya Vihar, Vikas Marg, New Delhi 110092
{[8,40,12,16,18].map((w,i)=>)}
{[1,2,3].map(i=>(
{[8,40,12,16,18].map((w,j)=>)}
))}
Payment · UPI / Bank · Due on receipt · +91 85957 48981
);
const PO = () => (
);
const VendorEval = () => (
);
const FinDash = () => (
Financial Dashboard
Financial Dashboard
Finance · Tatava Studio · Live
{['Funnel','Delivery','Revenue','BHF Impact'].map(t=>(
))}
);
window.HB_FIN = [
{id:'hfn-01',name:'Budget Template', w:WD,h:HD,comp:Budget},
{id:'hfn-02',name:'Forecast Template', w:W, h:H, comp:Forecast},
{id:'hfn-03',name:'P&L Statement', w:W, h:H, comp:PL},
{id:'hfn-04',name:'Cash Flow Report', w:W, h:H, comp:CashFlow},
{id:'hfn-05',name:'Expense Report', w:W, h:H, comp:ExpenseReport},
{id:'hfn-06',name:'Invoice Template', w:W, h:H, comp:Invoice},
{id:'hfn-07',name:'Purchase Order', w:W, h:H, comp:PO},
{id:'hfn-08',name:'Vendor Evaluation', w:W, h:H, comp:VendorEval},
{id:'hfn-09',name:'Financial Dashboard', w:WD,h:HD,comp:FinDash},
];
// ════════════════════════════════════════════════════════════════
// CUSTOMER SUCCESS
// ════════════════════════════════════════════════════════════════
const Kickoff = () => (
);
const OnboardGuide = () => (
);
const SuccessPlan = () => (
);
const HealthCheck = () => (
Health Check
Health Check Report
Customer Success · Anonymised metrics
{[
{l:'Utilisation (anonymised)',color:'#EC7A35',status:'On Track'},
{l:'Sentiment / Feedback themes',color:'#EC7A35',status:'Positive'},
{l:'Risks',color:'rgba(180,120,0,1)',status:'Watch'},
{l:'Recommendations & Next steps',color:'#21366C',status:'Action'},
].map(({l,color,status})=>(
{l}
{status}
))}
Recommendations & Next steps
);
const QBR = () => (
Quarterly Review
Quarterly Business Review
Customer Success · Q2 2025
{['Recap & Goals','Outcomes (anonymised)','Wins / Challenges','Renewal / Expansion'].map(t=>(
))}
Roadmap for Next Quarter · Actions & Owners
);
const FeedbackSurvey = () => (
Feedback Survey
Customer Feedback Survey
Customer Success · Tatava Studio
NPS · How likely to recommend Tatava?
{[0,1,2,3,4,5,6,7,8,9,10].map(n=>(
=9?'#21366C':n>=7?'rgba(33,54,108,.15)':'rgba(33,54,108,.07)',color:n>=9?'#fff':'#21366C'}}>{n}
))}
{['Overall satisfaction with your therapist','Session accessibility & booking ease','Did you feel heard and respected?'].map((q,i)=>(
{q}
))}
What could we improve? · Consent
);
const Escalation = () => (
);
const Renewal = () => (
);
window.HB_CS = [
{id:'hcs-01',name:'Client Kickoff Document', w:W, h:H, comp:Kickoff},
{id:'hcs-02',name:'Onboarding Guide', w:W, h:H, comp:OnboardGuide},
{id:'hcs-03',name:'Success Plan', w:W, h:H, comp:SuccessPlan},
{id:'hcs-04',name:'Health Check Report', w:W, h:H, comp:HealthCheck},
{id:'hcs-05',name:'Quarterly Business Review', w:WD,h:HD,comp:QBR},
{id:'hcs-06',name:'Customer Feedback Survey', w:W, h:H, comp:FeedbackSurvey},
{id:'hcs-07',name:'Escalation Process', w:W, h:H, comp:Escalation},
{id:'hcs-08',name:'Renewal Proposal', w:W, h:H, comp:Renewal},
];
// ════════════════════════════════════════════════════════════════
// EXECUTIVE
// ════════════════════════════════════════════════════════════════
// Board Deck — 3 slides
const Board_1 = () =>
;
const Board_2 = () => (
Financial Performance
{[{n:'₹ X.XL',l:'Revenue'},{n:'28%',l:'Growth'},{n:'₹ X.XL',l:'EBITDA'}].map(s=>(
))}
{['Revenue YTD','Pipeline Health','Burn Rate','Headcount'].map(t=>(
))}
);
const Board_3 = () =>
;
// Investor Update — 3 slides
const Inv_1 = () =>
;
const Inv_2 = () => (
Key Metrics
{[{n:'₹1.8L',l:'ARR'},{n:'142',l:'Clients'},{n:'94%',l:'NRR'},{n:'4.9★',l:'Rating'}].map(s=>(
))}
);
const Inv_3 = () => (
The Ask
₹ X.X Cr
Seed round to expand capacity, brand & Tatava Connect
{['Product & Engineering 45%','Sales & Marketing 35%','Working Capital 20%'].map((u,i)=>(
Simplifying Wellness
);
const MBR = () => (
);
const ExecSummary = () => (
);
const DecisionMemo = () => (
);
const Partnership = () => (
);
const DueDiligence = () => (
);
window.HB_EXEC = [
{id:'hex-01',name:'Board Deck', w:WD,h:HD,isDeck:true,slides:[Board_1,Board_2,Board_3]},
{id:'hex-02',name:'Investor Update', w:WD,h:HD,isDeck:true,slides:[Inv_1,Inv_2,Inv_3]},
{id:'hex-03',name:'Monthly Business Review', w:W, h:H, comp:MBR},
{id:'hex-04',name:'Executive Summary', w:W, h:H, comp:ExecSummary},
{id:'hex-05',name:'Decision Memo', w:W, h:H, comp:DecisionMemo},
{id:'hex-06',name:'Partnership Proposal', w:W, h:H, comp:Partnership},
{id:'hex-07',name:'Due Diligence Checklist', w:W, h:H, comp:DueDiligence},
];
// ── Export primitives to window for any external consumers ──
Object.assign(window, { HMark, HLogo, HBadge, HLines, HField, HSection, HStats,
HColorRow, HTable, HChart, HProgRow, HDoc, HDeck, HDeckBody, HSwot, HLane });
})();