diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index b431e5a..8b26695 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -71,6 +71,7 @@ export default function AboutPage() {
         <HeroSplit
           title="Unsere Geschichte und Vision"
           description="Profi Stil wurde gegründet mit der Leidenschaft, erstklassigen Friseurservice und persönliche Beratung zu bieten. Wir sind stolz darauf, eine Gemeinschaft von zufriedenen Kunden in Worpswede aufgebaut zu haben."
+          background={{ variant: "plain" }}
           tag="Unser Team"
           tagIcon={Award}
           tagAnimation="slide-up"
@@ -129,8 +130,8 @@ export default function AboutPage() {
           ]}
           className="py-20"
           containerClassName="max-w-6xl"
-          titleClassName="text-4xl font-light tracking-tight"
-          descriptionClassName="text-lg text-gray-700"
+          cardTitleClassName="text-4xl font-light tracking-tight"
+          cardDescriptionClassName="text-lg text-gray-700"
         />
       </div>
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3284c52..47014aa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -75,6 +75,7 @@ export default function HomePage() {
         <HeroSplit
           title="Ihr Stil Unser Handwerk"
           description="Willkommen bei Profi Stil – dem Premium-Friseursalon in Worpswede. Moderne Schnitte, professionelle Beratung und leidenschaftliches Handwerk für Ihren perfekten Look."
+          background={{ variant: "plain" }}
           tag="Premium Barbershop"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -147,8 +148,8 @@ export default function HomePage() {
           ]}
           className="py-20"
           containerClassName="max-w-6xl"
-          titleClassName="text-4xl font-light tracking-tight"
-          descriptionClassName="text-lg text-gray-700"
+          cardTitleClassName="text-4xl font-light tracking-tight"
+          cardDescriptionClassName="text-lg text-gray-700"
         />
       </div>
 
@@ -218,8 +219,8 @@ export default function HomePage() {
           ]}
           className="py-20"
           containerClassName="max-w-6xl"
-          titleClassName="text-4xl font-light tracking-tight"
-          descriptionClassName="text-lg text-gray-700"
+          textBoxTitleClassName="text-4xl font-light tracking-tight"
+          textBoxDescriptionClassName="text-lg text-gray-700"
           cardClassName="p-6 rounded-lg"
           testimonialClassName="text-gray-800 mb-4"
           nameClassName="font-medium text-lg"
@@ -268,8 +269,8 @@ export default function HomePage() {
           ]}
           className="py-20"
           containerClassName="max-w-4xl"
-          titleClassName="text-4xl font-light tracking-tight"
-          descriptionClassName="text-lg text-gray-700"
+          textBoxTitleClassName="text-4xl font-light tracking-tight"
+          textBoxDescriptionClassName="text-lg text-gray-700"
           faqsContainerClassName="space-y-4"
           accordionClassName="border-b border-gray-300 pb-4"
         />
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 6889e0b..9a2c863 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -111,8 +111,8 @@ export default function PricingPage() {
           ]}
           className="py-20"
           containerClassName="max-w-6xl"
-          titleClassName="text-4xl font-light tracking-tight"
-          descriptionClassName="text-lg text-gray-700"
+          cardTitleClassName="text-4xl font-light tracking-tight"
+          cardDescriptionClassName="text-lg text-gray-700"
         />
       </div>
 
@@ -157,8 +157,8 @@ export default function PricingPage() {
           ]}
           className="py-20"
           containerClassName="max-w-4xl"
-          titleClassName="text-4xl font-light tracking-tight"
-          descriptionClassName="text-lg text-gray-700"
+          textBoxTitleClassName="text-4xl font-light tracking-tight"
+          textBoxDescriptionClassName="text-lg text-gray-700"
           faqsContainerClassName="space-y-4"
           accordionClassName="border-b border-gray-300 pb-4"
         />
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 9602268..8820311 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -102,8 +102,8 @@ export default function ServicesPage() {
           ]}
           className="py-20"
           containerClassName="max-w-6xl"
-          titleClassName="text-4xl font-light tracking-tight"
-          descriptionClassName="text-lg text-gray-700"
+          cardTitleClassName="text-4xl font-light tracking-tight"
+          cardDescriptionClassName="text-lg text-gray-700"
         />
       </div>
 
@@ -146,8 +146,8 @@ export default function ServicesPage() {
           ]}
           className="py-20"
           containerClassName="max-w-6xl"
-          titleClassName="text-4xl font-light tracking-tight"
-          descriptionClassName="text-lg text-gray-700"
+          textBoxTitleClassName="text-4xl font-light tracking-tight"
+          textBoxDescriptionClassName="text-lg text-gray-700"
           cardClassName="p-6 rounded-lg"
           testimonialClassName="text-gray-800 mb-4"
           nameClassName="font-medium text-lg"