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

This commit is contained in:
2026-01-03 14:04:17 +00:00
parent 92ded0cebf
commit ff3772d408

View File

@@ -5,7 +5,7 @@ import MediaContent from "@/components/shared/MediaContent";
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, 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"; import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
type FeatureCard = { type FeatureCard = {
@@ -21,7 +21,7 @@ type FeatureCard = {
interface FeatureCardSixProps { interface FeatureCardSixProps {
features: FeatureCard[]; features: FeatureCard[];
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;
@@ -31,7 +31,7 @@ interface FeatureCardSixProps {
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;
@@ -42,7 +42,7 @@ interface FeatureCardSixProps {
titleImageClassName?: string; titleImageClassName?: string;
cardContentClassName?: string; cardContentClassName?: string;
stepNumberClassName?: string; stepNumberClassName?: string;
cardTitleClassName?: string; cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
cardDescriptionClassName?: string; cardDescriptionClassName?: string;
imageContainerClassName?: string; imageContainerClassName?: string;
imageClassName?: string; imageClassName?: string;
@@ -61,7 +61,7 @@ const FeatureCardSix = ({
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 = "",
@@ -72,7 +72,7 @@ const FeatureCardSix = ({
titleImageClassName = "", titleImageClassName = "",
cardContentClassName = "", cardContentClassName = "",
stepNumberClassName = "", stepNumberClassName = "",
cardTitleClassName = "", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
cardDescriptionClassName = "", cardDescriptionClassName = "",
imageContainerClassName = "", imageContainerClassName = "",
imageClassName = "", imageClassName = "",
@@ -92,7 +92,7 @@ const FeatureCardSix = ({
useInvertedBackground={useInvertedBackground} useInvertedBackground={useInvertedBackground}
className={className} className={className}
containerClassName={containerClassName} containerClassName={containerClassName}
titleClassName={textBoxTitleClassName} titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
descriptionClassName={textBoxDescriptionClassName} descriptionClassName={textBoxDescriptionClassName}
textBoxClassName={textBoxClassName} textBoxClassName={textBoxClassName}
tagClassName={textBoxTagClassName} tagClassName={textBoxTagClassName}
@@ -120,7 +120,7 @@ const FeatureCardSix = ({
{feature.id} {feature.id}
</p> </p>
</div> </div>
<h2 className={cls("mt-1 text-4xl md:text-5xl font-medium leading-[1.15] text-balance truncate", shouldUseLightText && "text-background", cardTitleClassName)}> <h2 className={cls("mt-1 text-4xl md:text-5xl font-medium leading-[1.15] text-balance truncate", shouldUseLightText && "text-background", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
{feature.title} {feature.title}
</h2> </h2>
<p className={cls("text-base leading-[1.15] text-balance truncate", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}> <p className={cls("text-base leading-[1.15] text-balance truncate", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>