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

This commit is contained in:
2026-01-03 14:04:19 +00:00
parent 0f5cb2e5e8
commit 61da0bf39c

View File

@@ -5,7 +5,7 @@ import MediaContent from "@/components/shared/MediaContent";
import { cls, shouldUseInvertedText } from "@/lib/utils";
import { useTheme } from "@/providers/themeProvider/ThemeProvider";
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";
type FeatureMedia = {
@@ -33,7 +33,7 @@ interface FeatureCard {
interface FeatureCardTenProps {
features: FeatureCard[];
title: string;
titleSegments?: TitleSegment[];
titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
description: string;
tag?: string;
tagIcon?: LucideIcon;
@@ -45,7 +45,7 @@ interface FeatureCardTenProps {
className?: string;
containerClassName?: string;
textBoxClassName?: string;
textBoxTitleClassName?: string;
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
textBoxDescriptionClassName?: string;
textBoxTagClassName?: string;
textBoxButtonContainerClassName?: string;
@@ -58,7 +58,7 @@ interface FeatureCardTenProps {
mediaCardClassName?: string;
numberClassName?: string;
contentWrapperClassName?: string;
featureTitleClassName?: string;
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
featureDescriptionClassName?: string;
listItemClassName?: string;
iconContainerClassName?: string;
@@ -92,7 +92,7 @@ interface FeatureContentProps {
feature: FeatureCard;
useInvertedBackground: InvertedBackground;
shouldUseLightText: boolean;
featureTitleClassName: string;
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName: string;
featureDescriptionClassName: string;
listItemClassName: string;
iconContainerClassName: string;
@@ -103,14 +103,14 @@ const FeatureContent = ({
feature,
useInvertedBackground,
shouldUseLightText,
featureTitleClassName,
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName,
featureDescriptionClassName,
listItemClassName,
iconContainerClassName,
iconClassName,
}: FeatureContentProps) => (
<div className="flex flex-col gap-3" >
<h3 className={cls("text-xl md:text-4xl font-medium leading-[1.15]", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") && "text-background", featureTitleClassName)}>
<h3 className={cls("text-xl md:text-4xl font-medium leading-[1.15]", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") && "text-background", featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
{feature.title}
</h3>
<p className={cls("text-base leading-[1.2]", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") ? "text-background/75" : "text-foreground/75", featureDescriptionClassName)}>
@@ -157,7 +157,7 @@ const FeatureCardTen = ({
className = "",
containerClassName = "",
textBoxClassName = "",
textBoxTitleClassName = "",
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
textBoxDescriptionClassName = "",
textBoxTagClassName = "",
textBoxButtonContainerClassName = "",
@@ -170,7 +170,7 @@ const FeatureCardTen = ({
mediaCardClassName = "",
numberClassName = "",
contentWrapperClassName = "",
featureTitleClassName = "",
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
featureDescriptionClassName = "",
listItemClassName = "",
iconContainerClassName = "",
@@ -195,7 +195,7 @@ const FeatureCardTen = ({
feature={feature}
useInvertedBackground={useInvertedBackground}
shouldUseLightText={shouldUseLightText}
featureTitleClassName={featureTitleClassName}
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName={featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
featureDescriptionClassName={featureDescriptionClassName}
listItemClassName={listItemClassName}
iconContainerClassName={iconContainerClassName}
@@ -220,7 +220,7 @@ const FeatureCardTen = ({
className={className}
containerClassName={containerClassName}
textBoxClassName={textBoxClassName}
textBoxTitleClassName={textBoxTitleClassName}
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
textBoxDescriptionClassName={textBoxDescriptionClassName}
textBoxTagClassName={textBoxTagClassName}
textBoxButtonContainerClassName={textBoxButtonContainerClassName}