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/FeatureCardFifteen.tsx

Browse Source
This commit is contained in:
development
2026-01-03 14:04:13 +00:00
parent f41a6f7bab
commit a8c6f641a0
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/sections/feature/FeatureCardFifteen.tsx
View File

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