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

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

28
src/components/sections/feature/FeatureCardOne.tsx
View File

@@ -7,7 +7,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
import { getButtonProps } from "@/lib/buttonUtils"; import { getButtonProps } from "@/lib/buttonUtils";
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, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types"; import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
type FeatureCardOneGridVariant = Exclude<GridVariant, "uniform-alternating-heights" | "uniform-alternating-heights-inverted">; type FeatureCardOneGridVariant = Exclude<GridVariant, "uniform-alternating-heights" | "uniform-alternating-heights-inverted">;
import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants"; import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
@@ -38,7 +38,7 @@ interface FeatureCardOneProps {
uniformGridCustomHeightClasses?: string; uniformGridCustomHeightClasses?: string;
animationType: CardAnimationType; animationType: CardAnimationType;
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;
@@ -50,11 +50,11 @@ interface FeatureCardOneProps {
containerClassName?: string; containerClassName?: string;
cardClassName?: string; cardClassName?: string;
mediaClassName?: string; mediaClassName?: 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;
cardTitleClassName?: string; cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
cardDescriptionClassName?: string; cardDescriptionClassName?: string;
cardButtonClassName?: string; cardButtonClassName?: string;
cardButtonTextClassName?: string; cardButtonTextClassName?: string;
@@ -87,11 +87,11 @@ const FeatureCardOne = ({
containerClassName = "", containerClassName = "",
cardClassName = "", cardClassName = "",
mediaClassName = "", mediaClassName = "",
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 = "",
cardTitleClassName = "", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
cardDescriptionClassName = "", cardDescriptionClassName = "",
cardButtonClassName = "", cardButtonClassName = "",
cardButtonTextClassName = "", cardButtonTextClassName = "",
@@ -128,9 +128,9 @@ const FeatureCardOne = ({
carouselClassName={carouselClassName} carouselClassName={carouselClassName}
controlsClassName={controlsClassName} controlsClassName={controlsClassName}
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}
@@ -151,7 +151,7 @@ const FeatureCardOne = ({
imageClassName={cls("relative z-1 min-h-0 h-full", mediaClassName)} imageClassName={cls("relative z-1 min-h-0 h-full", mediaClassName)}
/> />
<div className="relative z-1 flex flex-col gap-1"> <div className="relative z-1 flex flex-col gap-1">
<h3 className={cls("text-2xl font-medium", shouldUseLightText && "text-background", cardTitleClassName)}> <h3 className={cls("text-2xl font-medium", shouldUseLightText && "text-background", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
{feature.title} {feature.title}
</h3> </h3>
<p className={cls("text-sm leading-[1.1]", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}> <p className={cls("text-sm leading-[1.1]", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>