<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}Crawlio Intelligence | Premium Market Intelligence Platform{% endblock %}</title>
    <meta name="description"
        content="{% block description %}Crawlio Intelligence: Access the world's data with our premium market intelligence platform. Automate business data extraction and unlock AI-powered insights for a competitive edge.{% endblock %}">

    <!-- SEO Meta Tags -->
    <meta name="keywords"
        content="market intelligence, business data extraction, AI data insights, competitive monitoring, automated web data, lead generation data, market research tools, business intelligence automation, USA market data, Australia data extraction, Nepal business intelligence">
    <meta name="author" content="Crawlio Intelligence Team">
    <link rel="canonical" href="https://pradipthapa.info.np{{ request.url.path }}">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://pradipthapa.info.np{{ request.url.path }}">
    <meta property="og:title"
        content="{% block og_title %}Crawlio Intelligence | Enterprise-Grade Market Insights{% endblock %}">
    <meta property="og:description"
        content="{% block og_description %}Unleash the power of data with Crawlio Intelligence. Automated extraction for strategic business decisions.{% endblock %}">
    <meta property="og:image" content="https://pradipthapa.info.np/static/images/og-image.jpg">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://pradipthapa.info.np{{ request.url.path }}">
    <meta property="twitter:title"
        content="{% block twitter_title %}Crawlio Intelligence | Enterprise-Grade Market Insights{% endblock %}">
    <meta property="twitter:description"
        content="{% block twitter_description %}Unleash the power of data with Crawlio Intelligence. Automated extraction for strategic business decisions.{% endblock %}">
    <meta property="twitter:image" content="https://pradipthapa.info.np/static/images/og-image.jpg">

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="{{ url_for('static', path='/style.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', path='/cookies.css') }}">
    {% block head %}{% endblock %}
</head>

<body>
    <div class="page-wrapper">
        <div class="announcement-bar">
            <div class="container announcement-container">
                <span class="announcement-text">
                    <strong>New Amazon API:</strong> We've just released a brand new way to scrape Amazon at scale
                </span>
                <a href="/register" class="announcement-btn">Start Free Trial 🐝</a>
            </div>
        </div>
        <nav>
            <div class="container nav-container">
                <a href="/" class="logo">Crawlio Intelligence</a>
                <button class="mobile-menu-toggle" aria-label="Toggle menu">
                    <span></span>
                    <span></span>
                    <span></span>
                </button>
                <ul class="nav-links">
                    <li><a href="/" class="{{ 'active' if active_page == 'home' else '' }}">Home</a></li>
                    <li><a href="/about" class="{{ 'active' if active_page == 'about' else '' }}">About</a></li>

                    {% if user %}
                    {% if user.is_superuser %}
                    <li><a href="/admin/contacts" class="{{ 'active' if active_page == 'admin_contacts' else '' }}">📬
                            Contacts</a></li>
                    {% endif %}
                    <li><a href="/dashboard" class="{{ 'active' if active_page == 'dashboard' else '' }}">Dashboard</a>
                    </li>
                    <li>
                        <a href="/auth/logout" class="logout-link">Logout</a>
                    </li>
                    {% else %}
                    <li><a href="/contact" class="{{ 'active' if active_page == 'contact' else '' }}">Contact</a></li>
                    <li><a href="/register" class="btn-primary">Get Started</a></li>
                    {% endif %}
                </ul>
            </div>
        </nav>

        <main>
            {% block content %}{% endblock %}
        </main>

        {% if active_page != 'dashboard' %}
        <footer>
            <div class="container text-center">
                <div class="footer-logo">Crawlio Intelligence</div>
                <div class="footer-links">
                    <a href="/">Home</a>
                    <a href="/about">About</a>
                    <a href="/company">Team</a>
                    <a href="/contact">Support</a>
                    <a href="/faq">FAQ</a>
                    <a href="/privacy">Privacy Policy</a>
                </div>
                <div class="footer-resources">
                    <span class="resource-label">Resources</span>
                    <a href="https://gdpr-info.eu/" target="_blank" rel="noopener noreferrer" class="resource-link">GDPR
                        Standards</a>
                    <div class="resource-divider"></div>
                    <a href="https://www.iso.org/standard/42001" target="_blank" rel="noopener noreferrer"
                        class="resource-link">ISO 27001</a>
                    <div class="resource-divider"></div>
                    <a href="https://www.w3.org/TR/dx-prof-conneg/" target="_blank" rel="noopener noreferrer"
                        class="resource-link">W3C Data Standards</a>
                </div>
                <p>&copy; 2025 Crawlio Intelligence. Built for data driven teams.</p>
            </div>
        </footer>
        {% endif %}
    </div>

    <script>
        // Mobile menu toggle
        document.addEventListener('DOMContentLoaded', function () {
            const menuToggle = document.querySelector('.mobile-menu-toggle');
            const navLinks = document.querySelector('.nav-links');

            if (menuToggle) {
                menuToggle.addEventListener('click', function () {
                    navLinks.classList.toggle('active');
                    menuToggle.classList.toggle('active');
                });

                // Close menu when clicking outside
                document.addEventListener('click', function (event) {
                    if (!event.target.closest('.nav-container')) {
                        navLinks.classList.remove('active');
                        menuToggle.classList.remove('active');
                    }
                });
            }
        });
    </script>

    {% include 'includes/cookie_consent.html' %}
    <script src="{{ url_for('static', path='/cookies.js') }}"></script>
    {% block scripts %}{% endblock %}
</body>

</html>
