Home

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WP AI Agent — SEO for AI Search Engines | Get Found by ChatGPT, Gemini & More</title>
    <meta name="description" content="The first WordPress plugin built exclusively for AI search engine optimization. Get discovered by ChatGPT, Google Gemini, Claude, Perplexity and more.">
    <meta property="og:title" content="WP AI Agent — SEO for AI Search Engines">
    <meta property="og:description" content="The first WordPress plugin built to help your website get discovered by AI search engines.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://getwpaiagent.com">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,300..700&display=swap" rel="stylesheet">
    <style>
        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

        :root {
            --bg: #0a0a0f;
            --bg-card: #12121a;
            --bg-card-hover: #1a1a26;
            --text: #e8e8ed;
            --text-muted: #8888a0;
            --accent: #7c5cfc;
            --accent-glow: #9d7fff;
            --accent2: #fc5c7c;
            --green: #34d399;
            --amber: #fbbf24;
            --border: rgba(255,255,255,0.06);
            --serif: 'Instrument Serif', Georgia, serif;
            --sans: 'DM Sans', system-ui, sans-serif;
        }

        html { scroll-behavior: smooth; }
        body { background: var(--bg); color: var(--text); font-family: var(--sans); line-height: 1.6; overflow-x: hidden; }

        /* Noise overlay */
        body::before {
            content: ''; position: fixed; inset: 0; z-index: 9999; pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
        }

        /* Glow blob */
        .glow-blob {
            position: absolute; width: 600px; height: 600px; border-radius: 50%;
            filter: blur(120px); opacity: 0.12; pointer-events: none; z-index: 0;
        }
        .glow-1 { background: var(--accent); top: -200px; right: -100px; }
        .glow-2 { background: var(--accent2); bottom: -200px; left: -100px; }
        .glow-3 { background: #5c8cfc; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.06; width: 900px; height: 900px; }

        /* Container */
        .container { max-width: 1140px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; }

        /* Nav */
        nav {
            position: fixed; top: 0; left: 0; right: 0; z-index: 100;
            padding: 16px 0; backdrop-filter: blur(20px); background: rgba(10,10,15,0.8);
            border-bottom: 1px solid var(--border);
        }
        nav .container { display: flex; justify-content: space-between; align-items: center; }
        .nav-logo { font-family: var(--sans); font-weight: 700; font-size: 18px; color: var(--text); text-decoration: none; display: flex; align-items: center; gap: 10px; }
        .nav-logo .logo-icon { width: 32px; height: 32px; background: linear-gradient(135deg, var(--accent), var(--accent2)); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 16px; }
        .nav-links { display: flex; align-items: center; gap: 32px; }
        .nav-links a { color: var(--text-muted); text-decoration: none; font-size: 14px; font-weight: 500; transition: color 0.2s; }
        .nav-links a:hover { color: var(--text); }
        .btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 22px; border-radius: 10px; font-family: var(--sans); font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.3s; cursor: pointer; border: none; }
        .btn-primary { background: var(--accent); color: #fff; box-shadow: 0 0 20px rgba(124,92,252,0.3); }
        .btn-primary:hover { background: var(--accent-glow); transform: translateY(-1px); box-shadow: 0 0 30px rgba(124,92,252,0.5); }
        .btn-ghost { background: transparent; color: var(--text); border: 1px solid var(--border); }
        .btn-ghost:hover { border-color: rgba(255,255,255,0.2); background: rgba(255,255,255,0.03); }
        .btn-large { padding: 14px 32px; font-size: 16px; border-radius: 12px; }

        @media (max-width: 768px) {
            .nav-links { gap: 16px; }
            .nav-links .hide-mobile { display: none; }
        }

        /* Hero */
        .hero { padding: 160px 0 100px; text-align: center; position: relative; overflow: hidden; }
        .hero-badge {
            display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px 6px 8px;
            background: rgba(124,92,252,0.1); border: 1px solid rgba(124,92,252,0.2);
            border-radius: 100px; font-size: 13px; color: var(--accent-glow); margin-bottom: 32px;
            animation: fadeUp 0.6s ease both;
        }
        .hero-badge .badge-dot { width: 8px; height: 8px; background: var(--green); border-radius: 50%; animation: pulse 2s infinite; }
        .hero h1 {
            font-family: var(--serif); font-size: clamp(42px, 6.5vw, 80px); line-height: 1.05;
            font-weight: 400; max-width: 900px; margin: 0 auto 24px;
            animation: fadeUp 0.6s ease 0.1s both;
        }
        .hero h1 em { font-style: italic; color: var(--accent-glow); }
        .hero p {
            font-size: 18px; color: var(--text-muted); max-width: 580px; margin: 0 auto 40px; line-height: 1.7;
            animation: fadeUp 0.6s ease 0.2s both;
        }
        .hero-ctas { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; animation: fadeUp 0.6s ease 0.3s both; }
        .hero-proof {
            margin-top: 48px; display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;
            animation: fadeUp 0.6s ease 0.4s both;
        }
        .proof-item { text-align: center; }
        .proof-item .proof-val { display: block; font-size: 28px; font-weight: 700; font-family: var(--sans); color: var(--text); }
        .proof-item .proof-label { font-size: 12px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; }

        /* Problem section */
        .section { padding: 100px 0; position: relative; }
        .section-label {
            display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600;
            text-transform: uppercase; letter-spacing: 2px; color: var(--accent-glow); margin-bottom: 16px;
        }
        .section-title {
            font-family: var(--serif); font-size: clamp(32px, 4vw, 50px); line-height: 1.15;
            max-width: 700px; margin-bottom: 20px;
        }
        .section-subtitle { font-size: 17px; color: var(--text-muted); max-width: 600px; line-height: 1.7; margin-bottom: 48px; }

        /* Stats bar */
        .stats-bar {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px;
            background: var(--border); border-radius: 16px; overflow: hidden; margin-bottom: 80px;
        }
        .stat-item {
            background: var(--bg-card); padding: 36px 28px; text-align: center;
            transition: background 0.3s;
        }
        .stat-item:hover { background: var(--bg-card-hover); }
        .stat-item .stat-num { display: block; font-size: 36px; font-weight: 700; color: var(--accent-glow); margin-bottom: 4px; }
        .stat-item .stat-desc { font-size: 14px; color: var(--text-muted); }
        @media (max-width: 768px) { .stats-bar { grid-template-columns: 1fr; } }

        /* Feature cards */
        .features-grid {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px;
            background: var(--border); border-radius: 20px; overflow: hidden;
        }
        .feature-card {
            background: var(--bg-card); padding: 40px 32px; position: relative; overflow: hidden;
            transition: background 0.4s;
        }
        .feature-card:hover { background: var(--bg-card-hover); }
        .feature-card .f-icon { font-size: 28px; margin-bottom: 20px; display: block; }
        .feature-card h3 { font-family: var(--sans); font-size: 18px; font-weight: 600; margin-bottom: 10px; }
        .feature-card p { font-size: 14px; color: var(--text-muted); line-height: 1.7; }
        .feature-card .f-tag {
            display: inline-block; margin-top: 14px; padding: 3px 10px; border-radius: 6px;
            font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;
        }
        .tag-free { background: rgba(52,211,153,0.1); color: var(--green); }
        .tag-pro { background: rgba(124,92,252,0.1); color: var(--accent-glow); }
        @media (max-width: 900px) { .features-grid { grid-template-columns: 1fr; } }

        /* How it works */
        .how-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; }
        .how-step { position: relative; }
        .how-step .step-num {
            display: inline-flex; align-items: center; justify-content: center;
            width: 44px; height: 44px; border-radius: 12px; font-size: 18px; font-weight: 700;
            background: linear-gradient(135deg, var(--accent), var(--accent2)); color: #fff;
            margin-bottom: 20px;
        }
        .how-step h3 { font-size: 20px; font-weight: 600; margin-bottom: 10px; }
        .how-step p { font-size: 14px; color: var(--text-muted); line-height: 1.7; }
        @media (max-width: 768px) { .how-grid { grid-template-columns: 1fr; gap: 32px; } }

        /* AI Bots visual */
        .bots-visual {
            display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;
            margin: 48px 0 0; padding: 40px; background: var(--bg-card); border-radius: 16px;
            border: 1px solid var(--border);
        }
        .bot-chip {
            display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px;
            background: rgba(255,255,255,0.03); border: 1px solid var(--border);
            border-radius: 100px; font-size: 14px; font-weight: 500; transition: all 0.3s;
        }
        .bot-chip:hover { border-color: var(--accent); background: rgba(124,92,252,0.05); }
        .bot-chip .bot-dot { width: 8px; height: 8px; border-radius: 50%; }
        .bot-dot.green { background: var(--green); }
        .bot-dot.amber { background: var(--amber); }

        /* Pricing */
        .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; background: var(--border); border-radius: 20px; overflow: hidden; }
        .price-card { background: var(--bg-card); padding: 40px 32px; position: relative; transition: background 0.3s; }
        .price-card:hover { background: var(--bg-card-hover); }
        .price-card.featured { background: linear-gradient(180deg, rgba(124,92,252,0.08), var(--bg-card)); }
        .price-card.featured::before {
            content: 'MOST POPULAR'; position: absolute; top: 0; left: 0; right: 0;
            padding: 6px; text-align: center; font-size: 11px; font-weight: 700;
            letter-spacing: 1.5px; background: linear-gradient(90deg, var(--accent), var(--accent2)); color: #fff;
        }
        .price-card.featured { padding-top: 64px; }
        .price-name { font-size: 16px; font-weight: 600; margin-bottom: 8px; }
        .price-amount { font-size: 44px; font-weight: 700; margin-bottom: 4px; }
        .price-amount span { font-size: 16px; font-weight: 400; color: var(--text-muted); }
        .price-desc { font-size: 13px; color: var(--text-muted); margin-bottom: 28px; padding-bottom: 28px; border-bottom: 1px solid var(--border); }
        .price-features { list-style: none; margin-bottom: 28px; }
        .price-features li { padding: 6px 0; font-size: 14px; color: var(--text-muted); display: flex; align-items: center; gap: 10px; }
        .price-features li::before { content: '✓'; color: var(--green); font-weight: 700; font-size: 13px; }
        .price-cta { width: 100%; text-align: center; justify-content: center; }
        @media (max-width: 768px) { .pricing-grid { grid-template-columns: 1fr; } }

        /* Honest section */
        .honest-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--border); border-radius: 16px; overflow: hidden; }
        .honest-card { background: var(--bg-card); padding: 32px; }
        .honest-card h4 { font-size: 16px; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
        .honest-card p { font-size: 14px; color: var(--text-muted); line-height: 1.7; }
        @media (max-width: 768px) { .honest-grid { grid-template-columns: 1fr; } }

        /* CTA */
        .cta-section {
            text-align: center; padding: 120px 0; position: relative;
        }
        .cta-section .section-title { margin: 0 auto 16px; }
        .cta-section .section-subtitle { margin: 0 auto 40px; }

        /* Footer */
        footer {
            padding: 40px 0; border-top: 1px solid var(--border);
        }
        .footer-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
        .footer-brand { font-size: 14px; color: var(--text-muted); }
        .footer-brand strong { color: var(--text); }
        .footer-links { display: flex; gap: 24px; }
        .footer-links a { font-size: 13px; color: var(--text-muted); text-decoration: none; transition: color 0.2s; }
        .footer-links a:hover { color: var(--text); }

        /* Divider */
        .section-divider {
            height: 1px; background: linear-gradient(90deg, transparent, var(--border), transparent);
            margin: 0 auto; max-width: 800px;
        }

        /* Animations */
        @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.visible { opacity: 1; transform: translateY(0); }

        /* Schema markup (hidden) */
        .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
    </style>
</head>
<body>

<!-- Nav -->
<nav>
    <div class="container">
        <a href="/" class="nav-logo">
            <span class="logo-icon">🤖</span>
            WP AI Agent
        </a>
        <div class="nav-links">
            <a href="#features" class="hide-mobile">Features</a>
            <a href="#how" class="hide-mobile">How It Works</a>
            <a href="#pricing" class="hide-mobile">Pricing</a>
            <a href="https://wordpress.org/plugins/wp-ai-agent/" class="btn btn-primary" target="_blank">Download Free →</a>
        </div>
    </div>
</nav>

<!-- Hero -->
<section class="hero">
    <div class="glow-blob glow-1"></div>
    <div class="glow-blob glow-3"></div>
    <div class="container">
        <div class="hero-badge">
            <span class="badge-dot"></span>
            WordPress Plugin — Free & Open Source
        </div>
        <h1>Your website is <em>invisible</em> to AI search engines</h1>
        <p>700M+ people use ChatGPT every week. When they ask about businesses like yours, will AI recommend you? WP AI Agent optimizes your WordPress site for AI discovery.</p>
        <div class="hero-ctas">
            <a href="https://wordpress.org/plugins/wp-ai-agent/" class="btn btn-primary btn-large" target="_blank">Download Free Plugin →</a>
            <a href="#how" class="btn btn-ghost btn-large">See How It Works</a>
        </div>
        <div class="hero-proof">
            <div class="proof-item">
                <span class="proof-val">700M+</span>
                <span class="proof-label">Weekly ChatGPT Users</span>
            </div>
            <div class="proof-item">
                <span class="proof-val">55%</span>
                <span class="proof-label">Prefer AI Over Search</span>
            </div>
            <div class="proof-item">
                <span class="proof-val">43%</span>
                <span class="proof-label">Of Web Runs WordPress</span>
            </div>
        </div>
    </div>
</section>

<div class="section-divider"></div>

<!-- Stats -->
<section class="section">
    <div class="container">
        <div class="stats-bar reveal">
            <div class="stat-item">
                <span class="stat-num">10%+</span>
                <span class="stat-desc">of new signups for online services now come from AI referrals</span>
            </div>
            <div class="stat-item">
                <span class="stat-num">0</span>
                <span class="stat-desc">WordPress plugins built exclusively for AI search optimization</span>
            </div>
            <div class="stat-item">
                <span class="stat-num">5 min</span>
                <span class="stat-desc">to set up WP AI Agent and start getting discovered by AI</span>
            </div>
        </div>
    </div>
</section>

<!-- Features -->
<section class="section" id="features">
    <div class="container">
        <span class="section-label">⚡ Features</span>
        <h2 class="section-title">Everything your site needs to get found by AI</h2>
        <p class="section-subtitle">WP AI Agent handles the technical optimization so AI assistants can discover, understand, and recommend your business.</p>

        <div class="features-grid reveal">
            <div class="feature-card">
                <span class="f-icon">📊</span>
                <h3>Schema.org Engine</h3>
                <p>Auto-injects JSON-LD structured data — Organization, LocalBusiness, Article, FAQ, Service, Breadcrumb, and more. The #1 factor for AI discoverability.</p>
                <span class="f-tag tag-free">Free</span>
            </div>
            <div class="feature-card">
                <span class="f-icon">📄</span>
                <h3>llms.txt Generator</h3>
                <p>Creates an AI-readable content map of your website at /llms.txt — the emerging standard for helping AI systems understand your site.</p>
                <span class="f-tag tag-free">Free</span>
            </div>
            <div class="feature-card">
                <span class="f-icon">🤖</span>
                <h3>AI Crawler Manager</h3>
                <p>Control GPTBot, Google-Extended, ClaudeBot, PerplexityBot, and 8 more AI crawlers with simple toggles. Auto-updates your robots.txt.</p>
                <span class="f-tag tag-free">Free</span>
            </div>
            <div class="feature-card">
                <span class="f-icon">🎯</span>
                <h3>AI Readiness Score</h3>
                <p>Get a 0-100 score showing how well optimized your site is for AI discovery, with a breakdown across 6 categories and fix suggestions.</p>
                <span class="f-tag tag-pro">Pro</span>
            </div>
            <div class="feature-card">
                <span class="f-icon">❓</span>
                <h3>FAQ Schema Editor</h3>
                <p>Add FAQ structured data to any page. AI assistants heavily extract and cite FAQ schema when answering questions about businesses.</p>
                <span class="f-tag tag-pro">Pro</span>
            </div>
            <div class="feature-card">
                <span class="f-icon">📈</span>
                <h3>AI Bot Tracker</h3>
                <p>Monitor when ChatGPT, Gemini, Claude, and other AI crawlers visit your site — which pages, how often, daily trends.</p>
                <span class="f-tag tag-pro">Pro</span>
            </div>
        </div>

        <!-- Bot chips -->
        <div class="bots-visual reveal">
            <div style="width: 100%; text-align: center; margin-bottom: 16px; font-size: 14px; color: var(--text-muted);">AI Bots We Manage</div>
            <div class="bot-chip"><span class="bot-dot green"></span> GPTBot (ChatGPT)</div>
            <div class="bot-chip"><span class="bot-dot green"></span> Google-Extended (Gemini)</div>
            <div class="bot-chip"><span class="bot-dot green"></span> ClaudeBot (Anthropic)</div>
            <div class="bot-chip"><span class="bot-dot green"></span> PerplexityBot</div>
            <div class="bot-chip"><span class="bot-dot green"></span> Meta AI Agent</div>
            <div class="bot-chip"><span class="bot-dot green"></span> CCBot (Common Crawl)</div>
            <div class="bot-chip"><span class="bot-dot amber"></span> Bytespider (ByteDance)</div>
            <div class="bot-chip"><span class="bot-dot green"></span> Cohere AI</div>
            <div class="bot-chip"><span class="bot-dot green"></span> Applebot Extended</div>
            <div class="bot-chip"><span class="bot-dot green"></span> Bingbot</div>
        </div>
    </div>
</section>

<div class="section-divider"></div>

<!-- How It Works -->
<section class="section" id="how">
    <div class="container">
        <span class="section-label">🔬 How It Works</span>
        <h2 class="section-title">AI discovery isn't magic — it's structured data</h2>
        <p class="section-subtitle">ChatGPT uses Bing's API. Gemini uses Google's API. Both APIs heavily rely on Schema.org structured data. WP AI Agent puts the right data on your site.</p>

        <div class="how-grid reveal">
            <div class="how-step">
                <div class="step-num">1</div>
                <h3>Install & Configure</h3>
                <p>Install the free plugin, enter your business info — name, address, phone, hours, services. Takes 5 minutes. A setup wizard guides you through everything.</p>
            </div>
            <div class="how-step">
                <div class="step-num">2</div>
                <h3>Plugin Optimizes</h3>
                <p>WP AI Agent automatically injects Schema.org JSON-LD, generates your llms.txt file, configures AI crawler access, and scores your site's readiness.</p>
            </div>
            <div class="how-step">
                <div class="step-num">3</div>
                <h3>AI Discovers You</h3>
                <p>When someone asks ChatGPT or Gemini a question about your niche, your properly structured site has a significantly better chance of being cited and recommended.</p>
            </div>
        </div>
    </div>
</section>

<div class="section-divider"></div>

<!-- Honesty section -->
<section class="section">
    <div class="container">
        <span class="section-label">🤝 Our Promise</span>
        <h2 class="section-title">Honest about what works and what doesn't</h2>
        <p class="section-subtitle">Unlike others, we won't overpromise. Here's exactly what WP AI Agent can and cannot do.</p>

        <div class="honest-grid reveal">
            <div class="honest-card">
                <h4>✅ What's Proven</h4>
                <p>Schema.org structured data is actively used by Google and Bing APIs. ChatGPT queries Bing, Gemini queries Google. Proper schema genuinely improves your chances of AI discoverability. FAQ schema is one of the most-extracted data types by AI systems.</p>
            </div>
            <div class="honest-card">
                <h4>⚡ What's Emerging</h4>
                <p>llms.txt is a proposed standard — no major AI platform has officially adopted it yet. We include it as a forward-looking feature so you're ready when adoption happens. The AI search landscape evolves weekly.</p>
            </div>
            <div class="honest-card">
                <h4>❌ What We Don't Promise</h4>
                <p>No plugin can guarantee AI will recommend your site. We optimize your signals — structured data, content structure, crawler access — but the AI decides what to recommend. Anyone who guarantees placement is lying.</p>
            </div>
            <div class="honest-card">
                <h4>🔄 Our Commitment</h4>
                <p>This space moves fast. We commit to regular updates as standards evolve, transparent communication about what actually works, and building features based on real impact — not hype.</p>
            </div>
        </div>
    </div>
</section>

<div class="section-divider"></div>

<!-- Pricing -->
<section class="section" id="pricing">
    <div class="container">
        <span class="section-label">💎 Pricing</span>
        <h2 class="section-title" style="text-align: center; margin: 0 auto 16px;">Start free, upgrade when ready</h2>
        <p class="section-subtitle" style="text-align: center; margin: 0 auto 48px;">The free version is genuinely useful — not a crippled demo. Upgrade only when you need advanced features.</p>

        <div class="pricing-grid reveal">
            <div class="price-card">
                <div class="price-name">Free</div>
                <div class="price-amount">$0 <span>/forever</span></div>
                <div class="price-desc">Everything you need to start optimizing for AI search engines.</div>
                <ul class="price-features">
                    <li>Organization & Article schema</li>
                    <li>llms.txt auto-generation</li>
                    <li>AI Crawler Manager (all bots)</li>
                    <li>Site-level AI Score</li>
                    <li>Breadcrumb & WebSite schema</li>
                    <li>Unlimited sites</li>
                </ul>
                <a href="https://wordpress.org/plugins/wp-ai-agent/" class="btn btn-ghost price-cta" target="_blank">Download Free</a>
            </div>
            <div class="price-card featured">
                <div class="price-name">Pro</div>
                <div class="price-amount">$79 <span>/year</span></div>
                <div class="price-desc">Full AI optimization toolkit for serious businesses.</div>
                <ul class="price-features">
                    <li>Everything in Free</li>
                    <li>All schema types (FAQ, Service, Product)</li>
                    <li>Per-page AI analysis in editor</li>
                    <li>FAQ Schema editor + templates</li>
                    <li>AI Bot Tracker with analytics</li>
                    <li>Detailed score breakdown</li>
                    <li>Email support</li>
                </ul>
                <a href="https://wordpress.org/plugins/wp-ai-agent/" class="btn btn-primary price-cta" target="_blank">Start 7-Day Free Trial</a>
            </div>
            <div class="price-card">
                <div class="price-name">Agency</div>
                <div class="price-amount">$299 <span>/year</span></div>
                <div class="price-desc">For agencies managing multiple client sites.</div>
                <ul class="price-features">
                    <li>Everything in Pro</li>
                    <li>50 site licenses</li>
                    <li>Priority support</li>
                    <li>White-label reports (coming)</li>
                    <li>Bulk operations (coming)</li>
                </ul>
                <a href="https://wordpress.org/plugins/wp-ai-agent/" class="btn btn-ghost price-cta" target="_blank">Get Agency Plan</a>
            </div>
        </div>
    </div>
</section>

<div class="section-divider"></div>

<!-- Final CTA -->
<section class="cta-section">
    <div class="glow-blob glow-2"></div>
    <div class="container">
        <h2 class="section-title" style="max-width: 600px;">Stop being invisible to AI</h2>
        <p class="section-subtitle">Install WP AI Agent in 5 minutes. Free. No credit card. Start getting found by ChatGPT, Gemini, Claude, and every AI that matters.</p>
        <a href="https://wordpress.org/plugins/wp-ai-agent/" class="btn btn-primary btn-large" target="_blank">Download WP AI Agent — It's Free →</a>
    </div>
</section>

<!-- Footer -->
<footer>
    <div class="container">
        <div class="footer-inner">
            <div class="footer-brand">
                <strong>WP AI Agent</strong> by SND MEDIA — SEO for AI Search Engines
            </div>
            <div class="footer-links">
                <a href="mailto:support@getwpaiagent.com">Support</a>
                <a href="https://wordpress.org/plugins/wp-ai-agent/" target="_blank">WordPress.org</a>
                <a href="#features">Features</a>
                <a href="#pricing">Pricing</a>
            </div>
        </div>
    </div>
</footer>

<!-- Scroll reveal -->
<script>
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('visible');
            }
        });
    }, { threshold: 0.1 });

    document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
</script>

<!-- Schema.org for the plugin itself -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "SoftwareApplication",
    "name": "WP AI Agent",
    "description": "The first WordPress plugin built exclusively for AI search engine optimization. Get discovered by ChatGPT, Google Gemini, Claude, Perplexity and more.",
    "url": "https://getwpaiagent.com",
    "applicationCategory": "WebApplication",
    "operatingSystem": "WordPress",
    "offers": [
        {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "USD",
            "description": "Free version"
        },
        {
            "@type": "Offer",
            "price": "79",
            "priceCurrency": "USD",
            "description": "Pro — Annual",
            "priceValidUntil": "2027-12-31"
        }
    ],
    "author": {
        "@type": "Organization",
        "name": "SND MEDIA"
    },
    "softwareVersion": "1.0.0",
    "downloadUrl": "https://wordpress.org/plugins/wp-ai-agent/"
}
</script>

</body>
</html>