Cards

<mijnui:card class="border max-w-80">
    <mijnui:card.content>
        <mijnui:card.title>Card Title</mijnui:card.title>
        <mijnui:card.description>Card Description</mijnui:card.description>
    </mijnui:card.con>
   
</mijnui:card>

<mijnui:card class="rounded-lg border max-w-96">
    <mijnui:card.header>
        <img    
            alt="PUMA Smash v2 Sneakers"
            loading="lazy"
            class="rounded-lg object-cover aspect-[4/3] mb-2"
            src="https://images.unsplash.com/photo-1608231387042-66d1773070a5?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
        <mijnui:card.title>PUMA Smash v2 Sneakers</mijnui:card.title>
        <mijnui:card.description>Classic tennis-inspired sneakers with a sleek design and everyday comfort.</mijnui:card.description>
    </mijnui:card.header>
    <mijnui:card.content>   

        <div class="flex items-center justify-between mb-4">
            <span class="text-3xl font-bold">$60</span>
           <mijnui:badge>In Stock</mijnui:badge>
        </div>
    </mijnui:card.content>
    <mijnui:card.footer>
        <mijnui:button color="primary" class="w-full "> Add To Cart</mijnui:button>
    </mijnui:card.footer>
</mijnui:card>