Update src/components/sections/blog/BlogCardOne.tsx
This commit is contained in:
@@ -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 BlogCardOneProps {
|
|||||||
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;
|
||||||
@@ -44,15 +44,15 @@ interface BlogCardOneProps {
|
|||||||
imageWrapperClassName?: string;
|
imageWrapperClassName?: string;
|
||||||
imageClassName?: string;
|
imageClassName?: string;
|
||||||
categoryClassName?: string;
|
categoryClassName?: string;
|
||||||
cardTitleClassName?: string;
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||||
excerptClassName?: string;
|
excerptClassName?: string;
|
||||||
authorContainerClassName?: string;
|
authorContainerClassName?: string;
|
||||||
authorAvatarClassName?: string;
|
authorAvatarClassName?: string;
|
||||||
authorNameClassName?: string;
|
authorNameClassName?: string;
|
||||||
dateClassName?: string;
|
dateClassName?: 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;
|
||||||
@@ -71,7 +71,7 @@ interface BlogCardItemProps {
|
|||||||
imageWrapperClassName?: string;
|
imageWrapperClassName?: string;
|
||||||
imageClassName?: string;
|
imageClassName?: string;
|
||||||
categoryClassName?: string;
|
categoryClassName?: string;
|
||||||
cardTitleClassName?: string;
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||||
excerptClassName?: string;
|
excerptClassName?: string;
|
||||||
authorContainerClassName?: string;
|
authorContainerClassName?: string;
|
||||||
authorAvatarClassName?: string;
|
authorAvatarClassName?: string;
|
||||||
@@ -86,7 +86,7 @@ const BlogCardItem = memo(({
|
|||||||
imageWrapperClassName = "",
|
imageWrapperClassName = "",
|
||||||
imageClassName = "",
|
imageClassName = "",
|
||||||
categoryClassName = "",
|
categoryClassName = "",
|
||||||
cardTitleClassName = "",
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||||
excerptClassName = "",
|
excerptClassName = "",
|
||||||
authorContainerClassName = "",
|
authorContainerClassName = "",
|
||||||
authorAvatarClassName = "",
|
authorAvatarClassName = "",
|
||||||
@@ -115,7 +115,7 @@ const BlogCardItem = memo(({
|
|||||||
<div className="flex flex-col gap-2">
|
<div className="flex flex-col gap-2">
|
||||||
<Badge text={blog.category} variant="primary" className={categoryClassName} />
|
<Badge text={blog.category} variant="primary" className={categoryClassName} />
|
||||||
|
|
||||||
<h3 className={cls("text-2xl font-medium leading-[1.25] mt-1", shouldUseLightText ? "text-background" : "text-foreground", cardTitleClassName)}>
|
<h3 className={cls("text-2xl font-medium leading-[1.25] mt-1", shouldUseLightText ? "text-background" : "text-foreground", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
|
||||||
{blog.title}
|
{blog.title}
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
@@ -169,15 +169,15 @@ const BlogCardOne = ({
|
|||||||
imageWrapperClassName = "",
|
imageWrapperClassName = "",
|
||||||
imageClassName = "",
|
imageClassName = "",
|
||||||
categoryClassName = "",
|
categoryClassName = "",
|
||||||
cardTitleClassName = "",
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||||
excerptClassName = "",
|
excerptClassName = "",
|
||||||
authorContainerClassName = "",
|
authorContainerClassName = "",
|
||||||
authorAvatarClassName = "",
|
authorAvatarClassName = "",
|
||||||
authorNameClassName = "",
|
authorNameClassName = "",
|
||||||
dateClassName = "",
|
dateClassName = "",
|
||||||
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 = "",
|
||||||
@@ -212,9 +212,9 @@ const BlogCardOne = ({
|
|||||||
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}
|
||||||
@@ -230,7 +230,7 @@ const BlogCardOne = ({
|
|||||||
imageWrapperClassName={imageWrapperClassName}
|
imageWrapperClassName={imageWrapperClassName}
|
||||||
imageClassName={imageClassName}
|
imageClassName={imageClassName}
|
||||||
categoryClassName={categoryClassName}
|
categoryClassName={categoryClassName}
|
||||||
cardTitleClassName={cardTitleClassName}
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
|
||||||
excerptClassName={excerptClassName}
|
excerptClassName={excerptClassName}
|
||||||
authorContainerClassName={authorContainerClassName}
|
authorContainerClassName={authorContainerClassName}
|
||||||
authorAvatarClassName={authorAvatarClassName}
|
authorAvatarClassName={authorAvatarClassName}
|
||||||
|
|||||||
Reference in New Issue
Block a user