Update src/components/sections/metrics/MetricCardSix.tsx

This commit is contained in:
2026-01-03 14:04:36 +00:00
parent 6e25e5defc
commit 3593e80b5c

View File

@@ -6,7 +6,7 @@ import Tag from "@/components/shared/Tag";
import { cls, shouldUseInvertedText } from "@/lib/utils";
import { useTheme } from "@/providers/themeProvider/ThemeProvider";
import type { LucideIcon } from "lucide-react";
import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
type Metric = {
@@ -24,7 +24,7 @@ interface MetricCardSixProps {
uniformGridCustomHeightClasses?: string;
animationType: CardAnimationType;
title: string;
titleSegments?: TitleSegment[];
titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
description: string;
tag?: string;
tagIcon?: LucideIcon;
@@ -35,13 +35,13 @@ interface MetricCardSixProps {
className?: string;
containerClassName?: string;
cardClassName?: string;
textBoxTitleClassName?: string;
textBoxTitleImageWrapperClassName?: string;
textBoxTitleImageClassName?: string;
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
textBoxDescriptionClassName?: string;
valueClassName?: string;
metricTagClassName?: string;
metricTitleClassName?: string;
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
gridClassName?: string;
carouselClassName?: string;
controlsClassName?: string;
@@ -59,7 +59,7 @@ interface MetricCardItemProps {
cardClassName?: string;
valueClassName?: string;
metricTagClassName?: string;
metricTitleClassName?: string;
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
}
const MetricCardItem = memo(({
@@ -69,7 +69,7 @@ const MetricCardItem = memo(({
cardClassName = "",
valueClassName = "",
metricTagClassName = "",
metricTitleClassName = "",
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
}: MetricCardItemProps) => {
return (
<div className={cls("relative h-full card text-foreground rounded-theme-capped p-6 flex flex-col justify-between gap-4", cardClassName)}>
@@ -80,7 +80,7 @@ const MetricCardItem = memo(({
useInvertedBackground={useInvertedBackground}
className={metricTagClassName}
/>
<p className={cls("relative z-1 text-3xl", shouldUseLightText ? "text-background" : "text-foreground", metricTitleClassName)}>
<p className={cls("relative z-1 text-3xl", shouldUseLightText ? "text-background" : "text-foreground", metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
{metric.title}
</p>
</div>
@@ -111,13 +111,13 @@ const MetricCardSix = ({
className = "",
containerClassName = "",
cardClassName = "",
textBoxTitleClassName = "",
textBoxTitleImageWrapperClassName = "",
textBoxTitleImageClassName = "",
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
textBoxDescriptionClassName = "",
valueClassName = "",
metricTagClassName = "",
metricTitleClassName = "",
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
gridClassName = "",
carouselClassName = "",
controlsClassName = "",
@@ -151,9 +151,9 @@ const MetricCardSix = ({
carouselClassName={carouselClassName}
controlsClassName={controlsClassName}
textBoxClassName={textBoxClassName}
titleClassName={textBoxTitleClassName}
titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
titleImageClassName={textBoxTitleImageClassName}
titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
descriptionClassName={textBoxDescriptionClassName}
tagClassName={textBoxTagClassName}
buttonContainerClassName={textBoxButtonContainerClassName}
@@ -170,7 +170,7 @@ const MetricCardSix = ({
cardClassName={cardClassName}
valueClassName={valueClassName}
metricTagClassName={metricTagClassName}
metricTitleClassName={metricTitleClassName}
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName={metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
/>
))}
</CardStack>