import { useState } from "react";
const calendarData = {
competitors: {
unicommerce: {
hotTopics: ["AI in e-commerce", "Inventory KPIs", "Q-commerce / dark stores", "D2C challenges", "Omnichannel retail", "Marketplace-specific guides (Myntra, AJIO, Meesho)", "Barcode & warehouse management"],
gaps: ["Order error recovery", "Cross-border OMS complexity", "SMB-focused OMS ROI", "Human stories / customer ops teams", "YouTube education", "OMS implementation timelines & pitfalls"]
},
blueyonder: {
hotTopics: ["Agentic AI in supply chain", "Demand & supply planning", "Supply chain resilience", "Tariff & volatility planning", "AI transformation blueprints", "Retail sustainability", "Real-time order promising"],
gaps: ["SMB / mid-market content", "Practical how-to guides", "Cost of poor OMS (ROI angle)", "India / APAC market specifics", "Employee/ops team perspective", "Video content & tutorials"]
}
},
weeks: [
{
week: 1,
theme: "๐ฅ Ride the Viral Wave โ AI & Order Intelligence",
days: [
{ day: "Mon", date: "Mar 17", platform: "LinkedIn", type: "Thought Leadership", topic: "What Agentic AI Actually Means for Order Management Teams", angle: "Both competitors talk AI broadly โ you go deep on *order* intelligence specifically", hook: "90% of supply chain leaders are reorganizing for AI. Here's what that means for your OMS team specifically." },
{ day: "Wed", date: "Mar 19", platform: "YouTube", type: "Educational Video", topic: "5 Order Management Metrics Every D2C Brand Must Track in 2025", angle: "Unicommerce covers inventory KPIs but skips OMS-specific metrics โ this is your gap to own", hook: "Short explainer (5-7 min): Walk through fill rate, order cycle time, order accuracy, NDR rate, OTIF" },
{ day: "Fri", date: "Mar 21", platform: "LinkedIn", type: "Data Post", topic: "The Hidden Cost of a Slow OMS: Real Numbers", angle: "Blue Yonder hints at ROI but never quantifies it for mid-market buyers โ you can", hook: "A 2-second delay in order confirmation costs ecommerce brands X% in cart abandonment. Here's the math." }
]
},
{
week: 2,
theme: "๐ฏ Own Your Gap โ SMB & Mid-Market Stories",
days: [
{ day: "Mon", date: "Mar 24", platform: "LinkedIn", type: "Customer Story", topic: "How a 50-Person D2C Brand Reduced Order Errors by 40%", angle: "Neither competitor talks to SMBs โ they target enterprise. This is your whitespace.", hook: "They weren't broken. They were just growing faster than their systems." },
{ day: "Wed", date: "Mar 26", platform: "YouTube", type: "Tutorial", topic: "OMS Implementation in 30 Days: What to Expect Week by Week", angle: "Competitors never discuss implementation reality โ buyers are scared of this. Demystify it.", hook: "Nobody talks about the messy middle of going live. We will." },
{ day: "Fri", date: "Mar 28", platform: "LinkedIn", type: "Checklist / Carousel", topic: "10 Signs Your Order Management System is Holding You Back", angle: "High-engagement format. Pain-point led. Neither competitor uses carousel-style content.", hook: "If you're manually fixing more than 3 of these, it's time to talk." }
]
},
{
week: 3,
theme: "๐ Ride Q-Commerce & Speed Delivery Trend",
days: [
{ day: "Mon", date: "Mar 31", platform: "LinkedIn", type: "Trend Analysis", topic: "Q-Commerce is Growing at 67% CAGR โ Is Your OMS Ready?", angle: "Unicommerce covers Q-commerce broadly. You go specific: what OMS architecture does q-comm require?", hook: "Blinkit, Zepto, Swiggy Instamart don't just need fast delivery. They need sub-second order routing." },
{ day: "Wed", date: "Apr 2", platform: "YouTube", type: "Deep Dive", topic: "Order Routing Logic Explained: How Top Brands Promise Delivery in 30 Minutes", angle: "Blue Yonder references Walgreens' 30-min promise. You explain the mechanics behind it.", hook: "The magic behind '30-minute delivery' is actually boring back-end logic. Let's break it down." },
{ day: "Fri", date: "Apr 4", platform: "LinkedIn", type: "Opinion / Hot Take", topic: "Why Most OMS Platforms Will Fail Q-Commerce Brands by 2026", angle: "Provocative angle neither competitor takes. Positions you as forward-thinking.", hook: "Legacy OMS was built for next-day. Q-commerce needs next-minute. There's a difference." }
]
},
{
week: 4,
theme: "๐ก Fill the Content Gap โ Human & Operational Angle",
days: [
{ day: "Mon", date: "Apr 7", platform: "LinkedIn", type: "Behind the Scenes", topic: "A Day in the Life of an Order Ops Team During a Sale Event", angle: "ZERO competitor covers the human side of order management. This drives huge LinkedIn engagement.", hook: "It's 11:59 PM on sale day. 40,000 orders. 3 people. This is what they actually do." },
{ day: "Wed", date: "Apr 9", platform: "YouTube", type: "Case Study Video", topic: "Cross-Border OMS: The 5 Things Brands Get Wrong Expanding to MENA/SEA", angle: "Unicommerce covers MENA market trends. You cover operational pitfalls โ the gap they leave.", hook: "Going cross-border without fixing your OMS first is like opening a new store with no cash register." },
{ day: "Fri", date: "Apr 11", platform: "LinkedIn", type: "Engagement Post", topic: "Poll: What's Your Biggest Order Management Pain Point Right Now?", angle: "Builds community, surfaces pain points, feeds future content โ no competitor does community engagement", hook: "We surveyed 200 ops leaders. The #1 answer surprised us. What's yours?" }
]
}
]
};
const platformColors = {
LinkedIn: { bg: "#0077B5", light: "#e8f4fb" },
YouTube: { bg: "#FF0000", light: "#fff0f0" }
};
const typeIcons = {
"Thought Leadership": "๐ก",
"Educational Video": "๐",
"Data Post": "๐",
"Customer Story": "๐",
"Tutorial": "๐ ๏ธ",
"Checklist / Carousel": "โ
",
"Trend Analysis": "๐",
"Deep Dive": "๐",
"Opinion / Hot Take": "๐ฅ",
"Behind the Scenes": "๐",
"Case Study Video": "๐ฌ",
"Engagement Post": "๐ฌ"
};
export default function SocialCalendar() {
const [activeWeek, setActiveWeek] = useState(0);
const [activePost, setActivePost] = useState(null);
const [activeTab, setActiveTab] = useState("calendar");
const selectedWeek = calendarData.weeks[activeWeek];
return (
{/* Header */}
);
}
Competitive Intelligence
30-Day Social Calendar
LinkedIn + YouTube ยท Based on Unicommerce & Blue Yonder analysis
{["calendar", "insights", "gaps"].map(tab => (
))}
{/* CALENDAR TAB */}
{activeTab === "calendar" && (
<>
{/* Week Selector */}
{item.urgency}
))}
)}
{calendarData.weeks.map((w, i) => (
))}
{/* Week Theme */}
{selectedWeek.theme}
{/* Posts Grid */}
{selectedWeek.days.map((post, i) => (
>
)}
{/* INSIGHTS TAB */}
{activeTab === "insights" && (
setActivePost(activePost === i ? null : i)} style={{
background: activePost === i ? "rgba(255,255,255,0.12)" : "rgba(255,255,255,0.06)",
border: `1px solid ${activePost === i ? "rgba(168,85,247,0.6)" : "rgba(255,255,255,0.1)"}`,
borderRadius: "16px",
padding: "20px",
cursor: "pointer",
transition: "all 0.25s",
transform: activePost === i ? "translateY(-2px)" : "none"
}}>
)}
{activePost !== i && (
))}
{post.platform}
{post.day}, {post.date}
{typeIcons[post.type] || "๐"}
{post.type}
{post.topic}
{activePost === i && (
๐ฏ Your Angle
{post.angle}
๐ฌ Hook / Opening Line
"{post.hook}"
Click to expand โ
)}
{Object.entries(calendarData.competitors).map(([name, data]) => (
))}
)}
{/* GAPS TAB */}
{activeTab === "gaps" && (
Competitor
{name === "blueyonder" ? "Blue Yonder" : "Unicommerce"}
๐ฅ Hot Topics They're Publishing
{data.hotTopics.map((t, i) => (
{t}
))}
๐ฏ Gaps You Can Own
{data.gaps.map((g, i) => (
โฆ {g}
))}
These are the content territories your competitors are systematically ignoring. Own them on LinkedIn and YouTube before they wake up.
{[
{ gap: "SMB & Mid-Market OMS Education", why: "Both Unicommerce and Blue Yonder skew enterprise in their content. 80% of the market is mid-market.", content: "Guides, calculators, ROI comparisons, 'is OMS right for me?' content", urgency: "HIGH" },
{ gap: "Implementation Reality & Timelines", why: "Zero competitor content on what it actually takes to go live with an OMS. Buyers are scared of this.", content: "Week-by-week breakdowns, onboarding checklists, what questions to ask vendors", urgency: "HIGH" },
{ gap: "Human / Ops Team Stories", why: "All competitors produce tech-angle content. Human stories drive 3-5x more LinkedIn engagement.", content: "Day-in-the-life, behind-the-scenes during peak sale events, team spotlights", urgency: "HIGH" },
{ gap: "YouTube Education (Any!)", why: "Neither competitor has meaningful YouTube presence for OMS education. Massive organic opportunity.", content: "Explainer videos, product walkthroughs, OMS concept breakdowns, comparisons", urgency: "CRITICAL" },
{ gap: "Cross-Border OMS Complexity", why: "Both mention MENA/SEA markets but nobody breaks down the operational OMS challenges.", content: "Guides on currency, tax, carrier routing, returns logic for cross-border ops", urgency: "MEDIUM" },
{ gap: "Cost of Poor Order Management", why: "Competitors hint at ROI but never quantify the cost of not acting. This drives purchase decisions.", content: "Data posts, calculators, real-number breakdowns of order error costs", urgency: "HIGH" },
].map((item, i) => (
{item.gap}
{item.why}
๐ก Content ideas: {item.content}