From 9d639fbd643deeade6a4fd4d76ba664213cb0041 Mon Sep 17 00:00:00 2001
From: Unchained <unchained@nodecrew.me>
Date: Sat, 21 Mar 2026 13:12:30 +0200
Subject: [PATCH] fix: Parse JSON description in NewHero component

- Import parseDescription in NewHero.tsx
- Use parseDescription for featured product description
---
 src/components/home/NewHero.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/home/NewHero.tsx b/src/components/home/NewHero.tsx
index 4e5d236..562cff6 100644
--- a/src/components/home/NewHero.tsx
+++ b/src/components/home/NewHero.tsx
@@ -6,7 +6,7 @@ import Image from "next/image";
 import Link from "next/link";
 import { useSaleorCheckoutStore } from "@/stores/saleorCheckoutStore";
 import type { Product } from "@/types/saleor";
-import { getProductPrice, getProductImage, formatPrice } from "@/lib/saleor";
+import { getProductPrice, getProductImage, formatPrice, parseDescription } from "@/lib/saleor";
 
 interface NewHeroProps {
   featuredProduct?: Product;
@@ -87,7 +87,7 @@ export default function NewHero({ featuredProduct }: NewHeroProps) {
 
                 {/* Description */}
                 <p className="text-sm text-[#4A4A4A]/70 mt-1 line-clamp-2">
-                  {featuredProduct.description?.replace(/<[^>]*>/g, "").slice(0, 100) ||
+                  {parseDescription(featuredProduct.description).slice(0, 100) ||
                     "Premium natural oil for hair and skin care"}
                 </p>