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/feature/FeatureCardNine.tsx

Browse Source
This commit is contained in:
development
2026-01-03 14:04:14 +00:00
parent 60b66b0372
commit 3041ed848f
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/sections/feature/FeatureCardNine.tsx
View File

@@ -3,7 +3,7 @@
import TimelinePhoneView from "@/components/cardStack/layouts/timelines/TimelinePhoneView"; import TimelinePhoneView from "@/components/cardStack/layouts/timelines/TimelinePhoneView";
import { cls } from "@/lib/utils"; import { cls } from "@/lib/utils";
import type { LucideIcon } from "lucide-react"; 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 { TimelinePhoneViewItem } from "@/components/cardStack/hooks/usePhoneAnimations";
import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants"; import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
@@ -27,7 +27,7 @@ interface FeatureCardNineProps {
features: FeatureCard[]; features: FeatureCard[];
showStepNumbers: boolean; showStepNumbers: boolean;
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;
@@ -37,7 +37,7 @@ interface FeatureCardNineProps {
ariaLabel?: string; ariaLabel?: string;
className?: string; className?: string;
containerClassName?: string; containerClassName?: 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;
@@ -55,7 +55,7 @@ interface FeatureCardNineProps {
mobilePhoneFrameClassName?: string; mobilePhoneFrameClassName?: string;
featureContentClassName?: string; featureContentClassName?: string;
stepNumberClassName?: string; stepNumberClassName?: string;
featureTitleClassName?: string; featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
featureDescriptionClassName?: string; featureDescriptionClassName?: string;
} }
@@ -65,7 +65,7 @@ interface FeatureContentProps {
useInvertedBackground: InvertedBackground; useInvertedBackground: InvertedBackground;
featureContentClassName: string; featureContentClassName: string;
stepNumberClassName: string; stepNumberClassName: string;
featureTitleClassName: string; featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName: string;
featureDescriptionClassName: string; featureDescriptionClassName: string;
} }
@@ -75,7 +75,7 @@ const FeatureContent = ({
useInvertedBackground, useInvertedBackground,
featureContentClassName, featureContentClassName,
stepNumberClassName, stepNumberClassName,
featureTitleClassName, featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName,
featureDescriptionClassName, featureDescriptionClassName,
}: FeatureContentProps) => ( }: 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)}> <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> </p>
</div> </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} {feature.title}
</h2> </h2>
<p className={cls("text-base leading-[1.2] text-balance", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") ? "text-background/75" : "text-foreground/75", featureDescriptionClassName)}> <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", ariaLabel = "Feature section",
className = "", className = "",
containerClassName = "", containerClassName = "",
textBoxTitleClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
textBoxDescriptionClassName = "", textBoxDescriptionClassName = "",
textBoxClassName = "", textBoxClassName = "",
textBoxTagClassName = "", textBoxTagClassName = "",
@@ -132,7 +132,7 @@ const FeatureCardNine = ({
mobilePhoneFrameClassName = "", mobilePhoneFrameClassName = "",
featureContentClassName = "", featureContentClassName = "",
stepNumberClassName = "", stepNumberClassName = "",
featureTitleClassName = "", featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
featureDescriptionClassName = "", featureDescriptionClassName = "",
}: FeatureCardNineProps) => { }: FeatureCardNineProps) => {
const items: TimelinePhoneViewItem[] = features.map((feature, index) => ({ const items: TimelinePhoneViewItem[] = features.map((feature, index) => ({
@@ -144,7 +144,7 @@ const FeatureCardNine = ({
useInvertedBackground={useInvertedBackground} useInvertedBackground={useInvertedBackground}
featureContentClassName={featureContentClassName} featureContentClassName={featureContentClassName}
stepNumberClassName={stepNumberClassName} stepNumberClassName={stepNumberClassName}
featureTitleClassName={featureTitleClassName} featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName={featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
featureDescriptionClassName={featureDescriptionClassName} featureDescriptionClassName={featureDescriptionClassName}
/> />
), ),
@@ -174,7 +174,7 @@ const FeatureCardNine = ({
className={className} className={className}
containerClassName={containerClassName} containerClassName={containerClassName}
textBoxClassName={textBoxClassName} textBoxClassName={textBoxClassName}
titleClassName={textBoxTitleClassName} titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
descriptionClassName={textBoxDescriptionClassName} descriptionClassName={textBoxDescriptionClassName}
tagClassName={textBoxTagClassName} tagClassName={textBoxTagClassName}
buttonContainerClassName={textBoxButtonContainerClassName} buttonContainerClassName={textBoxButtonContainerClassName}