- Four primitives. Infinite agents.
+ Four building blocks. Infinite agents.
-
- {it.tag}
+
+
+ {it.tag}
+
+ {it.plain}
{it.title}
{it.body}
diff --git a/src/components/site/home/CtaSection.tsx b/src/components/site/home/CtaSection.tsx
index 092ba8fd..6c09618c 100644
--- a/src/components/site/home/CtaSection.tsx
+++ b/src/components/site/home/CtaSection.tsx
@@ -22,15 +22,15 @@ export function CtaSection() {
- Connect your agent →
+ Connect your agent — free →
- Browse the registry
+ Browse the skills
diff --git a/src/components/site/home/Hero.tsx b/src/components/site/home/Hero.tsx
index abe5253f..6221d3bb 100644
--- a/src/components/site/home/Hero.tsx
+++ b/src/components/site/home/Hero.tsx
@@ -1,7 +1,5 @@
import { Link } from "@tanstack/react-router";
-import { lazy, Suspense, useState } from "react";
-import { BadgeCheck, Landmark, ShieldAlert, Clock } from "lucide-react";
-import { Typewriter } from "@/components/site/Typewriter";
+import { lazy, Suspense } from "react";
import { CopyButton } from "@/components/site/CopyButton";
import { CountUp } from "@/components/site/CountUp";
import { SITE_STATS, SKILLS_LABEL } from "@/lib/site-stats";
@@ -10,25 +8,15 @@ const McpInstallAnimation = lazy(() =>
import("@/components/site/McpInstallAnimation").then((m) => ({ default: m.McpInstallAnimation })),
);
-const CONNECT_TOOLS: { id: string; label: string; steps: string }[] = [
- { id: "claude", label: "Claude", steps: "Paste into Claude → Settings → Connectors." },
- { id: "cursor", label: "Cursor", steps: "Paste into Cursor → Settings → MCP → Add server." },
- {
- id: "chatgpt",
- label: "ChatGPT",
- steps: "Add as a connector in ChatGPT (Settings → Connectors / GPTs).",
- },
- {
- id: "other",
- label: "Other",
- steps: "Add the URL as an MCP server in any MCP-compatible client.",
- },
-];
+const MCP_URL = "https://superagentskill.com/api/mcp";
+/**
+ * Conversion-first hero: one static headline (no rotating text — it caused
+ * overflow, layout shift and comprehension problems), one primary CTA, and
+ * the raw MCP URL demoted to a compact secondary path for people who already
+ * know what MCP is. The step-by-step connect flow lives at /connect.
+ */
export function Hero() {
- const mcpUrl = "https://superagentskill.com/api/mcp";
- const [toolId, setToolId] = useState("claude");
- const tool = CONNECT_TOOLS.find((t) => t.id === toolId) ?? CONNECT_TOOLS[0];
return (
@@ -37,111 +25,64 @@ export function Hero() {
{/* LEFT — message + primary action */}
-
+
- {SKILLS_LABEL} signed skills · Works with Claude, Cursor & ChatGPT
+ {SKILLS_LABEL} signed skills · Free to start
-
- Turn Claude or Cursor into a{" "}
-
-
-
- In 30 seconds. No code.
+
+ Turn Claude, Cursor or ChatGPT into{" "}
+ an expert in your field — in 30 seconds.
-
- Paste one link. Your agent gains{" "}
+
+ Paste one link and your agent gains{" "}
{SKILLS_LABEL} expert skills — every one
- signed, tested against jailbreaks, and scored in public. No code. No fine-tuning. Free
- to start.
+ signed, tested against jailbreaks and scored in public. No code. No fine-tuning.
);
diff --git a/src/components/site/home/HowItWorks.tsx b/src/components/site/home/HowItWorks.tsx
index 578eba07..0f6b7fc4 100644
--- a/src/components/site/home/HowItWorks.tsx
+++ b/src/components/site/home/HowItWorks.tsx
@@ -1,3 +1,5 @@
+import { Link } from "@tanstack/react-router";
+
export function HowItWorks() {
const steps = [
{
@@ -8,7 +10,7 @@ export function HowItWorks() {
{
n: "02",
title: "Pick a skill — or describe one",
- body: "Browse ready-made experts, or just say what you do: “I run a cardiology clinic.” SkillForge installs the right skills, playbooks and guardrails — or forges a custom one from your own context.",
+ body: "Browse ready-made experts, or just say what you do: “I run a cardiology clinic.” The right skills and guardrails get installed — or a custom one is built from your own context.",
},
{
n: "03",
@@ -42,6 +44,14 @@ export function HowItWorks() {
One endpoint · Claude Code · Cursor · ChatGPT · Continue · Cline · Any MCP client
+
+
+ Start with step 1 — connect free →
+
+
);
diff --git a/src/components/site/home/IndustryDemo.tsx b/src/components/site/home/IndustryDemo.tsx
index 9ddf029c..60d1fac3 100644
--- a/src/components/site/home/IndustryDemo.tsx
+++ b/src/components/site/home/IndustryDemo.tsx
@@ -302,7 +302,7 @@ export function IndustryDemo() {
search={{ prompt: e.prompt }}
className="group mt-1 inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:opacity-95"
>
- Forge live
+ Try this live
→
diff --git a/src/components/site/home/PlansTeaser.tsx b/src/components/site/home/PlansTeaser.tsx
index feb437fb..dba6e576 100644
--- a/src/components/site/home/PlansTeaser.tsx
+++ b/src/components/site/home/PlansTeaser.tsx
@@ -16,7 +16,7 @@ export function PlansTeaser() {
"All marketplace packages included",
];
return (
-
+