Update src/components/sections/pricing/PricingCardFour.tsx

This commit is contained in:
2026-01-03 14:04:42 +00:00
parent a7e780be0c
commit cf219751c3

View File

@@ -35,7 +35,7 @@ interface PricingCardFourProps {
plans: PricingPlan[]; plans: PricingPlan[];
useInvertedBackground: InvertedBackground; useInvertedBackground: InvertedBackground;
animationType: CardAnimationType; animationType: CardAnimationType;
featuresTitle?: string; featuresElevate Your Brand with Expert Copywriting and Content Enhancement?: string;
ariaLabel?: string; ariaLabel?: string;
className?: string; className?: string;
containerClassName?: string; containerClassName?: string;
@@ -44,12 +44,12 @@ interface PricingCardFourProps {
tagClassName?: string; tagClassName?: string;
titleClassName?: string; titleClassName?: string;
ctaCardClassName?: string; ctaCardClassName?: string;
ctaCardTitleClassName?: string; ctaCardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
ctaCardDescriptionClassName?: string; ctaCardDescriptionClassName?: string;
planSelectorClassName?: string; planSelectorClassName?: string;
priceClassName?: string; priceClassName?: string;
subtitleClassName?: string; subtitleClassName?: string;
featuresTitleClassName?: string; featuresElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
featuresGridClassName?: string; featuresGridClassName?: string;
featureItemClassName?: string; featureItemClassName?: string;
} }
@@ -62,7 +62,7 @@ const PricingCardFour = ({
plans, plans,
useInvertedBackground, useInvertedBackground,
animationType, animationType,
featuresTitle = "What's included", featuresElevate Your Brand with Expert Copywriting and Content Enhancement = "What's included",
ariaLabel = "Pricing section", ariaLabel = "Pricing section",
className = "", className = "",
containerClassName = "", containerClassName = "",
@@ -71,12 +71,12 @@ const PricingCardFour = ({
tagClassName = "", tagClassName = "",
titleClassName = "", titleClassName = "",
ctaCardClassName = "", ctaCardClassName = "",
ctaCardTitleClassName = "", ctaCardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
ctaCardDescriptionClassName = "", ctaCardDescriptionClassName = "",
planSelectorClassName = "", planSelectorClassName = "",
priceClassName = "", priceClassName = "",
subtitleClassName = "", subtitleClassName = "",
featuresTitleClassName = "", featuresElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
featuresGridClassName = "", featuresGridClassName = "",
featureItemClassName = "", featureItemClassName = "",
}: PricingCardFourProps) => { }: PricingCardFourProps) => {
@@ -142,7 +142,7 @@ const PricingCardFour = ({
)} )}
> >
<div className="flex flex-col gap-0"> <div className="flex flex-col gap-0">
<span className={cls("text-base md:text-xl font-medium text-background line-clamp-1", ctaCardTitleClassName)}> <span className={cls("text-base md:text-xl font-medium text-background line-clamp-1", ctaCardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
{ctaCard.title} {ctaCard.title}
</span> </span>
<span className={cls("text-sm text-background/60 line-clamp-1", ctaCardDescriptionClassName)}> <span className={cls("text-sm text-background/60 line-clamp-1", ctaCardDescriptionClassName)}>
@@ -203,9 +203,9 @@ const PricingCardFour = ({
<h4 className={cls( <h4 className={cls(
"text-lg font-medium", "text-lg font-medium",
shouldUseLightText ? "text-background" : "text-foreground", shouldUseLightText ? "text-background" : "text-foreground",
featuresTitleClassName featuresElevate Your Brand with Expert Copywriting and Content EnhancementClassName
)}> )}>
{featuresTitle} {featuresElevate Your Brand with Expert Copywriting and Content Enhancement}
</h4> </h4>
<div className={cls( <div className={cls(