import type { Metadata } from "next";
import { ToolCard } from "@/components/tool-card";
import { tools } from "@/lib/tool-data";
export const metadata: Metadata = { title:"AI creation tools", description:"Explore focused tools for turning scripts, images and ideas into visual stories." };
export default function ToolsPage(){return <><section className="page-hero"><div><p className="eyebrow">The creative toolkit</p><h1>One idea.<br/>Many ways in.</h1><p>Choose the workflow closest to what you already have. Every tool leads to the same calm, visual creation space.</p></div></section><section className="tools-grid">{tools.map((tool)=><ToolCard key={tool.slug} tool={tool}/>)}</section></>}