.mcp-wrap { font-family: ‘Montserrat’, sans-serif; color: #0A0A0A; background: #ffffff; }
.mcp-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
/* HERO */
.mcp-hero { background: #ffffff; padding: 100px 24px 80px; text-align: center; position: relative; overflow: hidden; }
.mcp-hero::before { content: “; position: absolute; top: -120px; left: 50%; transform: translateX(-50%); width: 700px; height: 700px; background: radial-gradient(circle, rgba(245,197,24,0.18) 0%, transparent 70%); pointer-events: none; }
.mcp-hero-badge { display: inline-flex; align-items: center; gap: 8px; background: #FFF8D6; border: 1.5px solid #F5C518; border-radius: 100px; padding: 6px 18px; font-family: ‘Montserrat’, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #333333; margin-bottom: 32px; }
.mcp-hero-badge span { width: 8px; height: 8px; background: #D4A800; border-radius: 50%; display: inline-block; animation: mcppulse 2s infinite; }
@keyframes mcppulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.6; transform: scale(1.3); } }
.mcp-hero h1 { font-family: ‘Montserrat’, sans-serif; font-size: clamp(40px, 6vw, 80px); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; color: #0A0A0A; margin-bottom: 24px; position: relative; }
.mcp-hero h1 em { font-style: normal; background: #F5C518; padding: 0 8px 4px; border-radius: 6px; display: inline-block; }
.mcp-hero-sub { font-family: ‘Montserrat’, sans-serif; font-size: 20px; font-weight: 300; color: #888888; max-width: 560px; margin: 0 auto 48px; line-height: 1.6; }
.mcp-hero-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
/* BUTTONS */
.mcp-btn-primary { background: #F5C518; color: #0A0A0A; font-family: ‘Montserrat’, sans-serif; font-weight: 700; font-size: 15px; padding: 16px 36px; border-radius: 100px; text-decoration: none; display: inline-block; transition: all 0.2s ease; box-shadow: 0 4px 20px rgba(245,197,24,0.45); }
.mcp-btn-primary:hover { background: #D4A800; transform: translateY(-2px); box-shadow: 0 8px 30px rgba(245,197,24,0.55); color: #0A0A0A; text-decoration: none; }
.mcp-btn-secondary { background: transparent; color: #0A0A0A; font-family: ‘Montserrat’, sans-serif; font-weight: 600; font-size: 15px; padding: 16px 36px; border-radius: 100px; border: 1.5px solid #DDDDDD; text-decoration: none; display: inline-block; transition: all 0.2s ease; }
.mcp-btn-secondary:hover { border-color: #F5C518; background: #FFF8D6; color: #0A0A0A; text-decoration: none; }
/* MARQUEE */
.mcp-marquee-wrap { background: #0A0A0A; color: #ffffff; padding: 18px 0; overflow: hidden; }
.mcp-marquee-inner { display: flex; gap: 48px; align-items: center; width: max-content; animation: mcpmarquee 24s linear infinite; }
@keyframes mcpmarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.mcp-marquee-item { font-family: ‘Montserrat’, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; opacity: 0.85; }
.mcp-marquee-dot { width: 6px; height: 6px; background: #F5C518; border-radius: 50%; flex-shrink: 0; display: inline-block; }
/* SECTION */
.mcp-section { padding: 96px 24px; max-width: 1120px; margin: 0 auto; }
.mcp-section-label { font-family: ‘Montserrat’, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #D4A800; margin-bottom: 16px; }
.mcp-section-title { font-family: ‘Montserrat’, sans-serif; font-size: clamp(28px, 4vw, 48px); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; color: #0A0A0A; margin-bottom: 20px; }
.mcp-section-desc { font-family: ‘Montserrat’, sans-serif; font-size: 18px; color: #888888; line-height: 1.65; max-width: 540px; font-weight: 300; }
/* HOW IT WORKS */
.mcp-hiw { background: #F5F5F5; }
.mcp-hiw-inner { max-width: 1120px; margin: 0 auto; padding: 96px 24px; }
.mcp-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 2px; margin-top: 56px; }
.mcp-step { background: #ffffff; padding: 40px 36px; position: relative; }
.mcp-step:first-child { border-radius: 16px 0 0 16px; }
.mcp-step:last-child { border-radius: 0 16px 16px 0; }
.mcp-step-num { font-family: ‘Montserrat’, sans-serif; font-size: 64px; font-weight: 800; color: #F5C518; opacity: 0.3; line-height: 1; margin-bottom: 24px; letter-spacing: -0.04em; }
.mcp-step h3 { font-family: ‘Montserrat’, sans-serif; font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #0A0A0A; }
.mcp-step p { font-family: ‘Montserrat’, sans-serif; font-size: 15px; color: #888888; line-height: 1.6; }
/* FEATURES */
.mcp-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; margin-top: 56px; }
.mcp-feat-card { border: 1.5px solid #EBEBEB; border-radius: 16px; padding: 36px 32px; background: #ffffff; transition: all 0.25s ease; position: relative; overflow: hidden; }
.mcp-feat-card::after { content: “; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: #F5C518; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; }
.mcp-feat-card:hover { box-shadow: 0 12px 48px rgba(0,0,0,0.15); transform: translateY(-4px); border-color: #F5C518; }
.mcp-feat-card:hover::after { transform: scaleX(1); }
.mcp-feat-icon { width: 52px; height: 52px; background: #FFF8D6; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 24px; }
.mcp-feat-card h3 { font-family: ‘Montserrat’, sans-serif; font-size: 19px; font-weight: 700; margin-bottom: 10px; color: #0A0A0A; }
.mcp-feat-card p { font-family: ‘Montserrat’, sans-serif; font-size: 15px; color: #888888; line-height: 1.6; }
/* CHAT DEMO */
.mcp-demo-wrap { background: #0A0A0A; padding: 96px 24px; }
.mcp-demo-inner { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.mcp-demo-label { font-family: ‘Montserrat’, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #F5C518; margin-bottom: 16px; }
.mcp-demo-title { font-family: ‘Montserrat’, sans-serif; font-size: clamp(28px, 4vw, 48px); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; color: #ffffff; margin-bottom: 20px; }
.mcp-demo-desc { font-family: ‘Montserrat’, sans-serif; font-size: 18px; color: rgba(255,255,255,0.5); line-height: 1.65; max-width: 540px; font-weight: 300; }
.mcp-demo-list { list-style: none; margin-top: 36px; display: flex; flex-direction: column; gap: 16px; }
.mcp-demo-list li { font-family: ‘Montserrat’, sans-serif; display: flex; gap: 14px; align-items: flex-start; color: rgba(255,255,255,0.75); font-size: 15px; line-height: 1.5; }
.mcp-demo-list li::before { content: ‘✦’; color: #F5C518; flex-shrink: 0; font-size: 12px; margin-top: 3px; }
.mcp-chat-ui { background: #1A1A1A; border-radius: 20px; padding: 28px; border: 1px solid #2A2A2A; box-shadow: 0 32px 80px rgba(0,0,0,0.6); }
.mcp-chat-header { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #2A2A2A; }
.mcp-chat-avatar { width: 36px; height: 36px; background: #F5C518; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.mcp-chat-header-info strong { display: block; color: #ffffff; font-family: ‘Montserrat’, sans-serif; font-size: 14px; font-weight: 700; }
.mcp-chat-header-info span { color: rgba(255,255,255,0.4); font-size: 12px; font-family: ‘Montserrat’, sans-serif; }
.mcp-status-dot { width: 8px; height: 8px; background: #4ADE80; border-radius: 50%; display: inline-block; margin-right: 6px; }
.mcp-msg { margin-bottom: 16px; }
.mcp-msg-user { text-align: right; }
.mcp-msg-user span { display: inline-block; background: #F5C518; color: #0A0A0A; padding: 10px 16px; border-radius: 16px 16px 4px 16px; font-family: ‘Montserrat’, sans-serif; font-size: 14px; font-weight: 500; max-width: 85%; }
.mcp-msg-ai span { display: inline-block; background: #252525; color: rgba(255,255,255,0.85); padding: 10px 16px; border-radius: 16px 16px 16px 4px; font-family: ‘Montserrat’, sans-serif; font-size: 14px; line-height: 1.5; max-width: 95%; }
.mcp-msg-ai span strong { color: #F5C518; font-size: 12px; display: block; margin-bottom: 4px; font-family: ‘Montserrat’, sans-serif; letter-spacing: 0.05em; }
.mcp-chat-input { display: flex; gap: 10px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #2A2A2A; }
.mcp-chat-input-field { flex: 1; background: #252525; border: 1px solid #333333; border-radius: 10px; padding: 10px 14px; color: rgba(255,255,255,0.4); font-family: ‘Montserrat’, sans-serif; font-size: 14px; }
.mcp-chat-send { width: 38px; height: 38px; background: #F5C518; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 16px; cursor: pointer; flex-shrink: 0; }
/* TESTIMONIAL */
.mcp-testi-section { padding: 96px 24px; background: #ffffff; }
.mcp-testi { background: #FFF8D6; border-radius: 24px; padding: 64px; max-width: 780px; margin: 0 auto; text-align: center; }
.mcp-testi-stars { font-size: 20px; margin-bottom: 28px; letter-spacing: 4px; color: #D4A800; }
.mcp-testi blockquote { font-family: ‘Montserrat’, sans-serif; font-size: clamp(20px, 3vw, 30px); font-weight: 600; line-height: 1.3; color: #0A0A0A; font-style: normal; margin-bottom: 32px; border: none; padding: 0; }
.mcp-testi-author { display: flex; align-items: center; justify-content: center; gap: 14px; }
.mcp-testi-avatar { width: 48px; height: 48px; background: #F5C518; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.mcp-testi-author-info strong { display: block; font-family: ‘Montserrat’, sans-serif; font-weight: 700; font-size: 15px; color: #0A0A0A; }
.mcp-testi-author-info span { font-family: ‘Montserrat’, sans-serif; font-size: 13px; color: #888888; }
/* CTA */
.mcp-cta { background: #0A0A0A; text-align: center; padding: 120px 24px; position: relative; overflow: hidden; }
.mcp-cta::before { content: “; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 600px; height: 400px; background: radial-gradient(ellipse, rgba(245,197,24,0.15) 0%, transparent 70%); pointer-events: none; }
.mcp-cta h2 { font-family: ‘Montserrat’, sans-serif; font-size: clamp(32px, 5vw, 64px); font-weight: 800; letter-spacing: -0.03em; color: #ffffff; margin-bottom: 20px; position: relative; }
.mcp-cta h2 em { font-style: normal; color: #F5C518; }
.mcp-cta p { font-family: ‘Montserrat’, sans-serif; font-size: 18px; color: rgba(255,255,255,0.45); margin-bottom: 48px; font-weight: 300; position: relative; }
.mcp-cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; position: relative; }
.mcp-btn-cta-sec { background: transparent; color: #ffffff; font-family: ‘Montserrat’, sans-serif; font-weight: 600; font-size: 15px; padding: 16px 36px; border-radius: 100px; border: 1.5px solid #333333; text-decoration: none; display: inline-block; transition: all 0.2s ease; }
.mcp-btn-cta-sec:hover { border-color: #F5C518; background: rgba(245,197,24,0.1); color: #ffffff; text-decoration: none; }
/* FOOTER */
.mcp-footer-bar { background: #F5F5F5; padding: 24px; text-align: center; font-family: ‘Montserrat’, sans-serif; font-size: 13px; color: #888888; }
.mcp-footer-bar strong { color: #0A0A0A; }
/* RESPONSIVE */
@media (max-width: 768px) {
.mcp-demo-inner { grid-template-columns: 1fr; gap: 40px; }
.mcp-testi { padding: 40px 28px; }
.mcp-steps { gap: 0; }
.mcp-step:first-child { border-radius: 16px 16px 0 0; }
.mcp-step:last-child { border-radius: 0 0 16px 16px; }
}
Manage Your Site
Three steps to
Everything you need,
Your site is one
Now Available · WordPress MCP
Manage Your Site
by Talking to Claude
The first WordPress integration powered by Claude AI. Create posts, manage media, update settings — all through a simple conversation.
Create Posts
Manage Media
Update Pages
Edit Settings
SEO Optimization
Content Strategy
Bulk Operations
Real-Time Control
Create Posts
Manage Media
Update Pages
Edit Settings
SEO Optimization
Content Strategy
Bulk Operations
Real-Time Control
How It Works
Three steps to
full site control
01
Connect Your Site
Install the MCP plugin on your WordPress site and link it to Claude in minutes. No coding required.
02
Open Claude Chat
Start a conversation with Claude the same way you always do. Your site is now part of the context.
03
Say What You Need
Ask Claude to write a post, update a page, upload media, or change a setting — and it’s done instantly.
Features
Everything you need,
nothing you don’t
AI Content Creation
Ask Claude to write, edit, or rewrite posts and pages. Publish with a single message — no copy-paste, no switching tabs.
Media Management
Upload images, set featured photos, organize your media library and alt texts — all through conversation.
Site Settings Control
Update WordPress options, manage menus, tweak theme settings — Claude has full access to your site’s configuration.
Smart Site Search
Ask Claude to find any post, page, or piece of content on your site. Instant full-text search across everything you’ve published.
Content Auditing
Get a complete overview of your site’s content — post counts, statuses, categories, and gaps — in one conversational request.
Secure & Private
Your site data stays yours. The MCP connection is authenticated, encrypted, and you stay in full control at all times.
Live Demo
It really is just a conversation
No dashboards to navigate, no menus to dig through. Just tell Claude what you want — and watch it happen on your site in real time.
- Publish a new blog post with one sentence
- Ask Claude to update your homepage headline
- Request a content audit of your last 20 posts
- Tell Claude to find all draft articles and summarize them
- Set a featured image without touching the media library
✦
Claude + Your Site
Connected · Portfolio MCP
Write a short post announcing our new summer collection. Publish it as a draft.
CLAUDE · WRITINGDone! I’ve created “Introducing Our Summer Collection” as a draft. It includes a warm intro, three key highlights, and a CTA. Want me to add a featured image or tweak the tone?
Perfect. Go ahead and publish it.
CLAUDE · PUBLISHED✓ Published! The post is now live on your site. I’ll link it here: view post →
Ask Claude anything about your site…
↑
★★★★★
“I published four posts, updated my homepage, and reorganized my media library — all without touching the WordPress dashboard once. This changes everything.”
Your site is one
conversation away.
Connect Claude to your WordPress site today and experience a faster, smarter way to manage everything.