Update src/app/page.tsx

Merge version_12 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>
 
@@ -77,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: {
@@ -134,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>
 
@@ -155,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>
 
@@ -175,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>
 
@@ -186,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

@@ -12,7 +12,7 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000612e6;
+  --foreground: #000000;
   --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;