<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>The Zettwoch Group | Coming Soon</title>

  <style>

    * {

      box-sizing: border-box;

      margin: 0;

      padding: 0;

    }

    body {

      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

      background-color: #ffffff;

      color: #111827;

      min-height: 100vh;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      padding: 24px;

      text-align: center;

    }

    .container {

      max-width: 600px;

      width: 100%;

    }

    .logo {

      max-width: 280px;

      width: 100%;

      height: auto;

      margin-bottom: 40px;

    }

    h1 {

      font-size: 2rem;

      font-weight: 600;

      letter-spacing: -0.02em;

      margin-bottom: 12px;

    }

    p {

      color: #6b7280;

      font-size: 1.1rem;

      line-height: 1.6;

      margin-bottom: 32px;

    }

    .contact-btn {

      display: inline-block;

      text-decoration: none;

      background-color: #111827;

      color: #ffffff;

      padding: 12px 28px;

      border-radius: 6px;

      font-size: 0.95rem;

      font-weight: 500;

      transition: opacity 0.2s;

    }

    .contact-btn:hover {

      opacity: 0.85;

    }

  </style>

</head>

<body>

  <div class="container">

    <!-- Displays the logo in the folder -->

    <img src="logo.png" alt="The Zettwoch Group Logo" class="logo" />

    <h1>Website Under Construction</h1>

    <p>We are currently building our new digital experience. For inquiries, please reach out directly.</p>

    <a href="mailto:info@zettwochgroup.com" class="contact-btn">Contact Us</a>

  </div>

</body>

</html>