Update src/components/sections/feature/FeatureCardFourteen.tsx
This commit is contained in:
@@ -8,7 +8,7 @@ import MediaContent from "@/components/shared/MediaContent";
|
||||
import { cls, shouldUseInvertedText } from "@/lib/utils";
|
||||
import { useTheme } from "@/providers/themeProvider/ThemeProvider";
|
||||
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 = {
|
||||
id: string;
|
||||
@@ -23,7 +23,7 @@ type Feature = {
|
||||
interface FeatureCardFourteenProps {
|
||||
features: Feature[];
|
||||
title: string;
|
||||
titleSegments?: TitleSegment[];
|
||||
titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
|
||||
description: string;
|
||||
tag?: string;
|
||||
tagIcon?: LucideIcon;
|
||||
@@ -34,12 +34,12 @@ interface FeatureCardFourteenProps {
|
||||
className?: string;
|
||||
containerClassName?: string;
|
||||
cardClassName?: 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;
|
||||
cardImageClassName?: string;
|
||||
cardTitleClassName?: string;
|
||||
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||
cardDescriptionClassName?: string;
|
||||
cardContentClassName?: string;
|
||||
carouselClassName?: string;
|
||||
@@ -56,7 +56,7 @@ interface FeatureCardProps {
|
||||
shouldUseLightText: boolean;
|
||||
cardClassName?: string;
|
||||
imageClassName?: string;
|
||||
cardTitleClassName?: string;
|
||||
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||
cardDescriptionClassName?: string;
|
||||
cardContentClassName?: string;
|
||||
}
|
||||
@@ -66,7 +66,7 @@ const FeatureCard = memo(({
|
||||
shouldUseLightText,
|
||||
cardClassName = "",
|
||||
imageClassName = "",
|
||||
cardTitleClassName = "",
|
||||
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||
cardDescriptionClassName = "",
|
||||
cardContentClassName = "",
|
||||
}: 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="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}
|
||||
</h2>
|
||||
<p className={cls("text-base leading-[1.15] text-balance truncate", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>
|
||||
@@ -109,12 +109,12 @@ const FeatureCardFourteen = ({
|
||||
className = "",
|
||||
containerClassName = "",
|
||||
cardClassName = "",
|
||||
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 = "",
|
||||
cardImageClassName = "",
|
||||
cardTitleClassName = "",
|
||||
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||
cardDescriptionClassName = "",
|
||||
cardContentClassName = "",
|
||||
carouselClassName = "",
|
||||
@@ -143,9 +143,9 @@ const FeatureCardFourteen = ({
|
||||
carouselClassName={carouselClassName}
|
||||
dotsClassName={dotsClassName}
|
||||
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}
|
||||
@@ -160,7 +160,7 @@ const FeatureCardFourteen = ({
|
||||
shouldUseLightText={shouldUseLightText}
|
||||
cardClassName={cardClassName}
|
||||
imageClassName={cardImageClassName}
|
||||
cardTitleClassName={cardTitleClassName}
|
||||
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
|
||||
cardDescriptionClassName={cardDescriptionClassName}
|
||||
cardContentClassName={cardContentClassName}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user