Update src/components/sections/faq/FaqSplitText.tsx

This commit is contained in:
2026-01-03 14:04:10 +00:00
parent f82f31526a
commit c5d47fde9a

View File

@@ -18,7 +18,7 @@ interface FaqItem {
interface FaqSplitTextProps { interface FaqSplitTextProps {
faqs: FaqItem[]; faqs: FaqItem[];
sideTitle: string; sideElevate Your Brand with Expert Copywriting and Content Enhancement: string;
sideDescription?: string; sideDescription?: string;
buttons?: ButtonConfig[]; buttons?: ButtonConfig[];
textPosition?: "left" | "right"; textPosition?: "left" | "right";
@@ -30,14 +30,14 @@ interface FaqSplitTextProps {
containerClassName?: string; containerClassName?: string;
contentClassName?: string; contentClassName?: string;
textContainerClassName?: string; textContainerClassName?: string;
sideTitleClassName?: string; sideElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
sideDescriptionClassName?: string; sideDescriptionClassName?: string;
buttonContainerClassName?: string; buttonContainerClassName?: string;
buttonClassName?: string; buttonClassName?: string;
buttonTextClassName?: string; buttonTextClassName?: string;
faqsContainerClassName?: string; faqsContainerClassName?: string;
accordionClassName?: string; accordionClassName?: string;
accordionTitleClassName?: string; accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
accordionIconContainerClassName?: string; accordionIconContainerClassName?: string;
accordionIconClassName?: string; accordionIconClassName?: string;
accordionContentClassName?: string; accordionContentClassName?: string;
@@ -46,7 +46,7 @@ interface FaqSplitTextProps {
const FaqSplitText = ({ const FaqSplitText = ({
faqs, faqs,
sideTitle, sideElevate Your Brand with Expert Copywriting and Content Enhancement,
sideDescription, sideDescription,
buttons, buttons,
textPosition = "left", textPosition = "left",
@@ -58,14 +58,14 @@ const FaqSplitText = ({
containerClassName = "", containerClassName = "",
contentClassName = "", contentClassName = "",
textContainerClassName = "", textContainerClassName = "",
sideTitleClassName = "", sideElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
sideDescriptionClassName = "", sideDescriptionClassName = "",
buttonContainerClassName = "", buttonContainerClassName = "",
buttonClassName = "", buttonClassName = "",
buttonTextClassName = "", buttonTextClassName = "",
faqsContainerClassName = "", faqsContainerClassName = "",
accordionClassName = "", accordionClassName = "",
accordionTitleClassName = "", accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
accordionIconContainerClassName = "", accordionIconContainerClassName = "",
accordionIconClassName = "", accordionIconClassName = "",
accordionContentClassName = "", accordionContentClassName = "",
@@ -85,9 +85,9 @@ const FaqSplitText = ({
<div className={cls("w-full md:w-2/5 flex flex-col gap-3", textContainerClassName)}> <div className={cls("w-full md:w-2/5 flex flex-col gap-3", textContainerClassName)}>
<TextAnimation <TextAnimation
type={theme.defaultTextAnimation as AnimationType} type={theme.defaultTextAnimation as AnimationType}
text={sideTitle} text={sideElevate Your Brand with Expert Copywriting and Content Enhancement}
variant="trigger" variant="trigger"
className={cls("text-6xl font-medium", shouldUseLightText ? "text-background" : "text-foreground", sideTitleClassName)} className={cls("text-6xl font-medium", shouldUseLightText ? "text-background" : "text-foreground", sideElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}
/> />
{sideDescription && ( {sideDescription && (
<TextAnimation <TextAnimation
@@ -121,7 +121,7 @@ const FaqSplitText = ({
showCard={showCard} showCard={showCard}
useInvertedBackground={useInvertedBackground} useInvertedBackground={useInvertedBackground}
className={accordionClassName} className={accordionClassName}
titleClassName={accordionTitleClassName} titleClassName={accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
iconContainerClassName={accordionIconContainerClassName} iconContainerClassName={accordionIconContainerClassName}
iconClassName={accordionIconClassName} iconClassName={accordionIconClassName}
contentClassName={accordionContentClassName} contentClassName={accordionContentClassName}