Update src/components/sections/feature/FeatureCardOne.tsx
This commit is contained in:
@@ -7,7 +7,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
|
||||
import { getButtonProps } from "@/lib/buttonUtils";
|
||||
import { useTheme } from "@/providers/themeProvider/ThemeProvider";
|
||||
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">;
|
||||
import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
|
||||
@@ -38,7 +38,7 @@ interface FeatureCardOneProps {
|
||||
uniformGridCustomHeightClasses?: string;
|
||||
animationType: CardAnimationType;
|
||||
title: string;
|
||||
titleSegments?: TitleSegment[];
|
||||
titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
|
||||
description: string;
|
||||
tag?: string;
|
||||
tagIcon?: LucideIcon;
|
||||
@@ -50,11 +50,11 @@ interface FeatureCardOneProps {
|
||||
containerClassName?: string;
|
||||
cardClassName?: string;
|
||||
mediaClassName?: 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;
|
||||
cardTitleClassName?: string;
|
||||
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||
cardDescriptionClassName?: string;
|
||||
cardButtonClassName?: string;
|
||||
cardButtonTextClassName?: string;
|
||||
@@ -87,11 +87,11 @@ const FeatureCardOne = ({
|
||||
containerClassName = "",
|
||||
cardClassName = "",
|
||||
mediaClassName = "",
|
||||
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 = "",
|
||||
cardTitleClassName = "",
|
||||
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||
cardDescriptionClassName = "",
|
||||
cardButtonClassName = "",
|
||||
cardButtonTextClassName = "",
|
||||
@@ -128,9 +128,9 @@ const FeatureCardOne = ({
|
||||
carouselClassName={carouselClassName}
|
||||
controlsClassName={controlsClassName}
|
||||
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}
|
||||
@@ -151,7 +151,7 @@ const FeatureCardOne = ({
|
||||
imageClassName={cls("relative z-1 min-h-0 h-full", mediaClassName)}
|
||||
/>
|
||||
<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}
|
||||
</h3>
|
||||
<p className={cls("text-sm leading-[1.1]", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>
|
||||
|
||||
Reference in New Issue
Block a user