added old price amount

features/category/components/CategoryProductsGrid.tsx

@@ -59,6 +59,9 @@ export default function CategoryProductsGrid({
             price={
               product.price_amount ? parseFloat(product.price_amount) : null
             }
+             oldPrice={
+                product.old_price_amount ? parseFloat(product.old_price_amount) : null
+              }
             struct_price_text={`${product.price_amount} TMT`}
             images={[product.media?.[0]?.images_400x400]}
             stock={product.stock}

features/collections/components/CollectionProductsGrid.tsx

@@ -58,6 +58,9 @@ export default function CollectionProductsGrid({
             price={
               product.price_amount ? parseFloat(product.price_amount) : null
             }
+             oldPrice={
+                product.old_price_amount ? parseFloat(product.old_price_amount) : null
+              }
             struct_price_text={`${product.price_amount} TMT`}
             images={[product.media?.[0]?.images_400x400]}
             stock={product.stock}

features/home/components/CategoryGrid.tsx

@@ -87,7 +87,7 @@ export default function CategoryGrid({
                 />
               </div>
               <CardContent className="py-4 px-3">
-                <p className="text-sm font-semibold text-gray-900 truncate text-center group-hover:text-gray-700 transition-colors">
+                <p className="text-sm font-semibold text-gray-900 text-center group-hover:text-gray-700 transition-colors">
                   {cat.name}
                 </p>
               </CardContent>

features/home/components/ProductCard.tsx

@@ -42,6 +42,7 @@ type ProductCardProps = {
   id: number;
   name: string;
   price: number | null;
+  oldPrice: number | null;
   struct_price_text: string;
   discount?: number | null;
   discount_text?: string | null;
@@ -58,6 +59,7 @@ export default function ProductCard({
   id,
   name,
   price,
+  oldPrice,
   struct_price_text,
   images,
   labels = [],
@@ -375,13 +377,18 @@ export default function ProductCard({
             </h3>
 
             {/* Price */}
-            <div className="flex items-baseline gap-2">
+            <div className="flex  items-baseline gap-1">
               <p
-                className="text-2xl font-bold tracking-tight"
+                className="text-xl font-bold tracking-tight"
                 style={{ color: price_color }}
               >
                 {struct_price_text}
               </p>
+              {oldPrice && (
+                <span className="text-sm text-gray-400 line-through ">
+                  {oldPrice} TMT
+                </span>
+              )}  
             </div>
             <div className="flex gap-2 items-center">
               {/* Favorite Button  */}

features/home/components/ProductGrid.tsx

@@ -89,6 +89,9 @@ export default function CollectionSection({ collection, locale }: Props) {
                 product.price_amount ? parseFloat(product.price_amount) : null
               }
               struct_price_text={formattedPrice}
+              oldPrice={
+                product.old_price_amount ? parseFloat(product.old_price_amount) : null
+              }
               images={allImages}
               labels={[]}
               price_color="#0059ff"

features/products/components/RelatedProductsSection.tsx

@@ -55,6 +55,9 @@ export function RelatedProductsSection({
               price={parseFloat(product.price_amount) || null}
               struct_price_text={
                 product.struct_price_text || `${product.price_amount} TMT`
+              }
+               oldPrice={
+                product.old_price_amount ? parseFloat(product.old_price_amount) : null
               }
               discount={product.discount}
               discount_text={product.discount_text}