Update src/components/sections/pricing/PricingCardFive.tsx
This commit is contained in:
@@ -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) => (
|
||||||
|
|||||||
Reference in New Issue
Block a user