<div class="h-[600px] w-full border border-border rounded-lg overflow-y-auto bg-background flex flex-col">
  <header class="sticky top-0 z-10 w-full border-b border-border bg-background/95 backdrop-blur flex items-center h-16 px-8">
    <div class="font-bold text-lg">Acme Corp</div>
    <nav class="ml-auto hidden md:flex items-center gap-6 text-sm font-medium text-muted-foreground">
      <a href="#" class="hover:text-foreground">Features</a>
      <a href="#" class="hover:text-foreground">Pricing</a>
      <a href="#" class="hover:text-foreground">About</a>
      <button class="bg-primary text-primary-foreground h-9 px-4 rounded-md text-sm font-medium hover:bg-primary/90">Get Started</button>
    </nav>
  </header>
  <main class="flex-1 flex flex-col">
    <section class="py-24 px-8 text-center flex flex-col items-center justify-center">
      <h1 class="text-4xl md:text-6xl font-extrabold tracking-tight max-w-3xl mb-6">Build shipping faster than ever.</h1>
      <p class="text-lg text-muted-foreground max-w-xl mb-8">The most powerful platform for building amazing things. Scalable, secure, and ready for production.</p>
      <div class="flex gap-4"><button class="bg-primary text-primary-foreground h-11 px-8 rounded-md font-medium text-lg">Start Building</button><button class="border border-input bg-background h-11 px-8 rounded-md font-medium text-lg">Read Docs</button></div>
    </section>
    <section class="bg-muted py-24 px-8">
      <div class="max-w-5xl mx-auto grid md:grid-cols-3 gap-8 text-center">
        <div class="bg-background p-6 rounded-xl shadow-sm border border-border"><div class="h-12 w-12 bg-primary/10 rounded-lg mx-auto mb-4"></div><h3 class="font-bold mb-2">Fast</h3><p class="text-sm text-muted-foreground">Lightning fast performance out of the box.</p></div>
        <div class="bg-background p-6 rounded-xl shadow-sm border border-border"><div class="h-12 w-12 bg-primary/10 rounded-lg mx-auto mb-4"></div><h3 class="font-bold mb-2">Secure</h3><p class="text-sm text-muted-foreground">Enterprise-grade security by default.</p></div>
        <div class="bg-background p-6 rounded-xl shadow-sm border border-border"><div class="h-12 w-12 bg-primary/10 rounded-lg mx-auto mb-4"></div><h3 class="font-bold mb-2">Scalable</h3><p class="text-sm text-muted-foreground">Grows with your userbase infinitely.</p></div>
      </div>
    </section>
  </main>
  <footer class="border-t border-border py-12 text-center text-sm text-muted-foreground">© 2026 Acme Corp. All rights reserved.</footer>
</div>