Submit

PDFCHECK-MCP

a month ago
Overview
Skip to main content
    <header>
        <div class="flex-1 md:flex-initial"></div>
        
        <div class="flex items-center gap-2">
            <!-- Dark Mode Toggle -->
            <button @click="darkMode = !darkMode" class="dark-mode-toggle" :aria-label="darkMode ? 'Switch to light mode' : 'Switch to dark mode'">
                <svg x-show="!darkMode" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"/></svg>
                <svg x-show="darkMode" x-cloak fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"/></svg>
            </button>

            <!-- Language Selector -->
            <div class="relative" x-data="{ open: false }">
                <button @click="open = !open" @click.away="open = false" aria-label="Select language" :aria-expanded="open" class="flex items-center gap-2 px-3 py-1.5 text-xs font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:text-gray-200 dark:hover:bg-gray-700 rounded transition-colors">
                    <span>๐Ÿ‡บ๐Ÿ‡ธ</span>
                    <span class="uppercase">en</span>
                    <svg class="w-3 h-3" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
                </button>
                <div x-show="open" class="absolute right-0 mt-1 w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg py-1 border border-gray-100 dark:border-gray-700 z-50" style="display: none;">
                                                <a href="https://pdf.businesspress.io/mcp-server" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-2 bg-primary-50 text-primary-700 dark:bg-primary-900/30 dark:text-primary-400">
                            <span>๐Ÿ‡บ๐Ÿ‡ธ</span>
                            <span>English</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/da/mcp-server" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-2 ">
                            <span>๐Ÿ‡ฉ๐Ÿ‡ฐ</span>
                            <span>Dansk</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/de/mcp-server" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-2 ">
                            <span>๐Ÿ‡ฉ๐Ÿ‡ช</span>
                            <span>Deutsch</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/fr/mcp-server" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-2 ">
                            <span>๐Ÿ‡ซ๐Ÿ‡ท</span>
                            <span>Franรงais</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/it/mcp-server" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-2 ">
                            <span>๐Ÿ‡ฎ๐Ÿ‡น</span>
                            <span>Italiano</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/ja/mcp-server" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-2 ">
                            <span>๐Ÿ‡ฏ๐Ÿ‡ต</span>
                            <span>ๆ—ฅๆœฌใฎ</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/ko/mcp-server" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-2 ">
                            <span>๐Ÿ‡ฐ๐Ÿ‡ท</span>
                            <span>ํ•œ๊ตญ์–ด</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/es/mcp-server" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-2 ">
                            <span>๐Ÿ‡ช๐Ÿ‡ธ</span>
                            <span>Espaรฑol</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/zh/mcp-server" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-2 ">
                            <span>๐Ÿ‡จ๐Ÿ‡ณ</span>
                            <span>ไธญๆ–‡</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/lt/mcp-server" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-2 ">
                            <span>๐Ÿ‡ฑ๐Ÿ‡น</span>
                            <span>Lietuviลณ</span>
                        </a>
                                        </div>
            </div>
        </div>
    </div>
</div>
<div class="fixed bottom-0 left-0 right-0 z-50 bg-white/95 dark:bg-gray-900/95 backdrop-blur-lg border-t border-gray-200 dark:border-gray-700 safe-area-bottom">
    <div class="grid grid-cols-4 px-1 py-2">
                                            <a href="https://pdf.businesspress.io" class="flex flex-col items-center justify-center gap-0.5 py-1.5 rounded-lg text-gray-500 dark:text-gray-400">
                    <svg class="w-5 h-5 shrink-0" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/></svg>
                    <span class="text-[10px] font-medium leading-tight text-center">Verify Metadata</span>
                </a>
                                                            <button @click="toolsSheet = !toolsSheet" class="flex flex-col items-center justify-center gap-0.5 py-1.5 rounded-lg" :class="toolsSheet ? 'text-primary-600' : 'text-gray-500 dark:text-gray-400'">
                    <svg class="w-5 h-5 shrink-0" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm10 0a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zm10 0a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"/></svg>
                    <span class="text-[10px] font-medium leading-tight text-center">All PDF Tools</span>
                </button>
                                                            <a href="https://pdf.businesspress.io/optimize-pdf" class="flex flex-col items-center justify-center gap-0.5 py-1.5 rounded-lg text-gray-500 dark:text-gray-400">
                    <svg class="w-5 h-5 shrink-0" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
                    <span class="text-[10px] font-medium leading-tight text-center">Compress PDF</span>
                </a>
                                                            <a href="https://pdf.businesspress.io/pdf-tools" class="flex flex-col items-center justify-center gap-0.5 py-1.5 rounded-lg text-gray-500 dark:text-gray-400">
                    <svg class="w-5 h-5 shrink-0" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"/></svg>
                    <span class="text-[10px] font-medium leading-tight text-center">PDF Software</span>
                </a>
                                </div>
</div>


