<.card >
  <.card_header>
    <.card_title>Card Title</.card_title>
    <.card_description>Card description goes here.</.card_description>
  </.card_header>
  <.card_content>
    <p>Card content with some text.</p>
  </.card_content>
</.card>

<.card >
  <.card_header>
    <.card_title>Account</.card_title>
    <.card_description>Manage your account settings.</.card_description>
  </.card_header>
  <.card_content>
    <p>Your plan: <strong>Pro</strong></p>
  </.card_content>
  <.card_footer>
    <.button size="sm">Save changes</.button>
  </.card_footer>
</.card>

<.card >
  <.card_header>
    <.card_title>Notifications</.card_title>
    <.card_description>You have 3 unread messages.</.card_description>
    <.card_action>
      <.badge variant="secondary">3</.badge>
    </.card_action>
  </.card_header>
  <.card_content>
    <p>Check your inbox for details.</p>
  </.card_content>
</.card>