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

Browse Source
This commit is contained in:
development
2026-01-03 14:04:19 +00:00
parent 0f5cb2e5e8
commit 61da0bf39c
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/sections/feature/FeatureCardTen.tsx
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, 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"; import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
type FeatureMedia = { type FeatureMedia = {
@@ -33,7 +33,7 @@ interface FeatureCard {
interface FeatureCardTenProps { interface FeatureCardTenProps {
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;
@@ -45,7 +45,7 @@ interface FeatureCardTenProps {
className?: string; className?: string;
containerClassName?: string; containerClassName?: string;
textBoxClassName?: string; textBoxClassName?: string;
textBoxTitleClassName?: string; textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
textBoxDescriptionClassName?: string; textBoxDescriptionClassName?: string;
textBoxTagClassName?: string; textBoxTagClassName?: string;
textBoxButtonContainerClassName?: string; textBoxButtonContainerClassName?: string;
@@ -58,7 +58,7 @@ interface FeatureCardTenProps {
mediaCardClassName?: string; mediaCardClassName?: string;
numberClassName?: string; numberClassName?: string;
contentWrapperClassName?: string; contentWrapperClassName?: string;
featureTitleClassName?: string; featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
featureDescriptionClassName?: string; featureDescriptionClassName?: string;
listItemClassName?: string; listItemClassName?: string;
iconContainerClassName?: string; iconContainerClassName?: string;
@@ -92,7 +92,7 @@ interface FeatureContentProps {
feature: FeatureCard; feature: FeatureCard;
useInvertedBackground: InvertedBackground; useInvertedBackground: InvertedBackground;
shouldUseLightText: boolean; shouldUseLightText: boolean;
featureTitleClassName: string; featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName: string;
featureDescriptionClassName: string; featureDescriptionClassName: string;
listItemClassName: string; listItemClassName: string;
iconContainerClassName: string; iconContainerClassName: string;
@@ -103,14 +103,14 @@ const FeatureContent = ({
feature, feature,
useInvertedBackground, useInvertedBackground,
shouldUseLightText, shouldUseLightText,
featureTitleClassName, featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName,
featureDescriptionClassName, featureDescriptionClassName,
listItemClassName, listItemClassName,
iconContainerClassName, iconContainerClassName,
iconClassName, iconClassName,
}: FeatureContentProps) => ( }: FeatureContentProps) => (
<div className="flex flex-col gap-3" > <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} {feature.title}
</h3> </h3>
<p className={cls("text-base leading-[1.2]", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") ? "text-background/75" : "text-foreground/75", featureDescriptionClassName)}> <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 = "", className = "",
containerClassName = "", containerClassName = "",
textBoxClassName = "", textBoxClassName = "",
textBoxTitleClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
textBoxDescriptionClassName = "", textBoxDescriptionClassName = "",
textBoxTagClassName = "", textBoxTagClassName = "",
textBoxButtonContainerClassName = "", textBoxButtonContainerClassName = "",
@@ -170,7 +170,7 @@ const FeatureCardTen = ({
mediaCardClassName = "", mediaCardClassName = "",
numberClassName = "", numberClassName = "",
contentWrapperClassName = "", contentWrapperClassName = "",
featureTitleClassName = "", featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
featureDescriptionClassName = "", featureDescriptionClassName = "",
listItemClassName = "", listItemClassName = "",
iconContainerClassName = "", iconContainerClassName = "",
@@ -195,7 +195,7 @@ const FeatureCardTen = ({
feature={feature} feature={feature}
useInvertedBackground={useInvertedBackground} useInvertedBackground={useInvertedBackground}
shouldUseLightText={shouldUseLightText} shouldUseLightText={shouldUseLightText}
featureTitleClassName={featureTitleClassName} featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName={featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
featureDescriptionClassName={featureDescriptionClassName} featureDescriptionClassName={featureDescriptionClassName}
listItemClassName={listItemClassName} listItemClassName={listItemClassName}
iconContainerClassName={iconContainerClassName} iconContainerClassName={iconContainerClassName}
@@ -220,7 +220,7 @@ const FeatureCardTen = ({
className={className} className={className}
containerClassName={containerClassName} containerClassName={containerClassName}
textBoxClassName={textBoxClassName} textBoxClassName={textBoxClassName}
textBoxTitleClassName={textBoxTitleClassName} textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
textBoxDescriptionClassName={textBoxDescriptionClassName} textBoxDescriptionClassName={textBoxDescriptionClassName}
textBoxTagClassName={textBoxTagClassName} textBoxTagClassName={textBoxTagClassName}
textBoxButtonContainerClassName={textBoxButtonContainerClassName} textBoxButtonContainerClassName={textBoxButtonContainerClassName}