Update src/components/sections/blog/BlogCardFive.tsx

This commit is contained in:
2026-01-03 14:04:01 +00:00
parent b13c732684
commit 4cf798604c

View File

@@ -7,7 +7,7 @@ import { useCardAnimation } from "@/components/cardStack/hooks/useCardAnimation"
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 BlogPost = { type BlogPost = {
@@ -24,7 +24,7 @@ interface BlogCardFiveProps {
blogs: BlogPost[]; blogs: BlogPost[];
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;
@@ -34,7 +34,7 @@ interface BlogCardFiveProps {
ariaLabel?: string; ariaLabel?: string;
className?: string; className?: string;
containerClassName?: string; containerClassName?: string;
textBoxTitleClassName?: string; textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
titleImageWrapperClassName?: string; titleImageWrapperClassName?: string;
titleImageClassName?: string; titleImageClassName?: string;
textBoxDescriptionClassName?: string; textBoxDescriptionClassName?: string;
@@ -46,7 +46,7 @@ interface BlogCardFiveProps {
gridClassName?: string; gridClassName?: string;
cardClassName?: string; cardClassName?: string;
cardContentClassName?: string; cardContentClassName?: string;
cardTitleClassName?: string; cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
itemsContainerClassName?: string; itemsContainerClassName?: string;
itemTextClassName?: string; itemTextClassName?: string;
mediaWrapperClassName?: string; mediaWrapperClassName?: string;
@@ -67,7 +67,7 @@ const BlogCardFive = ({
ariaLabel = "Blog section", ariaLabel = "Blog section",
className = "", className = "",
containerClassName = "", containerClassName = "",
textBoxTitleClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
titleImageWrapperClassName = "", titleImageWrapperClassName = "",
titleImageClassName = "", titleImageClassName = "",
textBoxDescriptionClassName = "", textBoxDescriptionClassName = "",
@@ -79,7 +79,7 @@ const BlogCardFive = ({
gridClassName = "", gridClassName = "",
cardClassName = "", cardClassName = "",
cardContentClassName = "", cardContentClassName = "",
cardTitleClassName = "", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
itemsContainerClassName = "", itemsContainerClassName = "",
itemTextClassName = "", itemTextClassName = "",
mediaWrapperClassName = "", mediaWrapperClassName = "",
@@ -105,7 +105,7 @@ const BlogCardFive = ({
textboxLayout={textboxLayout} textboxLayout={textboxLayout}
useInvertedBackground={useInvertedBackground} useInvertedBackground={useInvertedBackground}
textBoxClassName={textBoxClassName} textBoxClassName={textBoxClassName}
titleClassName={textBoxTitleClassName} titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
titleImageWrapperClassName={titleImageWrapperClassName} titleImageWrapperClassName={titleImageWrapperClassName}
titleImageClassName={titleImageClassName} titleImageClassName={titleImageClassName}
descriptionClassName={textBoxDescriptionClassName} descriptionClassName={textBoxDescriptionClassName}
@@ -135,7 +135,7 @@ const BlogCardFive = ({
<h3 className={cls( <h3 className={cls(
"text-3xl font-medium leading-tight line-clamp-2", "text-3xl font-medium leading-tight line-clamp-2",
shouldUseLightText ? "text-background" : "text-foreground", shouldUseLightText ? "text-background" : "text-foreground",
cardTitleClassName cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
)}> )}>
{blog.title} {blog.title}
</h3> </h3>