import { ArrowRight, BarChart2, CheckCircle2, ChevronDown, DollarSign, Globe, Lock, Shield, Sparkles, TrendingUp, Zap, } from 'lucide-react'; import { useState } from 'react'; import { Head, Link, usePage } from '@inertiajs/react'; import { ComparisonTable } from '@/Components/marketing/ComparisonTable'; import { ComplementWorkflowDiagram } from '@/Components/marketing/ComplementWorkflowDiagram'; import { MarketingFooter } from '@/Components/marketing/MarketingFooter'; import { MarketingNav } from '@/Components/marketing/MarketingNav'; import { Button } from '@/Components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/Components/ui/card'; import { BYOK_COST_RANGE } from '@/config/plan-limits'; import { competitors, formatLastVerified } from '@/data/competitors'; import { trackEvent } from '@/lib/analytics'; import { COMPARISON_CTA_CLICKED } from '@/lib/event-catalog'; import { softwareApplicationBase } from '@/lib/schema'; import { type PageProps } from '@/types'; interface ComparisonProps { canLogin: boolean; canRegister: boolean; competitor: string; pro_price?: number; } function safeJsonLd(data: unknown): string { return JSON.stringify(data) .replace(/&/g, '\u0026') .replace(//g, '\u003e') .replace(/\//g, '\u002f'); } function buildSavingsExamples(proPrice: number) { return [ { icon: DollarSign, title: 'Pay Only for What You Use', description: `With RankWiz's BYOK model, you pay OpenAI directly — typically ${BYOK_COST_RANGE}. No per-word markup, no tiered pricing based on usage.`, }, { icon: Lock, title: 'Full Cost Control', description: 'Set spending limits in your OpenAI account. You have complete visibility into AI usage and costs. No surprise bills.', }, { icon: Shield, title: 'Transparent Pricing', description: `RankWiz subscription starts at free, Pro at $${proPrice}/mo. AI costs are separate and under your control. No hidden fees.`, }, ]; } function SwitchingFaqItem({ question, answer }: { question: string; answer: string }) { const [open, setOpen] = useState(false); return (
{open && (
{answer}
)}
); } type ComparisonComponent = ((props: ComparisonProps) => JSX.Element | null) & { disableGlobalUi?: boolean; }; const Comparison: ComparisonComponent = ({ canLogin, canRegister, competitor, pro_price }) => { const appName = import.meta.env.VITE_APP_NAME || 'RankWiz'; const { app_url } = usePage().props; const config = competitors[competitor]; const savingsExamples = buildSavingsExamples(pro_price ?? 49); if (!config) { return null; } return ( <>
{/* Breadcrumb */} {/* Hero Section */}

{appName} vs {config.name}
{config.tagline}

{config.description}

Feature data last verified {formatLastVerified(config.lastVerified)}

{/* BYOK Savings Section — only for AI content tool competitors */} {config.showByokSection !== false && (
No AI markup

AI Drafts Included — Add Your Own Key for Unlimited

Every plan includes bundled AI drafts. Need more? Add your own OpenAI key for unlimited drafts at {BYOK_COST_RANGE} — no markup, full spending control.

{savingsExamples.map((example, index) => (
{example.title}

{example.description}

))}
)} {/* Better Together — for on-page plugin competitors (Yoast, Rank Math) */} {config.alternativeSection === 'complement' && (
Better Together

{config.name} Handles On-Page. {appName} Handles Everything Else.

Keep {config.name} for meta tags and schema. Add {appName} for the analytics, AI content, and ROI tracking that {config.name} doesn't do.

{config.partnerInfo && ( )}
GSC Traffic Analysis

{config.name} shows basic GSC metrics. {appName} runs before/after traffic analysis, detects anomalies, and surfaces striking-distance keywords you should target next.

AI Content Drafts

Generate full content rewrites, meta descriptions, and title tags based on your actual GSC data. Included on every plan — or bring your own OpenAI key for unlimited drafts.

ROI Tracking

Know which SEO changes actually moved the needle. {appName} tracks before/after metrics on every recommendation you apply — at 7, 14, 30, and 90 days.

)} {/* WordPress-First Advantage — for SEO suite competitors (Ahrefs, Semrush, etc.) */} {config.alternativeSection === 'wordpress-first' && (
WordPress-First

Built for WordPress. Not Bolted On.

{config.name} is a general-purpose SEO suite. {appName} is purpose-built for WordPress sites — from GSC analysis to one-click publishing.

Direct WP Publishing

Publish AI-generated content directly to your WordPress site with one click. No copy-pasting, no manual transfers. Bulk publish up to 50 drafts in parallel.

BYOK Cost Savings

AI drafts are included on every plan. Need more? Add your own OpenAI key for unlimited drafts at {BYOK_COST_RANGE} — no markup, full spending control.

GSC-Native Analysis

Built on real Google Search Console data — not third-party estimates. Before/after traffic analysis, anomaly detection, and keyword opportunities from your actual search performance.

)} {/* Comparison Table */}

Feature Comparison

See how {appName} stacks up against {config.name}

{config.features.some( (f) => f.rankwiz === false && typeof f.competitor !== 'string', ) && (

A note on scope: RankWiz is purpose-built for content performance — the intersection of Google Search Console data, WordPress content, and AI-driven fixes. Features like backlink analysis and site auditing: RankWiz is laser-focused on WordPress traffic ROI. If you manage external link-building as a core KPI, you may want to keep your {config.name} subscription alongside RankWiz. They complement each other well.

)}
{/* Additional Benefits */}
{/* Compare with Other Tools */}

Compare RankWiz with Other Tools

See how {appName} compares to other popular SEO tools

{Object.entries(competitors) .filter(([slug]) => slug !== competitor) .map(([slug, comp]) => (

{appName} vs {comp.name}

{comp.tagline}

 ))}
{/* Switching is Easy */} {config.switchingFaq && config.switchingFaq.length > 0 && (

Switching from {config.name} Is Easy

No data migration. No lock-in. Run both tools side-by-side if you want.

< 5 min

Setup time — OAuth + WordPress plugin

0 exports

No data migration needed — GSC is the source

Side-by-side

Run both tools in parallel — no conflicts

{config.switchingFaq.map((faq, i) => ( ))}
)} {/* CTA Section */}

Ready to Try {appName}?

Start analyzing your WordPress site's traffic for free. No credit card required.

{canRegister && ( )}
); }; Comparison.disableGlobalUi = true; export default Comparison;