<template x-teleport="body">
    <div x-show="toolsSheet" x-cloak class="fixed inset-0 z-[60]" @keydown.escape.window="toolsSheet = false">
        
        <div x-show="toolsSheet" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="toolsSheet = false" class="absolute inset-0 bg-black/40 dark:bg-black/60"></div>

        
        <div x-show="toolsSheet" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="translate-y-full" x-transition:enter-end="translate-y-0" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="translate-y-0" x-transition:leave-end="translate-y-full" class="absolute bottom-0 left-0 right-0 bg-white dark:bg-gray-900 rounded-t-2xl shadow-2xl max-h-[80vh] overflow-hidden">

            
            <div class="flex justify-center pt-3 pb-1">
                <div class="w-10 h-1 bg-gray-300 dark:bg-gray-600 rounded-full"></div>
            </div>

            
            <div class="px-5 pb-3 flex items-center justify-between">
                <h3 class="text-lg font-bold text-gray-900 dark:text-white">All PDF Tools</h3>
                <button @click="toolsSheet = false" class="p-1.5 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
                </button>
            </div>

            
            <div class="px-5 pb-8 overflow-y-auto max-h-[calc(80vh-80px)]">
                <p class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">Analyze PDF</p>
                <div class="grid grid-cols-3 gap-3 mb-5">
                                                <a href="https://pdf.businesspress.io" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-blue-50 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Verify Metadata</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/pdf-validator" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-green-50 dark:bg-green-900/30 text-green-600 dark:text-green-400 group-hover:bg-green-100 dark:group-hover:bg-green-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Validate PDF</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/pdf-ai-detection" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-purple-50 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400 group-hover:bg-purple-100 dark:group-hover:bg-purple-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">AI Detection</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/pdf-signature-checker" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-amber-50 dark:bg-amber-900/30 text-amber-600 dark:text-amber-400 group-hover:bg-amber-100 dark:group-hover:bg-amber-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Check Signatures</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/pdf-accessibility-checker" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-teal-50 dark:bg-teal-900/30 text-teal-600 dark:text-teal-400 group-hover:bg-teal-100 dark:group-hover:bg-teal-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Accessibility Check</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/pdf-compare" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-rose-50 dark:bg-rose-900/30 text-rose-600 dark:text-rose-400 group-hover:bg-rose-100 dark:group-hover:bg-rose-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Compare PDFs</span>
                        </a>
                                        </div>

                <p class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">Optimize PDF</p>
                <div class="grid grid-cols-3 gap-3 mb-5">
                                                <a href="https://pdf.businesspress.io/optimize-pdf" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-red-50 dark:bg-red-900/30 text-red-600 dark:text-red-400 group-hover:bg-red-100 dark:group-hover:bg-red-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Compress PDF</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/extract-images" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-indigo-50 dark:bg-indigo-900/30 text-indigo-600 dark:text-indigo-400 group-hover:bg-indigo-100 dark:group-hover:bg-indigo-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Extract Images</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/merge-pdf" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-cyan-50 dark:bg-cyan-900/30 text-cyan-600 dark:text-cyan-400 group-hover:bg-cyan-100 dark:group-hover:bg-cyan-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14v6m-3-3h6M6 10h2a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2zm10 0h2a2 2 0 002-2V6a2 2 0 00-2-2h-2a2 2 0 00-2 2v2a2 2 0 002 2zM6 20h2a2 2 0 002-2v-2a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Merge PDF</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/split-pdf" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-orange-50 dark:bg-orange-900/30 text-orange-600 dark:text-orange-400 group-hover:bg-orange-100 dark:group-hover:bg-orange-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Split PDF</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/pdf-to-image" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-rose-50 dark:bg-rose-900/30 text-rose-600 dark:text-rose-400 group-hover:bg-rose-100 dark:group-hover:bg-rose-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">PDF to Image</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/pdf-password" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-yellow-50 dark:bg-yellow-900/30 text-yellow-600 dark:text-yellow-400 group-hover:bg-yellow-100 dark:group-hover:bg-yellow-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">PDF Password</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/pdf-metadata-editor" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-violet-50 dark:bg-violet-900/30 text-violet-600 dark:text-violet-400 group-hover:bg-violet-100 dark:group-hover:bg-violet-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Metadata Editor</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/pdf-metadata-remover" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-red-50 dark:bg-red-900/30 text-red-600 dark:text-red-400 group-hover:bg-red-100 dark:group-hover:bg-red-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Metadata Remover</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/pdf-converter" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-sky-50 dark:bg-sky-900/30 text-sky-600 dark:text-sky-400 group-hover:bg-sky-100 dark:group-hover:bg-sky-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">PDF Converter</span>
                        </a>
                                                <a href="https://pdf.businesspress.io/pdf-analytics" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-emerald-50 dark:bg-emerald-900/30 text-emerald-600 dark:text-emerald-400 group-hover:bg-emerald-100 dark:group-hover:bg-emerald-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Analytics</span>
                        </a>
                                        </div>

                <p class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">Build &amp; Edit</p>
                <div class="grid grid-cols-3 gap-3 pb-4">
                                                <a href="https://pdf.businesspress.io/fill-pdf-form" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors relative">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-lime-50 dark:bg-lime-900/30 text-lime-600 dark:text-lime-400 group-hover:bg-lime-100 dark:group-hover:bg-lime-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Fill PDF Form</span>
                                                            <span class="absolute top-1 right-1 inline-flex items-center px-1 py-0.5 rounded text-[9px] font-bold uppercase bg-primary-100 text-primary-700 dark:bg-primary-900/40 dark:text-primary-400">New</span>
                                                        </a>
                                                <a href="https://pdf.businesspress.io/build-pdf-form" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors relative">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-fuchsia-50 dark:bg-fuchsia-900/30 text-fuchsia-600 dark:text-fuchsia-400 group-hover:bg-fuchsia-100 dark:group-hover:bg-fuchsia-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">Build PDF Form</span>
                                                            <span class="absolute top-1 right-1 inline-flex items-center px-1 py-0.5 rounded text-[9px] font-bold uppercase bg-primary-100 text-primary-700 dark:bg-primary-900/40 dark:text-primary-400">New</span>
                                                        </a>
                                                <a href="https://pdf.businesspress.io/edit-pdf" @click="toolsSheet = false" class="flex flex-col items-center gap-1.5 p-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors relative">
                            <span class="flex items-center justify-center w-10 h-10 rounded-xl bg-pink-50 dark:bg-pink-900/30 text-pink-600 dark:text-pink-400 group-hover:bg-pink-100 dark:group-hover:bg-pink-800/40">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/></svg>
                            </span>
                            <span class="text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight">PDF Editor</span>
                                                            <span class="absolute top-1 right-1 inline-flex items-center px-1 py-0.5 rounded text-[9px] font-bold uppercase bg-primary-100 text-primary-700 dark:bg-primary-900/40 dark:text-primary-400">New</span>
                                                        </a>
                                        </div>

                <a href="https://pdf.businesspress.io/all-pdf-tools" @click="toolsSheet = false" class="flex items-center justify-center gap-2 rounded-xl border border-primary-200 dark:border-primary-800 bg-primary-50 dark:bg-primary-900/20 px-4 py-3 text-sm font-semibold text-primary-700 dark:text-primary-300">
                    View all PDF tools
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                </a>
            </div>
        </div>
    </div>
</template>
<!-- Main Content -->
<main id="main-content" class="pb-16 md:pb-0">
    <div class="content" x-data="mcpPage()">
