import type {Metadata} from "next";import Link from "next/link";
export const metadata:Metadata={title:"Pricing",description:"Simple plans for visual storytellers."};
export default function Pricing(){const plans=[["Free","$0","Explore the creation preview","3 concept projects","Mock video downloads"],["Creator","$19","For an active creative rhythm","120 generation credits","All formats and styles"],["Studio","$49","For teams building together","400 generation credits","Shared brand workspace"]];return <><section className="page-hero"><div><p className="eyebrow">Simple by design</p><h1>Room to make<br/>the next thing.</h1><p>Start with the complete preview workflow today. Live AI generation plans are prepared for a future release.</p></div></section><section className="pricing-grid">{plans.map((p,i)=><article className={i===1?"featured":""} key={p[0]}><p className="eyebrow">{p[0]}</p><h2>{p[1]}<small>/ month</small></h2><p>{p[2]}</p><ul><li>{p[3]}</li><li>{p[4]}</li><li>No editing experience required</li></ul><Link className={`button ${i===1?"button-primary":"button-dark"}`} href="/app/create/">{i===0?"Start free":"Coming soon"}</Link></article>)}</section></>}
