V IDE

index.html
style.css
script.js
<header class="hero">
  <h1>Experience the <span>Flow</span></h1>
  <p>Build faster, ship smarter, and scale effortlessly.</p>
  <div class="cta-group">
    <button class="btn-cta" onclick="activateFlow()">Get Started</button>
    <button class="btn-secondary" onclick="secondaryAction()">Learn More</button>
  </div>
</header>
body {
  margin: 0;
  background-color: #0b0f19;
  color: #ffffff;
  font-family: sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.hero { text-align: center; padding: 20px; }
h1 { font-size: 36px; margin-bottom: 10px; }
h1 span { color: #3b82f6; }
p { color: #94a3b8; margin-bottom: 20px; }
button { padding: 10px 20px; border-radius: 6px; border: none; cursor: pointer; font-weight: bold; }
.btn-cta { background: #3b82f6; color: white; }
.btn-secondary { background: #1e293b; color: white; margin-left: 10px; }
function activateFlow() {
  console.log("Flow environment initiated successfully.");
}

function secondaryAction() {
  console.error("Failed to load secondary action data context!");
}
Live Viewport
http://v-ide.local:3000
Terminal Logs