<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GeneXus Marketplace - Migration</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f4f6f8;
            color: #333;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            text-align: center;
        }

        .container {
            background: white;
            padding: 40px;
            border-radius: 10px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            max-width: 500px;
            width: 90%;
        }

        h1 {
            color: #d32f2f; /* GeneXus Red style */
            margin-bottom: 10px;
        }

        p {
            font-size: 1.1em;
            line-height: 1.6;
            color: #555;
            margin-bottom: 30px;
        }

        .btn {
            display: inline-block;
            background-color: #2c3e50;
            color: white;
            padding: 15px 30px;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
            transition: background 0.3s;
        }

        .btn:hover {
            background-color: #1a252f;
        }

        /* Gears Animation */
        .gears-container {
            position: relative;
            height: 100px;
            width: 100%;
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
        }

        .gear {
            fill: #95a5a6;
            animation: spin 4s linear infinite;
        }

        .gear-red {
            fill: #e74c3c;
            animation: spin-reverse 4s linear infinite;
        }

        @keyframes spin { 100% { transform: rotate(360deg); } }
        @keyframes spin-reverse { 100% { transform: rotate(-360deg); } }

    </style>
</head>
<body>

    <div class="container">
        <div class="gears-container">
            <svg class="gear" width="80" height="80" viewBox="0 0 24 24" style="margin-right: -15px;">
                <path d="M12 16c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4zm0-6c1.084 0 2 .916 2 2s-.916 2-2 2-2-.916-2-2 .916-2 2-2z"/>
                <path d="M19.497 11.595l1.649-2.768a.998.998 0 0 0-.316-1.326l-1.531-1.018a1 1 0 0 0-1.077.069l-2.035 1.488a7.873 7.873 0 0 0-1.87-1.111l-.372-2.527a1.002 1.002 0 0 0-.968-.853L10.975 3.5a1 1 0 0 0-.996.864l-.32 2.502a8.038 8.038 0 0 0-1.92 1.13L5.7 6.556a1 1 0 0 0-1.082-.045L3.11 7.551a1.002 1.002 0 0 0-.313 1.343l1.688 2.766a8.005 8.005 0 0 0 0 2.679l-1.685 2.762a1.002 1.002 0 0 0 .313 1.344l1.508 1.005a1.003 1.003 0 0 0 1.083-.046l2.037-1.451a7.994 7.994 0 0 0 1.916 1.13l.32 2.502a1 1 0 0 0 .995.864h2.002a1.001 1.001 0 0 0 .988-.864l.372-2.527a7.877 7.877 0 0 0 1.87-1.111l2.035 1.488a1.002 1.002 0 0 0 1.077.069l1.531-1.018a.998.998 0 0 0 .316-1.326l-1.649-2.768a7.984 7.984 0 0 0 0-2.679z"/>
            </svg>
            
            <svg class="gear-red" width="50" height="50" viewBox="0 0 24 24" style="margin-top: 30px;">
                <path d="M12 16c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4zm0-6c1.084 0 2 .916 2 2s-.916 2-2 2-2-.916-2-2 .916-2 2-2z"/>
                <path d="M19.497 11.595l1.649-2.768a.998.998 0 0 0-.316-1.326l-1.531-1.018a1 1 0 0 0-1.077.069l-2.035 1.488a7.873 7.873 0 0 0-1.87-1.111l-.372-2.527a1.002 1.002 0 0 0-.968-.853L10.975 3.5a1 1 0 0 0-.996.864l-.32 2.502a8.038 8.038 0 0 0-1.92 1.13L5.7 6.556a1 1 0 0 0-1.082-.045L3.11 7.551a1.002 1.002 0 0 0-.313 1.343l1.688 2.766a8.005 8.005 0 0 0 0 2.679l-1.685 2.762a1.002 1.002 0 0 0 .313 1.344l1.508 1.005a1.003 1.003 0 0 0 1.083-.046l2.037-1.451a7.994 7.994 0 0 0 1.916 1.13l.32 2.502a1 1 0 0 0 .995.864h2.002a1.001 1.001 0 0 0 .988-.864l.372-2.527a7.877 7.877 0 0 0 1.87-1.111l2.035 1.488a1.002 1.002 0 0 0 1.077.069l1.531-1.018a.998.998 0 0 0 .316-1.326l-1.649-2.768a7.984 7.984 0 0 0 0-2.679z"/>
            </svg>
        </div>

        <h1>We have moved!</h1>
        <p>
            The <strong>GeneXus Marketplace</strong> has evolved and has a new address. 
            <br>
            We have moved all our content to a new infrastructure to serve you better.
        </p>

        <a href="https://market.gxapps.cloud" class="btn">Go to the new site</a>
        
        <br><br>
        <small style="color: #999;">Please update your bookmarks.</small>
    </div>

</body>
</html>