Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -46,13 +46,13 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroBillboardMetrics
           title="Premium Photo Clipping & Image Editing Services"
-          description="Elevate your product images with professional clipping paths, background removal, and image enhancement. We deliver pixel-perfect results for e-commerce, fashion, and product photography."
+          description="Transform your product images with expert clipping paths, seamless background removal, and advanced image enhancement We deliver sharp, professional results tailored for ecommerce, fashion, and product photography"
           tag="Professional Image Editing"
           buttons={[
             { text: "Start Your Project", href: "#contact" },
             { text: "View Portfolio", href: "#portfolio" }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767448339176-0ozggx6x.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_339dVf94DAODTfYQfi9pwJxtvKj/tmp/take-me-an-image-of-a-girl-on-her-laptop-1767448895021-c28b64fd.jpg"
           imageAlt="Professional clipping and image editing examples"
           frameStyle="card"
           metricsLabel="Trusted by leading brands and e-commerce businesses worldwide"

src/components/Textbox.tsx

@@ -15,13 +15,13 @@ import type { ButtonConfig } from "@/types/button";
 import type { Avatar } from "./shared/AvatarGroup";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
-type TitleSegment =
+type Elevate Your Brand with Expert Copywriting and Content EnhancementSegment =
   | { type: "text"; content: string }
   | { type: "image"; src: string; alt?: string };
 
 interface TextBoxProps {
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   type?: AnimationType;
   textboxLayout?: TextboxLayout;
@@ -114,7 +114,7 @@ const TextBox = ({
   ), [type, theme.defaultTextAnimation, title, textboxLayout, center, useInvertedBackground, titleClassName, duration, start, end, gradientColors]);
 
   // Inline image title component (used when textboxLayout === "inline-image")
-  const inlineImageTitleElement = useMemo(() => titleSegments && titleSegments.length > 0 ? (
+  const inlineImageElevate Your Brand with Expert Copywriting and Content EnhancementElement = useMemo(() => titleSegments && titleSegments.length > 0 ? (
     <h2
       className={cls(
         "text-4xl md:text-5xl font-medium text-center leading-[1.15] text-balance",
@@ -267,7 +267,7 @@ const TextBox = ({
   if (textboxLayout === "inline-image") {
     return (
       <div className={cls("flex flex-col gap-3 md:gap-1", center && "items-center text-center", className)}>
-        {inlineImageTitleElement}
+        {inlineImageElevate Your Brand with Expert Copywriting and Content EnhancementElement}
         {actionsElement}
       </div>
     );

src/components/cardStack/CardList.tsx

@@ -5,7 +5,7 @@ import CardStackTextBox from "@/components/cardStack/CardStackTextBox";
 import { useCardAnimation } from "@/components/cardStack/hooks/useCardAnimation";
 import { cls } from "@/lib/utils";
 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";
 
 interface CardListProps {
@@ -13,7 +13,7 @@ interface CardListProps {
   animationType: CardAnimationType;
   useUncappedRounding?: boolean;
   title?: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description?: string;
   tag?: string;
   tagIcon?: LucideIcon;

src/components/cardStack/layouts/timelines/TimelineBase.tsx

@@ -5,7 +5,7 @@ import { cls } from "@/lib/utils";
 import CardStackTextBox from "../../CardStackTextBox";
 import { useCardAnimation } from "../../hooks/useCardAnimation";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, CardAnimationType, TitleSegment } from "../../types";
+import type { ButtonConfig, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "../../types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type TimelineVariant = "timeline" | "timeline-three-columns";
@@ -16,7 +16,7 @@ interface TimelineBaseProps {
   uniformGridCustomHeightClasses?: string;
   animationType: CardAnimationType;
   title?: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description?: string;
   tag?: string;
   tagIcon?: LucideIcon;

src/components/cardStack/layouts/timelines/TimelineCardStack.tsx

@@ -6,7 +6,7 @@ import { ScrollTrigger } from "gsap/ScrollTrigger";
 import CardStackTextBox from "../../CardStackTextBox";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "../../types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "../../types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 gsap.registerPlugin(ScrollTrigger);
@@ -14,7 +14,7 @@ gsap.registerPlugin(ScrollTrigger);
 interface TimelineCardStackProps {
     children: React.ReactNode;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;

src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx

@@ -6,12 +6,12 @@ import CardStackTextBox from "../../CardStackTextBox";
 import { useTimelineHorizontal, type MediaItem } from "../../hooks/useTimelineHorizontal";
 import MediaContent from "@/components/shared/MediaContent";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment, TextboxLayout, InvertedBackground } from "../../types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment, TextboxLayout, InvertedBackground } from "../../types";
 
 interface TimelineHorizontalCardStackProps {
   children: React.ReactNode;
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   tag?: string;
   tagIcon?: LucideIcon;

src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx

@@ -7,7 +7,7 @@ import { usePhoneAnimations, type TimelinePhoneViewItem } from "../../hooks/useP
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig } from "../../types";
-import type { TitleSegment } from "../../types";
+import type { Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "../../types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 interface PhoneFrameProps {
@@ -48,7 +48,7 @@ interface TimelinePhoneViewProps {
   showTextBox?: boolean;
   showDivider?: boolean;
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   tag?: string;
   tagIcon?: LucideIcon;

src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx

@@ -9,7 +9,7 @@ import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig } from "../../types";
 import type { CardAnimationType } from "../../types";
-import type { TitleSegment } from "../../types";
+import type { Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "../../types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 gsap.registerPlugin(ScrollTrigger);
@@ -24,7 +24,7 @@ interface TimelineProcessFlowItem {
 interface TimelineProcessFlowProps {
   items: TimelineProcessFlowItem[];
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   tag?: string;
   tagIcon?: LucideIcon;
@@ -36,7 +36,7 @@ interface TimelineProcessFlowProps {
   className?: string;
   containerClassName?: string;
   textBoxClassName?: string;
-  textBoxTitleClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   textBoxDescriptionClassName?: string;
   textBoxTagClassName?: string;
   textBoxButtonContainerClassName?: string;
@@ -66,7 +66,7 @@ const TimelineProcessFlow = ({
   className = "",
   containerClassName = "",
   textBoxClassName = "",
-  textBoxTitleClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   textBoxDescriptionClassName = "",
   textBoxTagClassName = "",
   textBoxButtonContainerClassName = "",
@@ -130,7 +130,7 @@ const TimelineProcessFlow = ({
             textboxLayout={textboxLayout}
             useInvertedBackground={useInvertedBackground}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/cardStack/types.ts

@@ -4,7 +4,7 @@ import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvide
 
 export type { ButtonConfig, TextboxLayout, InvertedBackground };
 
-export type TitleSegment =
+export type Elevate Your Brand with Expert Copywriting and Content EnhancementSegment =
     | { type: "text"; content: string }
     | { type: "image"; src: string; alt?: string };
 
@@ -51,7 +51,7 @@ export type CardAnimationType =
 
 export interface TextBoxProps {
     title?: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description?: string;
     tag?: string;
     tagIcon?: LucideIcon;

src/components/sections/about/AboutPhoneTimeline.tsx

@@ -8,7 +8,7 @@ import { cls } from "@/lib/utils";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TimelinePhoneViewItem } from "@/components/cardStack/hooks/usePhoneAnimations";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
@@ -22,7 +22,7 @@ type AboutPhone = {
 
 interface AboutPhoneTimelineProps {
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag: string;
     tagIcon?: LucideIcon;

src/components/sections/about/SplitAbout.tsx

@@ -7,7 +7,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
 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";
 
 interface BulletPoint {
@@ -18,7 +18,7 @@ interface BulletPoint {
 
 interface SplitAboutProps {
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   tag?: string;
   tagIcon?: LucideIcon;
@@ -45,7 +45,7 @@ interface SplitAboutProps {
   buttonTextClassName?: string;
   contentClassName?: string;
   bulletPointClassName?: string;
-  bulletTitleClassName?: string;
+  bulletElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   bulletDescriptionClassName?: string;
   mediaWrapperClassName?: string;
   imageClassName?: string;
@@ -80,7 +80,7 @@ const SplitAbout = ({
   buttonTextClassName = "",
   contentClassName = "",
   bulletPointClassName = "",
-  bulletTitleClassName = "",
+  bulletElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   bulletDescriptionClassName = "",
   mediaWrapperClassName = "",
   imageClassName = "",
@@ -150,7 +150,7 @@ const SplitAbout = ({
                       </div>
                     )}
                     <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}
                       </h3>
                       <p className={cls("text-base leading-[1.4]", shouldUseLightText ? "text-background" : "text-foreground", bulletDescriptionClassName)}>

src/components/sections/about/SplitAboutCards.tsx

@@ -34,7 +34,7 @@ interface SplitAboutCardsProps {
   buttonTextClassName?: string;
   featuresContainerClassName?: string;
   featureCardClassName?: string;
-  featureTitleClassName?: string;
+  featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   featureDescriptionClassName?: string;
   featureLabelClassName?: string;
 }
@@ -59,7 +59,7 @@ const SplitAboutCards = ({
   buttonTextClassName = "",
   featuresContainerClassName = "",
   featureCardClassName = "",
-  featureTitleClassName = "",
+  featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   featureDescriptionClassName = "",
   featureLabelClassName = "",
 }: SplitAboutCardsProps) => {
@@ -102,7 +102,7 @@ const SplitAboutCards = ({
                   className={cls("card rounded-theme-capped p-6 flex flex-col gap-10", isLastItemOdd && "md:col-span-2", featureCardClassName)}
                 >
                 <div className="relative z-1 flex flex-col gap-1">
-                  <h3 className={cls("text-2xl md:text-3xl font-medium", shouldUseLightText ? "text-background" : "text-foreground", featureTitleClassName)}>
+                  <h3 className={cls("text-2xl md:text-3xl font-medium", shouldUseLightText ? "text-background" : "text-foreground", featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                     {feature.title}
                   </h3>
                   <p className={cls("text-base leading-tight", shouldUseLightText ? "text-background/75" : "text-foreground/75", featureDescriptionClassName)}>

src/components/sections/about/TagMediaSplitAbout.tsx

@@ -9,12 +9,12 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 interface TagMediaSplitAboutProps {
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -22,7 +22,7 @@ interface TagMediaSplitAboutProps {
     textboxLayout: TextboxLayout;
     contentTag: string;
     contentTagIcon?: LucideIcon;
-    contentTitle: string;
+    contentElevate Your Brand with Expert Copywriting and Content Enhancement: string;
     contentDescription: string;
     contentButtons?: ButtonConfig[];
     imageSrc?: string;
@@ -34,7 +34,7 @@ interface TagMediaSplitAboutProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -46,7 +46,7 @@ interface TagMediaSplitAboutProps {
     contentClassName?: string;
     contentCardClassName?: string;
     contentTagClassName?: string;
-    contentTitleClassName?: string;
+    contentElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     contentDescriptionClassName?: string;
     contentButtonContainerClassName?: string;
     contentButtonClassName?: string;
@@ -65,7 +65,7 @@ const TagMediaSplitAbout = ({
     textboxLayout,
     contentTag,
     contentTagIcon,
-    contentTitle,
+    contentElevate Your Brand with Expert Copywriting and Content Enhancement,
     contentDescription,
     contentButtons,
     imageSrc,
@@ -77,7 +77,7 @@ const TagMediaSplitAbout = ({
     ariaLabel = "About section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -89,7 +89,7 @@ const TagMediaSplitAbout = ({
     contentClassName = "",
     contentCardClassName = "",
     contentTagClassName = "",
-    contentTitleClassName = "",
+    contentElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     contentDescriptionClassName = "",
     contentButtonContainerClassName = "",
     contentButtonClassName = "",
@@ -115,9 +115,9 @@ const TagMediaSplitAbout = ({
                 <h2 className={cls(
                     "text-4xl font-medium leading-tight",
                     shouldUseLightText ? "text-background" : "text-foreground",
-                    contentTitleClassName
+                    contentElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                 )}>
-                    {contentTitle}
+                    {contentElevate Your Brand with Expert Copywriting and Content Enhancement}
                 </h2>
                 <p className={cls(
                     "text-base md:text-lg leading-tight",
@@ -175,7 +175,7 @@ const TagMediaSplitAbout = ({
                     textboxLayout={textboxLayout}
                     useInvertedBackground={useInvertedBackground}
                     textBoxClassName={textBoxClassName}
-                    titleClassName={textBoxTitleClassName}
+                    titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     titleImageWrapperClassName={titleImageWrapperClassName}
                     titleImageClassName={titleImageClassName}
                     descriptionClassName={textBoxDescriptionClassName}

src/components/sections/blog/BlogCardEight.tsx

@@ -6,7 +6,7 @@ import Tag from "@/components/shared/Tag";
 import MediaContent from "@/components/shared/MediaContent";
 import { cls } from "@/lib/utils";
 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";
 
 type MediaProps =
@@ -37,7 +37,7 @@ interface BlogCardEightProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -50,12 +50,12 @@ interface BlogCardEightProps {
     cardClassName?: string;
     mediaWrapperClassName?: string;
     mediaClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     footerClassName?: string;
     tagClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     gridClassName?: string;
     carouselClassName?: string;
@@ -72,7 +72,7 @@ interface BlogCardItemProps {
     cardClassName?: string;
     mediaWrapperClassName?: string;
     mediaClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     footerClassName?: string;
     tagClassName?: string;
 }
@@ -82,7 +82,7 @@ const BlogCardItem = memo(({
     cardClassName = "",
     mediaWrapperClassName = "",
     mediaClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     footerClassName = "",
     tagClassName = "",
 }: BlogCardItemProps) => {
@@ -108,7 +108,7 @@ const BlogCardItem = memo(({
                     />
                 </div>
 
-                <h3 className={cls("text-2xl font-medium leading-tight text-background line-clamp-2", cardTitleClassName)}>
+                <h3 className={cls("text-2xl font-medium leading-tight text-background line-clamp-2", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                     {blog.title}
                 </h3>
             </div>
@@ -143,12 +143,12 @@ const BlogCardEight = ({
     cardClassName = "",
     mediaWrapperClassName = "",
     mediaClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     footerClassName = "",
     tagClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     gridClassName = "",
     carouselClassName = "",
@@ -181,9 +181,9 @@ const BlogCardEight = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -197,7 +197,7 @@ const BlogCardEight = ({
                     cardClassName={cardClassName}
                     mediaWrapperClassName={mediaWrapperClassName}
                     mediaClassName={mediaClassName}
-                    cardTitleClassName={cardTitleClassName}
+                    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     footerClassName={footerClassName}
                     tagClassName={tagClassName}
                 />

src/components/sections/blog/BlogCardEleven.tsx

@@ -6,7 +6,7 @@ import MediaContent from "@/components/shared/MediaContent";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type MediaProps =
@@ -36,7 +36,7 @@ interface BlogCardElevenProps {
     blogs: BlogCard[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -47,7 +47,7 @@ interface BlogCardElevenProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -57,7 +57,7 @@ interface BlogCardElevenProps {
     titleImageWrapperClassName?: string;
     titleImageClassName?: string;
     cardContentClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     authorClassName?: string;
     cardDescriptionClassName?: string;
     tagsContainerClassName?: string;
@@ -81,7 +81,7 @@ const BlogCardEleven = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -91,7 +91,7 @@ const BlogCardEleven = ({
     titleImageWrapperClassName = "",
     titleImageClassName = "",
     cardContentClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     authorClassName = "",
     cardDescriptionClassName = "",
     tagsContainerClassName = "",
@@ -117,7 +117,7 @@ const BlogCardEleven = ({
             className={className}
             containerClassName={containerClassName}
             cardClassName={cardClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}
@@ -143,7 +143,7 @@ const BlogCardEleven = ({
                         <h3 className={cls(
                             "text-3xl md:text-5xl text-balance font-medium leading-tight line-clamp-3",
                             shouldUseLightText ? "text-background" : "text-foreground",
-                            cardTitleClassName
+                            cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                         )}>
                             {blog.title}{" "}
                             <span className={cls(

src/components/sections/blog/BlogCardFive.tsx

@@ -7,7 +7,7 @@ import { useCardAnimation } from "@/components/cardStack/hooks/useCardAnimation"
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type BlogPost = {
@@ -24,7 +24,7 @@ interface BlogCardFiveProps {
   blogs: BlogPost[];
   animationType: CardAnimationType;
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   textboxLayout: TextboxLayout;
   useInvertedBackground: InvertedBackground;
@@ -34,7 +34,7 @@ interface BlogCardFiveProps {
   ariaLabel?: string;
   className?: string;
   containerClassName?: string;
-  textBoxTitleClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   titleImageWrapperClassName?: string;
   titleImageClassName?: string;
   textBoxDescriptionClassName?: string;
@@ -46,7 +46,7 @@ interface BlogCardFiveProps {
   gridClassName?: string;
   cardClassName?: string;
   cardContentClassName?: string;
-  cardTitleClassName?: string;
+  cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   itemsContainerClassName?: string;
   itemTextClassName?: string;
   mediaWrapperClassName?: string;
@@ -67,7 +67,7 @@ const BlogCardFive = ({
   ariaLabel = "Blog section",
   className = "",
   containerClassName = "",
-  textBoxTitleClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   titleImageWrapperClassName = "",
   titleImageClassName = "",
   textBoxDescriptionClassName = "",
@@ -79,7 +79,7 @@ const BlogCardFive = ({
   gridClassName = "",
   cardClassName = "",
   cardContentClassName = "",
-  cardTitleClassName = "",
+  cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   itemsContainerClassName = "",
   itemTextClassName = "",
   mediaWrapperClassName = "",
@@ -105,7 +105,7 @@ const BlogCardFive = ({
           textboxLayout={textboxLayout}
           useInvertedBackground={useInvertedBackground}
           textBoxClassName={textBoxClassName}
-          titleClassName={textBoxTitleClassName}
+          titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
           titleImageWrapperClassName={titleImageWrapperClassName}
           titleImageClassName={titleImageClassName}
           descriptionClassName={textBoxDescriptionClassName}
@@ -135,7 +135,7 @@ const BlogCardFive = ({
                 <h3 className={cls(
                   "text-3xl font-medium leading-tight line-clamp-2",
                   shouldUseLightText ? "text-background" : "text-foreground",
-                  cardTitleClassName
+                  cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                 )}>
                   {blog.title}
                 </h3>

src/components/sections/blog/BlogCardNine.tsx

@@ -8,7 +8,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type MediaProps =
@@ -38,7 +38,7 @@ interface BlogCardNineProps {
     blogs: BlogCard[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -49,7 +49,7 @@ interface BlogCardNineProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -62,7 +62,7 @@ interface BlogCardNineProps {
     mediaWrapperClassName?: string;
     mediaClassName?: string;
     categoryClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     tagsContainerClassName?: string;
     tagClassName?: string;
     cardButtonClassName?: string;
@@ -84,7 +84,7 @@ const BlogCardNine = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -97,7 +97,7 @@ const BlogCardNine = ({
     mediaWrapperClassName = "",
     mediaClassName = "",
     categoryClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     tagsContainerClassName = "",
     tagClassName = "",
     cardButtonClassName = "",
@@ -131,7 +131,7 @@ const BlogCardNine = ({
             className={className}
             containerClassName={containerClassName}
             cardClassName={cardClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}
@@ -180,7 +180,7 @@ const BlogCardNine = ({
                         <h3 className={cls(
                             "text-2xl md:text-4xl font-medium text-balance leading-tight",
                             shouldUseLightText ? "text-background" : "text-foreground",
-                            cardTitleClassName
+                            cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                         )}>
                             {blog.title}
                         </h3>

src/components/sections/blog/BlogCardOne.tsx

@@ -8,7 +8,7 @@ import OverlayArrowButton from "@/components/shared/OverlayArrowButton";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type BlogCard = {
@@ -30,7 +30,7 @@ interface BlogCardOneProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -44,15 +44,15 @@ interface BlogCardOneProps {
     imageWrapperClassName?: string;
     imageClassName?: string;
     categoryClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     excerptClassName?: string;
     authorContainerClassName?: string;
     authorAvatarClassName?: string;
     authorNameClassName?: string;
     dateClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     gridClassName?: string;
     carouselClassName?: string;
@@ -71,7 +71,7 @@ interface BlogCardItemProps {
     imageWrapperClassName?: string;
     imageClassName?: string;
     categoryClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     excerptClassName?: string;
     authorContainerClassName?: string;
     authorAvatarClassName?: string;
@@ -86,7 +86,7 @@ const BlogCardItem = memo(({
     imageWrapperClassName = "",
     imageClassName = "",
     categoryClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     excerptClassName = "",
     authorContainerClassName = "",
     authorAvatarClassName = "",
@@ -115,7 +115,7 @@ const BlogCardItem = memo(({
                 <div className="flex flex-col gap-2">
                     <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}
                     </h3>
 
@@ -169,15 +169,15 @@ const BlogCardOne = ({
     imageWrapperClassName = "",
     imageClassName = "",
     categoryClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     excerptClassName = "",
     authorContainerClassName = "",
     authorAvatarClassName = "",
     authorNameClassName = "",
     dateClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     gridClassName = "",
     carouselClassName = "",
@@ -212,9 +212,9 @@ const BlogCardOne = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -230,7 +230,7 @@ const BlogCardOne = ({
                     imageWrapperClassName={imageWrapperClassName}
                     imageClassName={imageClassName}
                     categoryClassName={categoryClassName}
-                    cardTitleClassName={cardTitleClassName}
+                    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     excerptClassName={excerptClassName}
                     authorContainerClassName={authorContainerClassName}
                     authorAvatarClassName={authorAvatarClassName}

src/components/sections/blog/BlogCardSeven.tsx

@@ -7,7 +7,7 @@ import { ArrowRight } from "lucide-react";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, CardAnimationType, GridVariant, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, CardAnimationType, GridVariant, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type BlogCard = {
@@ -26,7 +26,7 @@ interface BlogCardSevenProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -37,14 +37,14 @@ interface BlogCardSevenProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     cardDateClassName?: string;
     cardLinkClassName?: string;
     imageWrapperClassName?: string;
     imageClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     gridClassName?: string;
     carouselClassName?: string;
@@ -131,14 +131,14 @@ const BlogCardSeven = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     cardDateClassName = "",
     cardLinkClassName = "",
     imageWrapperClassName = "",
     imageClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     gridClassName = "",
     carouselClassName = "",
@@ -174,9 +174,9 @@ const BlogCardSeven = ({
             carouselItemClassName="!w-carousel-item-3"
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -189,7 +189,7 @@ const BlogCardSeven = ({
                     blog={blog}
                     shouldUseLightText={shouldUseLightText}
                     cardClassName={cardClassName}
-                    titleClassName={cardTitleClassName}
+                    titleClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     dateClassName={cardDateClassName}
                     linkClassName={cardLinkClassName}
                     imageWrapperClassName={imageWrapperClassName}

src/components/sections/blog/BlogCardSix.tsx

@@ -8,7 +8,7 @@ import Tag from "@/components/shared/Tag";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type BlogCard = {
@@ -28,7 +28,7 @@ interface BlogCardSixProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -42,13 +42,13 @@ interface BlogCardSixProps {
     mediaWrapperClassName?: string;
     mediaClassName?: string;
     cardClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     tagsContainerClassName?: string;
     tagClassName?: string;
     arrowClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     gridClassName?: string;
     carouselClassName?: string;
@@ -68,7 +68,7 @@ interface BlogCardItemProps {
     mediaWrapperClassName?: string;
     mediaClassName?: string;
     cardClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     tagsContainerClassName?: string;
     tagClassName?: string;
     arrowClassName?: string;
@@ -82,7 +82,7 @@ const BlogCardItem = memo(({
     mediaWrapperClassName = "",
     mediaClassName = "",
     cardClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     tagsContainerClassName = "",
     tagClassName = "",
     arrowClassName = "",
@@ -108,7 +108,7 @@ const BlogCardItem = memo(({
                 <h3 className={cls(
                     "text-xl md:text-2xl font-medium leading-tight",
                     shouldUseLightText ? "text-background" : "text-foreground",
-                    cardTitleClassName
+                    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                 )}>
                     {blog.title}
                 </h3>
@@ -160,13 +160,13 @@ const BlogCardSix = ({
     mediaWrapperClassName = "",
     mediaClassName = "",
     cardClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     tagsContainerClassName = "",
     tagClassName = "",
     arrowClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     gridClassName = "",
     carouselClassName = "",
@@ -201,9 +201,9 @@ const BlogCardSix = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -220,7 +220,7 @@ const BlogCardSix = ({
                     mediaWrapperClassName={mediaWrapperClassName}
                     mediaClassName={mediaClassName}
                     cardClassName={cardClassName}
-                    cardTitleClassName={cardTitleClassName}
+                    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     tagsContainerClassName={tagsContainerClassName}
                     tagClassName={tagClassName}
                     arrowClassName={arrowClassName}

src/components/sections/blog/BlogCardTen.tsx

@@ -6,7 +6,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import { ArrowRight } 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";
 
 type BlogCard = {
@@ -21,7 +21,7 @@ interface BlogCardTenProps {
     blogs: BlogCard[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -32,7 +32,7 @@ interface BlogCardTenProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -42,7 +42,7 @@ interface BlogCardTenProps {
     titleImageWrapperClassName?: string;
     titleImageClassName?: string;
     cardContentClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     subtitleClassName?: string;
     tagsContainerClassName?: string;
     tagClassName?: string;
@@ -64,7 +64,7 @@ const BlogCardTen = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -74,7 +74,7 @@ const BlogCardTen = ({
     titleImageWrapperClassName = "",
     titleImageClassName = "",
     cardContentClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     subtitleClassName = "",
     tagsContainerClassName = "",
     tagClassName = "",
@@ -98,7 +98,7 @@ const BlogCardTen = ({
             className={className}
             containerClassName={containerClassName}
             cardClassName={cardClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}
@@ -124,7 +124,7 @@ const BlogCardTen = ({
                         <h3 className={cls(
                             "text-3xl md:text-5xl font-medium text-balance leading-tight line-clamp-2",
                             shouldUseLightText ? "text-background" : "text-foreground",
-                            cardTitleClassName
+                            cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                         )}>
                             {blog.title}
                         </h3>

src/components/sections/blog/BlogCardThree.tsx

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

src/components/sections/blog/BlogCardTwo.tsx

@@ -8,7 +8,7 @@ import OverlayArrowButton from "@/components/shared/OverlayArrowButton";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type BlogCard = {
@@ -29,7 +29,7 @@ interface BlogCardTwoProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -43,13 +43,13 @@ interface BlogCardTwoProps {
     imageWrapperClassName?: string;
     imageClassName?: string;
     authorDateClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     excerptClassName?: string;
     tagsContainerClassName?: string;
     tagClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     gridClassName?: string;
     carouselClassName?: string;
@@ -68,7 +68,7 @@ interface BlogCardItemProps {
     imageWrapperClassName?: string;
     imageClassName?: string;
     authorDateClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     excerptClassName?: string;
     tagsContainerClassName?: string;
     tagClassName?: string;
@@ -81,7 +81,7 @@ const BlogCardItem = memo(({
     imageWrapperClassName = "",
     imageClassName = "",
     authorDateClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     excerptClassName = "",
     tagsContainerClassName = "",
     tagClassName = "",
@@ -110,7 +110,7 @@ const BlogCardItem = memo(({
                         {blog.authorName} • {blog.date}
                     </p>
 
-                    <h3 className={cls("text-2xl font-medium leading-[1.25]", shouldUseLightText ? "text-background" : "text-foreground", cardTitleClassName)}>
+                    <h3 className={cls("text-2xl font-medium leading-[1.25]", shouldUseLightText ? "text-background" : "text-foreground", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                         {blog.title}
                     </h3>
 
@@ -151,13 +151,13 @@ const BlogCardTwo = ({
     imageWrapperClassName = "",
     imageClassName = "",
     authorDateClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     excerptClassName = "",
     tagsContainerClassName = "",
     tagClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     gridClassName = "",
     carouselClassName = "",
@@ -192,9 +192,9 @@ const BlogCardTwo = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -210,7 +210,7 @@ const BlogCardTwo = ({
                     imageWrapperClassName={imageWrapperClassName}
                     imageClassName={imageClassName}
                     authorDateClassName={authorDateClassName}
-                    cardTitleClassName={cardTitleClassName}
+                    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     excerptClassName={excerptClassName}
                     tagsContainerClassName={tagsContainerClassName}
                     tagClassName={tagClassName}

src/components/sections/contact/ContactFaq.tsx

@@ -20,7 +20,7 @@ interface FaqItem {
 
 interface ContactFaqProps {
   faqs: FaqItem[];
-  ctaTitle: string;
+  ctaElevate Your Brand with Expert Copywriting and Content Enhancement: string;
   ctaDescription: string;
   ctaButton: ButtonConfig;
   ctaIcon: LucideIcon;
@@ -33,14 +33,14 @@ interface ContactFaqProps {
   containerClassName?: string;
   ctaPanelClassName?: string;
   ctaIconClassName?: string;
-  ctaTitleClassName?: string;
+  ctaElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   ctaDescriptionClassName?: string;
   ctaButtonClassName?: string;
   ctaButtonTextClassName?: string;
   faqsPanelClassName?: string;
   faqsContainerClassName?: string;
   accordionClassName?: string;
-  accordionTitleClassName?: string;
+  accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   accordionIconContainerClassName?: string;
   accordionIconClassName?: string;
   accordionContentClassName?: string;
@@ -49,7 +49,7 @@ interface ContactFaqProps {
 
 const ContactFaq = ({
   faqs,
-  ctaTitle,
+  ctaElevate Your Brand with Expert Copywriting and Content Enhancement,
   ctaDescription,
   ctaButton,
   ctaIcon: CtaIcon,
@@ -62,14 +62,14 @@ const ContactFaq = ({
   containerClassName = "",
   ctaPanelClassName = "",
   ctaIconClassName = "",
-  ctaTitleClassName = "",
+  ctaElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   ctaDescriptionClassName = "",
   ctaButtonClassName = "",
   ctaButtonTextClassName = "",
   faqsPanelClassName = "",
   faqsContainerClassName = "",
   accordionClassName = "",
-  accordionTitleClassName = "",
+  accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   accordionIconContainerClassName = "",
   accordionIconClassName = "",
   accordionContentClassName = "",
@@ -123,9 +123,9 @@ const ContactFaq = ({
               <h2 className={cls(
                 "text-2xl md:text-3xl font-medium",
                 shouldUseLightText ? "text-background" : "text-foreground",
-                ctaTitleClassName
+                ctaElevate Your Brand with Expert Copywriting and Content EnhancementClassName
               )}>
-                {ctaTitle}
+                {ctaElevate Your Brand with Expert Copywriting and Content Enhancement}
               </h2>
 
               <p className={cls(
@@ -168,7 +168,7 @@ const ContactFaq = ({
                     showCard={showCard}
                     useInvertedBackground={useInvertedBackground}
                     className={accordionClassName}
-                    titleClassName={accordionTitleClassName}
+                    titleClassName={accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     iconContainerClassName={accordionIconContainerClassName}
                     iconClassName={accordionIconClassName}
                     contentClassName={accordionContentClassName}

src/components/sections/faq/FaqBase.tsx

@@ -5,7 +5,7 @@ import CardStackTextBox from "@/components/cardStack/CardStackTextBox";
 import Accordion from "@/components/Accordion";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 interface FaqItem {
@@ -17,7 +17,7 @@ interface FaqItem {
 interface FaqBaseProps {
     faqs: FaqItem[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -29,7 +29,7 @@ interface FaqBaseProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     titleImageWrapperClassName?: string;
     titleImageClassName?: string;
     textBoxDescriptionClassName?: string;
@@ -40,7 +40,7 @@ interface FaqBaseProps {
     textBoxButtonTextClassName?: string;
     faqsContainerClassName?: string;
     accordionClassName?: string;
-    accordionTitleClassName?: string;
+    accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     accordionIconContainerClassName?: string;
     accordionIconClassName?: string;
     accordionContentClassName?: string;
@@ -62,7 +62,7 @@ const FaqBase = ({
     ariaLabel = "FAQ section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     titleImageWrapperClassName = "",
     titleImageClassName = "",
     textBoxDescriptionClassName = "",
@@ -73,7 +73,7 @@ const FaqBase = ({
     textBoxButtonTextClassName = "",
     faqsContainerClassName = "",
     accordionClassName = "",
-    accordionTitleClassName = "",
+    accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     accordionIconContainerClassName = "",
     accordionIconClassName = "",
     accordionContentClassName = "",
@@ -99,7 +99,7 @@ const FaqBase = ({
                         textboxLayout={textboxLayout}
                         useInvertedBackground={useInvertedBackground}
                         textBoxClassName={textBoxClassName}
-                        titleClassName={textBoxTitleClassName}
+                        titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                         titleImageWrapperClassName={titleImageWrapperClassName}
                         titleImageClassName={titleImageClassName}
                         descriptionClassName={textBoxDescriptionClassName}
@@ -123,7 +123,7 @@ const FaqBase = ({
                                 showCard={showCard}
                                 useInvertedBackground={useInvertedBackground}
                                 className={accordionClassName}
-                                titleClassName={accordionTitleClassName}
+                                titleClassName={accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                                 iconContainerClassName={accordionIconContainerClassName}
                                 iconClassName={accordionIconClassName}
                                 contentClassName={accordionContentClassName}

src/components/sections/faq/FaqDouble.tsx

@@ -5,7 +5,7 @@ import CardStackTextBox from "@/components/cardStack/CardStackTextBox";
 import Accordion from "@/components/Accordion";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 interface FaqItem {
@@ -17,7 +17,7 @@ interface FaqItem {
 interface FaqDoubleProps {
     faqs: FaqItem[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -28,7 +28,7 @@ interface FaqDoubleProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     titleImageWrapperClassName?: string;
     titleImageClassName?: string;
     textBoxDescriptionClassName?: string;
@@ -40,7 +40,7 @@ interface FaqDoubleProps {
     faqsContainerClassName?: string;
     columnClassName?: string;
     accordionClassName?: string;
-    accordionTitleClassName?: string;
+    accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     accordionIconContainerClassName?: string;
     accordionIconClassName?: string;
     accordionContentClassName?: string;
@@ -60,7 +60,7 @@ const FaqDouble = ({
     ariaLabel = "FAQ section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     titleImageWrapperClassName = "",
     titleImageClassName = "",
     textBoxDescriptionClassName = "",
@@ -72,7 +72,7 @@ const FaqDouble = ({
     faqsContainerClassName = "",
     columnClassName = "",
     accordionClassName = "",
-    accordionTitleClassName = "",
+    accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     accordionIconContainerClassName = "",
     accordionIconClassName = "",
     accordionContentClassName = "",
@@ -103,7 +103,7 @@ const FaqDouble = ({
                         textboxLayout={textboxLayout}
                         useInvertedBackground={useInvertedBackground}
                         textBoxClassName={textBoxClassName}
-                        titleClassName={textBoxTitleClassName}
+                        titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                         titleImageWrapperClassName={titleImageWrapperClassName}
                         titleImageClassName={titleImageClassName}
                         descriptionClassName={textBoxDescriptionClassName}
@@ -127,7 +127,7 @@ const FaqDouble = ({
                                 animationType={animationType}
                                 useInvertedBackground={useInvertedBackground}
                                 className={accordionClassName}
-                                titleClassName={accordionTitleClassName}
+                                titleClassName={accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                                 iconContainerClassName={accordionIconContainerClassName}
                                 iconClassName={accordionIconClassName}
                                 contentClassName={accordionContentClassName}
@@ -149,7 +149,7 @@ const FaqDouble = ({
                                         animationType={animationType}
                                         useInvertedBackground={useInvertedBackground}
                                         className={accordionClassName}
-                                        titleClassName={accordionTitleClassName}
+                                        titleClassName={accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                                         iconContainerClassName={accordionIconContainerClassName}
                                         iconClassName={accordionIconClassName}
                                         contentClassName={accordionContentClassName}

src/components/sections/faq/FaqSplitMedia.tsx

@@ -6,7 +6,7 @@ import Accordion from "@/components/Accordion";
 import MediaContent from "@/components/shared/MediaContent";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 interface FaqItem {
@@ -23,7 +23,7 @@ interface FaqSplitMediaProps {
     videoAriaLabel?: string;
     mediaPosition?: "left" | "right";
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -35,7 +35,7 @@ interface FaqSplitMediaProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     titleImageWrapperClassName?: string;
     titleImageClassName?: string;
     textBoxDescriptionClassName?: string;
@@ -49,7 +49,7 @@ interface FaqSplitMediaProps {
     mediaClassName?: string;
     faqsContainerClassName?: string;
     accordionClassName?: string;
-    accordionTitleClassName?: string;
+    accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     accordionIconContainerClassName?: string;
     accordionIconClassName?: string;
     accordionContentClassName?: string;
@@ -76,7 +76,7 @@ const FaqSplitMedia = ({
     ariaLabel = "FAQ section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     titleImageWrapperClassName = "",
     titleImageClassName = "",
     textBoxDescriptionClassName = "",
@@ -90,7 +90,7 @@ const FaqSplitMedia = ({
     mediaClassName = "",
     faqsContainerClassName = "",
     accordionClassName = "",
-    accordionTitleClassName = "",
+    accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     accordionIconContainerClassName = "",
     accordionIconClassName = "",
     accordionContentClassName = "",
@@ -118,7 +118,7 @@ const FaqSplitMedia = ({
                         textboxLayout={textboxLayout}
                         useInvertedBackground={useInvertedBackground}
                         textBoxClassName={textBoxClassName}
-                        titleClassName={textBoxTitleClassName}
+                        titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                         titleImageWrapperClassName={titleImageWrapperClassName}
                         titleImageClassName={titleImageClassName}
                         descriptionClassName={textBoxDescriptionClassName}
@@ -154,7 +154,7 @@ const FaqSplitMedia = ({
                                     showCard={showCard}
                                     useInvertedBackground={useInvertedBackground}
                                     className={accordionClassName}
-                                    titleClassName={accordionTitleClassName}
+                                    titleClassName={accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                                     iconContainerClassName={accordionIconContainerClassName}
                                     iconClassName={accordionIconClassName}
                                     contentClassName={accordionContentClassName}

src/components/sections/faq/FaqSplitText.tsx

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

src/components/sections/feature/FeatureCardEight.tsx

@@ -4,7 +4,7 @@ import TimelineHorizontalCardStack from "@/components/cardStack/layouts/timeline
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type FeatureCard = {
@@ -21,7 +21,7 @@ type FeatureCard = {
 interface FeatureCardEightProps {
     features: FeatureCard[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -31,7 +31,7 @@ interface FeatureCardEightProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -44,7 +44,7 @@ interface FeatureCardEightProps {
     progressBarClassName?: string;
     cardContentClassName?: string;
     stepNumberClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     cardDescriptionClassName?: string;
     mediaContainerClassName?: string;
     mediaClassName?: string;
@@ -63,7 +63,7 @@ const FeatureCardEight = ({
     ariaLabel = "Feature section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -76,7 +76,7 @@ const FeatureCardEight = ({
     progressBarClassName = "",
     cardContentClassName = "",
     stepNumberClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     cardDescriptionClassName = "",
     mediaContainerClassName = "",
     mediaClassName = "",
@@ -104,7 +104,7 @@ const FeatureCardEight = ({
             mediaItems={mediaItems}
             className={className}
             containerClassName={containerClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}
@@ -134,7 +134,7 @@ const FeatureCardEight = ({
                             {feature.id}
                         </p>
                     </div>
-                    <h2 className={cls("mt-1 text-3xl font-medium leading-[1.15] text-balance", shouldUseLightText && "text-background", cardTitleClassName)}>
+                    <h2 className={cls("mt-1 text-3xl font-medium leading-[1.15] text-balance", shouldUseLightText && "text-background", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                         {feature.title}
                     </h2>
                     <p className={cls("text-base leading-[1.15] text-balance", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>

src/components/sections/feature/FeatureCardEighteen.tsx

@@ -8,7 +8,7 @@ import { Check, X } from "lucide-react";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type ComparisonItem = {
@@ -25,7 +25,7 @@ interface FeatureCardEighteenProps {
     positiveCard: ComparisonItem;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     textboxLayout: TextboxLayout;
     useInvertedBackground: InvertedBackground;
@@ -35,7 +35,7 @@ interface FeatureCardEighteenProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     titleImageWrapperClassName?: string;
     titleImageClassName?: string;
     textBoxDescriptionClassName?: string;
@@ -48,7 +48,7 @@ interface FeatureCardEighteenProps {
     cardClassName?: string;
     cardMediaWrapperClassName?: string;
     cardMediaClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     itemsListClassName?: string;
     itemClassName?: string;
     itemIconClassName?: string;
@@ -70,7 +70,7 @@ const FeatureCardEighteen = ({
     ariaLabel = "Feature comparison section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     titleImageWrapperClassName = "",
     titleImageClassName = "",
     textBoxDescriptionClassName = "",
@@ -83,7 +83,7 @@ const FeatureCardEighteen = ({
     cardClassName = "",
     cardMediaWrapperClassName = "",
     cardMediaClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     itemsListClassName = "",
     itemClassName = "",
     itemIconClassName = "",
@@ -121,7 +121,7 @@ const FeatureCardEighteen = ({
                     textboxLayout={textboxLayout}
                     useInvertedBackground={useInvertedBackground}
                     textBoxClassName={textBoxClassName}
-                    titleClassName={textBoxTitleClassName}
+                    titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     titleImageWrapperClassName={titleImageWrapperClassName}
                     titleImageClassName={titleImageClassName}
                     descriptionClassName={textBoxDescriptionClassName}
@@ -158,7 +158,7 @@ const FeatureCardEighteen = ({
                                 <h3 className={cls(
                                     "text-3xl font-medium",
                                     shouldCardUseLightText ? "text-background" : "text-foreground",
-                                    cardTitleClassName
+                                    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                                 )}>
                                     {card.title}
                                 </h3>

src/components/sections/feature/FeatureCardEleven.tsx

@@ -5,7 +5,7 @@ import MediaContent from "@/components/shared/MediaContent";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type FeatureCard = {
@@ -22,7 +22,7 @@ interface FeatureCardElevenProps {
     features: FeatureCard[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     textboxLayout: TextboxLayout;
     useInvertedBackground: InvertedBackground;
@@ -33,7 +33,7 @@ interface FeatureCardElevenProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -46,7 +46,7 @@ interface FeatureCardElevenProps {
     textCardClassName?: string;
     imageCardClassName?: string;
     stepNumberClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     cardDescriptionClassName?: string;
     imageClassName?: string;
 }
@@ -66,7 +66,7 @@ const FeatureCardEleven = ({
     ariaLabel = "Feature section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -79,7 +79,7 @@ const FeatureCardEleven = ({
     textCardClassName = "",
     imageCardClassName = "",
     stepNumberClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     cardDescriptionClassName = "",
     imageClassName = "",
 }: FeatureCardElevenProps) => {
@@ -101,7 +101,7 @@ const FeatureCardEleven = ({
             className={className}
             containerClassName={containerClassName}
             cardClassName=""
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}
@@ -129,7 +129,7 @@ const FeatureCardEleven = ({
                                     {feature.id}
                                 </p>
                             </div>
-                            <h2 className={cls("mt-1 text-4xl md:text-5xl font-medium leading-[1.15] text-balance", shouldUseLightText && "text-background", cardTitleClassName)}>
+                            <h2 className={cls("mt-1 text-4xl md:text-5xl font-medium leading-[1.15] text-balance", shouldUseLightText && "text-background", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                                 {feature.title}
                             </h2>
                             <p className={cls("text-base leading-[1.15] text-balance", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>

src/components/sections/feature/FeatureCardFifteen.tsx

@@ -6,7 +6,7 @@ import MediaContent from "@/components/shared/MediaContent";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { CardAnimationType, ButtonConfig, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
+import type { CardAnimationType, ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
 
 type Feature = {
     id: string;
@@ -22,7 +22,7 @@ interface FeatureCardFifteenProps {
     features: Feature[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     textboxLayout: TextboxLayout;
     useInvertedBackground: InvertedBackground;
@@ -38,12 +38,12 @@ interface FeatureCardFifteenProps {
     bottomCarouselClassName?: string;
     cardClassName?: string;
     mediaClassName?: string;
-    featureTitleClassName?: string;
+    featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     featureDescriptionClassName?: string;
     textBoxClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxTagClassName?: string;
     textBoxButtonContainerClassName?: string;
@@ -56,7 +56,7 @@ interface FeatureCardProps {
     useInvertedBackground: "noInvert" | "invertDefault" | "invertCard";
     cardClassName?: string;
     mediaClassName?: string;
-    featureTitleClassName?: string;
+    featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     featureDescriptionClassName?: string;
 }
 
@@ -65,7 +65,7 @@ const FeatureCard = memo(({
     useInvertedBackground,
     cardClassName = "",
     mediaClassName = "",
-    featureTitleClassName = "",
+    featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     featureDescriptionClassName = "",
 }: FeatureCardProps) => {
     const theme = useTheme();
@@ -81,7 +81,7 @@ const FeatureCard = memo(({
                 imageClassName={cls("w-full aspect-square object-cover rounded-theme", mediaClassName)}
             />
             <div className="flex flex-col gap-1">
-                <h3 className={cls("relative z-1 text-lg font-medium leading-tight", shouldUseLightText ? "text-background" : "text-foreground", featureTitleClassName)}>
+                <h3 className={cls("relative z-1 text-lg font-medium leading-tight", shouldUseLightText ? "text-background" : "text-foreground", featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                     {feature.title}
                 </h3>
                 <p className={cls("relative z-1 text-base leading-tight truncate", shouldUseLightText ? "text-background/75" : "text-foreground/75", featureDescriptionClassName)}>
@@ -114,12 +114,12 @@ const FeatureCardFifteen = ({
     bottomCarouselClassName = "",
     cardClassName = "",
     mediaClassName = "",
-    featureTitleClassName = "",
+    featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     featureDescriptionClassName = "",
     textBoxClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     textBoxTagClassName = "",
     textBoxButtonContainerClassName = "",
@@ -148,9 +148,9 @@ const FeatureCardFifteen = ({
             containerClassName={containerClassName}
             className={className}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -166,7 +166,7 @@ const FeatureCardFifteen = ({
                     useInvertedBackground={useInvertedBackground}
                     cardClassName={cardClassName}
                     mediaClassName={mediaClassName}
-                    featureTitleClassName={featureTitleClassName}
+                    featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName={featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     featureDescriptionClassName={featureDescriptionClassName}
                 />
             ))}

src/components/sections/feature/FeatureCardFourteen.tsx

@@ -8,7 +8,7 @@ import MediaContent from "@/components/shared/MediaContent";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
 
 type Feature = {
     id: string;
@@ -23,7 +23,7 @@ type Feature = {
 interface FeatureCardFourteenProps {
     features: Feature[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -34,12 +34,12 @@ interface FeatureCardFourteenProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     cardImageClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     cardDescriptionClassName?: string;
     cardContentClassName?: string;
     carouselClassName?: string;
@@ -56,7 +56,7 @@ interface FeatureCardProps {
     shouldUseLightText: boolean;
     cardClassName?: string;
     imageClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     cardDescriptionClassName?: string;
     cardContentClassName?: string;
 }
@@ -66,7 +66,7 @@ const FeatureCard = memo(({
     shouldUseLightText,
     cardClassName = "",
     imageClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     cardDescriptionClassName = "",
     cardContentClassName = "",
 }: FeatureCardProps) => {
@@ -81,7 +81,7 @@ const FeatureCard = memo(({
             />
             <div className={cls("absolute! md:max-w-[var(--width-30)] card backdrop-blur-xs rounded-theme-capped bottom-8 left-8 right-8 md:right-auto p-6", cardContentClassName)}>
                 <div className="w-full min-w-0 flex flex-col gap-1">
-                    <h2 className={cls("text-3xl md:text-4xl font-medium leading-[1.15] text-balance truncate", shouldUseLightText && "text-background", cardTitleClassName)}>
+                    <h2 className={cls("text-3xl md:text-4xl font-medium leading-[1.15] text-balance truncate", shouldUseLightText && "text-background", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                         {feature.title}
                     </h2>
                     <p className={cls("text-base leading-[1.15] text-balance truncate", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>
@@ -109,12 +109,12 @@ const FeatureCardFourteen = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     cardImageClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     cardDescriptionClassName = "",
     cardContentClassName = "",
     carouselClassName = "",
@@ -143,9 +143,9 @@ const FeatureCardFourteen = ({
             carouselClassName={carouselClassName}
             dotsClassName={dotsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -160,7 +160,7 @@ const FeatureCardFourteen = ({
                     shouldUseLightText={shouldUseLightText}
                     cardClassName={cardClassName}
                     imageClassName={cardImageClassName}
-                    cardTitleClassName={cardTitleClassName}
+                    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     cardDescriptionClassName={cardDescriptionClassName}
                     cardContentClassName={cardContentClassName}
                 />

src/components/sections/feature/FeatureCardNine.tsx

@@ -3,7 +3,7 @@
 import TimelinePhoneView from "@/components/cardStack/layouts/timelines/TimelinePhoneView";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TimelinePhoneViewItem } from "@/components/cardStack/hooks/usePhoneAnimations";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
@@ -27,7 +27,7 @@ interface FeatureCardNineProps {
     features: FeatureCard[];
     showStepNumbers: boolean;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -37,7 +37,7 @@ interface FeatureCardNineProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -55,7 +55,7 @@ interface FeatureCardNineProps {
     mobilePhoneFrameClassName?: string;
     featureContentClassName?: string;
     stepNumberClassName?: string;
-    featureTitleClassName?: string;
+    featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     featureDescriptionClassName?: string;
 }
 
@@ -65,7 +65,7 @@ interface FeatureContentProps {
     useInvertedBackground: InvertedBackground;
     featureContentClassName: string;
     stepNumberClassName: string;
-    featureTitleClassName: string;
+    featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName: string;
     featureDescriptionClassName: string;
 }
 
@@ -75,7 +75,7 @@ const FeatureContent = ({
     useInvertedBackground,
     featureContentClassName,
     stepNumberClassName,
-    featureTitleClassName,
+    featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName,
     featureDescriptionClassName,
 }: FeatureContentProps) => (
     <div className={cls("relative z-1 h-full w-content-width mx-auto md:w-full flex flex-col items-center text-center gap-3 md:px-5", featureContentClassName)}>
@@ -91,7 +91,7 @@ const FeatureContent = ({
                 </p>
             </div>
         )}
-        <h2 className={cls("text-5xl font-medium leading-[1.15] text-balance", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") && "text-background", featureTitleClassName)}>
+        <h2 className={cls("text-5xl font-medium leading-[1.15] text-balance", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") && "text-background", featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
             {feature.title}
         </h2>
         <p className={cls("text-base leading-[1.2] text-balance", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") ? "text-background/75" : "text-foreground/75", featureDescriptionClassName)}>
@@ -114,7 +114,7 @@ const FeatureCardNine = ({
     ariaLabel = "Feature section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -132,7 +132,7 @@ const FeatureCardNine = ({
     mobilePhoneFrameClassName = "",
     featureContentClassName = "",
     stepNumberClassName = "",
-    featureTitleClassName = "",
+    featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     featureDescriptionClassName = "",
 }: FeatureCardNineProps) => {
     const items: TimelinePhoneViewItem[] = features.map((feature, index) => ({
@@ -144,7 +144,7 @@ const FeatureCardNine = ({
                 useInvertedBackground={useInvertedBackground}
                 featureContentClassName={featureContentClassName}
                 stepNumberClassName={stepNumberClassName}
-                featureTitleClassName={featureTitleClassName}
+                featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName={featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                 featureDescriptionClassName={featureDescriptionClassName}
             />
         ),
@@ -174,7 +174,7 @@ const FeatureCardNine = ({
             className={className}
             containerClassName={containerClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/feature/FeatureCardNineteen.tsx

@@ -8,7 +8,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type FeatureCard = {
@@ -27,7 +27,7 @@ type FeatureCard = {
 interface FeatureCardNineteenProps {
     features: FeatureCard[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -37,7 +37,7 @@ interface FeatureCardNineteenProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -48,7 +48,7 @@ interface FeatureCardNineteenProps {
     titleImageClassName?: string;
     cardContentClassName?: string;
     cardTagClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     cardDescriptionClassName?: string;
     cardButtonClassName?: string;
     cardButtonTextClassName?: string;
@@ -69,7 +69,7 @@ const FeatureCardNineteen = ({
     ariaLabel = "Feature section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -80,7 +80,7 @@ const FeatureCardNineteen = ({
     titleImageClassName = "",
     cardContentClassName = "",
     cardTagClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     cardDescriptionClassName = "",
     cardButtonClassName = "",
     cardButtonTextClassName = "",
@@ -102,7 +102,7 @@ const FeatureCardNineteen = ({
             useInvertedBackground={useInvertedBackground}
             className={className}
             containerClassName={containerClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}
@@ -130,7 +130,7 @@ const FeatureCardNineteen = ({
                                 <h2 className={cls(
                                     "text-5xl md:text-7xl font-medium leading-none",
                                     shouldUseLightText ? "text-background" : "text-foreground",
-                                    cardTitleClassName
+                                    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                                 )}>
                                     {feature.title}
                                 </h2>

src/components/sections/feature/FeatureCardOne.tsx

@@ -7,7 +7,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 
 type FeatureCardOneGridVariant = Exclude<GridVariant, "uniform-alternating-heights" | "uniform-alternating-heights-inverted">;
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
@@ -38,7 +38,7 @@ interface FeatureCardOneProps {
   uniformGridCustomHeightClasses?: string;
   animationType: CardAnimationType;
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   tag?: string;
   tagIcon?: LucideIcon;
@@ -50,11 +50,11 @@ interface FeatureCardOneProps {
   containerClassName?: string;
   cardClassName?: string;
   mediaClassName?: string;
-  textBoxTitleClassName?: string;
-  textBoxTitleImageWrapperClassName?: string;
-  textBoxTitleImageClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
   textBoxDescriptionClassName?: string;
-  cardTitleClassName?: string;
+  cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   cardDescriptionClassName?: string;
   cardButtonClassName?: string;
   cardButtonTextClassName?: string;
@@ -87,11 +87,11 @@ const FeatureCardOne = ({
   containerClassName = "",
   cardClassName = "",
   mediaClassName = "",
-  textBoxTitleClassName = "",
-  textBoxTitleImageWrapperClassName = "",
-  textBoxTitleImageClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
   textBoxDescriptionClassName = "",
-  cardTitleClassName = "",
+  cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   cardDescriptionClassName = "",
   cardButtonClassName = "",
   cardButtonTextClassName = "",
@@ -128,9 +128,9 @@ const FeatureCardOne = ({
       carouselClassName={carouselClassName}
       controlsClassName={controlsClassName}
       textBoxClassName={textBoxClassName}
-      titleClassName={textBoxTitleClassName}
-      titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-      titleImageClassName={textBoxTitleImageClassName}
+      titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+      titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+      titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
       descriptionClassName={textBoxDescriptionClassName}
       tagClassName={textBoxTagClassName}
       buttonContainerClassName={textBoxButtonContainerClassName}
@@ -151,7 +151,7 @@ const FeatureCardOne = ({
             imageClassName={cls("relative z-1 min-h-0 h-full", mediaClassName)}
           />
           <div className="relative z-1 flex flex-col gap-1">
-            <h3 className={cls("text-2xl font-medium", shouldUseLightText && "text-background", cardTitleClassName)}>
+            <h3 className={cls("text-2xl font-medium", shouldUseLightText && "text-background", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
               {feature.title}
             </h3>
             <p className={cls("text-sm leading-[1.1]", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>

src/components/sections/feature/FeatureCardSeven.tsx

@@ -5,7 +5,7 @@ import MediaContent from "@/components/shared/MediaContent";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type FeatureCard = {
@@ -22,7 +22,7 @@ interface FeatureCardSevenProps {
     features: FeatureCard[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -33,7 +33,7 @@ interface FeatureCardSevenProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -44,7 +44,7 @@ interface FeatureCardSevenProps {
     titleImageClassName?: string;
     cardContentClassName?: string;
     stepNumberClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     cardDescriptionClassName?: string;
     imageContainerClassName?: string;
     imageClassName?: string;
@@ -65,7 +65,7 @@ const FeatureCardSeven = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -76,7 +76,7 @@ const FeatureCardSeven = ({
     titleImageClassName = "",
     cardContentClassName = "",
     stepNumberClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     cardDescriptionClassName = "",
     imageContainerClassName = "",
     imageClassName = "",
@@ -98,7 +98,7 @@ const FeatureCardSeven = ({
             className={className}
             containerClassName={containerClassName}
             cardClassName={cardClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}
@@ -126,7 +126,7 @@ const FeatureCardSeven = ({
                                     {feature.id}
                                 </p>
                             </div>
-                            <h2 className={cls("mt-1 text-4xl md:text-5xl font-medium leading-[1.15] text-balance", shouldUseLightText && "text-background", cardTitleClassName)}>
+                            <h2 className={cls("mt-1 text-4xl md:text-5xl font-medium leading-[1.15] text-balance", shouldUseLightText && "text-background", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                                 {feature.title}
                             </h2>
                             <p className={cls("text-base leading-[1.15] text-balance", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>

src/components/sections/feature/FeatureCardSix.tsx

@@ -5,7 +5,7 @@ import MediaContent from "@/components/shared/MediaContent";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type FeatureCard = {
@@ -21,7 +21,7 @@ type FeatureCard = {
 interface FeatureCardSixProps {
     features: FeatureCard[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -31,7 +31,7 @@ interface FeatureCardSixProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -42,7 +42,7 @@ interface FeatureCardSixProps {
     titleImageClassName?: string;
     cardContentClassName?: string;
     stepNumberClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     cardDescriptionClassName?: string;
     imageContainerClassName?: string;
     imageClassName?: string;
@@ -61,7 +61,7 @@ const FeatureCardSix = ({
     ariaLabel = "Feature section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -72,7 +72,7 @@ const FeatureCardSix = ({
     titleImageClassName = "",
     cardContentClassName = "",
     stepNumberClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     cardDescriptionClassName = "",
     imageContainerClassName = "",
     imageClassName = "",
@@ -92,7 +92,7 @@ const FeatureCardSix = ({
             useInvertedBackground={useInvertedBackground}
             className={className}
             containerClassName={containerClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}
@@ -120,7 +120,7 @@ const FeatureCardSix = ({
                                     {feature.id}
                                 </p>
                             </div>
-                            <h2 className={cls("mt-1 text-4xl md:text-5xl font-medium leading-[1.15] text-balance truncate", shouldUseLightText && "text-background", cardTitleClassName)}>
+                            <h2 className={cls("mt-1 text-4xl md:text-5xl font-medium leading-[1.15] text-balance truncate", shouldUseLightText && "text-background", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                                 {feature.title}
                             </h2>
                             <p className={cls("text-base leading-[1.15] text-balance truncate", shouldUseLightText ? "text-background" : "text-foreground", cardDescriptionClassName)}>

src/components/sections/feature/FeatureCardSixteen.tsx

@@ -7,7 +7,7 @@ import { Check, X } from "lucide-react";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type ComparisonItem = {
@@ -20,7 +20,7 @@ interface FeatureCardSixteenProps {
     positiveCard: ComparisonItem;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     textboxLayout: TextboxLayout;
     useInvertedBackground: InvertedBackground;
@@ -30,7 +30,7 @@ interface FeatureCardSixteenProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     titleImageWrapperClassName?: string;
     titleImageClassName?: string;
     textBoxDescriptionClassName?: string;
@@ -41,7 +41,7 @@ interface FeatureCardSixteenProps {
     textBoxButtonTextClassName?: string;
     gridClassName?: string;
     cardClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     itemsListClassName?: string;
     itemClassName?: string;
     itemIconClassName?: string;
@@ -63,7 +63,7 @@ const FeatureCardSixteen = ({
     ariaLabel = "Feature comparison section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     titleImageWrapperClassName = "",
     titleImageClassName = "",
     textBoxDescriptionClassName = "",
@@ -74,7 +74,7 @@ const FeatureCardSixteen = ({
     textBoxButtonTextClassName = "",
     gridClassName = "",
     cardClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     itemsListClassName = "",
     itemClassName = "",
     itemIconClassName = "",
@@ -112,7 +112,7 @@ const FeatureCardSixteen = ({
                     textboxLayout={textboxLayout}
                     useInvertedBackground={useInvertedBackground}
                     textBoxClassName={textBoxClassName}
-                    titleClassName={textBoxTitleClassName}
+                    titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     titleImageWrapperClassName={titleImageWrapperClassName}
                     titleImageClassName={titleImageClassName}
                     descriptionClassName={textBoxDescriptionClassName}
@@ -140,7 +140,7 @@ const FeatureCardSixteen = ({
                                 <h3 className={cls(
                                     "text-3xl text-center font-medium",
                                     shouldCardUseLightText ? "text-background" : "text-foreground",
-                                    cardTitleClassName
+                                    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                                 )}>
                                     {card.title}
                                 </h3>

src/components/sections/feature/FeatureCardTen.tsx

@@ -5,7 +5,7 @@ import MediaContent from "@/components/shared/MediaContent";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type FeatureMedia = {
@@ -33,7 +33,7 @@ interface FeatureCard {
 interface FeatureCardTenProps {
   features: FeatureCard[];
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   tag?: string;
   tagIcon?: LucideIcon;
@@ -45,7 +45,7 @@ interface FeatureCardTenProps {
   className?: string;
   containerClassName?: string;
   textBoxClassName?: string;
-  textBoxTitleClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   textBoxDescriptionClassName?: string;
   textBoxTagClassName?: string;
   textBoxButtonContainerClassName?: string;
@@ -58,7 +58,7 @@ interface FeatureCardTenProps {
   mediaCardClassName?: string;
   numberClassName?: string;
   contentWrapperClassName?: string;
-  featureTitleClassName?: string;
+  featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   featureDescriptionClassName?: string;
   listItemClassName?: string;
   iconContainerClassName?: string;
@@ -92,7 +92,7 @@ interface FeatureContentProps {
   feature: FeatureCard;
   useInvertedBackground: InvertedBackground;
   shouldUseLightText: boolean;
-  featureTitleClassName: string;
+  featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName: string;
   featureDescriptionClassName: string;
   listItemClassName: string;
   iconContainerClassName: string;
@@ -103,14 +103,14 @@ const FeatureContent = ({
   feature,
   useInvertedBackground,
   shouldUseLightText,
-  featureTitleClassName,
+  featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName,
   featureDescriptionClassName,
   listItemClassName,
   iconContainerClassName,
   iconClassName,
 }: FeatureContentProps) => (
   <div className="flex flex-col gap-3" >
-    <h3 className={cls("text-xl md:text-4xl font-medium leading-[1.15]", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") && "text-background", featureTitleClassName)}>
+    <h3 className={cls("text-xl md:text-4xl font-medium leading-[1.15]", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") && "text-background", featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
       {feature.title}
     </h3>
     <p className={cls("text-base leading-[1.2]", (useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard") ? "text-background/75" : "text-foreground/75", featureDescriptionClassName)}>
@@ -157,7 +157,7 @@ const FeatureCardTen = ({
   className = "",
   containerClassName = "",
   textBoxClassName = "",
-  textBoxTitleClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   textBoxDescriptionClassName = "",
   textBoxTagClassName = "",
   textBoxButtonContainerClassName = "",
@@ -170,7 +170,7 @@ const FeatureCardTen = ({
   mediaCardClassName = "",
   numberClassName = "",
   contentWrapperClassName = "",
-  featureTitleClassName = "",
+  featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   featureDescriptionClassName = "",
   listItemClassName = "",
   iconContainerClassName = "",
@@ -195,7 +195,7 @@ const FeatureCardTen = ({
         feature={feature}
         useInvertedBackground={useInvertedBackground}
         shouldUseLightText={shouldUseLightText}
-        featureTitleClassName={featureTitleClassName}
+        featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName={featureElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
         featureDescriptionClassName={featureDescriptionClassName}
         listItemClassName={listItemClassName}
         iconContainerClassName={iconContainerClassName}
@@ -220,7 +220,7 @@ const FeatureCardTen = ({
       className={className}
       containerClassName={containerClassName}
       textBoxClassName={textBoxClassName}
-      textBoxTitleClassName={textBoxTitleClassName}
+      textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
       textBoxDescriptionClassName={textBoxDescriptionClassName}
       textBoxTagClassName={textBoxTagClassName}
       textBoxButtonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/feature/FeatureCardThirteen.tsx

@@ -4,7 +4,7 @@ import CardStack from "@/components/cardStack/CardStack";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type FeatureCardThirteenGridVariant = Exclude<GridVariant, "one-large-right-three-stacked-left" | "one-large-left-three-stacked-right" | "timeline" | "timeline-three-columns">;
@@ -22,7 +22,7 @@ interface FeatureCardThirteenProps {
   uniformGridCustomHeightClasses?: string;
   animationType: CardAnimationType;
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   tag?: string;
   tagIcon?: LucideIcon;
@@ -33,12 +33,12 @@ interface FeatureCardThirteenProps {
   className?: string;
   containerClassName?: string;
   cardClassName?: string;
-  textBoxTitleClassName?: string;
-  textBoxTitleImageWrapperClassName?: string;
-  textBoxTitleImageClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
   textBoxDescriptionClassName?: string;
   cardIdClassName?: string;
-  cardTitleClassName?: string;
+  cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   cardDescriptionClassName?: string;
   cardDotsClassName?: string;
   gridClassName?: string;
@@ -69,12 +69,12 @@ const FeatureCardThirteen = ({
   className = "",
   containerClassName = "",
   cardClassName = "",
-  textBoxTitleClassName = "",
-  textBoxTitleImageWrapperClassName = "",
-  textBoxTitleImageClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
   textBoxDescriptionClassName = "",
   cardIdClassName = "",
-  cardTitleClassName = "",
+  cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   cardDescriptionClassName = "",
   cardDotsClassName = "",
   gridClassName = "",
@@ -164,9 +164,9 @@ const FeatureCardThirteen = ({
       carouselClassName={carouselClassName}
       controlsClassName={controlsClassName}
       textBoxClassName={textBoxClassName}
-      titleClassName={textBoxTitleClassName}
-      titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-      titleImageClassName={textBoxTitleImageClassName}
+      titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+      titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+      titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
       descriptionClassName={textBoxDescriptionClassName}
       tagClassName={textBoxTagClassName}
       buttonContainerClassName={textBoxButtonContainerClassName}
@@ -202,7 +202,7 @@ const FeatureCardThirteen = ({
               className={cls(
                 "text-4xl font-medium leading-tight",
                 shouldUseLightText ? "text-background" : "text-foreground",
-                cardTitleClassName
+                cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
               )}
             >
               {feature.title}

src/components/sections/feature/FeatureCardTwelve.tsx

@@ -7,7 +7,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 interface FeatureCard {
@@ -22,7 +22,7 @@ interface FeatureCardTwelveProps {
   features: FeatureCard[];
   animationType: CardAnimationType;
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   tag?: string;
   tagIcon?: LucideIcon;
@@ -33,7 +33,7 @@ interface FeatureCardTwelveProps {
   className?: string;
   containerClassName?: string;
   cardClassName?: string;
-  textBoxTitleClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   textBoxDescriptionClassName?: string;
   textBoxClassName?: string;
   textBoxTagClassName?: string;
@@ -44,7 +44,7 @@ interface FeatureCardTwelveProps {
   titleImageClassName?: string;
   cardContentClassName?: string;
   labelClassName?: string;
-  cardTitleClassName?: string;
+  cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   itemsContainerClassName?: string;
   itemTextClassName?: string;
   cardButtonClassName?: string;
@@ -66,7 +66,7 @@ const FeatureCardTwelve = ({
   className = "",
   containerClassName = "",
   cardClassName = "",
-  textBoxTitleClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   textBoxDescriptionClassName = "",
   textBoxClassName = "",
   textBoxTagClassName = "",
@@ -77,7 +77,7 @@ const FeatureCardTwelve = ({
   titleImageClassName = "",
   cardContentClassName = "",
   labelClassName = "",
-  cardTitleClassName = "",
+  cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   itemsContainerClassName = "",
   itemTextClassName = "",
   cardButtonClassName = "",
@@ -101,7 +101,7 @@ const FeatureCardTwelve = ({
       className={className}
       containerClassName={containerClassName}
       cardClassName={cardClassName}
-      titleClassName={textBoxTitleClassName}
+      titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
       descriptionClassName={textBoxDescriptionClassName}
       textBoxClassName={textBoxClassName}
       tagClassName={textBoxTagClassName}
@@ -136,7 +136,7 @@ const FeatureCardTwelve = ({
             <h3 className={cls(
               "text-xl md:text-3xl font-medium leading-tight",
               shouldUseLightText ? "text-background" : "text-foreground",
-              cardTitleClassName
+              cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
             )}>
               {feature.title}
             </h3>

src/components/sections/feature/FeatureCardTwenty.tsx

@@ -5,7 +5,7 @@ import MediaContent from "@/components/shared/MediaContent";
 import AutoCarousel from "@/components/cardStack/layouts/carousels/AutoCarousel";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type FeatureImage = {
@@ -19,7 +19,7 @@ type FeatureImage = {
 interface FeatureCardTwentyProps {
     images: FeatureImage[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;

src/components/sections/feature/FeatureCardTwentyOne.tsx

@@ -6,7 +6,7 @@ import Accordion from "@/components/Accordion";
 import MediaContent from "@/components/shared/MediaContent";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type MediaProps =
@@ -31,7 +31,7 @@ type AccordionItem = {
 
 type FeatureCardTwentyOneProps = MediaProps & {
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -56,7 +56,7 @@ type FeatureCardTwentyOneProps = MediaProps & {
     titleImageClassName?: string;
     accordionContainerClassName?: string;
     accordionClassName?: string;
-    accordionTitleClassName?: string;
+    accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     accordionContentClassName?: string;
     accordionIconContainerClassName?: string;
     accordionIconClassName?: string;
@@ -93,7 +93,7 @@ const FeatureCardTwentyOne = ({
     titleImageClassName = "",
     accordionContainerClassName = "",
     accordionClassName = "",
-    accordionTitleClassName = "",
+    accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     accordionContentClassName = "",
     accordionIconContainerClassName = "",
     accordionIconClassName = "",
@@ -180,7 +180,7 @@ const FeatureCardTwentyOne = ({
                         showCard={false}
                         useInvertedBackground={useInvertedBackground === "noInvert" ? undefined : useInvertedBackground}
                         className={cls("py-4 md:py-6", accordionClassName)}
-                        titleClassName={cls("text-xl md:text-2xl", accordionTitleClassName)}
+                        titleClassName={cls("text-xl md:text-2xl", accordionElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}
                         contentClassName={accordionContentClassName}
                         iconContainerClassName={accordionIconContainerClassName}
                         iconClassName={accordionIconClassName}

src/components/sections/feature/featureCardThree/FeatureCardThree.tsx

@@ -7,7 +7,7 @@ import FeatureCardThreeItem from "./FeatureCardThreeItem";
 import { useDynamicDimensions } from "./useDynamicDimensions";
 import { useClickOutside } from "@/hooks/useClickOutside";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type FeatureCard = {
@@ -25,7 +25,7 @@ interface FeatureCardThreeProps {
   uniformGridCustomHeightClasses?: string;
   animationType: CardAnimationType;
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   tag?: string;
   tagIcon?: LucideIcon;
@@ -36,11 +36,11 @@ interface FeatureCardThreeProps {
   className?: string;
   containerClassName?: string;
   cardClassName?: string;
-  textBoxTitleClassName?: string;
-  textBoxTitleImageWrapperClassName?: string;
-  textBoxTitleImageClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
   textBoxDescriptionClassName?: string;
-  cardTitleClassName?: string;
+  cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   cardDescriptionClassName?: string;
   gridClassName?: string;
   carouselClassName?: string;
@@ -71,11 +71,11 @@ const FeatureCardThree = ({
   className = "",
   containerClassName = "",
   cardClassName = "",
-  textBoxTitleClassName = "",
-  textBoxTitleImageWrapperClassName = "",
-  textBoxTitleImageClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
   textBoxDescriptionClassName = "",
-  cardTitleClassName = "",
+  cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   cardDescriptionClassName = "",
   gridClassName = "",
   carouselClassName = "",
@@ -148,9 +148,9 @@ const FeatureCardThree = ({
         carouselClassName={carouselClassName}
         controlsClassName={controlsClassName}
         textBoxClassName={textBoxClassName}
-        titleClassName={textBoxTitleClassName}
-        titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-        titleImageClassName={textBoxTitleImageClassName}
+        titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+        titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+        titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
         descriptionClassName={textBoxDescriptionClassName}
         tagClassName={textBoxTagClassName}
         buttonContainerClassName={textBoxButtonContainerClassName}
@@ -167,7 +167,7 @@ const FeatureCardThree = ({
             onItemClick={() => handleItemClick(index)}
             className={cardClassName}
             itemContentClassName={itemContentClassName}
-            itemTitleClassName={cardTitleClassName}
+            itemElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             itemDescriptionClassName={cardDescriptionClassName}
           />
         ))}

src/components/sections/feature/featureCardThree/FeatureCardThreeItem.tsx

@@ -19,7 +19,7 @@ interface FeatureCardThreeItemProps {
   onItemClick?: () => void;
   className?: string;
   itemContentClassName?: string;
-  itemTitleClassName?: string;
+  itemElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   itemDescriptionClassName?: string;
 }
 
@@ -34,7 +34,7 @@ const FeatureCardThreeItem = memo(
         onItemClick,
         className = "",
         itemContentClassName = "",
-        itemTitleClassName = "",
+        itemElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
         itemDescriptionClassName = "",
       },
       ref
@@ -107,7 +107,7 @@ const FeatureCardThreeItem = memo(
               <h2
                 className={cls(
                   "feature-card-three-title font-semibold leading-[110%] transition-colors text-background group-hover:text-foreground",
-                  itemTitleClassName
+                  itemElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                 )}
               >
                 {item.title}

src/components/sections/footer/FooterBase.tsx

@@ -21,7 +21,7 @@ interface FooterBaseProps {
   logoTextClassName?: string;
   columnsClassName?: string;
   columnClassName?: string;
-  columnTitleClassName?: string;
+  columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   columnItemClassName?: string;
   copyrightContainerClassName?: string;
   copyrightTextClassName?: string;
@@ -43,7 +43,7 @@ const FooterBase = ({
   logoTextClassName = "",
   columnsClassName = "",
   columnClassName = "",
-  columnTitleClassName = "",
+  columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   columnItemClassName = "",
   copyrightContainerClassName = "",
   copyrightTextClassName = "",
@@ -81,7 +81,7 @@ const FooterBase = ({
             columns={columns}
             className={columnsClassName}
             columnClassName={columnClassName}
-            columnTitleClassName={cls("text-background/50", columnTitleClassName)}
+            columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cls("text-background/50", columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}
             columnItemClassName={cls("text-background", columnItemClassName)}
           />
         </div>

src/components/sections/footer/FooterBaseCard.tsx

@@ -22,7 +22,7 @@ interface FooterBaseCardProps {
   logoTextClassName?: string;
   columnsClassName?: string;
   columnClassName?: string;
-  columnTitleClassName?: string;
+  columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   columnItemClassName?: string;
   copyrightContainerClassName?: string;
   copyrightTextClassName?: string;
@@ -45,7 +45,7 @@ const FooterBaseCard = ({
   logoTextClassName = "",
   columnsClassName = "",
   columnClassName = "",
-  columnTitleClassName = "",
+  columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   columnItemClassName = "",
   copyrightContainerClassName = "",
   copyrightTextClassName = "",
@@ -81,7 +81,7 @@ const FooterBaseCard = ({
             columns={columns}
             className={columnsClassName}
             columnClassName={columnClassName}
-            columnTitleClassName={columnTitleClassName}
+            columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName={columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             columnItemClassName={columnItemClassName}
           />
         </div>

src/components/sections/footer/FooterBaseReveal.tsx

@@ -29,7 +29,7 @@ interface FooterBaseRevealProps {
   logoClassName?: string;
   columnsClassName?: string;
   columnClassName?: string;
-  columnTitleClassName?: string;
+  columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   columnItemClassName?: string;
   copyrightContainerClassName?: string;
   copyrightTextClassName?: string;
@@ -52,7 +52,7 @@ const FooterBaseReveal = ({
   logoClassName,
   columnsClassName,
   columnClassName,
-  columnTitleClassName,
+  columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName,
   columnItemClassName,
   copyrightContainerClassName,
   copyrightTextClassName,
@@ -109,7 +109,7 @@ const FooterBaseReveal = ({
             logoClassName={logoClassName}
             columnsClassName={columnsClassName}
             columnClassName={columnClassName}
-            columnTitleClassName={columnTitleClassName}
+            columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName={columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             columnItemClassName={columnItemClassName}
             copyrightContainerClassName={copyrightContainerClassName}
             copyrightTextClassName={copyrightTextClassName}

src/components/sections/footer/FooterBaseSocial.tsx

@@ -26,7 +26,7 @@ interface FooterBaseSocialProps {
   descriptionClassName?: string;
   columnsClassName?: string;
   columnClassName?: string;
-  columnTitleClassName?: string;
+  columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   columnItemClassName?: string;
   socialLinksClassName?: string;
   socialIconClassName?: string;
@@ -53,7 +53,7 @@ const FooterBaseSocial = ({
   descriptionClassName = "",
   columnsClassName = "",
   columnClassName = "",
-  columnTitleClassName = "",
+  columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   columnItemClassName = "",
   socialLinksClassName = "",
   socialIconClassName = "",
@@ -105,7 +105,7 @@ const FooterBaseSocial = ({
             columns={columns}
             className={columnsClassName}
             columnClassName={columnClassName}
-            columnTitleClassName={cls("text-background/50", columnTitleClassName)}
+            columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cls("text-background/50", columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}
             columnItemClassName={cls("text-background", columnItemClassName)}
           />
         </div>

src/components/sections/footer/FooterMedia.tsx

@@ -38,7 +38,7 @@ type FooterMediaProps = MediaProps & {
     logoTextClassName?: string;
     columnsClassName?: string;
     columnClassName?: string;
-    columnTitleClassName?: string;
+    columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     columnItemClassName?: string;
     copyrightContainerClassName?: string;
     copyrightTextClassName?: string;
@@ -66,7 +66,7 @@ const FooterMedia = ({
     logoTextClassName = "",
     columnsClassName = "",
     columnClassName = "",
-    columnTitleClassName = "",
+    columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     columnItemClassName = "",
     copyrightContainerClassName = "",
     copyrightTextClassName = "",
@@ -115,7 +115,7 @@ const FooterMedia = ({
                             columns={columns}
                             className={columnsClassName}
                             columnClassName={columnClassName}
-                            columnTitleClassName={cls("text-background/50", columnTitleClassName)}
+                            columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cls("text-background/50", columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}
                             columnItemClassName={cls("text-background", columnItemClassName)}
                         />
                     </div>

src/components/sections/footer/FooterSocial.tsx

@@ -26,7 +26,7 @@ interface FooterSocialProps {
   socialIconClassName?: string;
   columnsClassName?: string;
   columnClassName?: string;
-  columnTitleClassName?: string;
+  columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   columnItemClassName?: string;
 }
 
@@ -49,7 +49,7 @@ const FooterSocial = ({
   socialIconClassName = "",
   columnsClassName = "",
   columnClassName = "",
-  columnTitleClassName = "",
+  columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   columnItemClassName = "",
 }: FooterSocialProps) => {
   return (
@@ -99,7 +99,7 @@ const FooterSocial = ({
             columns={columns}
             className={columnsClassName}
             columnClassName={columnClassName}
-            columnTitleClassName={columnTitleClassName}
+            columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName={columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             columnItemClassName={columnItemClassName}
           />
         </div>

src/components/sections/footer/FooterSplit.tsx

@@ -30,7 +30,7 @@ interface FooterSplitProps {
   contentClassName?: string;
   columnsClassName?: string;
   columnClassName?: string;
-  columnTitleClassName?: string;
+  columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   columnItemClassName?: string;
   titleClassName?: string;
   avatarGroupClassName?: string;
@@ -58,7 +58,7 @@ const FooterSplit = ({
   contentClassName = "",
   columnsClassName = "",
   columnClassName = "",
-  columnTitleClassName = "",
+  columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   columnItemClassName = "",
   titleClassName = "",
   avatarGroupClassName = "",
@@ -80,7 +80,7 @@ const FooterSplit = ({
             columns={columns}
             className={columnsClassName}
             columnClassName={columnClassName}
-            columnTitleClassName={columnTitleClassName}
+            columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName={columnElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             columnItemClassName={columnItemClassName}
           />
 

src/components/sections/hero/HeroChatPromptFeatures.tsx

@@ -41,7 +41,7 @@ interface HeroChatPromptFeaturesProps {
   featureHighlightsClassName?: string;
   featureHighlightClassName?: string;
   featureHighlightIconClassName?: string;
-  featureHighlightTitleClassName?: string;
+  featureHighlightElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   featureHighlightSubtitleClassName?: string;
 }
 
@@ -68,7 +68,7 @@ const HeroChatPromptFeatures = ({
   featureHighlightsClassName = "",
   featureHighlightClassName = "",
   featureHighlightIconClassName = "",
-  featureHighlightTitleClassName = "",
+  featureHighlightElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   featureHighlightSubtitleClassName = "",
 }: HeroChatPromptFeaturesProps) => {
 
@@ -160,7 +160,7 @@ const HeroChatPromptFeatures = ({
                 <div className="relative w-full min-w-0 flex flex-col">
                   <h3 className={cls(
                     "relative w-full z-1 text-base font-medium text-foreground leading-tight truncate",
-                    featureHighlightTitleClassName
+                    featureHighlightElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                   )}>
                     {highlight.title}
                   </h3>

src/components/sections/metrics/MetricCardEight.tsx

@@ -31,7 +31,7 @@ interface MetricCardEightProps {
     metricsContainerClassName?: string;
     metricClassName?: string;
     valueClassName?: string;
-    metricTitleClassName?: string;
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
 }
 
 const MetricCardEight = ({
@@ -53,7 +53,7 @@ const MetricCardEight = ({
     metricsContainerClassName = "",
     metricClassName = "",
     valueClassName = "",
-    metricTitleClassName = "",
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
 }: MetricCardEightProps) => {
     const theme = useTheme();
     const shouldUseLightText = useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard";
@@ -122,7 +122,7 @@ const MetricCardEight = ({
                                 <p className={cls(
                                     "text-base leading-tight truncate",
                                     shouldMetricUseLightText ? "text-background/70" : "text-foreground/70",
-                                    metricTitleClassName
+                                    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                                 )}>
                                     {metric.title}
                                 </p>

src/components/sections/metrics/MetricCardEleven.tsx

@@ -7,7 +7,7 @@ import { useCardAnimation } from "@/components/cardStack/hooks/useCardAnimation"
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type MediaProps =
@@ -35,7 +35,7 @@ interface MetricCardElevenProps {
     metrics: Metric[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -46,9 +46,9 @@ interface MetricCardElevenProps {
     className?: string;
     containerClassName?: string;
     textBoxClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxTagClassName?: string;
     textBoxButtonContainerClassName?: string;
@@ -57,7 +57,7 @@ interface MetricCardElevenProps {
     gridClassName?: string;
     cardClassName?: string;
     valueClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     cardDescriptionClassName?: string;
     mediaCardClassName?: string;
     mediaClassName?: string;
@@ -68,7 +68,7 @@ interface MetricTextCardProps {
     shouldUseLightText: boolean;
     cardClassName?: string;
     valueClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     cardDescriptionClassName?: string;
 }
 
@@ -83,7 +83,7 @@ const MetricTextCard = memo(({
     shouldUseLightText,
     cardClassName = "",
     valueClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     cardDescriptionClassName = "",
 }: MetricTextCardProps) => {
     return (
@@ -103,7 +103,7 @@ const MetricTextCard = memo(({
                 <p className={cls(
                     "text-xl md:text-2xl font-medium leading-tight truncate",
                     shouldUseLightText ? "text-background" : "text-foreground",
-                    cardTitleClassName
+                    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                 )}>
                     {metric.title}
                 </p>
@@ -160,9 +160,9 @@ const MetricCardEleven = ({
     className = "",
     containerClassName = "",
     textBoxClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     textBoxTagClassName = "",
     textBoxButtonContainerClassName = "",
@@ -171,7 +171,7 @@ const MetricCardEleven = ({
     gridClassName = "",
     cardClassName = "",
     valueClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     cardDescriptionClassName = "",
     mediaCardClassName = "",
     mediaClassName = "",
@@ -205,9 +205,9 @@ const MetricCardEleven = ({
                     textboxLayout={textboxLayout}
                     useInvertedBackground={useInvertedBackground}
                     textBoxClassName={textBoxClassName}
-                    titleClassName={textBoxTitleClassName}
-                    titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-                    titleImageClassName={textBoxTitleImageClassName}
+                    titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+                    titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+                    titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
                     descriptionClassName={textBoxDescriptionClassName}
                     tagClassName={textBoxTagClassName}
                     buttonContainerClassName={textBoxButtonContainerClassName}
@@ -247,7 +247,7 @@ const MetricCardEleven = ({
                                     cardClassName
                                 )}
                                 valueClassName={valueClassName}
-                                cardTitleClassName={cardTitleClassName}
+                                cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                                 cardDescriptionClassName={cardDescriptionClassName}
                             />
                             <MetricMediaCard

src/components/sections/metrics/MetricCardFive.tsx

@@ -4,7 +4,7 @@ import CardList from "@/components/cardStack/CardList";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 interface Metric {
@@ -17,7 +17,7 @@ interface MetricCardFiveProps {
     metrics: Metric[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -28,7 +28,7 @@ interface MetricCardFiveProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -57,7 +57,7 @@ const MetricCardFive = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -88,7 +88,7 @@ const MetricCardFive = ({
             className={className}
             containerClassName={containerClassName}
             cardClassName={cardClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}

src/components/sections/metrics/MetricCardFour.tsx

@@ -4,7 +4,7 @@ import TimelineHorizontalCardStack from "@/components/cardStack/layouts/timeline
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type Metric = {
@@ -22,7 +22,7 @@ type Metric = {
 interface MetricCardFourProps {
     metrics: Metric[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -32,7 +32,7 @@ interface MetricCardFourProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -46,7 +46,7 @@ interface MetricCardFourProps {
     cardContentClassName?: string;
     iconContainerClassName?: string;
     iconClassName?: string;
-    metricTitleClassName?: string;
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     valueClassName?: string;
     mediaContainerClassName?: string;
     mediaClassName?: string;
@@ -65,7 +65,7 @@ const MetricCardFour = ({
     ariaLabel = "Metrics section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -79,7 +79,7 @@ const MetricCardFour = ({
     cardContentClassName = "",
     iconContainerClassName = "",
     iconClassName = "",
-    metricTitleClassName = "",
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     valueClassName = "",
     mediaContainerClassName = "",
     mediaClassName = "",
@@ -106,7 +106,7 @@ const MetricCardFour = ({
             mediaItems={mediaItems}
             className={className}
             containerClassName={containerClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}
@@ -130,7 +130,7 @@ const MetricCardFour = ({
                         <div className={cls("h-8 primary-button aspect-square rounded-theme flex items-center justify-center", iconContainerClassName)}>
                             <metric.icon className={cls("h-4/10 text-background", iconClassName)} strokeWidth={1.5} />
                         </div>
-                        <h3 className={cls("text-xl truncate", shouldUseLightText ? "text-background" : "text-foreground", metricTitleClassName)}>
+                        <h3 className={cls("text-xl truncate", shouldUseLightText ? "text-background" : "text-foreground", metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                             {metric.title}
                         </h3>
                     </div>

src/components/sections/metrics/MetricCardOne.tsx

@@ -5,7 +5,7 @@ import CardStack from "@/components/cardStack/CardStack";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type Metric = {
@@ -23,7 +23,7 @@ interface MetricCardOneProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -34,9 +34,9 @@ interface MetricCardOneProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     valueClassName?: string;
     titleClassName?: string;
@@ -123,9 +123,9 @@ const MetricCardOne = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     valueClassName = "",
     titleClassName = "",
@@ -165,9 +165,9 @@ const MetricCardOne = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/metrics/MetricCardSeven.tsx

@@ -6,7 +6,7 @@ import PricingFeatureList from "@/components/shared/PricingFeatureList";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type Metric = {
@@ -23,7 +23,7 @@ interface MetricCardSevenProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -34,12 +34,12 @@ interface MetricCardSevenProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     valueClassName?: string;
-    metricTitleClassName?: string;
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     featuresClassName?: string;
     featureItemClassName?: string;
     gridClassName?: string;
@@ -57,7 +57,7 @@ interface MetricCardItemProps {
     shouldUseLightText: boolean;
     cardClassName?: string;
     valueClassName?: string;
-    metricTitleClassName?: string;
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     featuresClassName?: string;
     featureItemClassName?: string;
 }
@@ -67,7 +67,7 @@ const MetricCardItem = memo(({
     shouldUseLightText,
     cardClassName = "",
     valueClassName = "",
-    metricTitleClassName = "",
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     featuresClassName = "",
     featureItemClassName = "",
 }: MetricCardItemProps) => {
@@ -77,7 +77,7 @@ const MetricCardItem = memo(({
                 <h3 className={cls("relative z-1 text-9xl md:text-8xl font-medium text-accent truncate", valueClassName)}>
                     {metric.value}
                 </h3>
-                <p className={cls("relative z-1 text-2xl md:text-xl truncate", shouldUseLightText ? "text-background" : "text-foreground", metricTitleClassName)}>
+                <p className={cls("relative z-1 text-2xl md:text-xl truncate", shouldUseLightText ? "text-background" : "text-foreground", metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                     {metric.title}
                 </p>
             </div>
@@ -115,12 +115,12 @@ const MetricCardSeven = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     valueClassName = "",
-    metricTitleClassName = "",
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     featuresClassName = "",
     featureItemClassName = "",
     gridClassName = "",
@@ -156,9 +156,9 @@ const MetricCardSeven = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -173,7 +173,7 @@ const MetricCardSeven = ({
                     shouldUseLightText={shouldUseLightText}
                     cardClassName={cardClassName}
                     valueClassName={valueClassName}
-                    metricTitleClassName={metricTitleClassName}
+                    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName={metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     featuresClassName={featuresClassName}
                     featureItemClassName={featureItemClassName}
                 />

src/components/sections/metrics/MetricCardSix.tsx

@@ -6,7 +6,7 @@ import Tag from "@/components/shared/Tag";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type Metric = {
@@ -24,7 +24,7 @@ interface MetricCardSixProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -35,13 +35,13 @@ interface MetricCardSixProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     valueClassName?: string;
     metricTagClassName?: string;
-    metricTitleClassName?: string;
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     gridClassName?: string;
     carouselClassName?: string;
     controlsClassName?: string;
@@ -59,7 +59,7 @@ interface MetricCardItemProps {
     cardClassName?: string;
     valueClassName?: string;
     metricTagClassName?: string;
-    metricTitleClassName?: string;
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
 }
 
 const MetricCardItem = memo(({
@@ -69,7 +69,7 @@ const MetricCardItem = memo(({
     cardClassName = "",
     valueClassName = "",
     metricTagClassName = "",
-    metricTitleClassName = "",
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
 }: MetricCardItemProps) => {
     return (
         <div className={cls("relative h-full card text-foreground rounded-theme-capped p-6 flex flex-col justify-between gap-4", cardClassName)}>
@@ -80,7 +80,7 @@ const MetricCardItem = memo(({
                     useInvertedBackground={useInvertedBackground}
                     className={metricTagClassName}
                 />
-                <p className={cls("relative z-1 text-3xl", shouldUseLightText ? "text-background" : "text-foreground", metricTitleClassName)}>
+                <p className={cls("relative z-1 text-3xl", shouldUseLightText ? "text-background" : "text-foreground", metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                     {metric.title}
                 </p>
             </div>
@@ -111,13 +111,13 @@ const MetricCardSix = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     valueClassName = "",
     metricTagClassName = "",
-    metricTitleClassName = "",
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     gridClassName = "",
     carouselClassName = "",
     controlsClassName = "",
@@ -151,9 +151,9 @@ const MetricCardSix = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -170,7 +170,7 @@ const MetricCardSix = ({
                     cardClassName={cardClassName}
                     valueClassName={valueClassName}
                     metricTagClassName={metricTagClassName}
-                    metricTitleClassName={metricTitleClassName}
+                    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName={metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                 />
             ))}
         </CardStack>

src/components/sections/metrics/MetricCardTen.tsx

@@ -7,7 +7,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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 { CTAButtonVariant } from "@/components/button/types";
 
@@ -26,7 +26,7 @@ interface MetricCardTenProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -37,11 +37,11 @@ interface MetricCardTenProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     subtitleClassName?: string;
     categoryClassName?: string;
     valueClassName?: string;
@@ -63,7 +63,7 @@ interface MetricCardItemProps {
     shouldUseLightText: boolean;
     defaultButtonVariant: CTAButtonVariant;
     cardClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     subtitleClassName?: string;
     categoryClassName?: string;
     valueClassName?: string;
@@ -77,7 +77,7 @@ const MetricCardItem = memo(({
     shouldUseLightText,
     defaultButtonVariant,
     cardClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     subtitleClassName = "",
     categoryClassName = "",
     valueClassName = "",
@@ -92,7 +92,7 @@ const MetricCardItem = memo(({
                     <h3 className={cls(
                         "text-2xl md:text-3xl font-medium leading-tight truncate",
                         shouldUseLightText ? "text-background" : "text-foreground",
-                        cardTitleClassName
+                        cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                     )}>
                         {metric.title}
                     </h3>
@@ -158,11 +158,11 @@ const MetricCardTen = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     subtitleClassName = "",
     categoryClassName = "",
     valueClassName = "",
@@ -203,9 +203,9 @@ const MetricCardTen = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -221,7 +221,7 @@ const MetricCardTen = ({
                     shouldUseLightText={shouldUseLightText}
                     defaultButtonVariant={theme.defaultButtonVariant}
                     cardClassName={cardClassName}
-                    cardTitleClassName={cardTitleClassName}
+                    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     subtitleClassName={subtitleClassName}
                     categoryClassName={categoryClassName}
                     valueClassName={valueClassName}

src/components/sections/metrics/MetricCardThirteen.tsx

@@ -5,7 +5,7 @@ import { Globe } from "@/components/shared/Globe";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { InvertedBackground } from "@/providers/themeProvider/config/constants";
 import type { COBEOptions } from "cobe";
 
@@ -17,7 +17,7 @@ type MetricCard = {
 
 interface MetricCardThirteenProps {
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;

src/components/sections/metrics/MetricCardThree.tsx

@@ -5,7 +5,7 @@ import CardStack from "@/components/cardStack/CardStack";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type Metric = {
@@ -22,7 +22,7 @@ interface MetricCardThreeProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -33,13 +33,13 @@ interface MetricCardThreeProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     iconContainerClassName?: string;
     iconClassName?: string;
-    metricTitleClassName?: string;
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     valueClassName?: string;
     gridClassName?: string;
     carouselClassName?: string;
@@ -57,7 +57,7 @@ interface MetricCardItemProps {
     cardClassName?: string;
     iconContainerClassName?: string;
     iconClassName?: string;
-    metricTitleClassName?: string;
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     valueClassName?: string;
 }
 
@@ -67,7 +67,7 @@ const MetricCardItem = memo(({
     cardClassName = "",
     iconContainerClassName = "",
     iconClassName = "",
-    metricTitleClassName = "",
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     valueClassName = "",
 }: MetricCardItemProps) => {
     return (
@@ -76,7 +76,7 @@ const MetricCardItem = memo(({
                 <div className={cls("h-8 primary-button aspect-square rounded-theme flex items-center justify-center", iconContainerClassName)}>
                     <metric.icon className={cls("h-4/10 text-background", iconClassName)} strokeWidth={1.5} />
                 </div>
-                <h3 className={cls("text-xl truncate", shouldUseLightText ? "text-background" : "text-foreground", metricTitleClassName)}>
+                <h3 className={cls("text-xl truncate", shouldUseLightText ? "text-background" : "text-foreground", metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                     {metric.title}
                 </h3>
             </div>
@@ -109,13 +109,13 @@ const MetricCardThree = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-  textBoxTitleImageWrapperClassName = "",
-  textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     iconContainerClassName = "",
     iconClassName = "",
-    metricTitleClassName = "",
+    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     valueClassName = "",
     gridClassName = "",
     carouselClassName = "",
@@ -150,9 +150,9 @@ const MetricCardThree = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -168,7 +168,7 @@ const MetricCardThree = ({
                     cardClassName={cardClassName}
                     iconContainerClassName={iconContainerClassName}
                     iconClassName={iconClassName}
-                    metricTitleClassName={metricTitleClassName}
+                    metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName={metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     valueClassName={valueClassName}
                 />
             ))}

src/components/sections/metrics/MetricCardTwo.tsx

@@ -5,7 +5,7 @@ import CardStack from "@/components/cardStack/CardStack";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type Metric = {
@@ -21,7 +21,7 @@ interface MetricCardTwoProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -32,9 +32,9 @@ interface MetricCardTwoProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     valueClassName?: string;
     metricDescriptionClassName?: string;
@@ -95,9 +95,9 @@ const MetricCardTwo = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     valueClassName = "",
     metricDescriptionClassName = "",
@@ -134,9 +134,9 @@ const MetricCardTwo = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/pricing/PricingCardEight.tsx

@@ -9,7 +9,7 @@ import { getButtonProps } from "@/lib/buttonUtils";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type PricingPlan = {
@@ -28,7 +28,7 @@ interface PricingCardEightProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -39,9 +39,9 @@ interface PricingCardEightProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     badgeClassName?: string;
     priceClassName?: string;
@@ -164,9 +164,9 @@ const PricingCardEight = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     badgeClassName = "",
     priceClassName = "",
@@ -208,9 +208,9 @@ const PricingCardEight = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/pricing/PricingCardFive.tsx

@@ -8,7 +8,7 @@ import { getButtonProps } from "@/lib/buttonUtils";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type PricingPlan = {
@@ -19,7 +19,7 @@ type PricingPlan = {
     period: string;
     description: string;
     button: ButtonConfig;
-    featuresTitle: string;
+    featuresElevate Your Brand with Expert Copywriting and Content Enhancement: string;
     features: string[];
 };
 
@@ -27,7 +27,7 @@ interface PricingCardFiveProps {
     plans: PricingPlan[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -38,7 +38,7 @@ interface PricingCardFiveProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -54,7 +54,7 @@ interface PricingCardFiveProps {
     planDescriptionClassName?: string;
     planButtonClassName?: string;
     planButtonTextClassName?: string;
-    featuresTitleClassName?: string;
+    featuresElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     featuresListClassName?: string;
     featureItemClassName?: string;
     featureIconClassName?: string;
@@ -76,7 +76,7 @@ const PricingCardFive = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -92,7 +92,7 @@ const PricingCardFive = ({
     planDescriptionClassName = "",
     planButtonClassName = "",
     planButtonTextClassName = "",
-    featuresTitleClassName = "",
+    featuresElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     featuresListClassName = "",
     featureItemClassName = "",
     featureIconClassName = "",
@@ -126,7 +126,7 @@ const PricingCardFive = ({
             className={className}
             containerClassName={containerClassName}
             cardClassName={cardClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}
@@ -193,9 +193,9 @@ const PricingCardFive = ({
                         <h3 className={cls(
                             "text-xl",
                             shouldUseLightText ? "text-background" : "text-foreground",
-                            featuresTitleClassName
+                            featuresElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                         )}>
-                            {plan.featuresTitle}
+                            {plan.featuresElevate Your Brand with Expert Copywriting and Content Enhancement}
                         </h3>
                         <ul className={cls("flex flex-col gap-3", featuresListClassName)}>
                             {plan.features.map((feature, index) => (

src/components/sections/pricing/PricingCardFour.tsx

@@ -35,7 +35,7 @@ interface PricingCardFourProps {
   plans: PricingPlan[];
   useInvertedBackground: InvertedBackground;
   animationType: CardAnimationType;
-  featuresTitle?: string;
+  featuresElevate Your Brand with Expert Copywriting and Content Enhancement?: string;
   ariaLabel?: string;
   className?: string;
   containerClassName?: string;
@@ -44,12 +44,12 @@ interface PricingCardFourProps {
   tagClassName?: string;
   titleClassName?: string;
   ctaCardClassName?: string;
-  ctaCardTitleClassName?: string;
+  ctaCardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   ctaCardDescriptionClassName?: string;
   planSelectorClassName?: string;
   priceClassName?: string;
   subtitleClassName?: string;
-  featuresTitleClassName?: string;
+  featuresElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   featuresGridClassName?: string;
   featureItemClassName?: string;
 }
@@ -62,7 +62,7 @@ const PricingCardFour = ({
   plans,
   useInvertedBackground,
   animationType,
-  featuresTitle = "What's included",
+  featuresElevate Your Brand with Expert Copywriting and Content Enhancement = "What's included",
   ariaLabel = "Pricing section",
   className = "",
   containerClassName = "",
@@ -71,12 +71,12 @@ const PricingCardFour = ({
   tagClassName = "",
   titleClassName = "",
   ctaCardClassName = "",
-  ctaCardTitleClassName = "",
+  ctaCardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   ctaCardDescriptionClassName = "",
   planSelectorClassName = "",
   priceClassName = "",
   subtitleClassName = "",
-  featuresTitleClassName = "",
+  featuresElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   featuresGridClassName = "",
   featureItemClassName = "",
 }: PricingCardFourProps) => {
@@ -142,7 +142,7 @@ const PricingCardFour = ({
                   )}
                 >
                   <div className="flex flex-col gap-0">
-                    <span className={cls("text-base md:text-xl font-medium text-background line-clamp-1", ctaCardTitleClassName)}>
+                    <span className={cls("text-base md:text-xl font-medium text-background line-clamp-1", ctaCardElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
                       {ctaCard.title}
                     </span>
                     <span className={cls("text-sm text-background/60 line-clamp-1", ctaCardDescriptionClassName)}>
@@ -203,9 +203,9 @@ const PricingCardFour = ({
                 <h4 className={cls(
                   "text-lg font-medium",
                   shouldUseLightText ? "text-background" : "text-foreground",
-                  featuresTitleClassName
+                  featuresElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                 )}>
-                  {featuresTitle}
+                  {featuresElevate Your Brand with Expert Copywriting and Content Enhancement}
                 </h4>
 
                 <div className={cls(

src/components/sections/pricing/PricingCardNine.tsx

@@ -9,7 +9,7 @@ import { getButtonProps } from "@/lib/buttonUtils";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type PricingPlan = {
@@ -27,7 +27,7 @@ interface PricingCardNineProps {
     plans: PricingPlan[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -38,7 +38,7 @@ interface PricingCardNineProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -50,7 +50,7 @@ interface PricingCardNineProps {
     cardContentClassName?: string;
     planImageWrapperClassName?: string;
     planImageClassName?: string;
-    planTitleClassName?: string;
+    planElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     planPriceClassName?: string;
     planButtonClassName?: string;
     planButtonTextClassName?: string;
@@ -75,7 +75,7 @@ const PricingCardNine = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -87,7 +87,7 @@ const PricingCardNine = ({
     cardContentClassName = "",
     planImageWrapperClassName = "",
     planImageClassName = "",
-    planTitleClassName = "",
+    planElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     planPriceClassName = "",
     planButtonClassName = "",
     planButtonTextClassName = "",
@@ -124,7 +124,7 @@ const PricingCardNine = ({
             className={className}
             containerClassName={containerClassName}
             cardClassName={cardClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}
@@ -162,7 +162,7 @@ const PricingCardNine = ({
                             <h3 className={cls(
                                 "text-4xl md:text-5xl font-medium mb-1 truncate",
                                 shouldUseLightText ? "text-background" : "text-foreground",
-                                planTitleClassName
+                                planElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                             )}>
                                 {plan.title}
                             </h3>

src/components/sections/pricing/PricingCardOne.tsx

@@ -7,7 +7,7 @@ import PricingFeatureList from "@/components/shared/PricingFeatureList";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type PricingPlan = {
@@ -25,7 +25,7 @@ interface PricingCardOneProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -36,9 +36,9 @@ interface PricingCardOneProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     badgeClassName?: string;
     priceClassName?: string;
@@ -125,9 +125,9 @@ const PricingCardOne = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     badgeClassName = "",
     priceClassName = "",
@@ -167,9 +167,9 @@ const PricingCardOne = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/pricing/PricingCardSeven.tsx

@@ -9,7 +9,7 @@ import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 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";
 
 type PricingOption = {
@@ -36,7 +36,7 @@ interface PricingCardSevenProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -47,9 +47,9 @@ interface PricingCardSevenProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     planTagClassName?: string;
     priceClassName?: string;
@@ -194,9 +194,9 @@ const PricingCardSeven = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     planTagClassName = "",
     priceClassName = "",
@@ -239,9 +239,9 @@ const PricingCardSeven = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/pricing/PricingCardSix.tsx

@@ -8,7 +8,7 @@ import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 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";
 
 type PricingPlan = {
@@ -26,7 +26,7 @@ interface PricingCardSixProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -37,9 +37,9 @@ interface PricingCardSixProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     priceClassName?: string;
     subtitleClassName?: string;
@@ -171,9 +171,9 @@ const PricingCardSix = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     priceClassName = "",
     subtitleClassName = "",
@@ -216,9 +216,9 @@ const PricingCardSix = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/pricing/PricingCardThree.tsx

@@ -8,7 +8,7 @@ import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 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";
 
 type PricingPlan = {
@@ -27,7 +27,7 @@ interface PricingCardThreeProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -38,9 +38,9 @@ interface PricingCardThreeProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     badgeClassName?: string;
     priceClassName?: string;
@@ -162,9 +162,9 @@ const PricingCardThree = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     badgeClassName = "",
     priceClassName = "",
@@ -206,9 +206,9 @@ const PricingCardThree = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/pricing/PricingCardTwo.tsx

@@ -9,7 +9,7 @@ import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 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";
 
 type PricingPlan = {
@@ -28,7 +28,7 @@ interface PricingCardTwoProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -39,9 +39,9 @@ interface PricingCardTwoProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     badgeClassName?: string;
     priceClassName?: string;
@@ -162,9 +162,9 @@ const PricingCardTwo = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     badgeClassName = "",
     priceClassName = "",
@@ -206,9 +206,9 @@ const PricingCardTwo = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/product/ProductCardFive.tsx

@@ -10,7 +10,7 @@ import { cls } from "@/lib/utils";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type ProductCard = {
@@ -29,7 +29,7 @@ interface ProductCardFiveProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -41,9 +41,9 @@ interface ProductCardFiveProps {
     containerClassName?: string;
     cardClassName?: string;
     imageClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     cardButtonClassName?: string;
     gridClassName?: string;
@@ -130,9 +130,9 @@ const ProductCardFive = ({
     containerClassName = "",
     cardClassName = "",
     imageClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     cardButtonClassName = "",
     gridClassName = "",
@@ -165,9 +165,9 @@ const ProductCardFive = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/product/ProductCardFour.tsx

@@ -8,7 +8,7 @@ import ProductImage from "@/components/shared/ProductImage";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type ProductCard = {
@@ -30,7 +30,7 @@ interface ProductCardFourProps {
   uniformGridCustomHeightClasses?: string;
   animationType: CardAnimationType;
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   tag?: string;
   tagIcon?: LucideIcon;
@@ -42,9 +42,9 @@ interface ProductCardFourProps {
   containerClassName?: string;
   cardClassName?: string;
   imageClassName?: string;
-  textBoxTitleClassName?: string;
-  textBoxTitleImageWrapperClassName?: string;
-  textBoxTitleImageClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
   textBoxDescriptionClassName?: string;
   cardNameClassName?: string;
   cardPriceClassName?: string;
@@ -139,9 +139,9 @@ const ProductCardFour = ({
   containerClassName = "",
   cardClassName = "",
   imageClassName = "",
-  textBoxTitleClassName = "",
-  textBoxTitleImageWrapperClassName = "",
-  textBoxTitleImageClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
   textBoxDescriptionClassName = "",
   cardNameClassName = "",
   cardPriceClassName = "",
@@ -180,9 +180,9 @@ const ProductCardFour = ({
       carouselClassName={carouselClassName}
       controlsClassName={controlsClassName}
       textBoxClassName={textBoxClassName}
-      titleClassName={textBoxTitleClassName}
-      titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-      titleImageClassName={textBoxTitleImageClassName}
+      titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+      titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+      titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
       descriptionClassName={textBoxDescriptionClassName}
       tagClassName={textBoxTagClassName}
       buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/product/ProductCardOne.tsx

@@ -7,7 +7,7 @@ import ProductImage from "@/components/shared/ProductImage";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type ProductCard = {
@@ -28,7 +28,7 @@ interface ProductCardOneProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -40,9 +40,9 @@ interface ProductCardOneProps {
     containerClassName?: string;
     cardClassName?: string;
     imageClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     cardNameClassName?: string;
     cardPriceClassName?: string;
@@ -131,9 +131,9 @@ const ProductCardOne = ({
     containerClassName = "",
     cardClassName = "",
     imageClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     cardNameClassName = "",
     cardPriceClassName = "",
@@ -170,9 +170,9 @@ const ProductCardOne = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/product/ProductCardSeven.tsx

@@ -6,7 +6,7 @@ import ProductImage from "@/components/shared/ProductImage";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type ProductCard = {
@@ -27,7 +27,7 @@ interface ProductCardSevenProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -41,9 +41,9 @@ interface ProductCardSevenProps {
     imageClassName?: string;
     imageWrapperClassName?: string;
     actionButtonClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     cardNameClassName?: string;
     cardPriceClassName?: string;
@@ -132,9 +132,9 @@ const ProductCardSeven = ({
     imageClassName = "",
     imageWrapperClassName = "",
     actionButtonClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     cardNameClassName = "",
     cardPriceClassName = "",
@@ -171,9 +171,9 @@ const ProductCardSeven = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/product/ProductCardSix.tsx

@@ -6,7 +6,7 @@ import CardStack from "@/components/cardStack/CardStack";
 import ProductImage from "@/components/shared/ProductImage";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 const MASK_GRADIENT = "linear-gradient(to top, transparent, black 60%)";
@@ -29,7 +29,7 @@ interface ProductCardSixProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -41,9 +41,9 @@ interface ProductCardSixProps {
     containerClassName?: string;
     cardClassName?: string;
     imageClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     cardNameClassName?: string;
     gridClassName?: string;
@@ -132,9 +132,9 @@ const ProductCardSix = ({
     containerClassName = "",
     cardClassName = "",
     imageClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     cardNameClassName = "",
     gridClassName = "",
@@ -167,9 +167,9 @@ const ProductCardSix = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/product/ProductCardThree.tsx

@@ -10,7 +10,7 @@ import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { CTAButtonVariant, ButtonPropsForVariant } from "@/components/button/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
@@ -35,7 +35,7 @@ interface ProductCardThreeProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -47,9 +47,9 @@ interface ProductCardThreeProps {
     containerClassName?: string;
     cardClassName?: string;
     imageClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     cardNameClassName?: string;
     quantityControlsClassName?: string;
@@ -174,9 +174,9 @@ const ProductCardThree = ({
     containerClassName = "",
     cardClassName = "",
     imageClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     cardNameClassName = "",
     quantityControlsClassName = "",
@@ -213,9 +213,9 @@ const ProductCardThree = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/product/ProductCardTwo.tsx

@@ -7,7 +7,7 @@ import ProductImage from "@/components/shared/ProductImage";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type ProductCard = {
@@ -31,7 +31,7 @@ interface ProductCardTwoProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -43,9 +43,9 @@ interface ProductCardTwoProps {
     containerClassName?: string;
     cardClassName?: string;
     imageClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     cardBrandClassName?: string;
     cardNameClassName?: string;
@@ -160,9 +160,9 @@ const ProductCardTwo = ({
     containerClassName = "",
     cardClassName = "",
     imageClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     cardBrandClassName = "",
     cardNameClassName = "",
@@ -202,9 +202,9 @@ const ProductCardTwo = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/socialProof/SocialProofOne.tsx

@@ -5,13 +5,13 @@ import Marquee from "react-fast-marquee";
 import CardStackTextBox from "@/components/cardStack/CardStackTextBox";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 interface SocialProofOneProps {
     logos: string[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -23,7 +23,7 @@ interface SocialProofOneProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     titleImageWrapperClassName?: string;
     titleImageClassName?: string;
     textBoxDescriptionClassName?: string;
@@ -53,7 +53,7 @@ const SocialProofOne = ({
     ariaLabel = "Social proof section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     titleImageWrapperClassName = "",
     titleImageClassName = "",
     textBoxDescriptionClassName = "",
@@ -83,7 +83,7 @@ const SocialProofOne = ({
                         textboxLayout={textboxLayout}
                         useInvertedBackground={useInvertedBackground}
                         textBoxClassName={textBoxClassName}
-                        titleClassName={textBoxTitleClassName}
+                        titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                         titleImageWrapperClassName={titleImageWrapperClassName}
                         titleImageClassName={titleImageClassName}
                         descriptionClassName={textBoxDescriptionClassName}

src/components/sections/socialProof/SocialProofThree.tsx

@@ -5,14 +5,14 @@ import Image from "next/image";
 import AutoCarousel from "@/components/cardStack/layouts/carousels/AutoCarousel";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { CardAnimationType, ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { CardAnimationType, ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 interface SocialProofThreeProps {
     logos: string[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     textboxLayout: TextboxLayout;
     useInvertedBackground: InvertedBackground;
@@ -29,7 +29,7 @@ interface SocialProofThreeProps {
     logoCardClassName?: string;
     logoImageClassName?: string;
     textBoxClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxTagClassName?: string;
     textBoxButtonContainerClassName?: string;
@@ -89,7 +89,7 @@ const SocialProofThree = ({
     logoCardClassName = "",
     logoImageClassName = "",
     textBoxClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxTagClassName = "",
     textBoxButtonContainerClassName = "",
@@ -119,7 +119,7 @@ const SocialProofThree = ({
             containerClassName={containerClassName}
             className={className}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/socialProof/SocialProofTwo.tsx

@@ -5,13 +5,13 @@ import Image from "next/image";
 import CardStackTextBox from "@/components/cardStack/CardStackTextBox";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 interface SocialProofTwoProps {
     logos: string[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -21,7 +21,7 @@ interface SocialProofTwoProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     titleImageWrapperClassName?: string;
     titleImageClassName?: string;
     textBoxDescriptionClassName?: string;
@@ -50,7 +50,7 @@ const SocialProofTwo = ({
     ariaLabel = "Social proof section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     titleImageWrapperClassName = "",
     titleImageClassName = "",
     textBoxDescriptionClassName = "",
@@ -88,7 +88,7 @@ const SocialProofTwo = ({
                         textboxLayout={textboxLayout}
                         useInvertedBackground={useInvertedBackground}
                         textBoxClassName={textBoxClassName}
-                        titleClassName={textBoxTitleClassName}
+                        titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                         titleImageWrapperClassName={titleImageWrapperClassName}
                         titleImageClassName={titleImageClassName}
                         descriptionClassName={textBoxDescriptionClassName}

src/components/sections/team/TeamCardEleven.tsx

@@ -5,7 +5,7 @@ import MediaContent from "@/components/shared/MediaContent";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type TeamMember = {
@@ -21,7 +21,7 @@ type TeamMember = {
 
 type TeamGroup = {
     id: string;
-    groupTitle: string;
+    groupElevate Your Brand with Expert Copywriting and Content Enhancement: string;
     members: TeamMember[];
 };
 
@@ -29,7 +29,7 @@ interface TeamCardElevenProps {
     groups: TeamGroup[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -41,7 +41,7 @@ interface TeamCardElevenProps {
     containerClassName?: string;
     cardClassName?: string;
     textBoxClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxTagClassName?: string;
     textBoxButtonContainerClassName?: string;
@@ -49,10 +49,10 @@ interface TeamCardElevenProps {
     textBoxButtonTextClassName?: string;
     titleImageWrapperClassName?: string;
     titleImageClassName?: string;
-    groupTitleClassName?: string;
+    groupElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     memberClassName?: string;
     memberImageClassName?: string;
-    memberTitleClassName?: string;
+    memberElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     memberSubtitleClassName?: string;
     memberDetailClassName?: string;
 }
@@ -73,7 +73,7 @@ const TeamCardEleven = ({
     containerClassName = "",
     cardClassName = "",
     textBoxClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxTagClassName = "",
     textBoxButtonContainerClassName = "",
@@ -81,10 +81,10 @@ const TeamCardEleven = ({
     textBoxButtonTextClassName = "",
     titleImageWrapperClassName = "",
     titleImageClassName = "",
-    groupTitleClassName = "",
+    groupElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     memberClassName = "",
     memberImageClassName = "",
-    memberTitleClassName = "",
+    memberElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     memberSubtitleClassName = "",
     memberDetailClassName = "",
 }: TeamCardElevenProps) => {
@@ -117,7 +117,7 @@ const TeamCardEleven = ({
                     <p className={cls(
                         "text-lg md:text-xl font-medium",
                         shouldUseLightText ? "text-background" : "text-foreground",
-                        memberTitleClassName
+                        memberElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                     )}>
                         {member.title}
                     </p>
@@ -155,7 +155,7 @@ const TeamCardEleven = ({
             className={className}
             containerClassName={containerClassName}
             cardClassName={cardClassName}
-            titleClassName={textBoxTitleClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}
@@ -171,9 +171,9 @@ const TeamCardEleven = ({
                     <h3 className={cls(
                         "text-2xl md:text-3xl font-medium mb-2",
                         shouldUseLightText ? "text-background" : "text-foreground",
-                        groupTitleClassName
+                        groupElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                     )}>
-                        {group.groupTitle}
+                        {group.groupElevate Your Brand with Expert Copywriting and Content Enhancement}
                     </h3>
 
                     <div className="flex flex-col divide-y divide-accent/20 border-y border-accent/20">

src/components/sections/team/TeamCardFive.tsx

@@ -5,7 +5,7 @@ import MediaContent from "@/components/shared/MediaContent";
 import { useCardAnimation } from "@/components/cardStack/hooks/useCardAnimation";
 import { cls } from "@/lib/utils";
 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";
 
 type TeamMember = {
@@ -22,7 +22,7 @@ interface TeamCardFiveProps {
   team: TeamMember[];
   animationType: CardAnimationType;
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   textboxLayout: TextboxLayout;
   useInvertedBackground: InvertedBackground;
@@ -32,9 +32,9 @@ interface TeamCardFiveProps {
   ariaLabel?: string;
   className?: string;
   containerClassName?: string;
-  textBoxTitleClassName?: string;
-  textBoxTitleImageWrapperClassName?: string;
-  textBoxTitleImageClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
   textBoxDescriptionClassName?: string;
   textBoxClassName?: string;
   textBoxTagClassName?: string;
@@ -63,9 +63,9 @@ const TeamCardFive = ({
   ariaLabel = "Team section",
   className = "",
   containerClassName = "",
-  textBoxTitleClassName = "",
-  textBoxTitleImageWrapperClassName = "",
-  textBoxTitleImageClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
   textBoxDescriptionClassName = "",
   textBoxClassName = "",
   textBoxTagClassName = "",
@@ -97,9 +97,9 @@ const TeamCardFive = ({
           textboxLayout={textboxLayout}
           useInvertedBackground={useInvertedBackground}
           textBoxClassName={textBoxClassName}
-          titleClassName={textBoxTitleClassName}
-          titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-          titleImageClassName={textBoxTitleImageClassName}
+          titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+          titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+          titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
           descriptionClassName={textBoxDescriptionClassName}
           tagClassName={textBoxTagClassName}
           buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/team/TeamCardFour.tsx

@@ -6,7 +6,7 @@ import MediaContent from "@/components/shared/MediaContent";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { CardAnimationType, ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { CardAnimationType, ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type TeamMember = {
@@ -23,7 +23,7 @@ interface TeamCardFourProps {
     team: TeamMember[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     textboxLayout: TextboxLayout;
     useInvertedBackground: InvertedBackground;
@@ -43,9 +43,9 @@ interface TeamCardFourProps {
     nameClassName?: string;
     roleClassName?: string;
     textBoxClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxTagClassName?: string;
     textBoxButtonContainerClassName?: string;
@@ -121,9 +121,9 @@ const TeamCardFour = ({
     nameClassName = "",
     roleClassName = "",
     textBoxClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     textBoxTagClassName = "",
     textBoxButtonContainerClassName = "",
@@ -154,9 +154,9 @@ const TeamCardFour = ({
             containerClassName={containerClassName}
             className={className}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/team/TeamCardOne.tsx

@@ -5,7 +5,7 @@ import Image from "next/image";
 import CardStack from "@/components/cardStack/CardStack";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type TeamMember = {
@@ -23,7 +23,7 @@ interface TeamCardOneProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -34,9 +34,9 @@ interface TeamCardOneProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     imageClassName?: string;
     overlayClassName?: string;
@@ -117,9 +117,9 @@ const TeamCardOne = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     imageClassName = "",
     overlayClassName = "",
@@ -155,9 +155,9 @@ const TeamCardOne = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/team/TeamCardSix.tsx

@@ -5,7 +5,7 @@ import Image from "next/image";
 import CardStack from "@/components/cardStack/CardStack";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 const MASK_GRADIENT = "linear-gradient(to bottom, transparent, black 60%)";
@@ -25,7 +25,7 @@ interface TeamCardSixProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -36,9 +36,9 @@ interface TeamCardSixProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     imageClassName?: string;
     overlayClassName?: string;
@@ -123,9 +123,9 @@ const TeamCardSix = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     imageClassName = "",
     overlayClassName = "",
@@ -161,9 +161,9 @@ const TeamCardSix = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/team/TeamCardThree.tsx

@@ -6,7 +6,7 @@ import CardStack from "@/components/cardStack/CardStack";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 type SocialLink = {
@@ -29,7 +29,7 @@ interface TeamCardThreeProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -40,9 +40,9 @@ interface TeamCardThreeProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     imageClassName?: string;
     nameClassName?: string;
@@ -142,9 +142,9 @@ const TeamCardThree = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     imageClassName = "",
     nameClassName = "",
@@ -183,9 +183,9 @@ const TeamCardThree = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/team/TeamCardTwo.tsx

@@ -5,7 +5,7 @@ import Image from "next/image";
 import CardStack from "@/components/cardStack/CardStack";
 import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 type SocialLink = {
@@ -30,7 +30,7 @@ interface TeamCardTwoProps {
     uniformGridCustomHeightClasses?: string;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -41,9 +41,9 @@ interface TeamCardTwoProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     imageClassName?: string;
     overlayClassName?: string;
@@ -153,9 +153,9 @@ const TeamCardTwo = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     imageClassName = "",
     overlayClassName = "",
@@ -194,9 +194,9 @@ const TeamCardTwo = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/testimonial/TestimonialCardEight.tsx

@@ -9,7 +9,7 @@ import MediaContent from "@/components/shared/MediaContent";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
 
 type Testimonial = {
     id: string;
@@ -26,7 +26,7 @@ type Testimonial = {
 interface TestimonialCardEightProps {
     testimonials: Testimonial[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -37,9 +37,9 @@ interface TestimonialCardEightProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     cardImageClassName?: string;
     cardContentClassName?: string;
@@ -137,9 +137,9 @@ const TestimonialCardEight = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     cardImageClassName = "",
     cardContentClassName = "",
@@ -173,9 +173,9 @@ const TestimonialCardEight = ({
             carouselClassName={carouselClassName}
             dotsClassName={dotsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/testimonial/TestimonialCardEleven.tsx

@@ -8,13 +8,13 @@ import MediaContent from "@/components/shared/MediaContent";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
 
 const MASK_GRADIENT = "linear-gradient(to bottom, transparent, black 60%)";
 
 type Testimonial = {
     id: string;
-    nameTitle: string;
+    nameElevate Your Brand with Expert Copywriting and Content Enhancement: string;
     quote: string;
     imageSrc?: string;
     videoSrc?: string;
@@ -25,7 +25,7 @@ type Testimonial = {
 interface TestimonialCardElevenProps {
     testimonials: Testimonial[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -36,15 +36,15 @@ interface TestimonialCardElevenProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     cardQuoteClassName?: string;
     cardImageClassName?: string;
     carouselClassName?: string;
     dotsClassName?: string;
     textBoxClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxTagClassName?: string;
     textBoxButtonContainerClassName?: string;
@@ -95,7 +95,7 @@ const TestimonialCard = memo(({
                 </blockquote>
             </div>
             <h3 className={cls("text-base md:text-xl text-balance font-medium leading-tight mt-4", shouldUseLightText ? "text-background" : "text-foreground", titleClassName)}>
-                {testimonial.nameTitle}
+                {testimonial.nameElevate Your Brand with Expert Copywriting and Content Enhancement}
             </h3>
         </div>
     );
@@ -117,15 +117,15 @@ const TestimonialCardEleven = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     cardQuoteClassName = "",
     cardImageClassName = "",
     carouselClassName = "",
     dotsClassName = "",
     textBoxClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     textBoxTagClassName = "",
     textBoxButtonContainerClassName = "",
@@ -147,9 +147,9 @@ const TestimonialCardEleven = ({
             carouselClassName={carouselClassName}
             dotsClassName={dotsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -163,7 +163,7 @@ const TestimonialCardEleven = ({
                     testimonial={testimonial}
                     useInvertedBackground={useInvertedBackground}
                     cardClassName={cardClassName}
-                    titleClassName={cardTitleClassName}
+                    titleClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     quoteClassName={cardQuoteClassName}
                     imageClassName={cardImageClassName}
                 />

src/components/sections/testimonial/TestimonialCardFive.tsx

@@ -10,7 +10,7 @@ import TestimonialAuthor from "@/components/shared/TestimonialAuthor";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
 
 type Testimonial = {
     id: string;
@@ -30,7 +30,7 @@ type Testimonial = {
 interface TestimonialCardFiveProps {
     testimonials: Testimonial[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -41,12 +41,12 @@ interface TestimonialCardFiveProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     cardTagClassName?: string;
-    cardTitleClassName?: string;
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     cardQuoteClassName?: string;
     cardAuthorClassName?: string;
     cardAvatarWrapperClassName?: string;
@@ -158,12 +158,12 @@ const TestimonialCardFive = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     cardTagClassName = "",
-    cardTitleClassName = "",
+    cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     cardQuoteClassName = "",
     cardAuthorClassName = "",
     cardAvatarWrapperClassName = "",
@@ -194,9 +194,9 @@ const TestimonialCardFive = ({
             carouselClassName={carouselClassName}
             dotsClassName={dotsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}
@@ -211,7 +211,7 @@ const TestimonialCardFive = ({
                     useInvertedBackground={useInvertedBackground}
                     cardClassName={cardClassName}
                     tagClassName={cardTagClassName}
-                    titleClassName={cardTitleClassName}
+                    titleClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     quoteClassName={cardQuoteClassName}
                     authorClassName={cardAuthorClassName}
                     avatarWrapperClassName={cardAvatarWrapperClassName}

src/components/sections/testimonial/TestimonialCardFour.tsx

@@ -5,7 +5,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import { Star } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
 
 type Testimonial = {
     id: string;
@@ -23,7 +23,7 @@ type Testimonial = {
 interface TestimonialCardFourProps {
     testimonials: Testimonial[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -33,9 +33,9 @@ interface TestimonialCardFourProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -66,9 +66,9 @@ const TestimonialCardFour = ({
     ariaLabel = "Testimonials section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -107,9 +107,9 @@ const TestimonialCardFour = ({
             mediaItems={mediaItems}
             className={className}
             containerClassName={containerClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             textBoxClassName={textBoxClassName}
             tagClassName={textBoxTagClassName}

src/components/sections/testimonial/TestimonialCardNine.tsx

@@ -8,7 +8,7 @@ import AnimationContainer from "@/components/sections/AnimationContainer";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 interface Testimonial {
@@ -25,7 +25,7 @@ interface Testimonial {
 interface TestimonialCardNineProps {
     testimonials: Testimonial[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -35,7 +35,7 @@ interface TestimonialCardNineProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -68,7 +68,7 @@ const TestimonialCardNine = ({
     ariaLabel = "Testimonials section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -124,7 +124,7 @@ const TestimonialCardNine = ({
                     textboxLayout={textboxLayout}
                     useInvertedBackground={useInvertedBackground}
                     textBoxClassName={textBoxClassName}
-                    titleClassName={textBoxTitleClassName}
+                    titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     titleImageWrapperClassName={titleImageWrapperClassName}
                     titleImageClassName={titleImageClassName}
                     descriptionClassName={textBoxDescriptionClassName}

src/components/sections/testimonial/TestimonialCardOne.tsx

@@ -6,7 +6,7 @@ import CardStack from "@/components/cardStack/CardStack";
 import { cls } from "@/lib/utils";
 import { Star } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, CardAnimationType, GridVariant, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
+import type { ButtonConfig, CardAnimationType, GridVariant, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
 
 type Testimonial = {
     id: string;
@@ -25,7 +25,7 @@ interface TestimonialCardOneProps {
     gridVariant: GridVariant;
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -36,9 +36,9 @@ interface TestimonialCardOneProps {
     className?: string;
     containerClassName?: string;
     cardClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     imageClassName?: string;
     overlayClassName?: string;
@@ -140,9 +140,9 @@ const TestimonialCardOne = ({
     className = "",
     containerClassName = "",
     cardClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     imageClassName = "",
     overlayClassName = "",
@@ -180,9 +180,9 @@ const TestimonialCardOne = ({
             carouselClassName={carouselClassName}
             controlsClassName={controlsClassName}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/testimonial/TestimonialCardSeven.tsx

@@ -7,7 +7,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 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";
 
 interface TestimonialCard {
@@ -24,7 +24,7 @@ interface TestimonialCardSevenProps {
   testimonials: TestimonialCard[];
   animationType: CardAnimationType;
   title: string;
-  titleSegments?: TitleSegment[];
+  titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
   description: string;
   tag?: string;
   tagIcon?: LucideIcon;
@@ -35,7 +35,7 @@ interface TestimonialCardSevenProps {
   className?: string;
   containerClassName?: string;
   cardClassName?: string;
-  textBoxTitleClassName?: string;
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
   textBoxDescriptionClassName?: string;
   textBoxClassName?: string;
   textBoxTagClassName?: string;
@@ -68,7 +68,7 @@ const TestimonialCardSeven = ({
   className = "",
   containerClassName = "",
   cardClassName = "",
-  textBoxTitleClassName = "",
+  textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
   textBoxDescriptionClassName = "",
   textBoxClassName = "",
   textBoxTagClassName = "",
@@ -103,7 +103,7 @@ const TestimonialCardSeven = ({
       className={className}
       containerClassName={containerClassName}
       cardClassName={cardClassName}
-      titleClassName={textBoxTitleClassName}
+      titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
       descriptionClassName={textBoxDescriptionClassName}
       textBoxClassName={textBoxClassName}
       tagClassName={textBoxTagClassName}

src/components/sections/testimonial/TestimonialCardSix.tsx

@@ -7,7 +7,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import { Quote } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
-import type { CardAnimationType, ButtonConfig, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
+import type { CardAnimationType, ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
 
 type Testimonial = {
     id: string;
@@ -23,7 +23,7 @@ interface TestimonialCardSixProps {
     testimonials: Testimonial[];
     animationType: CardAnimationType;
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     textboxLayout: TextboxLayout;
     useInvertedBackground: InvertedBackground;
@@ -45,9 +45,9 @@ interface TestimonialCardSixProps {
     nameClassName?: string;
     handleClassName?: string;
     textBoxClassName?: string;
-    textBoxTitleClassName?: string;
-    textBoxTitleImageWrapperClassName?: string;
-    textBoxTitleImageClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxTagClassName?: string;
     textBoxButtonContainerClassName?: string;
@@ -133,9 +133,9 @@ const TestimonialCardSix = ({
     nameClassName = "",
     handleClassName = "",
     textBoxClassName = "",
-    textBoxTitleClassName = "",
-    textBoxTitleImageWrapperClassName = "",
-    textBoxTitleImageClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
     textBoxDescriptionClassName = "",
     textBoxTagClassName = "",
     textBoxButtonContainerClassName = "",
@@ -163,9 +163,9 @@ const TestimonialCardSix = ({
             containerClassName={containerClassName}
             className={className}
             textBoxClassName={textBoxClassName}
-            titleClassName={textBoxTitleClassName}
-            titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
-            titleImageClassName={textBoxTitleImageClassName}
+            titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
+            titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
+            titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
             descriptionClassName={textBoxDescriptionClassName}
             tagClassName={textBoxTagClassName}
             buttonContainerClassName={textBoxButtonContainerClassName}

src/components/sections/testimonial/TestimonialCardTen.tsx

@@ -8,7 +8,7 @@ import AnimationContainer from "@/components/sections/AnimationContainer";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
-import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
+import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
 
 interface Testimonial {
@@ -26,7 +26,7 @@ interface Testimonial {
 interface TestimonialCardTenProps {
     testimonials: Testimonial[];
     title: string;
-    titleSegments?: TitleSegment[];
+    titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
     description: string;
     tag?: string;
     tagIcon?: LucideIcon;
@@ -36,7 +36,7 @@ interface TestimonialCardTenProps {
     ariaLabel?: string;
     className?: string;
     containerClassName?: string;
-    textBoxTitleClassName?: string;
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     textBoxDescriptionClassName?: string;
     textBoxClassName?: string;
     textBoxTagClassName?: string;
@@ -47,7 +47,7 @@ interface TestimonialCardTenProps {
     titleImageClassName?: string;
     contentClassName?: string;
     quoteCardClassName?: string;
-    testimonialTitleClassName?: string;
+    testimonialElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
     quoteClassName?: string;
     nameClassName?: string;
     roleClassName?: string;
@@ -70,7 +70,7 @@ const TestimonialCardTen = ({
     ariaLabel = "Testimonials section",
     className = "",
     containerClassName = "",
-    textBoxTitleClassName = "",
+    textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     textBoxDescriptionClassName = "",
     textBoxClassName = "",
     textBoxTagClassName = "",
@@ -81,7 +81,7 @@ const TestimonialCardTen = ({
     titleImageClassName = "",
     contentClassName = "",
     quoteCardClassName = "",
-    testimonialTitleClassName = "",
+    testimonialElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
     quoteClassName = "",
     nameClassName = "",
     roleClassName = "",
@@ -127,7 +127,7 @@ const TestimonialCardTen = ({
                     textboxLayout={textboxLayout}
                     useInvertedBackground={useInvertedBackground}
                     textBoxClassName={textBoxClassName}
-                    titleClassName={textBoxTitleClassName}
+                    titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
                     titleImageWrapperClassName={titleImageWrapperClassName}
                     titleImageClassName={titleImageClassName}
                     descriptionClassName={textBoxDescriptionClassName}
@@ -150,7 +150,7 @@ const TestimonialCardTen = ({
                                 <h3 className={cls(
                                     "text-2xl md:text-3xl font-medium leading-tight",
                                     shouldUseLightText ? "text-background" : "text-foreground",
-                                    testimonialTitleClassName
+                                    testimonialElevate Your Brand with Expert Copywriting and Content EnhancementClassName
                                 )}>
                                     {activeTestimonial.title}
                                 </h3>