Update theme colors

Merge version_9 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
@@ -44,8 +44,8 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Plumbing Certificate of Compliance"
+      <HeroBillboard
+      title="Plumbing Certificate of Compliance"
       description="Ensure your property meets all regulations with fast, certified inspections in Cape Town."
       buttons={[
         {
@@ -53,20 +53,9 @@ export default function LandingPage() {
         {
           text: "Call Now",          href: "tel:0726146063"},
       ]}
-      slides={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJXu45qI9vuVRz6e6DdslSIP1z/a-high-quality-professional-photograph-o-1776108032575-f83f3db2.png?_wi=1",          imageAlt: "Professional plumbing inspection"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJXu45qI9vuVRz6e6DdslSIP1z/a-high-quality-professional-photograph-o-1776108064363-aef8f510.png?_wi=1",          imageAlt: "Plumbing compliance check"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJXu45qI9vuVRz6e6DdslSIP1z/a-high-quality-professional-photograph-o-1776108077342-436f9079.png?_wi=1",          imageAlt: "Certified plumbing inspector"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJXu45qI9vuVRz6e6DdslSIP1z/a-high-quality-professional-photograph-o-1776108089344-cd002e6a.png?_wi=1",          imageAlt: "Property transfer compliance"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJXu45qI9vuVRz6e6DdslSIP1z/a-high-quality-professional-photograph-o-1776108100485-0d4b77c7.png",          imageAlt: "Efficient plumbing services"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJXu45qI9vuVRz6e6DdslSIP1z/a-high-quality-professional-photograph-o-1776108112770-f2735bf8.png",          imageAlt: "Cape Town compliance services"},
-      ]}
+      background={{ variant: "plain" }}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJXu45qI9vuVRz6e6DdslSIP1z/a-high-quality-professional-photograph-o-1776108032575-f83f3db2.png?_wi=1"
+      imageAlt="Professional plumbing inspection"
     />
   </div>
 

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
+  --foreground: #000612e6;
+  --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
+  --secondary-cta-text: #000612e6;
   --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);