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

This commit is contained in:
2026-01-03 14:04:10 +00:00
parent c5d47fde9a
commit 1f191d25de

View File

@@ -4,7 +4,7 @@ import TimelineHorizontalCardStack from "@/components/cardStack/layouts/timeline
import { cls, shouldUseInvertedText } from "@/lib/utils";
import { useTheme } from "@/providers/themeProvider/ThemeProvider";
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 { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
type FeatureCard = {
@@ -21,7 +21,7 @@ type FeatureCard = {
interface FeatureCardEightProps {
features: FeatureCard[];
title: string;
titleSegments?: TitleSegment[];
titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
description: string;
tag?: string;
tagIcon?: LucideIcon;
@@ -31,7 +31,7 @@ interface FeatureCardEightProps {
ariaLabel?: string;
className?: string;
containerClassName?: string;
textBoxTitleClassName?: string;
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
textBoxDescriptionClassName?: string;
textBoxClassName?: string;
textBoxTagClassName?: string;
@@ -44,7 +44,7 @@ interface FeatureCardEightProps {
progressBarClassName?: string;
cardContentClassName?: string;
stepNumberClassName?: string;
cardTitleClassName?: string;
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
cardDescriptionClassName?: string;
mediaContainerClassName?: string;
mediaClassName?: string;
@@ -63,7 +63,7 @@ const FeatureCardEight = ({
ariaLabel = "Feature section",
className = "",
containerClassName = "",
textBoxTitleClassName = "",
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
textBoxDescriptionClassName = "",
textBoxClassName = "",
textBoxTagClassName = "",
@@ -76,7 +76,7 @@ const FeatureCardEight = ({
progressBarClassName = "",
cardContentClassName = "",
stepNumberClassName = "",
cardTitleClassName = "",
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
cardDescriptionClassName = "",
mediaContainerClassName = "",
mediaClassName = "",
@@ -104,7 +104,7 @@ const FeatureCardEight = ({
mediaItems={mediaItems}
className={className}
containerClassName={containerClassName}
titleClassName={textBoxTitleClassName}
titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
descriptionClassName={textBoxDescriptionClassName}
textBoxClassName={textBoxClassName}
tagClassName={textBoxTagClassName}
@@ -134,7 +134,7 @@ const FeatureCardEight = ({
{feature.id}
</p>
</div>
<h2 className={cls("mt-1 text-3xl font-medium leading-[1.15] text-balance", shouldUseLightText && "text-background", cardTitleClassName)}>
<h2 className={cls("mt-1 text-3xl font-medium leading-[1.15] text-balance", shouldUseLightText && "text-background", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
{feature.title}
</h2>
<p className={cls("text-base leading-[1.15] text-balance", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>