development/43e4aa20-c65e-460c-ad08-288073e1abd8
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
development
2026-01-03 14:04:35 +00:00
parent b60ac7d92f
commit 6e25e5defc
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/sections/metrics/MetricCardSeven.tsx
View File

@@ -6,7 +6,7 @@ import PricingFeatureList from "@/components/shared/PricingFeatureList";
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, 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"; import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
type Metric = { type Metric = {
@@ -23,7 +23,7 @@ interface MetricCardSevenProps {
uniformGridCustomHeightClasses?: string; uniformGridCustomHeightClasses?: string;
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;
@@ -34,12 +34,12 @@ interface MetricCardSevenProps {
className?: string; className?: string;
containerClassName?: string; containerClassName?: string;
cardClassName?: string; cardClassName?: 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;
valueClassName?: string; valueClassName?: string;
metricTitleClassName?: string; metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
featuresClassName?: string; featuresClassName?: string;
featureItemClassName?: string; featureItemClassName?: string;
gridClassName?: string; gridClassName?: string;
@@ -57,7 +57,7 @@ interface MetricCardItemProps {
shouldUseLightText: boolean; shouldUseLightText: boolean;
cardClassName?: string; cardClassName?: string;
valueClassName?: string; valueClassName?: string;
metricTitleClassName?: string; metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
featuresClassName?: string; featuresClassName?: string;
featureItemClassName?: string; featureItemClassName?: string;
} }
@@ -67,7 +67,7 @@ const MetricCardItem = memo(({
shouldUseLightText, shouldUseLightText,
cardClassName = "", cardClassName = "",
valueClassName = "", valueClassName = "",
metricTitleClassName = "", metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
featuresClassName = "", featuresClassName = "",
featureItemClassName = "", featureItemClassName = "",
}: MetricCardItemProps) => { }: MetricCardItemProps) => {
@@ -77,7 +77,7 @@ const MetricCardItem = memo(({
<h3 className={cls("relative z-1 text-9xl md:text-8xl font-medium text-accent truncate", valueClassName)}> <h3 className={cls("relative z-1 text-9xl md:text-8xl font-medium text-accent truncate", valueClassName)}>
{metric.value} {metric.value}
</h3> </h3>
<p className={cls("relative z-1 text-2xl md:text-xl truncate", shouldUseLightText ? "text-background" : "text-foreground", metricTitleClassName)}> <p className={cls("relative z-1 text-2xl md:text-xl truncate", shouldUseLightText ? "text-background" : "text-foreground", metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
{metric.title} {metric.title}
</p> </p>
</div> </div>
@@ -115,12 +115,12 @@ const MetricCardSeven = ({
className = "", className = "",
containerClassName = "", containerClassName = "",
cardClassName = "", cardClassName = "",
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 = "",
valueClassName = "", valueClassName = "",
metricTitleClassName = "", metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
featuresClassName = "", featuresClassName = "",
featureItemClassName = "", featureItemClassName = "",
gridClassName = "", gridClassName = "",
@@ -156,9 +156,9 @@ const MetricCardSeven = ({
carouselClassName={carouselClassName} carouselClassName={carouselClassName}
controlsClassName={controlsClassName} controlsClassName={controlsClassName}
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}
@@ -173,7 +173,7 @@ const MetricCardSeven = ({
shouldUseLightText={shouldUseLightText} shouldUseLightText={shouldUseLightText}
cardClassName={cardClassName} cardClassName={cardClassName}
valueClassName={valueClassName} valueClassName={valueClassName}
metricTitleClassName={metricTitleClassName} metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName={metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
featuresClassName={featuresClassName} featuresClassName={featuresClassName}
featureItemClassName={featureItemClassName} featureItemClassName={featureItemClassName}
/> />