Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -8,7 +8,7 @@ import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen
 import ProductCardSix from '@/components/sections/product/ProductCardSix';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import PricingCardFour from '@/components/sections/pricing/PricingCardFour';
-import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Mail } from "lucide-react";
 
@@ -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"
@@ -265,48 +265,30 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactFaq
-          ctaTitle="Ready to Transform Your Images?"
-          ctaDescription="Contact us today to discuss your project and get started with professional image editing."
-          ctaButton={{
-            text: "Get in Touch",
-            href: "mailto:contact@clippingstudio.com"
-          }}
-          ctaIcon={Mail}
-          useInvertedBackground="noInvert"
-          animationType="slide-up"
+        <FaqDouble
           faqs={[
             {
               id: "1",
-              title: "What file formats do you accept?",
-              content: "We accept JPG, PNG, PSD, TIFF, and most other common image formats. We deliver files in your preferred format."
+              title: "How much does it cost?",
+              content: "Our pricing is flexible and scales with your project needs. We offer monthly subscription plans starting at $99 for small operations, as well as pay-per-image pricing for one-off projects. Contact us for a custom quote based on your specific requirements and volume."
             },
             {
               id: "2",
-              title: "What is your typical turnaround time?",
-              content: "Standard turnaround is 24-48 hours for most projects. Rush services available for an additional fee. Enterprise clients receive priority processing."
+              title: "What are the implications of using clipping services?",
+              content: "Using professional clipping services can significantly impact your business by providing clean, consistent product images that boost conversion rates and reduce return rates. Quality clipping paths ensure seamless integration into various backgrounds, whether for e-commerce platforms or print materials. Professional editing also saves your team valuable time and resources."
             },
             {
               id: "3",
-              title: "Do you offer bulk discounts?",
-              content: "Yes! We provide volume discounts for large projects and ongoing work. Contact us for a custom quote based on your specific needs."
-            },
-            {
-              id: "4",
-              title: "Can you match a specific background color?",
-              content: "Absolutely. We can match any background color, gradient, or pattern you provide. Simply share your reference or color specification."
-            },
-            {
-              id: "5",
-              title: "Is there a revision policy?",
-              content: "We offer unlimited revisions until you are completely satisfied. Quality is our priority and we work until the result meets your expectations."
-            },
-            {
-              id: "6",
-              title: "How do I submit my images?",
-              content: "You can upload images directly through our portal, via email, or through cloud storage integration. We support all major file transfer methods."
+              title: "How long will it take?",
+              content: "Standard turnaround time is 24-48 hours for most projects. We offer expedited services for urgent requests, with some projects completed within 12 hours. Enterprise and subscription clients receive priority processing. Bulk orders may be completed faster depending on complexity and volume."
             }
           ]}
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about our clipping and image editing services"
+          tag="FAQ"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          animationType="smooth"
         />
       </div>
 

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>