<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EasyAi Agreement - Smart AI Agreement Maker</title>
    <meta name="description" content="Create, sign, and verify legal agreements instantly with EasyAi. Powered by Gemini AI. Secure, digital, and professional.">
    <meta name="keywords" content="AI agreement, rent agreement, digital signature, legal documents, EasyAi, JMD World">
    <meta property="og:title" content="EasyAi Agreement">
    <meta property="og:description" content="Generate professional agreements in seconds with AI.">
    <meta property="og:image" content="https://easyagreement.jmdworld.in/assets/img/logoaieasy.png">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">

    <style>
        :root {
            --gold: #D4AF37;
            --gold-gradient: linear-gradient(135deg, #F9E076 0%, #B8860B 100%);
            --dark-bg: #0B0B0B;
            --card-bg: #1C1C1C;
            --text-primary: #FFFFFF;
            --text-secondary: #B5B5B5;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }

        body { background-color: var(--dark-bg); color: var(--text-primary); overflow-x: hidden; }

        header {
            height: 70px; background: rgba(11, 11, 11, 0.95);
            display: flex; align-items: center; justify-content: space-between;
            padding: 0 5%; position: fixed; width: 100%; top: 0; z-index: 1000;
            border-bottom: 1px solid rgba(212, 175, 55, 0.1);
        }

        .logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
        .logo i { font-size: 24px; color: var(--gold); }
        .logo span { font-weight: 700; font-size: 20px; color: var(--gold); letter-spacing: 1px; }

        nav { display: flex; gap: 30px; }
        nav a { text-decoration: none; color: var(--text-secondary); font-weight: 500; transition: 0.3s; }
        nav a:hover, nav a.active { color: var(--gold); }

        .btn-gold {
            background: var(--gold-gradient); color: var(--dark-bg);
            padding: 10px 25px; border-radius: 50px; font-weight: 600;
            text-decoration: none; transition: 0.3s;
        }
        .btn-gold:hover { transform: scale(1.05); box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3); }

        .hero {
            padding: 150px 5% 80px; text-align: center;
            background: radial-gradient(circle at top, rgba(212, 175, 55, 0.1) 0%, transparent 50%);
        }
        .hero h1 { font-size: 3.5rem; margin-bottom: 20px; }
        .hero h1 span { background: var(--gold-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .hero p { color: var(--text-secondary); font-size: 1.2rem; max-width: 700px; margin: 0 auto 40px; }

        .container { padding: 80px 5%; }
        .section-title { text-align: center; margin-bottom: 50px; }
        .section-title h2 { font-size: 2.5rem; color: var(--gold); }

        .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
        .card {
            background: var(--card-bg); padding: 40px; border-radius: 20px;
            border: 1px solid rgba(255,255,255,0.05); transition: 0.3s;
        }
        .card:hover { transform: translateY(-10px); border-color: var(--gold); }
        .card i { font-size: 40px; color: var(--gold); margin-bottom: 20px; }
        .card h3 { margin-bottom: 15px; }
        .card p { color: var(--text-secondary); }

        footer {
            padding: 50px 5%; background: #050505; border-top: 1px solid rgba(212, 175, 55, 0.1);
            text-align: center;
        }
        .footer-links { display: flex; justify-content: center; gap: 30px; margin-bottom: 30px; }
        .footer-links a { color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; }
        .footer-links a:hover { color: var(--gold); }
    </style>
</head>
<body>

<header>
    <a href="/" class="logo">
        <i class="fas fa-magic"></i>
        <span>EasyAi</span>
    </a>
    <nav>
        <a href="/" class="">Home</a>
        <a href="/dashboard" class="">My Agreements</a>
        <a href="/about" class="">About</a>
        <a href="/legal" class="">Legal</a>
        <a href="/admin/pricing" style="color: rgba(255,255,255,0.2); font-size: 10px;">Admin</a>
    </nav>
    <div style="display: flex; align-items: center; gap: 15px;">
        <a href="/wallet" style="color: var(--gold); text-decoration: none; font-weight: 600; font-size: 0.9rem;">₹850.00</a>
        <a href="/login" class="btn-gold">Login</a>
    </div>
</header>

<main>
    </main>

<footer>
    <div class="footer-links">
        <a href="/about">About</a>
        <a href="/services">Services</a>
        <a href="/legal">Privacy & Legal</a>
        <a href="mailto:info@jmdworld.in">Contact</a>
    </div>
    <p style="color: var(--text-secondary); font-size: 14px;">Powered by <b>JMD WORLD</b> ❤️ 🇮🇳</p>
    <p style="color: var(--text-secondary); font-size: 12px; margin-top: 10px;">&copy; 2026 EasyAi Agreement. All rights reserved.</p>
</footer>

<script>
    // Disable Right-Click
    document.addEventListener('contextmenu', event => event.preventDefault());

    // Disable Inspect Element Keyboard Shortcuts
    document.onkeydown = function(e) {
        if(event.keyCode == 123) { // F12
            return false;
        }
        if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) { // Ctrl+Shift+I
            return false;
        }
        if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)) { // Ctrl+Shift+C
            return false;
        }
        if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) { // Ctrl+Shift+J
            return false;
        }
        if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) { // Ctrl+U
            return false;
        }
    }
</script>

</body>
</html>
