<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Welcome to Butterfly DXP</title> <style> 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; } </style> </head> <body> <div class="container"> <img src="https://thebutterfly.io/butterfly-logo.png" alt="Butterfly DXP Logo"> <h1>Welcome to Butterfly DXP</h1> <p>Your ultimate digital experience starts here.</p> <div class="button"> <a target="_blank" href="/admin">Get Started</a> <a target="_blank" href="https://thebutterfly.io/docs">Documentation</a> </div> </div> </body> </html>