added

components/products/RelatedProductCards.jsx

@@ -30,7 +30,7 @@ const RelatedProductCards = ({ productId }) => {
           You may also like
         </h1>
       </div>
-      <div className="overflow-x-auto sm:pl-[400px] hide-navbar gap-5 flex items-center justify-center">
+      <div className="overflow-x-auto  hide-navbar gap-5 flex items-center justify-center">
         {relatedProducts.map((product) => (
           <Link href={`/products/${product.id}`} key={product.id}>
             <div
@@ -43,7 +43,7 @@ const RelatedProductCards = ({ productId }) => {
               <div className="sm:h-[300px] h-[200px] w-[200px] sm:w-[300px] flex items-center justify-center overflow-hidden">
                 <Image
                   src={`${backendUrl}${product?.images[0]?.image}`}
-                  alt={`Logo for ${product.title}`}
+                  alt={`Logo for ${product.product_name}`}
                   width={300}
                   height={300}
                   className="w-full h-full object-cover hover:scale-125 transition-transform ease-in-out duration-300"
@@ -51,7 +51,7 @@ const RelatedProductCards = ({ productId }) => {
               </div>
               <div className="p-4 ">
                 <h3 className="text-center text-[1rem] uppercase  text-gray-800">
-                  {product.title}
+                  {product.product_name}
                 </h3>
               </div>
             </div>