ARCUSCLO – Just another WordPress site

<!DOCTYPE html><html lang=”en”><head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>ARCUS – Coming Soon</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif; background: #000000; color: #ffffff; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow-x: hidden; } .container { max-width: 1200px; width: 100%; padding: 40px 20px; text-align: center; } .logo { width: 120px; height: 120px; margin: 0 auto 30px; } .brand-name { font-size: 72px; font-weight: 800; letter-spacing: 8px; margin-bottom: 20px; color: #ffffff; } .tagline { font-size: 18px; font-weight: 300; letter-spacing: 3px; margin-bottom: 10px; color: #D76A3C; text-transform: uppercase; } .divider { width: 80px; height: 2px; background: linear-gradient(90deg, #D76A3C 0%, #2D5016 100%); margin: 40px auto; } .philosophy { font-size: 24px; font-weight: 400; letter-spacing: 2px; margin-bottom: 60px; color: #cccccc; } .coming-soon { font-size: 14px; font-weight: 600; letter-spacing: 4px; margin-bottom: 30px; color: #2D5016; text-transform: uppercase; } .email-signup { max-width: 500px; margin: 0 auto; display: flex; gap: 10px; } .email-input { flex: 1; padding: 18px 24px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; color: #ffffff; font-size: 16px; outline: none; transition: all 0.3s ease; } .email-input:focus { background: rgba(255, 255, 255, 0.08); border-color: #D76A3C; } .email-input::placeholder { color: rgba(255, 255, 255, 0.4); } .submit-btn { padding: 18px 40px; background: #D76A3C; border: none; border-radius: 4px; color: #ffffff; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 2px; } .submit-btn:hover { background: #2D5016; transform: translateY(-2px); } .accent-dot { position: fixed; width: 8px; height: 8px; background: #D76A3C; border-radius: 50%; opacity: 0.6; } .accent-dot:nth-child(1) { top: 10%; left: 5%; } .accent-dot:nth-child(2) { top: 80%; right: 8%; background: #2D5016; } .accent-dot:nth-child(3) { bottom: 15%; left: 10%; } @media (max-width: 768px) { .brand-name { font-size: 48px; letter-spacing: 6px; } .tagline { font-size: 14px; } .philosophy { font-size: 18px; } .email-signup { flex-direction: column; } .submit-btn { width: 100%; } } </style></head><body> <div class=”accent-dot”></div> <div class=”accent-dot”></div> <div class=”accent-dot”></div> <div class=”container”> <!– ARCUS Logo (pyramid/arc design) –> <svg class=”logo” viewBox=”0 0 200 200″ xmlns=”http://www.w3.org/2000/svg”> <path d=”M 30 170 Q 60 100, 100 40 Q 140 100, 170 170 L 170 150 L 120 150 L 120 110 L 80 110 L 80 150 L 30 150 Z” fill=”none” stroke=”#ffffff” stroke-width=”18″ stroke-linecap=”round” stroke-linejoin=”round”/> </svg> <h1 class=”brand-name”>ARCUS</h1> <p class=”tagline”>Liverpool Born</p> <div class=”divider”></div> <p class=”philosophy”>Resistance Reveals Resolution</p> <p class=”coming-soon”>Launching Summer 2026</p> <form class=”email-signup” onsubmit=”handleSubmit(event)”> <input type=”email” class=”email-input” placeholder=”Enter your email” required /> <button type=”submit” class=”submit-btn”>Notify Me</button> </form> </div> <script> function handleSubmit(event) { event.preventDefault(); const email = event.target.querySelector(‘input’).value; alert(‘Thanks for your interest! We\’ll notify you at: ‘ + email); event.target.reset(); } </script></body></html>