Update src/components/sections/feature/FeatureCardEight.tsx
This commit is contained in:
@@ -4,7 +4,7 @@ import TimelineHorizontalCardStack from "@/components/cardStack/layouts/timeline
|
|||||||
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 } from "@/components/cardStack/types";
|
import type { ButtonConfig, 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 = {
|
||||||
@@ -21,7 +21,7 @@ type FeatureCard = {
|
|||||||
interface FeatureCardEightProps {
|
interface FeatureCardEightProps {
|
||||||
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;
|
||||||
@@ -31,7 +31,7 @@ interface FeatureCardEightProps {
|
|||||||
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;
|
||||||
@@ -44,7 +44,7 @@ interface FeatureCardEightProps {
|
|||||||
progressBarClassName?: string;
|
progressBarClassName?: string;
|
||||||
cardContentClassName?: string;
|
cardContentClassName?: string;
|
||||||
stepNumberClassName?: string;
|
stepNumberClassName?: string;
|
||||||
cardTitleClassName?: string;
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||||
cardDescriptionClassName?: string;
|
cardDescriptionClassName?: string;
|
||||||
mediaContainerClassName?: string;
|
mediaContainerClassName?: string;
|
||||||
mediaClassName?: string;
|
mediaClassName?: string;
|
||||||
@@ -63,7 +63,7 @@ const FeatureCardEight = ({
|
|||||||
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 = "",
|
||||||
@@ -76,7 +76,7 @@ const FeatureCardEight = ({
|
|||||||
progressBarClassName = "",
|
progressBarClassName = "",
|
||||||
cardContentClassName = "",
|
cardContentClassName = "",
|
||||||
stepNumberClassName = "",
|
stepNumberClassName = "",
|
||||||
cardTitleClassName = "",
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||||
cardDescriptionClassName = "",
|
cardDescriptionClassName = "",
|
||||||
mediaContainerClassName = "",
|
mediaContainerClassName = "",
|
||||||
mediaClassName = "",
|
mediaClassName = "",
|
||||||
@@ -104,7 +104,7 @@ const FeatureCardEight = ({
|
|||||||
mediaItems={mediaItems}
|
mediaItems={mediaItems}
|
||||||
className={className}
|
className={className}
|
||||||
containerClassName={containerClassName}
|
containerClassName={containerClassName}
|
||||||
titleClassName={textBoxTitleClassName}
|
titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
|
||||||
descriptionClassName={textBoxDescriptionClassName}
|
descriptionClassName={textBoxDescriptionClassName}
|
||||||
textBoxClassName={textBoxClassName}
|
textBoxClassName={textBoxClassName}
|
||||||
tagClassName={textBoxTagClassName}
|
tagClassName={textBoxTagClassName}
|
||||||
@@ -134,7 +134,7 @@ const FeatureCardEight = ({
|
|||||||
{feature.id}
|
{feature.id}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<h2 className={cls("mt-1 text-3xl font-medium leading-[1.15] text-balance", shouldUseLightText && "text-background", cardTitleClassName)}>
|
<h2 className={cls("mt-1 text-3xl 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