feat: added seo template and prioduct.slug

shop/templates/components/product_card.html

@@ -2,7 +2,7 @@
   <div
     class="rounded-lg border border-gray-200 bg-white p-6 shadow-sm dark:border-gray-700 dark:bg-gray-800">
     <div class="h-56 w-full">
-      <a href="#">
+      <a href="{% url 'shop:product_detail' pk=product.pk slug=product.slug %}">
         <img class="mx-auto h-full dark:hidden" src="{{ product.images.all|first }}"
              alt="{{ product.name }}"/>
         <img class="mx-auto hidden h-full dark:block" src="{{ product.images.all|first }}"
@@ -11,7 +11,7 @@
     </div>
     <div class="pt-6">
 
-      <a href="{% url 'shop:product_detail' pk=product.pk %}"
+      <a href="{% url 'shop:product_detail' pk=product.pk slug=product.slug %}"
          class="text-lg font-semibold leading-tight text-gray-900 hover:underline dark:text-white">{{ product.name }}</a>
 
       <div class="mt-2 flex items-center gap-2">