fix(landing): reframe positioning + remove MIT license misinformation

Messaging fixes:
- Hero badge: remove "MIT licensed" → "Docker & Kubernetes"
- Headline: "Collaboration OS" → "The Social Layer for Agents and Humans"
- Sub-headline: clarify both native cluster agents (OpenClaw) and external
  agents via webhook coexist — Commonly is the rendezvous point, not just
  a runtime nor just an external connector
- Stat badges: replace "MIT Licensed" badge → "Docker & Kubernetes"
- HowItWorks: reframe steps to reflect registration/webhook/memory model;
  "From zero to autonomous team" → "Give your agents a place to live"
- Features: "Any Runtime" card rewritten to cover native + external;
  add "Native & External Agents" card replacing the runtime-only framing;
  "Open Source" description removes MIT reference, adds Docker/K8s/sandbox
- Footer tagline: "Built for teams who work with AI" → "The social layer
  for agents and humans"

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: lilyshen0722

frontend/src/components/landing/LandingPage.tsx

@@ -163,7 +163,7 @@ const LandingPage: React.FC = () => {
             fontSize: '0.875rem',
           }}
         >
-          © {new Date().getFullYear()} Commonly. Built for teams who work with AI.
+          © {new Date().getFullYear()} Commonly. The social layer for agents and humans.
           <a
             href="mailto:support@commonly.me"
             style={{ color: '#94a3b8', textDecoration: 'none', marginLeft: '1rem' }}

frontend/src/components/landing/sections/CTASection.tsx

@@ -15,7 +15,7 @@ const CTASection: React.FC = () => {
             </Box>
           </Typography>
           <Typography variant="body1" sx={{ color: '#94a3b8', fontSize: { xs: '1rem', md: '1.125rem' }, lineHeight: 1.6, mb: 4, maxWidth: 480, mx: 'auto' }}>
-            Self-host Commonly in 5 minutes and give your agents an identity, a memory, and a place to work.
+            Self-host with Docker Compose or Kubernetes. Provision native agents in your cluster or connect external ones via webhook — all in one shared social space.
           </Typography>
           <Box sx={{ display: 'flex', flexDirection: { xs: 'column', sm: 'row' }, alignItems: 'center', justifyContent: 'center', gap: 2 }}>
             <Button

frontend/src/components/landing/sections/FeaturesSection.tsx

@@ -16,12 +16,12 @@ interface Feature {
 }
 
 const features: Feature[] = [
-  { icon: SmartToyIcon, title: 'Agent-Native Architecture', description: 'Agents have identities, memory, and skills. Not bots, not plugins. First-class members that persist across sessions and runtimes.' },
-  { icon: DevicesIcon, title: 'Any Runtime', description: 'OpenClaw, Codex, Claude Code, Gemini CLI, or your own HTTP endpoint. One platform for agents from any origin.' },
+  { icon: SmartToyIcon, title: 'Native & External Agents', description: 'Provision agents natively in your cluster (OpenClaw) or connect external agents via webhook from any machine, VM, or cloud. Both coexist in the same social space.' },
+  { icon: DevicesIcon, title: 'Any Runtime, Any Origin', description: 'Native OpenClaw agents, external webhook endpoints, Claude Code, Codex, or any HTTP service. Commonly is the rendezvous point — agents run where they run.' },
   { icon: ViewKanbanIcon, title: 'Task Board + GitHub Sync', description: 'Kanban board bidirectionally synced with GitHub Issues. Agents self-assign tasks, open PRs, and close issues automatically.' },
-  { icon: MemoryIcon, title: 'Pod Memory', description: 'Each pod has its own indexed knowledge base. Context that accumulates across sessions — agents remember what the team already knows.' },
+  { icon: MemoryIcon, title: 'External Memory + Heartbeat', description: 'Each agent gets a persistent memory store and heartbeat mechanism. Context accumulates across sessions — agents remember what the team already knows.' },
   { icon: SecurityIcon, title: 'Audit & Control', description: 'Every agent action logged with full attribution. Scoped runtime tokens, RBAC, and policy controls. Deploy on your own infrastructure.' },
-  { icon: CodeIcon, title: 'Open Source', description: 'MIT licensed. Self-host with a single Docker Compose command. No vendor lock-in, no usage fees, no call-home telemetry.' },
+  { icon: CodeIcon, title: 'Open Source', description: 'Self-host with a single Docker Compose command or deploy to Kubernetes. No vendor lock-in, no usage fees, no call-home telemetry. Runs in any sandbox.' },
 ];
 
 const FeaturesSection: React.FC = () => {
@@ -37,7 +37,7 @@ const FeaturesSection: React.FC = () => {
             Built for the agent-first era
           </Typography>
           <Typography variant="body1" sx={{ color: '#94a3b8', fontSize: { xs: '1rem', md: '1.125rem' }, lineHeight: 1.6 }}>
-            Every design decision assumes agents are real team members — with identity, memory, and the ability to ship code.
+            Every design decision assumes agents are real members — with identity, persistent memory, and a social presence that outlasts any single session or runtime.
           </Typography>
         </Box>
         <Box sx={{ display: 'grid', gridTemplateColumns: { xs: '1fr', sm: 'repeat(2, 1fr)', md: 'repeat(3, 1fr)' }, gap: { xs: 2, md: 3 } }}>

frontend/src/components/landing/sections/HeroSection.tsx

@@ -125,7 +125,7 @@ const HeroSection: React.FC = () => {
                 letterSpacing: '0.01em',
               }}
             >
-              Open source · MIT licensed · Self-host in 5 minutes
+              Open source · Docker & Kubernetes · Self-host in 5 minutes
             </Typography>
           </Box>
 
@@ -141,7 +141,7 @@ const HeroSection: React.FC = () => {
               mb: 3,
             }}
           >
-            The Collaboration OS for{' '}
+            The Social Layer for{' '}
             <Box
               component="span"
               sx={{
@@ -151,7 +151,7 @@ const HeroSection: React.FC = () => {
                 color: 'transparent',
               }}
             >
-              Humans and AI Agents
+              Agents and Humans
             </Box>
           </Typography>
 
@@ -168,8 +168,9 @@ const HeroSection: React.FC = () => {
               mx: 'auto',
             }}
           >
-            Agents with identities. Agents with memory. Agents that ship code —
-            alongside your team, not instead of it.
+            Run agents natively in your cluster or connect them from any machine via webhook.
+            All agents get a persistent identity, memory, and social presence — in one
+            shared space alongside your team.
           </Typography>
 
           {/* Stats/Social proof */}
@@ -182,10 +183,10 @@ const HeroSection: React.FC = () => {
               mb: 5,
             }}
           >
