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

This commit is contained in:
2026-01-03 14:04:05 +00:00
parent 237220d832
commit 4460e1a173

View File

@@ -8,7 +8,7 @@ import OverlayArrowButton from "@/components/shared/OverlayArrowButton";
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 BlogCard = { type BlogCard = {
@@ -30,7 +30,7 @@ interface BlogCardThreeProps {
uniformGridCustomHeightClasses?: string; uniformGridCustomHeightClasses?: string;
animationType: CardAnimationType; animationType: CardAnimationType;
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;
@@ -43,13 +43,13 @@ interface BlogCardThreeProps {
cardClassName?: string; cardClassName?: string;
cardContentClassName?: string; cardContentClassName?: string;
categoryTagClassName?: string; categoryTagClassName?: string;
cardTitleClassName?: string; cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
cardDescriptionClassName?: string; cardDescriptionClassName?: string;
mediaWrapperClassName?: string; mediaWrapperClassName?: string;
mediaClassName?: string; mediaClassName?: string;
textBoxTitleClassName?: string; textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
textBoxTitleImageWrapperClassName?: string; textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
textBoxTitleImageClassName?: string; textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
textBoxDescriptionClassName?: string; textBoxDescriptionClassName?: string;
gridClassName?: string; gridClassName?: string;
carouselClassName?: string; carouselClassName?: string;
@@ -67,7 +67,7 @@ interface BlogCardItemProps {
cardClassName?: string; cardClassName?: string;
cardContentClassName?: string; cardContentClassName?: string;
categoryTagClassName?: string; categoryTagClassName?: string;
cardTitleClassName?: string; cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
cardDescriptionClassName?: string; cardDescriptionClassName?: string;
mediaWrapperClassName?: string; mediaWrapperClassName?: string;
mediaClassName?: string; mediaClassName?: string;
@@ -79,7 +79,7 @@ const BlogCardItem = memo(({
cardClassName = "", cardClassName = "",
cardContentClassName = "", cardContentClassName = "",
categoryTagClassName = "", categoryTagClassName = "",
cardTitleClassName = "", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
cardDescriptionClassName = "", cardDescriptionClassName = "",
mediaWrapperClassName = "", mediaWrapperClassName = "",
mediaClassName = "", mediaClassName = "",
@@ -108,7 +108,7 @@ const BlogCardItem = memo(({
<h3 className={cls( <h3 className={cls(
"text-3xl md:text-4xl font-medium leading-tight line-clamp-2", "text-3xl md:text-4xl 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>
@@ -157,13 +157,13 @@ const BlogCardThree = ({
cardClassName = "", cardClassName = "",
cardContentClassName = "", cardContentClassName = "",
categoryTagClassName = "", categoryTagClassName = "",
cardTitleClassName = "", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
cardDescriptionClassName = "", cardDescriptionClassName = "",
mediaWrapperClassName = "", mediaWrapperClassName = "",
mediaClassName = "", mediaClassName = "",
textBoxTitleClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
textBoxTitleImageWrapperClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
textBoxTitleImageClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
textBoxDescriptionClassName = "", textBoxDescriptionClassName = "",
gridClassName = "", gridClassName = "",
carouselClassName = "", carouselClassName = "",
@@ -196,9 +196,9 @@ const BlogCardThree = ({
carouselClassName={carouselClassName} carouselClassName={carouselClassName}
controlsClassName={controlsClassName} controlsClassName={controlsClassName}
textBoxClassName={textBoxClassName} textBoxClassName={textBoxClassName}
titleClassName={textBoxTitleClassName} titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
titleImageWrapperClassName={textBoxTitleImageWrapperClassName} titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
titleImageClassName={textBoxTitleImageClassName} titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
descriptionClassName={textBoxDescriptionClassName} descriptionClassName={textBoxDescriptionClassName}
tagClassName={textBoxTagClassName} tagClassName={textBoxTagClassName}
buttonContainerClassName={textBoxButtonContainerClassName} buttonContainerClassName={textBoxButtonContainerClassName}
@@ -213,7 +213,7 @@ const BlogCardThree = ({
cardClassName={cardClassName} cardClassName={cardClassName}
cardContentClassName={cardContentClassName} cardContentClassName={cardContentClassName}
categoryTagClassName={categoryTagClassName} categoryTagClassName={categoryTagClassName}
cardTitleClassName={cardTitleClassName} cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
cardDescriptionClassName={cardDescriptionClassName} cardDescriptionClassName={cardDescriptionClassName}
mediaWrapperClassName={mediaWrapperClassName} mediaWrapperClassName={mediaWrapperClassName}
mediaClassName={mediaClassName} mediaClassName={mediaClassName}