<article>
    <div class="content-container">
        
        <div class="max-w-5xl mx-auto text-center mb-12">
            <div class="inline-flex items-center gap-2 bg-primary-50 text-primary-700 px-4 py-2 rounded-full text-sm font-medium mb-6">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
                Model Context Protocol
            </div>
            <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">PDFCheck MCP Server</h1>
            <p class="text-xl text-gray-600 max-w-3xl mx-auto">Analyze, validate, and optimize PDF files directly from your favourite AI tools โ€” Claude Desktop, GitHub Copilot, Cursor, and more.</p>
        </div>

        
        <div class="max-w-3xl mx-auto mb-10">
            <div class="bg-white rounded-xl shadow-lg p-6 border border-gray-100">
                <div class="flex flex-col sm:flex-row items-start sm:items-center gap-4 mb-4">
                    <h3 class="font-bold text-gray-900 text-lg flex items-center gap-2">
                        <svg class="w-5 h-5 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
                        Quick Setup
                    </h3>
                    <div class="flex items-center gap-2">
                        <label class="relative inline-flex items-center cursor-pointer">
                            <input type="checkbox" x-model="useToken" class="sr-only peer">
                            <div class="w-9 h-5 bg-gray-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all peer-checked:bg-primary-600"></div>
                        </label>
                        <span class="text-sm text-gray-600" x-text="useToken ? 'With API token (50 checks/day)' : 'Without token (10 free checks/day)'"></span>
                    </div>
                </div>
                <div x-show="useToken" x-transition>
                    <div class="flex gap-3 mb-2">
                        <input type="text" x-model="apiToken" placeholder="Paste your API token here..." class="flex-1 px-4 py-2.5 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-primary-500 focus:border-primary-500 font-mono">
                                                    <a href="https://pdf.businesspress.io/register" class="inline-flex items-center gap-2 px-4 py-2.5 bg-primary-600 text-white rounded-lg text-sm font-medium hover:bg-primary-700 transition-colors whitespace-nowrap">
                            Create Account
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
                        </a>
                                                </div>
                    <p class="text-xs text-gray-500">
                        <template x-if="apiToken.length > 0">
                            <span class="text-primary-600 font-medium">&#10003; Token applied โ€” all configs below are updated.</span>
                        </template>
                        <template x-if="apiToken.length === 0">
                            <span>Paste your token and all setup examples below will be auto-filled.</span>
                        </template>
                    </p>
                </div>
                <div x-show="!useToken" x-transition>
                    <p class="text-sm text-gray-600">
                        <svg class="w-4 h-4 text-green-500 inline-block mr-1" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>
                        No account needed โ€” you get 10 free PDF analyses per day. Just save the script and configure your AI tool.
                    </p>
                </div>
            </div>
        </div>

        <div class="max-w-7xl mx-auto lg:grid lg:grid-cols-[240px_1fr] lg:gap-10">

            
            <aside class="hidden lg:block">
                <nav class="sticky top-24 max-h-[calc(100vh-7rem)] overflow-y-auto pb-8">
                    <h4 class="text-xs font-bold text-gray-500 uppercase tracking-wider mb-4">On this page</h4>
                    <ul class="space-y-1 text-sm">
                        <li><a href="#what-is-mcp" class="block py-1.5 px-3 rounded-lg transition-colors" :class="activeSection === 'what-is-mcp' ? 'bg-primary-50 text-primary-700 font-semibold' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50'">What is MCP?</a></li>
                        <li><a href="#prerequisites" class="block py-1.5 px-3 rounded-lg transition-colors" :class="activeSection === 'prerequisites' ? 'bg-primary-50 text-primary-700 font-semibold' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50'">Prerequisites</a></li>
                        <li><a href="#available-tools" class="block py-1.5 px-3 rounded-lg transition-colors" :class="activeSection === 'available-tools' ? 'bg-primary-50 text-primary-700 font-semibold' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50'">Available Tools</a></li>
                        <li>
                            <a href="#setup" class="block py-1.5 px-3 rounded-lg transition-colors" :class="activeSection === 'setup' ? 'bg-primary-50 text-primary-700 font-semibold' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50'">Setup Guide</a>
                            <ul class="ml-3 mt-1 space-y-1 border-l border-gray-200 pl-3">
                                <li><a href="#setup-claude" class="block py-1 px-2 rounded text-xs transition-colors" :class="activeSection === 'setup-claude' ? 'text-primary-700 font-semibold' : 'text-gray-500 hover:text-gray-700'">Claude Desktop</a></li>
                                <li><a href="#setup-copilot" class="block py-1 px-2 rounded text-xs transition-colors" :class="activeSection === 'setup-copilot' ? 'text-primary-700 font-semibold' : 'text-gray-500 hover:text-gray-700'">GitHub Copilot</a></li>
                                <li><a href="#setup-cursor" class="block py-1 px-2 rounded text-xs transition-colors" :class="activeSection === 'setup-cursor' ? 'text-primary-700 font-semibold' : 'text-gray-500 hover:text-gray-700'">Cursor</a></li>
                                <li><a href="#setup-windsurf" class="block py-1 px-2 rounded text-xs transition-colors" :class="activeSection === 'setup-windsurf' ? 'text-primary-700 font-semibold' : 'text-gray-500 hover:text-gray-700'">Windsurf</a></li>
                            </ul>
                        </li>
                        <li><a href="#mcp-server-script" class="block py-1.5 px-3 rounded-lg transition-colors" :class="activeSection === 'mcp-server-script' ? 'bg-primary-50 text-primary-700 font-semibold' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50'">Server Script</a></li>
                        <li><a href="#usage-examples" class="block py-1.5 px-3 rounded-lg transition-colors" :class="activeSection === 'usage-examples' ? 'bg-primary-50 text-primary-700 font-semibold' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50'">Usage Examples</a></li>
                        <li><a href="#faq" class="block py-1.5 px-3 rounded-lg transition-colors" :class="activeSection === 'faq' ? 'bg-primary-50 text-primary-700 font-semibold' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50'">FAQ</a></li>
                    </ul>
                </nav>
            </aside>

            
            <div class="min-w-0">

                
                <section id="what-is-mcp" class="bg-white rounded-xl shadow-lg p-8 md:p-12 mb-8">
                    <h2 class="text-3xl font-bold text-gray-900 mb-6">What is the Model Context Protocol?</h2>
                    <p class="text-gray-700 leading-relaxed mb-6">
                        The Model Context Protocol (MCP) is an open standard that allows AI assistants to connect to external tools and data sources. Think of it as a universal plug that lets your AI assistant talk to services like PDFCheck โ€” directly from your chat window.
                    </p>
                    <div class="grid md:grid-cols-3 gap-6 mb-6">
                        <div class="bg-blue-50 rounded-lg p-5">
                            <div class="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center mb-3">
                                <svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
                            </div>
                            <h3 class="font-semibold text-gray-900 mb-1">Natural Language</h3>
                            <p class="text-sm text-gray-600">Just ask your AI to &quot;analyze this PDF&quot; and it handles the rest โ€” no manual API calls needed.</p>
                        </div>
                        <div class="bg-green-50 rounded-lg p-5">
                            <div class="w-10 h-10 bg-green-100 rounded-lg flex items-center justify-center mb-3">
                                <svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
                            </div>
                            <h3 class="font-semibold text-gray-900 mb-1">Secure</h3>
                            <p class="text-sm text-gray-600">Your API token stays local on your machine. Files are processed and immediately discarded.</p>
                        </div>
                        <div class="bg-purple-50 rounded-lg p-5">
                            <div class="w-10 h-10 bg-purple-100 rounded-lg flex items-center justify-center mb-3">
                                <svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"/></svg>
                            </div>
                            <h3 class="font-semibold text-gray-900 mb-1">Works Everywhere</h3>
                            <p class="text-sm text-gray-600">Compatible with Claude Desktop, GitHub Copilot, Cursor, Windsurf, and any MCP-compatible client.</p>
                        </div>
                    </div>
                    <div class="bg-gray-50 border border-gray-200 rounded-lg p-5">
                        <div class="flex items-start gap-3">
                            <svg class="w-5 h-5 text-gray-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                            <p class="text-sm text-gray-600">
                                <strong class="text-gray-800">How it works:</strong>
                                The MCP server runs locally on your machine as a lightweight bridge between your AI assistant and the PDFCheck API. When you ask your AI to analyze a PDF, it calls the local MCP server, which securely forwards the request to our API and returns the results.
                            </p>
                        </div>
                    </div>
                </section>

                
                <section id="prerequisites" class="bg-white rounded-xl shadow-lg p-8 md:p-12 mb-8">
                    <h2 class="text-3xl font-bold text-gray-900 mb-6">Prerequisites</h2>
                    <div class="space-y-6">
                        
                        <div class="flex items-start gap-4">
                            <div class="w-8 h-8 bg-primary-100 text-primary-700 font-bold rounded-full flex items-center justify-center flex-shrink-0">1</div>
                            <div class="flex-1">
                                <h3 class="font-semibold text-gray-900 mb-1">
                                    Create a free PDFCheck account
                                    <span class="text-xs font-normal text-gray-500 ml-2">Optional</span>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">Optional โ€” you get 10 free analyses per day without an account. Register to unlock 50 analyses per day.</p>
                                <a href="https://pdf.businesspress.io/register" class="inline-flex items-center gap-2 px-4 py-2 bg-primary-600 text-white rounded-lg text-sm font-medium hover:bg-primary-700 transition-colors">
                                    Create Free Account
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
                                </a>
                            </div>
                        </div>

                        
                        <div class="flex items-start gap-4">
                            <div class="w-8 h-8 bg-primary-100 text-primary-700 font-bold rounded-full flex items-center justify-center flex-shrink-0">2</div>
                            <div class="flex-1">
                                <h3 class="font-semibold text-gray-900 mb-1">
                                    Generate an API token
                                    <span class="text-xs font-normal text-gray-500 ml-2">Optional</span>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">For higher limits, go to your account settings and create an API token. Paste it in the Quick Setup above and all configs will auto-fill.</p>
                                <a href="https://pdf.businesspress.io/account/api-tokens" class="inline-flex items-center gap-2 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition-colors">
                                    Manage API Tokens
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg>
                                </a>
                            </div>
                        </div>

                        
                        <div class="flex items-start gap-4">
                            <div class="w-8 h-8 bg-primary-100 text-primary-700 font-bold rounded-full flex items-center justify-center flex-shrink-0">3</div>
                            <div class="flex-1">
                                <h3 class="font-semibold text-gray-900 mb-1">Install Node.js (v18+)</h3>
                                <p class="text-gray-600 text-sm">The MCP server script requires Node.js 18 or later. Download it from nodejs.org if you do not have it installed.</p>
                            </div>
                        </div>
                    </div>
                </section>

                
                <section id="available-tools" class="bg-white rounded-xl shadow-lg p-8 md:p-12 mb-8">
                    <h2 class="text-3xl font-bold text-gray-900 mb-4">Available MCP Tools</h2>
                    <p class="text-gray-600 mb-8">Once connected, your AI assistant gains access to the following PDF tools:</p>

                    <div class="grid md:grid-cols-2 gap-6">
                        
                        <div class="border border-gray-200 rounded-lg p-6 hover:border-primary-300 hover:shadow-md transition-all">
                            <div class="flex items-center gap-3 mb-3">
                                <div class="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center">
                                    <svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/></svg>
                                </div>
                                <div>
                                    <h3 class="font-bold text-gray-900">analyze_pdf</h3>
                                    <span class="text-xs bg-blue-100 text-blue-700 px-2 py-0.5 rounded-full">POST</span>
                                </div>
                            </div>
                            <p class="text-sm text-gray-600">Upload and analyze a PDF file. Returns metadata, creation date, author, software used, page count, and verification status.</p>
                        </div>

                        
                        <div class="border border-gray-200 rounded-lg p-6 hover:border-primary-300 hover:shadow-md transition-all">
                            <div class="flex items-center gap-3 mb-3">
                                <div class="w-10 h-10 bg-green-100 rounded-lg flex items-center justify-center">
                                    <svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                                </div>
                                <div>
                                    <h3 class="font-bold text-gray-900">get_analysis</h3>
                                    <span class="text-xs bg-green-100 text-green-700 px-2 py-0.5 rounded-full">GET</span>
                                </div>
                            </div>
                            <p class="text-sm text-gray-600">Retrieve a previous PDF analysis by its share token. Useful for revisiting or comparing results.</p>
                        </div>

                        
                        <div class="border border-gray-200 rounded-lg p-6 hover:border-primary-300 hover:shadow-md transition-all">
                            <div class="flex items-center gap-3 mb-3">
                                <div class="w-10 h-10 bg-purple-100 rounded-lg flex items-center justify-center">
                                    <svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16"/></svg>
                                </div>
                                <div>
                                    <h3 class="font-bold text-gray-900">list_analyses</h3>
                                    <span class="text-xs bg-purple-100 text-purple-700 px-2 py-0.5 rounded-full">GET</span>
                                </div>
                            </div>
                            <p class="text-sm text-gray-600">List all your previous PDF analyses. Returns a paginated list with file names, dates, and share tokens.</p>
                        </div>

                        
                        <div class="border border-gray-200 rounded-lg p-6 hover:border-primary-300 hover:shadow-md transition-all">
                            <div class="flex items-center gap-3 mb-3">
                                <div class="w-10 h-10 bg-orange-100 rounded-lg flex items-center justify-center">
                                    <svg class="w-5 h-5 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
                                </div>
                                <div>
                                    <h3 class="font-bold text-gray-900">check_usage</h3>
                                    <span class="text-xs bg-orange-100 text-orange-700 px-2 py-0.5 rounded-full">GET</span>
                                </div>
                            </div>
                            <p class="text-sm text-gray-600">Check your account info and remaining daily API quota. Returns your name, email, and how many analyses you have left today.</p>
                        </div>
                    </div>
                </section>

                
                <section id="setup" class="bg-white rounded-xl shadow-lg p-8 md:p-12 mb-8">
                    <h2 class="text-3xl font-bold text-gray-900 mb-4">Setup Guide</h2>
                    <p class="text-gray-600 mb-6">Choose your setup method. The remote URL is the easiest โ€” no files to download or install.</p>

                    
                    <div class="flex gap-2 mb-8 p-1 bg-gray-100 rounded-xl w-fit">
                        <button @click="setupMode = 'http'" :class="setupMode === 'http' ? 'bg-white shadow-sm text-gray-900 font-semibold' : 'text-gray-600 hover:text-gray-800'" class="px-4 py-2 rounded-lg text-sm transition-all flex items-center gap-2">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                            Remote URL
                            <span class="text-xs bg-green-100 text-green-700 px-1.5 py-0.5 rounded-full font-medium">Recommended</span>
                        </button>
                        <button @click="setupMode = 'local'" :class="setupMode === 'local' ? 'bg-white shadow-sm text-gray-900 font-semibold' : 'text-gray-600 hover:text-gray-800'" class="px-4 py-2 rounded-lg text-sm transition-all flex items-center gap-2">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
                            Local Script
                        </button>
                    </div>

                    
                    <div x-show="setupMode === 'http'" x-cloak>
                        <div class="mb-6 p-5 bg-green-50 border border-green-200 rounded-xl">
                            <div class="flex items-start gap-3">
                                <svg class="w-5 h-5 text-green-600 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>
                                <div>
                                    <p class="font-semibold text-green-900 text-sm">No files to download or install</p>
                                    <p class="text-green-800 text-sm mt-1">Just add the URL to your AI tool config. The MCP server runs on our infrastructure โ€” no Node.js, no npm install, no local scripts.</p>
                                </div>
                            </div>
                        </div>

                        
                        <div id="setup-claude" class="mb-10">
                            <div class="flex items-center gap-3 mb-4">
                                <div class="w-8 h-8 bg-[#D97757] rounded-lg flex items-center justify-center">
                                    <span class="text-white font-bold text-sm">C</span>
                                </div>
                                <h3 class="text-2xl font-bold text-gray-900">Claude Desktop</h3>
                            </div>
                            <p class="text-gray-600 text-sm mb-4">Open Settings โ†’ Developer โ†’ Edit Config, then add the following to your claude_desktop_config.json:</p>
                            <div class="relative">
                                <div class="flex items-center justify-between bg-gray-800 text-gray-300 px-4 py-2 rounded-t-lg text-xs">
                                    <span>claude_desktop_config.json</span>
                                    <button onclick="if (!window.__cfRLUnblockHandlers) return false; copyCode(this)" class="hover:text-white transition-colors flex items-center gap-1" data-cf-modified-5b241db05460d8fe45f39ef3-="">
                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-2M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"/></svg>
                                        Copy
                                    </button>
                                </div>
                                <pre class="bg-gray-900 text-gray-100 p-4 rounded-b-lg overflow-x-auto text-sm leading-relaxed"><code x-text="httpConfigJson('claude')"></code></pre>
                            </div>
                        </div>

                        
                        <div id="setup-copilot" class="mb-10">
                            <div class="flex items-center gap-3 mb-4">
                                <div class="w-8 h-8 bg-gray-900 rounded-lg flex items-center justify-center">
                                    <svg class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"/></svg>
                                </div>
                                <h3 class="text-2xl font-bold text-gray-900">GitHub Copilot</h3>
                                <span class="text-xs bg-gray-100 text-gray-600 px-2 py-0.5 rounded-full">VS Code</span>
                            </div>
                            <p class="text-gray-600 text-sm mb-4">Add an MCP server configuration to your VS Code settings. Create or edit .vscode/mcp.json in your project, or add to your global settings:</p>
                            <div class="relative">
                                <div class="flex items-center justify-between bg-gray-800 text-gray-300 px-4 py-2 rounded-t-lg text-xs">
                                    <span>.vscode/mcp.json</span>
                                    <button onclick="if (!window.__cfRLUnblockHandlers) return false; copyCode(this)" class="hover:text-white transition-colors flex items-center gap-1" data-cf-modified-5b241db05460d8fe45f39ef3-="">
                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-2M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"/></svg>
                                        Copy
                                    </button>
                                </div>
                                <pre class="bg-gray-900 text-gray-100 p-4 rounded-b-lg overflow-x-auto text-sm leading-relaxed"><code x-text="httpConfigJson('copilot')"></code></pre>
                            </div>
                            <p class="text-gray-500 text-xs mt-3">You can also set this in your global VS Code settings.json under &quot;mcp.servers&quot;. GitHub Copilot will detect MCP tools automatically in agent mode.</p>
                        </div>

                        
                        <div id="setup-cursor" class="mb-10">
                            <div class="flex items-center gap-3 mb-4">
                                <div class="w-8 h-8 bg-black rounded-lg flex items-center justify-center">
                                    <span class="text-white font-bold text-sm">โŒ˜</span>
                                </div>
                                <h3 class="text-2xl font-bold text-gray-900">Cursor</h3>
                            </div>
                            <p class="text-gray-600 text-sm mb-4">Go to Cursor Settings โ†’ MCP and add a new global MCP server, or create .cursor/mcp.json in your project:</p>
                            <div class="relative">
                                <div class="flex items-center justify-between bg-gray-800 text-gray-300 px-4 py-2 rounded-t-lg text-xs">
                                    <span>.cursor/mcp.json</span>
                                    <button onclick="if (!window.__cfRLUnblockHandlers) return false; copyCode(this)" class="hover:text-white transition-colors flex items-center gap-1" data-cf-modified-5b241db05460d8fe45f39ef3-="">
                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-2M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"/></svg>
                                        Copy
                                    </button>
                                </div>
                                <pre class="bg-gray-900 text-gray-100 p-4 rounded-b-lg overflow-x-auto text-sm leading-relaxed"><code x-text="httpConfigJson('cursor')"></code></pre>
                            </div>
                        </div>

                        
                        <div id="setup-windsurf">
                            <div class="flex items-center gap-3 mb-4">
                                <div class="w-8 h-8 bg-teal-600 rounded-lg flex items-center justify-center">
                                    <span class="text-white font-bold text-sm">W</span>
                                </div>
                                <h3 class="text-2xl font-bold text-gray-900">Windsurf</h3>
                            </div>
                            <p class="text-gray-600 text-sm mb-4">Open Windsurf Settings โ†’ MCP and add a new server, or edit your mcp_config.json:</p>
                            <div class="relative">
                                <div class="flex items-center justify-between bg-gray-800 text-gray-300 px-4 py-2 rounded-t-lg text-xs">
                                    <span>~/.codeium/windsurf/mcp_config.json</span>
                                    <button onclick="if (!window.__cfRLUnblockHandlers) return false; copyCode(this)" class="hover:text-white transition-colors flex items-center gap-1" data-cf-modified-5b241db05460d8fe45f39ef3-="">
                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-2M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"/></svg>
                                        Copy
                                    </button>
                                </div>
                                <pre class="bg-gray-900 text-gray-100 p-4 rounded-b-lg overflow-x-auto text-sm leading-relaxed"><code x-text="httpConfigJson('windsurf')"></code></pre>
                            </div>
                        </div>
                    </div>

                    
                    <div x-show="setupMode === 'local'" x-cloak>

                    
                    <div class="mb-8 p-5 bg-gray-50 border border-gray-200 rounded-xl">
                        <label for="script-path" class="block text-sm font-semibold text-gray-700 mb-2">Path to your downloaded pdfcheck-mcp-server.mjs</label>
                        <p class="text-xs text-gray-500 mb-3">Enter the full path where you saved the script. The config snippets below will update automatically.</p>
                        <input
                            id="script-path"
                            type="text"
                            x-model="scriptPath"
                            :placeholder="defaultScriptPath"
                            class="w-full px-4 py-2.5 border border-gray-300 rounded-lg text-sm font-mono focus:ring-2 focus:ring-primary-500 focus:border-primary-500 placeholder-gray-400"
                        >
                    </div>

                    
                    <div class="mb-10">
                        <div class="flex items-center gap-3 mb-4">
                            <div class="w-8 h-8 bg-[#D97757] rounded-lg flex items-center justify-center">
                                <span class="text-white font-bold text-sm">C</span>
                            </div>
                            <h3 class="text-2xl font-bold text-gray-900">Claude Desktop</h3>
                        </div>
                        <p class="text-gray-600 text-sm mb-4">Open Settings โ†’ Developer โ†’ Edit Config, then add the following to your claude_desktop_config.json:</p>
                        <div class="relative">
                            <div class="flex items-center justify-between bg-gray-800 text-gray-300 px-4 py-2 rounded-t-lg text-xs">
                                <span>claude_desktop_config.json</span>
                                <button onclick="if (!window.__cfRLUnblockHandlers) return false; copyCode(this)" class="hover:text-white transition-colors flex items-center gap-1" data-cf-modified-5b241db05460d8fe45f39ef3-="">
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-2M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"/></svg>
                                    Copy
                                </button>
                            </div>
                            <pre class="bg-gray-900 text-gray-100 p-4 rounded-b-lg overflow-x-auto text-sm leading-relaxed"><code x-text="configJson('claude')"></code></pre>
                        </div>
                        <div class="mt-3 bg-amber-50 border border-amber-200 rounded-lg p-4">
                            <div class="flex items-start gap-2">
                                <svg class="w-4 h-4 text-amber-500 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg>
                                <p class="text-sm text-amber-800">Update the path above to match where you saved pdfcheck-mcp-server.mjs on your machine. The config will update automatically. Replace your-api-token-here with your real API token (get one from the API Tokens page).</p>
                            </div>
                        </div>
                    </div>

                    
                    <div id="setup-copilot" class="mb-10">
                        <div class="flex items-center gap-3 mb-4">
                            <div class="w-8 h-8 bg-gray-900 rounded-lg flex items-center justify-center">
                                <svg class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"/></svg>
                            </div>
                            <h3 class="text-2xl font-bold text-gray-900">GitHub Copilot</h3>
                            <span class="text-xs bg-gray-100 text-gray-600 px-2 py-0.5 rounded-full">VS Code</span>
                        </div>
                        <div class="flex flex-wrap gap-3 mb-4">
                            <a :href="vsCodeInstallUrl()" class="inline-flex items-center gap-2 px-4 py-2 bg-[#0078d4] text-white rounded-lg text-sm font-medium hover:bg-[#106ebe] transition-colors">
                                <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"><path d="M17.583 2.603L12.2 7.6l-4.03-3.07L2.4 6.8v10.4l5.77 2.27L12.2 16.4l5.383 4.997L21.6 19.2V4.8l-4.017-2.197zM12.2 10l5.383-4.997v13.994L12.2 14V10zm-4.03-1.07L2.4 12l5.77 1.07V8.93z"/></svg>
                                Install in VS Code
                            </a>
                        </div>
                        <p class="text-gray-600 text-sm mb-4">Add an MCP server configuration to your VS Code settings. Create or edit .vscode/mcp.json in your project, or add to your global settings:</p>
                        <div class="relative">
                            <div class="flex items-center justify-between bg-gray-800 text-gray-300 px-4 py-2 rounded-t-lg text-xs">
                                <span>.vscode/mcp.json</span>
                                <button onclick="if (!window.__cfRLUnblockHandlers) return false; copyCode(this)" class="hover:text-white transition-colors flex items-center gap-1" data-cf-modified-5b241db05460d8fe45f39ef3-="">
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-2M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"/></svg>
                                    Copy
                                </button>
                            </div>
                            <pre class="bg-gray-900 text-gray-100 p-4 rounded-b-lg overflow-x-auto text-sm leading-relaxed"><code x-text="configJson('copilot')"></code></pre>
                        </div>
                        <p class="text-gray-500 text-xs mt-3">You can also set this in your global VS Code settings.json under &quot;mcp.servers&quot;. GitHub Copilot will detect MCP tools automatically in agent mode.</p>
                    </div>

                    
                    <div id="setup-cursor" class="mb-10">
                        <div class="flex items-center gap-3 mb-4">
                            <div class="w-8 h-8 bg-black rounded-lg flex items-center justify-center">
                                <span class="text-white font-bold text-sm">โŒ˜</span>
                            </div>
                            <h3 class="text-2xl font-bold text-gray-900">Cursor</h3>
                        </div>
                        <p class="text-gray-600 text-sm mb-4">Go to Cursor Settings โ†’ MCP and add a new global MCP server, or create .cursor/mcp.json in your project:</p>
                        <div class="relative">
                            <div class="flex items-center justify-between bg-gray-800 text-gray-300 px-4 py-2 rounded-t-lg text-xs">
                                <span>.cursor/mcp.json</span>
                                <button onclick="if (!window.__cfRLUnblockHandlers) return false; copyCode(this)" class="hover:text-white transition-colors flex items-center gap-1" data-cf-modified-5b241db05460d8fe45f39ef3-="">
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-2M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"/></svg>
                                    Copy
                                </button>
                            </div>
                            <pre class="bg-gray-900 text-gray-100 p-4 rounded-b-lg overflow-x-auto text-sm leading-relaxed"><code x-text="configJson('cursor')"></code></pre>
                        </div>
                    </div>

                    
                    <div id="setup-windsurf">
                        <div class="flex items-center gap-3 mb-4">
                            <div class="w-8 h-8 bg-teal-600 rounded-lg flex items-center justify-center">
                                <span class="text-white font-bold text-sm">W</span>
                            </div>
                            <h3 class="text-2xl font-bold text-gray-900">Windsurf</h3>
                        </div>
                        <p class="text-gray-600 text-sm mb-4">Open Windsurf Settings โ†’ MCP and add a new server, or edit your mcp_config.json:</p>
                        <div class="relative">
                            <div class="flex items-center justify-between bg-gray-800 text-gray-300 px-4 py-2 rounded-t-lg text-xs">
                                <span>~/.codeium/windsurf/mcp_config.json</span>
                                <button onclick="if (!window.__cfRLUnblockHandlers) return false; copyCode(this)" class="hover:text-white transition-colors flex items-center gap-1" data-cf-modified-5b241db05460d8fe45f39ef3-="">
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-2M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"/></svg>
                                    Copy
                                </button>
                            </div>
                            <pre class="bg-gray-900 text-gray-100 p-4 rounded-b-lg overflow-x-auto text-sm leading-relaxed"><code x-text="configJson('windsurf')"></code></pre>
                        </div>
                    </div>
                    </div>
                </section>

                
                <section id="mcp-server-script" class="bg-white rounded-xl shadow-lg p-8 md:p-12 mb-8">
                    <h2 class="text-3xl font-bold text-gray-900 mb-4">MCP Server Script</h2>
                    <p class="text-gray-600 mb-6">Save the following file as pdfcheck-mcp-server.mjs anywhere on your machine. This lightweight script bridges your AI tool and the PDFCheck API.</p>

                    <div class="flex flex-wrap gap-3 mb-6">
                        <button @click="downloadScript()" class="inline-flex items-center gap-2 px-4 py-2 bg-primary-600 text-white rounded-lg text-sm font-medium hover:bg-primary-700 transition-colors">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
                            Download Script
                        </button>
                    </div>

                    <div class="bg-amber-50 border border-amber-200 rounded-lg p-4 mb-6">
                        <div class="flex items-start gap-2">
                            <svg class="w-4 h-4 text-amber-500 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg>
                            <div class="text-sm text-amber-800">
                                <strong>One-time setup:</strong>
                                Before using the script, install the MCP SDK dependency:
                                <code class="bg-amber-100 px-2 py-0.5 rounded text-xs font-mono mt-1 inline-block">npm install @modelcontextprotocol/sdk</code>
                            </div>
                        </div>
                    </div>

                    <div class="relative">
                        <div class="flex items-center justify-between bg-gray-800 text-gray-300 px-4 py-2 rounded-t-lg text-xs">
                            <span>pdfcheck-mcp-server.mjs</span>
                            <button onclick="if (!window.__cfRLUnblockHandlers) return false; copyCode(this)" class="hover:text-white transition-colors flex items-center gap-1" data-cf-modified-5b241db05460d8fe45f39ef3-="">
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-2M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"/></svg>
                                Copy
                            </button>
                        </div>
                        <pre class="bg-gray-900 text-gray-100 p-4 rounded-b-lg overflow-x-auto text-sm leading-relaxed max-h-[600px]"><code x-text="mcpScript"></code></pre>
                    </div>

                    <div class="mt-6 bg-green-50 border border-green-200 rounded-lg p-4">
                        <div class="flex items-start gap-2">
                            <svg class="w-4 h-4 text-green-500 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>
                            <div class="text-sm text-green-800">
                                <strong>Tip:</strong>
                                The script has zero configuration files and no build step. Save it, install the SDK, and point your MCP client to it. That is it!
                            </div>
                        </div>
                    </div>
                </section>

                
                <section id="usage-examples" class="bg-white rounded-xl shadow-lg p-8 md:p-12 mb-8">
                    <h2 class="text-3xl font-bold text-gray-900 mb-4">Usage Examples</h2>
                    <p class="text-gray-600 mb-8">Once connected, you can use natural language to interact with PDFCheck. Here are some things you can ask your AI assistant:</p>

                    <div class="space-y-4">
                        
                        <div class="bg-gray-50 rounded-lg p-5 border border-gray-100">
                            <div class="flex items-center gap-2 mb-2">
                                <span class="text-xs font-semibold text-primary-600 bg-primary-50 px-2 py-0.5 rounded-full">Example 1</span>
                                <span class="text-xs text-gray-500">Analyze a PDF</span>
                            </div>
                            <p class="text-gray-800 font-medium italic">"Analyze the file /Users/me/Documents/contract.pdf and tell me when it was created and what software was used."</p>
                        </div>

                        
                        <div class="bg-gray-50 rounded-lg p-5 border border-gray-100">
                            <div class="flex items-center gap-2 mb-2">
                                <span class="text-xs font-semibold text-primary-600 bg-primary-50 px-2 py-0.5 rounded-full">Example 2</span>
                                <span class="text-xs text-gray-500">Check for AI generation</span>
                            </div>
                            <p class="text-gray-800 font-medium italic">"Check if this PDF looks like it was generated by AI: /Users/me/Downloads/report.pdf"</p>
                        </div>

                        
                        <div class="bg-gray-50 rounded-lg p-5 border border-gray-100">
                            <div class="flex items-center gap-2 mb-2">
                                <span class="text-xs font-semibold text-primary-600 bg-primary-50 px-2 py-0.5 rounded-full">Example 3</span>
                                <span class="text-xs text-gray-500">Batch analysis</span>
                            </div>
                            <p class="text-gray-800 font-medium italic">"Analyze all PDFs in my Downloads folder and list which ones have been modified after creation."</p>
                        </div>

                        
                        <div class="bg-gray-50 rounded-lg p-5 border border-gray-100">
                            <div class="flex items-center gap-2 mb-2">
                                <span class="text-xs font-semibold text-primary-600 bg-primary-50 px-2 py-0.5 rounded-full">Example 4</span>
                                <span class="text-xs text-gray-500">Check quota</span>
                            </div>
                            <p class="text-gray-800 font-medium italic">"How many PDF checks do I have left today on PDFCheck?"</p>
                        </div>
                    </div>
                </section>

                
                <section id="faq" class="bg-white rounded-xl shadow-lg p-8 md:p-12 mb-8">
                    <h2 class="text-3xl font-bold text-gray-900 mb-8">Frequently Asked Questions</h2>

                    <div class="space-y-6">
                        <div class="border-b border-gray-100 pb-6">
                            <h3 class="font-semibold text-gray-900 mb-2">Do I need an API token?</h3>
                            <p class="text-gray-600 text-sm">No! You can use the MCP server without an API token and get 10 free PDF analyses per day. For 50 analyses per day, create a free account and generate an API token.</p>
                        </div>
                        <div class="border-b border-gray-100 pb-6">
                            <h3 class="font-semibold text-gray-900 mb-2">Is the MCP server free to use?</h3>
                            <p class="text-gray-600 text-sm">Yes! The MCP server is completely free. Without an account you get 10 free analyses per day. Register for a free account to get 50 analyses per day.</p>
                        </div>
                        <div class="border-b border-gray-100 pb-6">
                            <h3 class="font-semibold text-gray-900 mb-2">Are my PDF files stored on your servers?</h3>
                            <p class="text-gray-600 text-sm">No. PDFs are processed in memory and immediately discarded after analysis. Only the extracted metadata is stored in your account history.</p>
                        </div>
                        <div class="border-b border-gray-100 pb-6">
                            <h3 class="font-semibold text-gray-900 mb-2">Does the MCP server send my files to a third party?</h3>
                            <p class="text-gray-600 text-sm">The MCP server only communicates with pdf.businesspress.io. Your files go directly from your machine to our API over HTTPS. No data is sent to your AI provider โ€” they only see the text results.</p>
                        </div>
                        <div class="border-b border-gray-100 pb-6">
                            <h3 class="font-semibold text-gray-900 mb-2">What if my AI tool is not listed here?</h3>
                            <p class="text-gray-600 text-sm">Any tool that supports the Model Context Protocol should work. The server uses the standard stdio transport. Check your tool&#039;s documentation for how to add an MCP server using the &quot;command&quot; + &quot;args&quot; format.</p>
                        </div>
                        <div class="border-b border-gray-100 pb-6">
                            <h3 class="font-semibold text-gray-900 mb-2">What is the maximum PDF file size?</h3>
                            <p class="text-gray-600 text-sm">The API accepts PDF files up to 100 MB.</p>
                        </div>
                        <div>
                            <h3 class="font-semibold text-gray-900 mb-2">Can I use this with my own self-hosted PDFCheck instance?</h3>
                            <p class="text-gray-600 text-sm">Yes. Change the API_BASE constant in the server script to point to your own instance URL.</p>
                        </div>
                    </div>
                </section>

                
                <section class="bg-gradient-to-r from-primary-600 to-primary-700 rounded-xl shadow-lg p-8 md:p-12 text-center text-white">
                    <h2 class="text-3xl font-bold mb-4">Ready to connect your AI tools?</h2>
                    <p class="text-primary-100 mb-8 max-w-2xl mx-auto">Create a free account, grab your API token, and start analyzing PDFs from your favourite AI assistant in minutes.</p>
                    <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
                        <a href="https://pdf.businesspress.io/register" class="inline-flex items-center gap-2 px-6 py-3 bg-white text-primary-700 rounded-lg font-semibold hover:bg-primary-50 transition-colors">
                            Create Free Account
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
                        </a>
                        <a href="https://pdf.businesspress.io/api-docs" class="inline-flex items-center gap-2 px-6 py-3 bg-primary-500 text-white rounded-lg font-semibold hover:bg-primary-400 transition-colors border border-primary-400">
                            View API Documentation
                        </a>
                    </div>
                </section>

            </div>
        </div>
    </div>
