
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
&lt;title&gt;Welcome to Butterfly DXP&lt;/title&gt;
&lt;style&gt;
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background-color: #f0f0f0;
    }
    .container {
        text-align: center;
        margin-top: -100px;
    }
    img {
        width: 200px;
        height: auto;
    }
    h1 {
        font-size: 2.5rem;
        color: #333;
        margin-top: 20px;
    }
    p {
        font-size: 1.2rem;
        color: #666;
        padding-bottom: 20px;
    }
    .button {
        margin-top: 20px;
    }
    .button a {
        background-color: #6200ea;
        color: white;
        padding: 10px 20px;
        text-decoration: none;
        border-radius: 5px;
        font-size: 1rem;
        margin-right: 10px;
    }
    .button a:hover {
        background-color: #3700b3;
    }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div class=&quot;container&quot;&gt;
&lt;img src=&quot;https://thebutterfly.io/butterfly-logo.png&quot; alt=&quot;Butterfly DXP Logo&quot;&gt;
&lt;h1&gt;Welcome to Butterfly DXP&lt;/h1&gt;
&lt;p&gt;Your ultimate digital experience starts here.&lt;/p&gt;
&lt;div class=&quot;button&quot;&gt;
    &lt;a target=&quot;_blank&quot; href=&quot;/admin&quot;&gt;Get Started&lt;/a&gt;
    &lt;a target=&quot;_blank&quot; href=&quot;https://thebutterfly.io/docs&quot;&gt;Documentation&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;