src/app/about/page.tsx

@@ -89,6 +89,7 @@ export default function AboutPage() {
           ]}
           animationType={'slide-up'}
           useInvertedBackground={true}
+          textboxLayout={'default'}
         />
       </div>
       <div id="metrics" data-section="metrics">
@@ -102,6 +103,7 @@ export default function AboutPage() {
           ]}
           animationType={'blur-reveal'}
           useInvertedBackground={false}
+          textboxLayout={'default'}
         />
       </div>
       <Footer brandName="Nexsoft Australia" navItems={navItems} />

src/app/portfolio/page.tsx

@@ -49,7 +49,9 @@ export default function PortfolioPage() {
 
   const productCardThreeProps = {
     title: "Our Portfolio",    description: "Discover the projects we've brought to life.",    gridVariant: "bento-grid", // Choose a responsive grid variant
-    animationType: "slide-up",    products: [
+    animationType: "slide-up",    
+    textboxLayout: "default",    useInvertedBackground: false,    
+    products: [
         { id: "1", name: "Project Alpha", price: "Case Study", imageSrc: "https://r2.webild.io/p/4e2bb7a8-1a5c-4235-9008-012903330663_img_1.webp", imageAlt: "Project Alpha screenshot" },
         { id: "2", name: "Project Beta", price: "Case Study", imageSrc: "https://r2.webild.io/p/4e2bb7a8-1a5c-4235-9008-012903330663_img_2.webp", imageAlt: "Project Beta screenshot" },
         { id: "3", name: "Project Gamma", price: "Case Study", imageSrc: "https://r2.webild.io/p/4e2bb7a8-1a5c-4235-9008-012903330663_img_3.webp", imageAlt: "Project Gamma screenshot" },

src/app/services/page.tsx

@@ -120,6 +120,7 @@ export default function ServicesPage() {
           ]}
           animationType={'slide-up'}
           useInvertedBackground={false}
+          textboxLayout={'default'}
         />
       </div>
       <div id="faq" data-section="faq">