Update theme colors

Merge version_6 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
-import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
+import ContactText from "@/components/sections/contact/ContactText";
 import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
 import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
@@ -66,15 +66,14 @@ export default function LandingPage() {
       </div>
 
       <div id="about" data-section="about">
-        <InlineImageSplitTextAbout
-          heading={[
-            { type: "text", content: "Elite Plumbing Solutions - Your Trusted Local Experts" }
-          ]}
-          useInvertedBackground={false}
+        <ContactText
+          text="Elite Plumbing Solutions - Your Trusted Local Experts. We deliver professional, reliable plumbing services with expert technicians, transparent pricing, and same-day service availability."
+          animationType="entrance-slide"
           buttons={[
             { text: "Contact Us", href: "#contact" }
           ]}
-          buttonAnimation="blur-reveal"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
       </div>
 

src/app/styles/variables.css

@@ -10,7 +10,7 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #000000;
   --card: #f9f9f9;
   --foreground: #000000;
   --primary-cta: #000000;