Update src/components/sections/about/SplitAbout.tsx
This commit is contained in:
@@ -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)}>
|
||||||
|
|||||||
Reference in New Issue
Block a user