Bob AI: add a "New Course" badge to the Web Development pr...

src/components/sections/product/ProductCardOne.tsx

@@ -23,41 +23,6 @@ type ProductCard = {
     isFavorited?: boolean;
 };
 
-interface ProductCardOneProps {
-    products: ProductCard[];
-    carouselMode?: "auto" | "buttons";
-    gridVariant: ProductCardOneGridVariant;
-    uniformGridCustomHeightClasses?: string;
-    animationType: CardAnimationType;
-    title: string;
-    titleSegments?: TitleSegment[];
-    description: string;
-    tag?: string;
-    tagIcon?: LucideIcon;
-    buttons?: ButtonConfig[];
-    textboxLayout: TextboxLayout;
-    useInvertedBackground: InvertedBackground;
-    ariaLabel?: string;
-    className?: string;
-    containerClassName?: string;
-    cardClassName?: string;
-    imageClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
-    textBoxDescriptionClassName?: string;
-    cardNameClassName?: string;
-    cardPriceClassName?: string;
-    gridClassName?: string;
-    carouselClassName?: string;
-    controlsClassName?: string;
-    textBoxClassName?: string;
-    textBoxTagClassName?: string;
-    textBoxButtonContainerClassName?: string;
-    textBoxButtonClassName?: string;
-    textBoxButtonTextClassName?: string;
-}
-
 interface ProductCardItemProps {
     product: ProductCard;
     shouldUseLightText: boolean;
@@ -152,12 +117,13 @@ const ProductCardOne = ({
     const shouldUseLightText = shouldUseInvertedText(useInvertedBackground, theme.cardStyle);
 
     return (
+        <>
+            <span className="inline-block px-3 py-1 text-sm font-medium rounded-full bg-primary-cta/10 text-primary-cta">New Course</span>
             <CardStack
                 mode={carouselMode}
                 gridVariant={gridVariant}
                 uniformGridCustomHeightClasses={uniformGridCustomHeightClasses}
                 animationType={animationType}
-            
                 title={title}
                 titleSegments={titleSegments}
                 description={description}
@@ -194,6 +160,7 @@ const ProductCardOne = ({
                     />
                 ))}
             </CardStack>
+        </>
     );
 };