1export default function Page() {
 2  return (
 3    <main className="min-h-screen bg-zinc-950 text-zinc-100">
 4      <section className="hero">
 5        <h1>Stop chatting. Start acting.</h1>
 6        <p>A quiet AI that runs your stack while you sleep.</p>
 7        <a href="#tiers" className="cta">Try free →</a>
 8      </section>
 9      <section id="features" className="grid grid-cols-3 gap-6">
10        {/* Three feature cards */}
11        {features.map((f) => (
12          <div key={f.title} className="feature-card">
13            <h3>{f.title}</h3>
14            <p>{f.desc}</p>
15          </div>
16        ))}
17      </section>
18      <section id="tiers" className="pricing">
19        {tiers.map((t) => (
20          <div key={t.name} className="tier-card">
21            <h4>{t.name}</h4>
22            <div className="price">{t.price}</div>
23          </div>
24        ))}
25      </section>
26    </main>
27  );
28}