export default function App() {
  return (
    <main className="page">
      <aside data-testid="card-1" className="card">
        <h1 className="hero-title">Hero One</h1>
        <p className="hero-hook">First card body copy.</p>
      </aside>
      <aside data-testid="card-2" className="card">
        <h1 className="hero-title">Hero Two</h1>
        <p className="hero-hook">Second card body copy.</p>
      </aside>
      <aside data-testid="card-3" className="card">
        <h1 className="hero-title">Hero Three</h1>
        <p className="hero-hook">Third card body copy.</p>
      </aside>
    </main>
  );
}
