Merge version_13 into main

Merge version_13 into main

src/app/page.tsx

@@ -66,6 +66,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       featureTitleClassName="text-black"
       featureDescriptionClassName="text-black"
+      itemClassName="text-black"
       features={[
         {
           title: "Compliance Inspections",          description: "Rigorous checks ensuring every pipe and valve meets local regulations.",          media: {
@@ -123,6 +124,9 @@ export default function LandingPage() {
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJXu45qI9vuVRz6e6DdslSIP1z/a-high-quality-professional-photograph-o-1776108152346-28816123.png"
       mediaAnimation="slide-up"
       imageAlt="Professional inspection process illustration"
+      titleClassName="text-black"
+      descriptionClassName="text-black"
+      subdescriptionClassName="text-black"
     />
   </div>
 
@@ -144,6 +148,8 @@ export default function LandingPage() {
       ]}
       title="Customer Reviews"
       description="Trusted by hundreds of homeowners and estate agents in Cape Town."
+      textBoxTitleClassName="text-black"
+      textBoxDescriptionClassName="text-black"
     />
   </div>
 
@@ -164,6 +170,8 @@ export default function LandingPage() {
       title="Common Questions"
       description="Everything you need to know about your Plumbing Certificate of Compliance."
       faqsAnimation="slide-up"
+      textBoxTitleClassName="text-black"
+      textBoxDescriptionClassName="text-black"
     />
   </div>
 
@@ -175,6 +183,8 @@ export default function LandingPage() {
       tag="Contact Us"
       title="Book Your Inspection"
       description="Need an urgent Plumbing Certificate of Compliance? Reach out today."
+      titleClassName="text-black"
+      descriptionClassName="text-black"
     />
   </div>
 

src/app/styles/variables.css

@@ -10,14 +10,14 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
-  --foreground: #ffffff;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000000;
   --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
-  --secondary-cta-text: #ffffff;
-  --accent: #535353;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
   --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */