Update src/components/sections/about/SplitAbout.tsx

This commit is contained in:
2026-01-03 14:03:57 +00:00
parent 8ac2895c71
commit b979df8cc4

View File

@@ -7,7 +7,7 @@ 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 } from "@/types/button"; import type { ButtonConfig } from "@/types/button";
import type { TitleSegment } from "@/components/cardStack/types"; import type { 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";
interface BulletPoint { interface BulletPoint {
@@ -18,7 +18,7 @@ interface BulletPoint {
interface SplitAboutProps { interface SplitAboutProps {
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;
@@ -45,7 +45,7 @@ interface SplitAboutProps {
buttonTextClassName?: string; buttonTextClassName?: string;
contentClassName?: string; contentClassName?: string;
bulletPointClassName?: string; bulletPointClassName?: string;
bulletTitleClassName?: string; bulletElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
bulletDescriptionClassName?: string; bulletDescriptionClassName?: string;
mediaWrapperClassName?: string; mediaWrapperClassName?: string;
imageClassName?: string; imageClassName?: string;
@@ -80,7 +80,7 @@ const SplitAbout = ({
buttonTextClassName = "", buttonTextClassName = "",
contentClassName = "", contentClassName = "",
bulletPointClassName = "", bulletPointClassName = "",
bulletTitleClassName = "", bulletElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
bulletDescriptionClassName = "", bulletDescriptionClassName = "",
mediaWrapperClassName = "", mediaWrapperClassName = "",
imageClassName = "", imageClassName = "",
@@ -150,7 +150,7 @@ const SplitAbout = ({
</div> </div>
)} )}
<div className="flex flex-col gap-0"> <div className="flex flex-col gap-0">
<h3 className={cls("text-xl font-medium", shouldUseLightText && "text-background", bulletTitleClassName)}> <h3 className={cls("text-xl font-medium", shouldUseLightText && "text-background", bulletElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
{point.title} {point.title}
</h3> </h3>
<p className={cls("text-base leading-[1.4]", shouldUseLightText ? "text-background" : "text-foreground", bulletDescriptionClassName)}> <p className={cls("text-base leading-[1.4]", shouldUseLightText ? "text-background" : "text-foreground", bulletDescriptionClassName)}>