<?php

if (!defined('ABSPATH')) {
    exit;
}

?>
<style>
    body {
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
        background: #f5faff;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: #0a4a7b;
    }

    .circle {
        width: 250px;
        height: 250px;
        background: #e9f3fb;
        border-radius: 50%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .plug,
    .socket {
        width: 80px;
        height: 20px;
        background: #4b9cd3;
        border-radius: 5px;
        position: absolute;
    }

    .plug {
        left: 35px;
        transform: rotate(15deg);
    }

    .socket {
        right: 35px;
        transform: rotate(-15deg);
    }

    .plug::after,
    .socket::after {
        content: "";
        position: absolute;
        top: 4px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: white;
    }

    .plug::after {
        right: -8px;
    }

    .socket::after {
        left: -8px;
    }

    h2 {
        font-size: 28px;
        margin: 10px 0 5px;
    }

    p {
        font-size: 16px;
        color: #3e6f9a;
    }
</style>
</head>

<body>
    <div class="circle">
        <div class="plug"></div>
        <div class="socket"></div>
    </div>
    <h2><?php echo esc_html__('This site is under maintenance', 'minifly'); ?></h2>
    <p><?php echo esc_html__('We\'re preparing to serve you better.', 'minifly'); ?></p>
</body>

</html>