?php
$depth = 1;
$pageTitle = 'SEO Tools - BoodleX AI';
$pageDescription = "Comprehensive SEO tools powered by AI to optimize your content, improve rankings, and drive organic traffic.";
$canonical = 'https://boodlexai.com/s/features/seo-tools';

require_once __DIR__ . '/../includes/header.php';
?>

<style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --primary-gradient: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
            --secondary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            --accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            --dark-bg: #0f0f23;
            --card-bg: #1a1a2e;
            --text-primary: #ffffff;
            --text-secondary: #b8b9c9;
            --border-color: rgba(255, 255, 255, 0.1);
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            background: var(--dark-bg);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Navigation */
        nav {
            position: fixed;
            top: 0;
            width: 100%;
            background: rgba(15, 15, 35, 0.95);
            backdrop-filter: blur(10px);
            z-index: 1000;
            border-bottom: 1px solid var(--border-color);
        }

        nav .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
        }

        .logo {
            font-size: 28px;
            font-weight: 800;
            background: var(--secondary-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-decoration: none;
        }

        .nav-links {
            display: flex;
            gap: 32px;
            list-style: none;
        }

        .nav-links a {
            color: var(--text-secondary);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
        }

        .nav-links a:hover {
            color: var(--text-primary);
        }

        .cta-button {
            background: var(--primary-gradient);
            color: #1a1a2e;
            padding: 12px 28px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: transform 0.3s, box-shadow 0.3s;
            display: inline-block;
        }

        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(168, 237, 234, 0.4);
        }

        /* Hero Section */
        .hero {
            padding: 180px 20px 100px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(168, 237, 234, 0.15) 0%, transparent 70%);
        }

        .hero-content {
            position: relative;
            z-index: 1;
        }

        .feature-badge {
            display: inline-block;
            padding: 8px 20px;
            background: rgba(168, 237, 234, 0.2);
            border: 1px solid rgba(168, 237, 234, 0.3);
            border-radius: 20px;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 24px;
            color: #a8edea;
        }

        .hero h1 {
            font-size: 56px;
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 24px;
        }

        .hero .subtitle {
            font-size: 20px;
            color: var(--text-secondary);
            margin-bottom: 40px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        .hero-buttons {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 60px;
        }

        .cta-button-secondary {
            background: transparent;
            border: 2px solid rgba(168, 237, 234, 0.5);
            color: white;
            padding: 12px 28px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s;
            display: inline-block;
        }

        .cta-button-secondary:hover {
            border-color: #a8edea;
            background: rgba(168, 237, 234, 0.1);
        }

        /* Content Section */
        .content-section {
            padding: 80px 20px;
            background: linear-gradient(180deg, var(--dark-bg) 0%, #16162e 100%);
        }

        .section-title {
            font-size: 40px;
            font-weight: 800;
            text-align: center;
            margin-bottom: 60px;
        }

        .two-column {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
            margin-bottom: 100px;
        }

        .two-column.reverse {
            direction: rtl;
        }

        .two-column.reverse>* {
            direction: ltr;
        }

        .content-text h3 {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .content-text p {
            color: var(--text-secondary);
            font-size: 18px;
            line-height: 1.8;
            margin-bottom: 24px;
        }

        .content-list {
            list-style: none;
            margin: 24px 0;
        }

        .content-list li {
            color: var(--text-secondary);
            padding: 12px 0;
            padding-left: 32px;
            position: relative;
            font-size: 16px;
        }

        .content-list li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: #a8edea;
            font-weight: bold;
            font-size: 18px;
        }

        .content-visual {
            background: var(--card-bg);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 40px;
            min-height: 400px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        .content-visual::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 100%;
            height: 100%;
            background: var(--primary-gradient);
            opacity: 0.1;
            border-radius: 50%;
        }

        .visual-placeholder {
            font-size: 120px;
            opacity: 0.3;
        }

        /* Features Grid */
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 32px;
            margin-top: 60px;
        }

        .feature-card {
            background: var(--card-bg);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 32px;
            transition: transform 0.3s, border-color 0.3s;
        }

        .feature-card:hover {
            transform: translateY(-8px);
            border-color: rgba(168, 237, 234, 0.5);
        }

        .feature-card h4 {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 12px;
        }

        .feature-card p {
            color: var(--text-secondary);
            line-height: 1.7;
        }

        /* Use Cases */
        .use-cases {
            padding: 80px 20px;
            background: var(--card-bg);
        }

        .use-case-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 24px;
            margin-top: 60px;
        }

        .use-case-card {
            background: var(--dark-bg);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            padding: 32px;
            text-align: center;
        }

        .use-case-icon {
            font-size: 48px;
            margin-bottom: 20px;
        }

        .use-case-card h4 {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 12px;
        }

        .use-case-card p {
            color: var(--text-secondary);
            font-size: 14px;
        }

        /* Pricing CTA */
        .pricing-cta {
            padding: 100px 20px;
            text-align: center;
            background: var(--dark-bg);
        }

        .pricing-cta h2 {
            font-size: 42px;
            font-weight: 800;
            margin-bottom: 20px;
        }

        .pricing-cta p {
            font-size: 18px;
            color: var(--text-secondary);
            margin-bottom: 40px;
        }

        /* Footer */
        footer {
            padding: 60px 20px 40px;
            background: var(--dark-bg);
            border-top: 1px solid var(--border-color);
        }

        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }

        .footer-section h4 {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .footer-section ul {
            list-style: none;
        }

        .footer-section ul li {
            margin-bottom: 12px;
        }

        .footer-section ul li a {
            color: var(--text-secondary);
            text-decoration: none;
            transition: color 0.3s;
        }

        .footer-section ul li a:hover {
            color: var(--text-primary);
        }

        .footer-bottom {
            text-align: center;
            padding-top: 40px;
            border-top: 1px solid var(--border-color);
            color: var(--text-secondary);
            font-size: 14px;
        }

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

            .hero h1 {
                font-size: 36px;
            }

            .two-column {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .two-column.reverse {
                direction: ltr;
            }

            .section-title {
                font-size: 32px;
            }

            .content-text h3 {
                font-size: 24px;
            }
        }
    </style>

<!-- Navigation -->
    <nav>
    <div class="container">
        <a href="/s/" class="logo">BoodleX AI</a>
        <ul class="nav-links">
            <li><a href="/s/">Home</a></li>
            <li><a href="/s/#features">Features</a></li>
            <li><a href="/s/#pricing">Pricing</a></li>
            <li><a href="/s/#contact">Contact</a></li>
        </ul>
        <a href="/s/#signup" class="cta-button">Get Started Free</a>
    </div>
</nav>


    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <div class="feature-badge">📊 SEO & ANALYSIS TOOLS</div>
                <h1>Your Gateway to<br>Higher Rankings</h1>
                <p class="subtitle">Optimize content for better search visibility, check plagiarism, analyze documents, and browse websites with AI-powered insights and recommendations.</p>
                <div class="hero-buttons">
                    <a href="#signup" class="cta-button">Start Optimizing</a>
                    <a href="#demo" class="cta-button-secondary">Try Free Scan</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Content Section -->
    <section class="content-section">
        <div class="container">
            <!-- Feature 1 -->
            <div class="two-column">
                <div class="content-text">
                    <h3>AI-Powered SEO Optimization</h3>
                    <p>Analyze and optimize your content for search engines with AI-driven recommendations. Improve rankings with data-backed suggestions and real-time insights.</p>
                    <ul class="content-list">
                        <li>Keyword research and density analysis</li>
                        <li>On-page SEO optimization suggestions</li>
                        <li>Meta title and description generation</li>
                        <li>Content readability and structure analysis</li>
                        <li>Competitor content gap analysis</li>
                    </ul>
                </div>
                <div class="content-visual">
                    <div class="visual-placeholder">🔍</div>
                </div>
            </div>

            <!-- Feature 2 -->
            <div class="two-column reverse">
                <div class="content-text">
                    <h3>Advanced Plagiarism Detection</h3>
                    <p>Ensure content originality with comprehensive plagiarism checking across billions of web pages and documents. Protect your reputation and rankings.</p>
                    <ul class="content-list">
                        <li>Deep web and academic database scanning</li>
                        <li>Similarity percentage and detailed reports</li>
                        <li>Source identification and citation suggestions</li>
                        <li>Paraphrasing detection technology</li>
                        <li>Batch document checking</li>
                    </ul>
                </div>
                <div class="content-visual">
                    <div class="visual-placeholder">✅</div>
                </div>
            </div>

            <!-- Feature 3 -->
            <div class="two-column">
                <div class="content-text">
                    <h3>Intelligent Document Analysis</h3>
                    <p>Extract insights from documents with AI-powered analysis. Summarize, compare, and understand complex documents in seconds.</p>
                    <ul class="content-list">
                        <li>PDF, Word, and text document support</li>
                        <li>Automatic summarization and key point extraction</li>
                        <li>Sentiment and tone analysis</li>
                        <li>Document comparison and diff reports</li>
                        <li>Data extraction and structuring</li>
                    </ul>
                </div>
                <div class="content-visual">
                    <div class="visual-placeholder">📄</div>
                </div>
            </div>

            <!-- Features Grid -->
            <h2 class="section-title">Complete SEO & Analysis Suite</h2>
            <div class="features-grid">
                <div class="feature-card">
                    <h4>🌐 AI Web Browsing</h4>
                    <p>Browse websites with AI assistance. Extract data, analyze competitors, and gather insights automatically.</p>
                </div>
                <div class="feature-card">
                    <h4>📈 Rank Tracking</h4>
                    <p>Monitor keyword rankings across search engines. Track progress and identify opportunities for improvement.</p>
                </div>
                <div class="feature-card">
                    <h4>🔗 Backlink Analysis</h4>
                    <p>Analyze your backlink profile and discover link-building opportunities to boost domain authority.</p>
                </div>
                <div class="feature-card">
                    <h4>⚡ Site Speed Insights</h4>
                    <p>Identify performance bottlenecks and get actionable recommendations to improve page load times.</p>
                </div>
                <div class="feature-card">
                    <h4>🎯 Content Scoring</h4>
                    <p>Get real-time SEO scores for your content with detailed improvement suggestions and benchmarks.</p>
                </div>
                <div class="feature-card">
                    <h4>📊 Competitor Analysis</h4>
                    <p>Analyze competitor strategies, keywords, and content to identify opportunities and gaps.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Use Cases -->
    <section class="use-cases">
        <div class="container">
            <h2 class="section-title">Built for Digital Success</h2>
            <div class="use-case-grid">
                <div class="use-case-card">
                    <div class="use-case-icon">✍️</div>
                    <h4>Content Creators</h4>
                    <p>Optimize blog posts, articles, and web content for maximum search visibility and engagement.</p>
                </div>
                <div class="use-case-card">
                    <div class="use-case-icon">🎯</div>
                    <h4>Digital Marketers</h4>
                    <p>Plan campaigns, track rankings, and optimize landing pages for better conversion rates.</p>
                </div>
                <div class="use-case-card">
                    <div class="use-case-icon">🏢</div>
                    <h4>Agencies</h4>
                    <p>Manage multiple client sites with white-label reports and comprehensive SEO audits.</p>
                </div>
                <div class="use-case-card">
                    <div class="use-case-icon">🛍️</div>
                    <h4>E-commerce</h4>
                    <p>Optimize product pages, category pages, and content for organic traffic and sales growth.</p>
                </div>
                <div class="use-case-card">
                    <div class="use-case-icon">📰</div>
                    <h4>Publishers</h4>
                    <p>Ensure content originality, optimize for search, and maximize organic traffic potential.</p>
                </div>
                <div class="use-case-card">
                    <div class="use-case-icon">🎓</div>
                    <h4>Academic Research</h4>
                    <p>Check citations, ensure originality, and analyze research documents for accuracy.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing CTA -->
    <section class="pricing-cta">
        <div class="container">
            <h2>Ready to Dominate Search Rankings?</h2>
            <p>Join thousands of marketers and content creators optimizing their way to the top of search results.</p>
            <div class="hero-buttons">
                <a href="#signup" class="cta-button">Start Free Trial</a>
                <a href="#pricing" class="cta-button-secondary">View Pricing</a>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h4>Product</h4>
                    <ul>
                        <li><a href="#features">Features</a></li>
                        <li><a href="#pricing">Pricing</a></li>
                        <li><a href="#tools">SEO Tools</a></li>
                        <li><a href="#reports">Reports</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Resources</h4>
                    <ul>
                        <li><a href="#guides">SEO Guides</a></li>
                        <li><a href="#blog">Blog</a></li>
                        <li><a href="#case-studies">Case Studies</a></li>
                        <li><a href="#support">Support</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Company</h4>
                    <ul>
                        <li><a href="#about">About</a></li>
                        <li><a href="#careers">Careers</a></li>
                        <li><a href="#contact">Contact</a></li>
                        <li><a href="#partners">Partners</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Legal</h4>
                    <ul>
                        <li><a href="#privacy">Privacy</a></li>
                        <li><a href="#terms">Terms</a></li>
                        <li><a href="#compliance">Compliance</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 BoodleX AI. All rights reserved.</p>
            </div>
        </div>
    </footer>

<!-- Footer -->
<footer id="contact" class="footer">
    <div class="container">
        <div class="footer-content">

            <div class="footer-section">
                <h3>BoodleX AI</h3>
                <p>Vancouver's premier AI content creation platform. Empowering creators worldwide with cutting-edge artificial intelligence tools.</p>
                <p><strong>📍 Vancouver, BC, Canada</strong></p>
                <p>📧 hello@boodlexai.com</p>
                <p>📞 +1 (604) 555-0123</p>
            </div>

            <div class="footer-section">
                <h3>Features</h3>
                <ul>
                    <li><a href="features/">AI Text Generation</a></li>
                    <li><a href="features/">Image Creation</a></li>
                    <li><a href="features/">Video Generation</a></li>
                    <li><a href="features/">Voice Cloning</a></li>
                    <li><a href="features/">Chatbot Builder</a></li>
                    <li><a href="features/">SEO Tools</a></li>
                </ul>
            </div>

            <div class="footer-section">
                <h3>Company</h3>
                <ul>
                    <li><a href="about.php">About Us</a></li>
                    <li><a href="pricing.php">Pricing</a></li>
                    <li><a href="contact.php">Contact</a></li>
                    <li><a href="support.php">Support</a></li>
                    <li><a href="faq.php">FAQ</a></li>
                    <li><a href="careers.php">Careers</a></li>
                    <li><a href="bug-report.php">Report Bug</a></li>
                    <li><a href="privacy.php">Privacy Policy</a></li>
                    <li><a href="terms.php">Terms of Service</a></li>
                </ul>
            </div>

            <div class="footer-section">
                <h3>Connect</h3>
                <ul>
                    <li><a href="community.php">Community</a></li>
                    <li><a href="brand-kit.php">Brand Kit</a></li>
                    <li><a href="https://twitter.com/boodlex_ai" target="_blank" rel="noopener noreferrer">Twitter</a></li>
                    <li><a href="https://linkedin.com/company/boodlex_ai" target="_blank" rel="noopener noreferrer">LinkedIn</a></li>
                    <li><a href="https://facebook.com/boodlex_ai" target="_blank" rel="noopener noreferrer">Facebook</a></li>
                    <li><a href="https://instagram.com/boodlex_ai" target="_blank" rel="noopener noreferrer">Instagram</a></li>
                    <li><a href="https://youtube.com/@boodlex_ai" target="_blank" rel="noopener noreferrer">YouTube</a></li>
                    <li><a href="#">Blog</a></li>
                </ul>
            </div>

        </div>

        <div class="footer-bottom">
            <p>&copy; 2025 BoodleX AI. All rights reserved. Made with ❤️ in Vancouver, Canada.</p>
            <p style="font-size: 0.75rem; margin-top: 0.5rem;">
                BoodleX AI is an independent platform that integrates with various AI APIs. We are not affiliated with OpenAI, Anthropic, Google, or other AI providers.
            </p>
        </div>
    </div>
</footer>

<!-- JS Files - Correct Path -->
<script src="assets/js/script.js"></script>

<!--Start of Tawk.to Script-->
<script>
    var Tawk_API = Tawk_API || {},
        Tawk_LoadStart = new Date();
    (function() {
        var s1 = document.createElement("script"),
            s0 = document.getElementsByTagName("script")[0];
        s1.async = true;
        s1.src = 'https://embed.tawk.to/679309c7825083258e0a550c/1j9kuhip4';
        s1.charset = 'UTF-8';
        s1.setAttribute('crossorigin', '*');
        s0.parentNode.insertBefore(s1, s0);
    })();
</script>

</body>
</html>