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

Browse Source
This commit is contained in:
development
2026-01-03 14:04:14 +00:00
parent a8c6f641a0
commit 60b66b0372
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/FeatureCardFourteen.tsx
View File

@@ -8,7 +8,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, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types"; import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
type Feature = { type Feature = {
id: string; id: string;
@@ -23,7 +23,7 @@ type Feature = {
interface FeatureCardFourteenProps { interface FeatureCardFourteenProps {
features: Feature[]; features: Feature[];
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;
@@ -34,12 +34,12 @@ interface FeatureCardFourteenProps {
className?: string; className?: string;
containerClassName?: string; containerClassName?: string;
cardClassName?: string; cardClassName?: 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;
cardImageClassName?: string; cardImageClassName?: string;
cardTitleClassName?: string; cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
cardDescriptionClassName?: string; cardDescriptionClassName?: string;
cardContentClassName?: string; cardContentClassName?: string;
carouselClassName?: string; carouselClassName?: string;
@@ -56,7 +56,7 @@ interface FeatureCardProps {
shouldUseLightText: boolean; shouldUseLightText: boolean;
cardClassName?: string; cardClassName?: string;
imageClassName?: string; imageClassName?: string;
cardTitleClassName?: string; cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
cardDescriptionClassName?: string; cardDescriptionClassName?: string;
cardContentClassName?: string; cardContentClassName?: string;
} }
@@ -66,7 +66,7 @@ const FeatureCard = memo(({
shouldUseLightText, shouldUseLightText,
cardClassName = "", cardClassName = "",
imageClassName = "", imageClassName = "",
cardTitleClassName = "", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
cardDescriptionClassName = "", cardDescriptionClassName = "",
cardContentClassName = "", cardContentClassName = "",
}: FeatureCardProps) => { }: FeatureCardProps) => {
@@ -81,7 +81,7 @@ const FeatureCard = memo(({
/> />
<div className={cls("absolute! md:max-w-[var(--width-30)] card backdrop-blur-xs rounded-theme-capped bottom-8 left-8 right-8 md:right-auto p-6", cardContentClassName)}> <div className={cls("absolute! md:max-w-[var(--width-30)] card backdrop-blur-xs rounded-theme-capped bottom-8 left-8 right-8 md:right-auto p-6", cardContentClassName)}>
<div className="w-full min-w-0 flex flex-col gap-1"> <div className="w-full min-w-0 flex flex-col gap-1">
<h2 className={cls("text-3xl md:text-4xl font-medium leading-[1.15] text-balance truncate", shouldUseLightText && "text-background", cardTitleClassName)}> <h2 className={cls("text-3xl md:text-4xl font-medium leading-[1.15] text-balance truncate", shouldUseLightText && "text-background", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
{feature.title} {feature.title}
</h2> </h2>
<p className={cls("text-base leading-[1.15] text-balance truncate", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}> <p className={cls("text-base leading-[1.15] text-balance truncate", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>
@@ -109,12 +109,12 @@ const FeatureCardFourteen = ({
className = "", className = "",
containerClassName = "", containerClassName = "",
cardClassName = "", cardClassName = "",
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 = "",
cardImageClassName = "", cardImageClassName = "",
cardTitleClassName = "", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
cardDescriptionClassName = "", cardDescriptionClassName = "",
cardContentClassName = "", cardContentClassName = "",
carouselClassName = "", carouselClassName = "",
@@ -143,9 +143,9 @@ const FeatureCardFourteen = ({
carouselClassName={carouselClassName} carouselClassName={carouselClassName}
dotsClassName={dotsClassName} dotsClassName={dotsClassName}
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}
@@ -160,7 +160,7 @@ const FeatureCardFourteen = ({
shouldUseLightText={shouldUseLightText} shouldUseLightText={shouldUseLightText}
cardClassName={cardClassName} cardClassName={cardClassName}
imageClassName={cardImageClassName} imageClassName={cardImageClassName}
cardTitleClassName={cardTitleClassName} cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
cardDescriptionClassName={cardDescriptionClassName} cardDescriptionClassName={cardDescriptionClassName}
cardContentClassName={cardContentClassName} cardContentClassName={cardContentClassName}
/> />