Update theme colors

Merge version_6 into main

src/app/page.tsx

@@ -3,13 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
-import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
-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";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Sparkles, Heart, Award, Star, Calendar, Wrench, Droplet, Shield, Zap } from "lucide-react";
+import { Sparkles, Heart, Award, Star, Calendar } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -66,48 +65,15 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="products" data-section="products">
-        <ProductCardTwo
-          title="Our Plumbing Services"
-          description="Comprehensive plumbing solutions for all your needs, from routine maintenance to complex installations and emergency repairs."
-          tag="Full Service"
-          tagIcon={Heart}
-          tagAnimation="slide-up"
-          buttons={[
-            { text: "View All Services", href: "#contact" }
-          ]}
-          buttonAnimation="blur-reveal"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          products={[
-            {
-              id: "repairs",              brand: "Maintenance",              name: "Pipe Repairs & Installation",              price: "Reliable Repairs",              rating: 5,
-              reviewCount: "1200+",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg?_wi=1",              imageAlt: "Professional pipe installation"
-            },
-            {
-              id: "drainage",              brand: "Drainage",              name: "Drain Cleaning & Unclogging",              price: "Quick Solutions",              rating: 5,
-              reviewCount: "1800+",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053263.jpg?_wi=1",              imageAlt: "Drain cleaning service"
-            },
-            {
-              id: "heating",              brand: "Heating",              name: "Boiler & Heating Installation",              price: "Comfort Guaranteed",              rating: 5,
-              reviewCount: "1500+",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-pleased-smiling-woman-dentist-s-clinic_329181-20765.jpg?_wi=1",              imageAlt: "Boiler installation service"
-            }
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-        />
-      </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;