Card

#ff7b72">import {
  FqCard, FqCardContent, FqCardHeader,
  FqCardTitle, FqCardDescription, FqCardFooter
} #ff7b72">from '@/components/harlowui/primitives/fq-card'
#ff7b72">export default function App() {
  #ff7b72">return (
    <#7ee787">FqCard variant="elevated" hoverable>
      <#7ee787">FqCardHeader>
        <#7ee787">FqCardTitle>Project Alpha</FqCardTitle>
        <#7ee787">FqCardDescription>Next-gen analytics platform</FqCardDescription>
      </#7ee787">FqCardHeader>
      <#7ee787">FqCardContent>
        <#7ee787">p>Card body content goes here.</p>
      </#7ee787">FqCardContent>
      <#7ee787">FqCardFooter>
        <#7ee787">button>View Details</button>
      </#7ee787">FqCardFooter>
    </#7ee787">FqCard>
  )
}