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

This commit is contained in:
2026-01-03 14:04:13 +00:00
parent f41a6f7bab
commit a8c6f641a0

View File

@@ -6,7 +6,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 { CardAnimationType, ButtonConfig, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
import type { CardAnimationType, ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
type Feature = {
id: string;
@@ -22,7 +22,7 @@ interface FeatureCardFifteenProps {
features: Feature[];
animationType: CardAnimationType;
title: string;
titleSegments?: TitleSegment[];
titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
description: string;
textboxLayout: TextboxLayout;
useInvertedBackground: InvertedBackground;
@@ -38,12 +38,12 @@ interface FeatureCardFifteenProps {
bottomCarouselClassName?: string;
cardClassName?: string;
mediaClassName?: string;
featureTitleClassName?: string;
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
featureDescriptionClassName?: string;
textBoxClassName?: string;
textBoxTitleClassName?: string;
textBoxTitleImageWrapperClassName?: string;
textBoxTitleImageClassName?: string;
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
textBoxDescriptionClassName?: string;
textBoxTagClassName?: string;
textBoxButtonContainerClassName?: string;
@@ -56,7 +56,7 @@ interface FeatureCardProps {
useInvertedBackground: "noInvert" | "invertDefault" | "invertCard";
cardClassName?: string;
mediaClassName?: string;
featureTitleClassName?: string;
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
featureDescriptionClassName?: string;
}
@@ -65,7 +65,7 @@ const FeatureCard = memo(({
useInvertedBackground,
cardClassName = "",
mediaClassName = "",
featureTitleClassName = "",
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
featureDescriptionClassName = "",
}: FeatureCardProps) => {
const theme = useTheme();
@@ -81,7 +81,7 @@ const FeatureCard = memo(({
imageClassName={cls("w-full aspect-square object-cover rounded-theme", mediaClassName)}
/>
<div className="flex flex-col gap-1">
<h3 className={cls("relative z-1 text-lg font-medium leading-tight", shouldUseLightText ? "text-background" : "text-foreground", featureTitleClassName)}>
<h3 className={cls("relative z-1 text-lg font-medium leading-tight", shouldUseLightText ? "text-background" : "text-foreground", featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
{feature.title}
</h3>
<p className={cls("relative z-1 text-base leading-tight truncate", shouldUseLightText ? "text-background/75" : "text-foreground/75", featureDescriptionClassName)}>
@@ -114,12 +114,12 @@ const FeatureCardFifteen = ({
bottomCarouselClassName = "",
cardClassName = "",
mediaClassName = "",
featureTitleClassName = "",
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
featureDescriptionClassName = "",
textBoxClassName = "",
textBoxTitleClassName = "",
textBoxTitleImageWrapperClassName = "",
textBoxTitleImageClassName = "",
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
textBoxDescriptionClassName = "",
textBoxTagClassName = "",
textBoxButtonContainerClassName = "",
@@ -148,9 +148,9 @@ const FeatureCardFifteen = ({
containerClassName={containerClassName}
className={className}
textBoxClassName={textBoxClassName}
titleClassName={textBoxTitleClassName}
titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
titleImageClassName={textBoxTitleImageClassName}
titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
descriptionClassName={textBoxDescriptionClassName}
tagClassName={textBoxTagClassName}
buttonContainerClassName={textBoxButtonContainerClassName}
@@ -166,7 +166,7 @@ const FeatureCardFifteen = ({
useInvertedBackground={useInvertedBackground}
cardClassName={cardClassName}
mediaClassName={mediaClassName}
featureTitleClassName={featureTitleClassName}
featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName={featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
featureDescriptionClassName={featureDescriptionClassName}
/>
))}