Update src/components/sections/feature/FeatureCardNine.tsx

This commit is contained in:
2026-01-03 14:04:14 +00:00
parent 60b66b0372
commit 3041ed848f

View File

@@ -3,7 +3,7 @@
import TimelinePhoneView from "@/components/cardStack/layouts/timelines/TimelinePhoneView";
import { cls } from "@/lib/utils";
import type { LucideIcon } from "lucide-react";
import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
import type { TimelinePhoneViewItem } from "@/components/cardStack/hooks/usePhoneAnimations";
import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
@@ -27,7 +27,7 @@ interface FeatureCardNineProps {
features: FeatureCard[];
showStepNumbers: boolean;
title: string;
titleSegments?: TitleSegment[];
titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
description: string;
tag?: string;
tagIcon?: LucideIcon;
@@ -37,7 +37,7 @@ interface FeatureCardNineProps {
ariaLabel?: string;
className?: string;
containerClassName?: string;
textBoxTitleClassName?: string;
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
textBoxDescriptionClassName?: string;
textBoxClassName?: string;
textBoxTagClassName?: string;
@@ -55,7 +55,7 @@ interface FeatureCardNineProps {
mobilePhoneFrameClassName?: string;
featureContentClassName?: string;
stepNumberClassName?: string;
featureTitleClassName?: string;
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
featureDescriptionClassName?: string;
}
@@ -65,7 +65,7 @@ interface FeatureContentProps {
useInvertedBackground: InvertedBackground;
featureContentClassName: string;
stepNumberClassName: string;
featureTitleClassName: string;
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName: string;
featureDescriptionClassName: string;
}
@@ -75,7 +75,7 @@ const FeatureContent = ({
useInvertedBackground,
featureContentClassName,
stepNumberClassName,
featureTitleClassName,
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName,
featureDescriptionClassName,
}: FeatureContentProps) => (
<div className={cls("relative z-1 h-full w-content-width mx-auto md:w-full flex flex-col items-center text-center gap-3 md:px-5", featureContentClassName)}>
@@ -91,7 +91,7 @@ const FeatureContent = ({
</p>
</div>
)}
<h2 className={cls("text-5xl font-medium leading-[1.15] text-balance", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") && "text-background", featureTitleClassName)}>
<h2 className={cls("text-5xl font-medium leading-[1.15] text-balance", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") && "text-background", featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
{feature.title}
</h2>
<p className={cls("text-base leading-[1.2] text-balance", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") ? "text-background/75" : "text-foreground/75", featureDescriptionClassName)}>
@@ -114,7 +114,7 @@ const FeatureCardNine = ({
ariaLabel = "Feature section",
className = "",
containerClassName = "",
textBoxTitleClassName = "",
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
textBoxDescriptionClassName = "",
textBoxClassName = "",
textBoxTagClassName = "",
@@ -132,7 +132,7 @@ const FeatureCardNine = ({
mobilePhoneFrameClassName = "",
featureContentClassName = "",
stepNumberClassName = "",
featureTitleClassName = "",
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
featureDescriptionClassName = "",
}: FeatureCardNineProps) => {
const items: TimelinePhoneViewItem[] = features.map((feature, index) => ({
@@ -144,7 +144,7 @@ const FeatureCardNine = ({
useInvertedBackground={useInvertedBackground}
featureContentClassName={featureContentClassName}
stepNumberClassName={stepNumberClassName}
featureTitleClassName={featureTitleClassName}
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName={featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
featureDescriptionClassName={featureDescriptionClassName}
/>
),
@@ -174,7 +174,7 @@ const FeatureCardNine = ({
className={className}
containerClassName={containerClassName}
textBoxClassName={textBoxClassName}
titleClassName={textBoxTitleClassName}
titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
descriptionClassName={textBoxDescriptionClassName}
tagClassName={textBoxTagClassName}
buttonContainerClassName={textBoxButtonContainerClassName}