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

This commit is contained in:
2026-01-03 14:04:32 +00:00
parent 2376275d5d
commit 0d2e5ff302

View File

@@ -7,7 +7,7 @@ import { useCardAnimation } from "@/components/cardStack/hooks/useCardAnimation"
import { cls, shouldUseInvertedText } from "@/lib/utils"; import { cls, shouldUseInvertedText } from "@/lib/utils";
import { useTheme } from "@/providers/themeProvider/ThemeProvider"; import { useTheme } from "@/providers/themeProvider/ThemeProvider";
import type { LucideIcon } from "lucide-react"; import type { LucideIcon } from "lucide-react";
import type { ButtonConfig, CardAnimationType, TitleSegment } from "@/components/cardStack/types"; import type { ButtonConfig, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants"; import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
type MediaProps = type MediaProps =
@@ -35,7 +35,7 @@ interface MetricCardElevenProps {
metrics: Metric[]; metrics: Metric[];
animationType: CardAnimationType; animationType: CardAnimationType;
title: string; title: string;
titleSegments?: TitleSegment[]; titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
description: string; description: string;
tag?: string; tag?: string;
tagIcon?: LucideIcon; tagIcon?: LucideIcon;
@@ -46,9 +46,9 @@ interface MetricCardElevenProps {
className?: string; className?: string;
containerClassName?: string; containerClassName?: string;
textBoxClassName?: string; textBoxClassName?: string;
textBoxTitleClassName?: string; textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
textBoxTitleImageWrapperClassName?: string; textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
textBoxTitleImageClassName?: string; textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
textBoxDescriptionClassName?: string; textBoxDescriptionClassName?: string;
textBoxTagClassName?: string; textBoxTagClassName?: string;
textBoxButtonContainerClassName?: string; textBoxButtonContainerClassName?: string;
@@ -57,7 +57,7 @@ interface MetricCardElevenProps {
gridClassName?: string; gridClassName?: string;
cardClassName?: string; cardClassName?: string;
valueClassName?: string; valueClassName?: string;
cardTitleClassName?: string; cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
cardDescriptionClassName?: string; cardDescriptionClassName?: string;
mediaCardClassName?: string; mediaCardClassName?: string;
mediaClassName?: string; mediaClassName?: string;
@@ -68,7 +68,7 @@ interface MetricTextCardProps {
shouldUseLightText: boolean; shouldUseLightText: boolean;
cardClassName?: string; cardClassName?: string;
valueClassName?: string; valueClassName?: string;
cardTitleClassName?: string; cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
cardDescriptionClassName?: string; cardDescriptionClassName?: string;
} }
@@ -83,7 +83,7 @@ const MetricTextCard = memo(({
shouldUseLightText, shouldUseLightText,
cardClassName = "", cardClassName = "",
valueClassName = "", valueClassName = "",
cardTitleClassName = "", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
cardDescriptionClassName = "", cardDescriptionClassName = "",
}: MetricTextCardProps) => { }: MetricTextCardProps) => {
return ( return (
@@ -103,7 +103,7 @@ const MetricTextCard = memo(({
<p className={cls( <p className={cls(
"text-xl md:text-2xl font-medium leading-tight truncate", "text-xl md:text-2xl font-medium leading-tight truncate",
shouldUseLightText ? "text-background" : "text-foreground", shouldUseLightText ? "text-background" : "text-foreground",
cardTitleClassName cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
)}> )}>
{metric.title} {metric.title}
</p> </p>
@@ -160,9 +160,9 @@ const MetricCardEleven = ({
className = "", className = "",
containerClassName = "", containerClassName = "",
textBoxClassName = "", textBoxClassName = "",
textBoxTitleClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
textBoxTitleImageWrapperClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
textBoxTitleImageClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
textBoxDescriptionClassName = "", textBoxDescriptionClassName = "",
textBoxTagClassName = "", textBoxTagClassName = "",
textBoxButtonContainerClassName = "", textBoxButtonContainerClassName = "",
@@ -171,7 +171,7 @@ const MetricCardEleven = ({
gridClassName = "", gridClassName = "",
cardClassName = "", cardClassName = "",
valueClassName = "", valueClassName = "",
cardTitleClassName = "", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
cardDescriptionClassName = "", cardDescriptionClassName = "",
mediaCardClassName = "", mediaCardClassName = "",
mediaClassName = "", mediaClassName = "",
@@ -205,9 +205,9 @@ const MetricCardEleven = ({
textboxLayout={textboxLayout} textboxLayout={textboxLayout}
useInvertedBackground={useInvertedBackground} useInvertedBackground={useInvertedBackground}
textBoxClassName={textBoxClassName} textBoxClassName={textBoxClassName}
titleClassName={textBoxTitleClassName} titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
titleImageWrapperClassName={textBoxTitleImageWrapperClassName} titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
titleImageClassName={textBoxTitleImageClassName} titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
descriptionClassName={textBoxDescriptionClassName} descriptionClassName={textBoxDescriptionClassName}
tagClassName={textBoxTagClassName} tagClassName={textBoxTagClassName}
buttonContainerClassName={textBoxButtonContainerClassName} buttonContainerClassName={textBoxButtonContainerClassName}
@@ -247,7 +247,7 @@ const MetricCardEleven = ({
cardClassName cardClassName
)} )}
valueClassName={valueClassName} valueClassName={valueClassName}
cardTitleClassName={cardTitleClassName} cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
cardDescriptionClassName={cardDescriptionClassName} cardDescriptionClassName={cardDescriptionClassName}
/> />
<MetricMediaCard <MetricMediaCard