</article>
</main>

    <div class="desktop-app-hidden">
    <footer class="bg-gradient-to-br from-gray-50 to-white dark:from-gray-900 dark:to-gray-800 border-t border-gray-200 dark:border-gray-700 mt-auto pb-20 md:pb-0">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-8 mb-10">
        <!-- Brand Column -->
        <div class="lg:col-span-2">
            <div class="mb-4">
                <span class="inline-flex items-center gap-2">
<svg viewBox="0 0 96 96" class="h-11 w-11 shrink-0" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
    <path d="M24 12H56L72 28V72C72 77.523 67.523 82 62 82H24C18.477 82 14 77.523 14 72V22C14 16.477 18.477 12 24 12Z" fill="#ffffff" stroke="#cbd5e1" stroke-width="3" />
    <path d="M56 12V24C56 28.418 59.582 32 64 32H72" fill="#f1f5f9" />
    <path d="M56 12V24C56 28.418 59.582 32 64 32H72" stroke="#cbd5e1" stroke-width="3" stroke-linejoin="round" />
    <path d="M27 38H58" stroke="#16a34a" stroke-width="4.5" stroke-linecap="round" />
    <path d="M27 50H58" stroke="#16a34a" stroke-width="4.5" stroke-linecap="round" />
    <path d="M27 62H49" stroke="#16a34a" stroke-width="4.5" stroke-linecap="round" />
