Update src/components/sections/feature/FeatureCardEleven.tsx
This commit is contained in:
@@ -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 FeatureCard = {
|
type FeatureCard = {
|
||||||
@@ -22,7 +22,7 @@ interface FeatureCardElevenProps {
|
|||||||
features: FeatureCard[];
|
features: FeatureCard[];
|
||||||
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;
|
||||||
@@ -33,7 +33,7 @@ interface FeatureCardElevenProps {
|
|||||||
ariaLabel?: string;
|
ariaLabel?: string;
|
||||||
className?: string;
|
className?: string;
|
||||||
containerClassName?: string;
|
containerClassName?: string;
|
||||||
textBoxTitleClassName?: string;
|
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||||
textBoxDescriptionClassName?: string;
|
textBoxDescriptionClassName?: string;
|
||||||
textBoxClassName?: string;
|
textBoxClassName?: string;
|
||||||
textBoxTagClassName?: string;
|
textBoxTagClassName?: string;
|
||||||
@@ -46,7 +46,7 @@ interface FeatureCardElevenProps {
|
|||||||
textCardClassName?: string;
|
textCardClassName?: string;
|
||||||
imageCardClassName?: string;
|
imageCardClassName?: string;
|
||||||
stepNumberClassName?: string;
|
stepNumberClassName?: string;
|
||||||
cardTitleClassName?: string;
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||||
cardDescriptionClassName?: string;
|
cardDescriptionClassName?: string;
|
||||||
imageClassName?: string;
|
imageClassName?: string;
|
||||||
}
|
}
|
||||||
@@ -66,7 +66,7 @@ const FeatureCardEleven = ({
|
|||||||
ariaLabel = "Feature section",
|
ariaLabel = "Feature section",
|
||||||
className = "",
|
className = "",
|
||||||
containerClassName = "",
|
containerClassName = "",
|
||||||
textBoxTitleClassName = "",
|
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||||
textBoxDescriptionClassName = "",
|
textBoxDescriptionClassName = "",
|
||||||
textBoxClassName = "",
|
textBoxClassName = "",
|
||||||
textBoxTagClassName = "",
|
textBoxTagClassName = "",
|
||||||
@@ -79,7 +79,7 @@ const FeatureCardEleven = ({
|
|||||||
textCardClassName = "",
|
textCardClassName = "",
|
||||||
imageCardClassName = "",
|
imageCardClassName = "",
|
||||||
stepNumberClassName = "",
|
stepNumberClassName = "",
|
||||||
cardTitleClassName = "",
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||||
cardDescriptionClassName = "",
|
cardDescriptionClassName = "",
|
||||||
imageClassName = "",
|
imageClassName = "",
|
||||||
}: FeatureCardElevenProps) => {
|
}: FeatureCardElevenProps) => {
|
||||||
@@ -101,7 +101,7 @@ const FeatureCardEleven = ({
|
|||||||
className={className}
|
className={className}
|
||||||
containerClassName={containerClassName}
|
containerClassName={containerClassName}
|
||||||
cardClassName=""
|
cardClassName=""
|
||||||
titleClassName={textBoxTitleClassName}
|
titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
|
||||||
descriptionClassName={textBoxDescriptionClassName}
|
descriptionClassName={textBoxDescriptionClassName}
|
||||||
textBoxClassName={textBoxClassName}
|
textBoxClassName={textBoxClassName}
|
||||||
tagClassName={textBoxTagClassName}
|
tagClassName={textBoxTagClassName}
|
||||||
@@ -129,7 +129,7 @@ const FeatureCardEleven = ({
|
|||||||
{feature.id}
|
{feature.id}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<h2 className={cls("mt-1 text-4xl md:text-5xl font-medium leading-[1.15] text-balance", shouldUseLightText && "text-background", cardTitleClassName)}>
|
<h2 className={cls("mt-1 text-4xl md:text-5xl font-medium leading-[1.15] text-balance", 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", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>
|
<p className={cls("text-base leading-[1.15] text-balance", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>
|
||||||
|
|||||||
Reference in New Issue
Block a user