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

This commit is contained in:
2026-01-03 14:04:41 +00:00
parent 45742fa4f7
commit a7e780be0c

View File

@@ -8,7 +8,7 @@ import { getButtonProps } from "@/lib/buttonUtils";
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 PricingPlan = { type PricingPlan = {
@@ -19,7 +19,7 @@ type PricingPlan = {
period: string; period: string;
description: string; description: string;
button: ButtonConfig; button: ButtonConfig;
featuresTitle: string; featuresElevate Your Brand with Expert Copywriting and Content Enhancement: string;
features: string[]; features: string[];
}; };
@@ -27,7 +27,7 @@ interface PricingCardFiveProps {
plans: PricingPlan[]; plans: PricingPlan[];
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;
@@ -38,7 +38,7 @@ interface PricingCardFiveProps {
className?: string; className?: string;
containerClassName?: string; containerClassName?: string;
cardClassName?: string; cardClassName?: string;
textBoxTitleClassName?: string; textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
textBoxDescriptionClassName?: string; textBoxDescriptionClassName?: string;
textBoxClassName?: string; textBoxClassName?: string;
textBoxTagClassName?: string; textBoxTagClassName?: string;
@@ -54,7 +54,7 @@ interface PricingCardFiveProps {
planDescriptionClassName?: string; planDescriptionClassName?: string;
planButtonClassName?: string; planButtonClassName?: string;
planButtonTextClassName?: string; planButtonTextClassName?: string;
featuresTitleClassName?: string; featuresElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
featuresListClassName?: string; featuresListClassName?: string;
featureItemClassName?: string; featureItemClassName?: string;
featureIconClassName?: string; featureIconClassName?: string;
@@ -76,7 +76,7 @@ const PricingCardFive = ({
className = "", className = "",
containerClassName = "", containerClassName = "",
cardClassName = "", cardClassName = "",
textBoxTitleClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
textBoxDescriptionClassName = "", textBoxDescriptionClassName = "",
textBoxClassName = "", textBoxClassName = "",
textBoxTagClassName = "", textBoxTagClassName = "",
@@ -92,7 +92,7 @@ const PricingCardFive = ({
planDescriptionClassName = "", planDescriptionClassName = "",
planButtonClassName = "", planButtonClassName = "",
planButtonTextClassName = "", planButtonTextClassName = "",
featuresTitleClassName = "", featuresElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
featuresListClassName = "", featuresListClassName = "",
featureItemClassName = "", featureItemClassName = "",
featureIconClassName = "", featureIconClassName = "",
@@ -126,7 +126,7 @@ const PricingCardFive = ({
className={className} className={className}
containerClassName={containerClassName} containerClassName={containerClassName}
cardClassName={cardClassName} cardClassName={cardClassName}
titleClassName={textBoxTitleClassName} titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
descriptionClassName={textBoxDescriptionClassName} descriptionClassName={textBoxDescriptionClassName}
textBoxClassName={textBoxClassName} textBoxClassName={textBoxClassName}
tagClassName={textBoxTagClassName} tagClassName={textBoxTagClassName}
@@ -193,9 +193,9 @@ const PricingCardFive = ({
<h3 className={cls( <h3 className={cls(
"text-xl", "text-xl",
shouldUseLightText ? "text-background" : "text-foreground", shouldUseLightText ? "text-background" : "text-foreground",
featuresTitleClassName featuresElevate Your Brand with Expert Copywriting and Content EnhancementClassName
)}> )}>
{plan.featuresTitle} {plan.featuresElevate Your Brand with Expert Copywriting and Content Enhancement}
</h3> </h3>
<ul className={cls("flex flex-col gap-3", featuresListClassName)}> <ul className={cls("flex flex-col gap-3", featuresListClassName)}>
{plan.features.map((feature, index) => ( {plan.features.map((feature, index) => (