</svg>

        <span class="flex flex-col leading-none">
        <span class="text-2xl font-bold tracking-[-0.04em] text-slate-900 dark:text-white">
            PDF<span class="text-primary-600 dark:text-primary-400">Check</span>
        </span>
                </span>
</span>                </div>
            <h2 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3">Professional PDF Metadata Analyzer &amp; Validator</h2>
            <p class="text-gray-600 dark:text-gray-400 text-sm leading-relaxed mb-4">The most comprehensive PDF checker and PDF metadata validator tool online. Instantly analyze PDF documents, verify metadata integrity, detect AI-generated content, and validate document authenticity. Free, secure, and privacy-focused PDF analysis tool.</p>
            
            <!-- Trust indicators -->
            <div class="flex flex-wrap gap-3 mt-4">
                <div class="flex items-center gap-2 text-xs text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-800 px-3 py-1.5 rounded-full border border-gray-200 dark:border-gray-700">
                    <svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
                    </svg>
                    100% Private &amp; Secure
                </div>
                <div class="flex items-center gap-2 text-xs text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-800 px-3 py-1.5 rounded-full border border-gray-200 dark:border-gray-700">
                    <svg class="w-4 h-4 text-blue-500" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
                    </svg>
                    Instant Analysis
                </div>
                <div class="flex items-center gap-2 text-xs text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-800 px-3 py-1.5 rounded-full border border-gray-200 dark:border-gray-700">
                    <svg class="w-4 h-4 text-purple-500" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
                    </svg>
                    100 Free Checks Daily
                </div>
            </div>
        </div>
        
        <!-- PDF Tools Column -->
        <div>
            <h3 class="font-semibold text-gray-900 dark:text-gray-100 mb-4 text-sm">PDF Tools</h3>
            <ul class="space-y-2.5 text-sm">
                <li><a href="https://pdf.businesspress.io" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    PDF Metadata Checker
                </a></li>
                <li><a href="https://pdf.businesspress.io/pdf-validator" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    PDF Validator
                </a></li>
                <li><a href="https://pdf.businesspress.io/pdf-ai-detection" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    AI Detection Tool
                </a></li>
                <li><a href="https://pdf.businesspress.io/pdf-signature-checker" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    Signature Checker
                </a></li>
                <li><a href="https://pdf.businesspress.io/optimize-pdf" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    PDF Optimizer
                </a></li>
                <li><a href="https://pdf.businesspress.io/pdf-accessibility-checker" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    Accessibility Checker
                </a></li>
                <li><a href="https://pdf.businesspress.io/merge-pdf" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    Merge PDF
                </a></li>
                <li><a href="https://pdf.businesspress.io/split-pdf" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    Split PDF
                </a></li>
                <li><a href="https://pdf.businesspress.io/pdf-to-image" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    PDF to Image
                </a></li>
                <li><a href="https://pdf.businesspress.io/pdf-password" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    PDF Password
                </a></li>
                <li><a href="https://pdf.businesspress.io/extract-images" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    Image Extractor
                </a></li>
            </ul>
        </div>
        
        <!-- Advanced Tools Column -->
        <div>
            <h3 class="font-semibold text-gray-900 dark:text-gray-100 mb-4 text-sm">Advanced Tools</h3>
            <ul class="space-y-2.5 text-sm">
                <li><a href="https://pdf.businesspress.io/edit-pdf" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    PDF Editor
                </a></li>
                <li><a href="https://pdf.businesspress.io/fill-pdf-form" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    PDF Form Filler
                </a></li>
                <li><a href="https://pdf.businesspress.io/build-pdf-form" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    PDF Form Builder
                </a></li>
                <li><a href="https://pdf.businesspress.io/pdf-metadata-editor" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    Metadata Editor
                </a></li>
                <li><a href="https://pdf.businesspress.io/pdf-metadata-remover" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    Metadata Remover
                </a></li>
                <li><a href="https://pdf.businesspress.io/pdf-converter" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    PDF Converter
                </a></li>
                <li><a href="https://pdf.businesspress.io/pdf-compare" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    PDF Compare
                </a></li>
                <li><a href="https://pdf.businesspress.io/pdf-text-extract" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    Text Extractor
                </a></li>
                <li><a href="https://pdf.businesspress.io/batch-pdf-checker" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    Batch PDF Checker
                </a></li>
                <li><a href="https://pdf.businesspress.io/pdf-a-validator" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    PDF/A Validator
                </a></li>
            </ul>
        </div>
        
        <!-- Developers Column -->
        <div>
            <h3 class="font-semibold text-gray-900 dark:text-gray-100 mb-4 text-sm">Developers</h3>
            <ul class="space-y-2.5 text-sm">
                <li><a href="https://pdf.businesspress.io/api-docs" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    API Documentation
                </a></li>
                <li><a href="https://pdf.businesspress.io/mcp-server" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    MCP Server
                </a></li>
                <li><a href="https://pdf.businesspress.io/ai-agents" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    AI Agents
                </a></li>
                <li><a href="https://pdf.businesspress.io/desktop-app" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    Desktop App
                </a></li>
                <li><a href="https://pdf.businesspress.io/llms.txt" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    LLMs.txt
                </a></li>
                <li><a href="https://pdf.businesspress.io/sitemap.xml" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    Sitemap XML
                </a></li>
                <li><a href="https://pdf.businesspress.io/sitemap" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    <svg class="w-3 h-3" fill="currentColor" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
                    Sitemap
                </a></li>
            </ul>
        </div>
        
        <!-- Resources Column -->
        <div>
            <h3 class="font-semibold text-gray-900 dark:text-gray-100 mb-4 text-sm">Resources</h3>
            <ul class="space-y-2.5 text-sm">
                <li><a href="https://pdf.businesspress.io/how-it-works" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">How It Works</a></li>
                <li><a href="https://pdf.businesspress.io/how-we-validate-pdfs" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">How We Validate PDFs</a></li>
                <li><a href="https://pdf.businesspress.io/how-we-detect-ai-pdfs" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">How We Detect AI PDFs</a></li>
                <li><a href="https://pdf.businesspress.io/how-we-optimize-pdfs" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">How We Optimize PDFs</a></li>
                <li><a href="https://pdf.businesspress.io/how-we-check-signatures" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">How We Check Signatures</a></li>
                <li><a href="https://pdf.businesspress.io/blog" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">Blog</a></li>
                <li><a href="https://pdf.businesspress.io/changelog" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">Changelog</a></li>
                <li><a href="https://pdf.businesspress.io/roadmap" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">Roadmap</a></li>
                <li><a href="https://pdf.businesspress.io/styleguide" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">Styleguide</a></li>
                <li><a href="https://pdf.businesspress.io/privacy" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">Privacy Policy</a></li>
            </ul>
            
            <h3 class="font-semibold text-gray-900 dark:text-gray-100 mb-4 mt-6 text-sm">Partner Tools</h3>
            <ul class="space-y-2.5 text-sm">
                <li><a href="https://vat.businesspress.io/" target="_blank" rel="noopener noreferrer" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    VAT Calculator
                    <svg class="w-3 h-3 opacity-50" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg>
                </a></li>
                <li><a href="https://csv.businesspress.io/" target="_blank" rel="noopener noreferrer" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    CSV Linter and Validator
                    <svg class="w-3 h-3 opacity-50" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg>
                </a></li>
                <li><a href="https://clock.businesspress.io/" target="_blank" rel="noopener noreferrer" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    Online Clock &amp; World Time
                    <svg class="w-3 h-3 opacity-50" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg>
                </a></li>
                <li><a href="https://qr.businesspress.io/" target="_blank" rel="noopener noreferrer" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
                    QR Code Generator
                    <svg class="w-3 h-3 opacity-50" fill="none" stroke="currentColor" aria-hidden="true" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg>
                </a></li>
            </ul>
        </div>
    </div>
    
    <!-- SEO-Rich Description -->
    <div class="border-t border-gray-200 dark:border-gray-700 pt-8 mb-8">
        <div class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-sm border border-gray-100 dark:border-gray-700">
            <h3 class="font-semibold text-gray-900 mb-3 text-sm">Why Use PDFCheck as Your PDF Metadata Validator?</h3>
            <p class="text-xs text-gray-600 leading-relaxed">
                PDFCheck is the leading online PDF checker and PDF metadata analyzer trusted by professionals worldwide. Our advanced PDF validation tool provides comprehensive PDF document analysis, including metadata extraction, creation date verification, author information validation, and AI-generated content detection.
            </p>
        </div>
    </div>
    
    <!-- Bottom Bar -->
    <div class="border-t border-gray-200 dark:border-gray-700 pt-6 flex flex-col md:flex-row justify-between items-center gap-4">
        <div class="flex flex-col sm:flex-row items-center gap-2 text-sm text-gray-500">
            <p>ยฉ 2026 PDFCheck - Professional PDF Metadata Checker &amp; Validator</p>
            <span class="hidden sm:inline">โ€ข</span>
            <p class="text-xs">Made with โค๏ธ for document verification</p>
        </div>
        <a href="https://businesspress.io?utm_source=pdf&utm_medium=footer" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 text-sm text-gray-500 hover:text-blue-600 transition-colors group">
            <span>Powered by</span>
            <img src="/build/images/bp-logo.png" alt="BusinessPress - Professional Business Solutions" width="125" height="20" class="h-5 opacity-75 group-hover:opacity-100 transition-opacity" loading="lazy" decoding="async" />
        </a>
    </div>
</div>
<script src="/livewire/livewire.min.js?id=646f9d24" data-csrf="fedxfMy7pJzH0MwD8VqAA5lw05GgfPi175nCPJI1" data-update-uri="/livewire/update" data-navigate-once="true" type="5b241db05460d8fe45f39ef3-text/javascript"></script>
    <script defer data-domain="pdf.businesspress.io" src="https://stats.businesspress.io/js/script.js" fetchpriority="low" type="5b241db05460d8fe45f39ef3-text/javascript"></script>
ยฉ 2025 MCP.so. All rights reserved.

Build with ShipAny.