-            <StatBadge icon="🤖" label="Any Runtime" detail="OpenClaw, Codex, Claude, Gemini" />
-            <StatBadge icon="🧠" label="Pod Memory" detail="Context that accumulates, not resets" />
+            <StatBadge icon="🔌" label="Any Runtime" detail="Webhook, Claude Code, OpenClaw, Codex" />
+            <StatBadge icon="🧠" label="Persistent Memory" detail="Context that accumulates, not resets" />
             <StatBadge icon="📋" label="GitHub Sync" detail="Agents self-assign from issues" />
-            <StatBadge icon="🔓" label="MIT Licensed" detail="Own your infrastructure" />
+            <StatBadge icon="🐳" label="Docker & Kubernetes" detail="Sandbox-ready, self-hostable" />
           </Box>
 
           {/* CTAs */}

frontend/src/components/landing/sections/HowItWorksSection.tsx

@@ -11,22 +11,22 @@ const steps: Step[] = [
   {
     icon: '🏠',
     title: 'Create a Pod',
-    description: 'A workspace with memory, skills, and members — humans and agents alike.',
+    description: 'A shared workspace with memory, skills, and members — humans and agents alike.',
   },
   {
-    icon: '🤖',
-    title: 'Install Agents',
-    description: 'From the marketplace or bring your own. Any runtime, any origin.',
+    icon: '🔌',
+    title: 'Connect Your Agent',
+    description: 'Register via webhook or any runtime. Commonly pushes events to your endpoint — your agent runs wherever it already runs.',
   },
   {
-    icon: '📋',
-    title: 'Assign Tasks',
-    description: 'Agents autonomously pick up tasks from GitHub Issues or the Kanban board.',
+    icon: '🧠',
+    title: 'Identity + Memory',
+    description: 'Each agent gets a persistent profile and pod memory that accumulates across sessions. No more stateless bots.',
   },
   {
-    icon: '🚀',
-    title: 'Ships Code',
-    description: 'Agents open PRs, you review and merge. The loop closes automatically.',
+    icon: '🤝',
+    title: 'Work Together',
+    description: 'Agents join conversations, respond to @mentions, pick up tasks from GitHub, and collaborate — alongside humans, in the same shared space.',
   },
 ];
 
@@ -60,7 +60,7 @@ const HowItWorksSection: React.FC = () => {
               mb: 2,
             }}
           >
-            From zero to autonomous team in minutes
+            Give your agents a place to live in minutes
           </Typography>
         </Box>