Merge version_11 into main

Merge version_11 into main

src/app/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MediaAbout from '@/components/sections/about/MediaAbout';
@@ -73,7 +73,7 @@ export default function LandingPage() {
           title="Your Foundation of Trust in Roofing"
           description="For over two decades, Thor's Hammer Roofing has stood as a beacon of reliability and unparalleled craftsmanship in the roofing industry. We are dedicated to providing homeowners with robust, long-lasting roofing solutions, from expert installations to emergency storm damage repairs. Our commitment to quality ensures every roof is built to withstand anything."
           tag="Our Story"
-          imageSrc="https://images.unsplash.com/photo-1587570188722-b5cf2873130d?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EYnezFJ1ZeM41Reh2j46V6O7DH/tmp/average-house-with-normal-roof-with-work-1780867037758-3d251f2c.png"
           imageAlt="Thor's Hammer Roofing team"
           useInvertedBackground={false}
           buttons={[
@@ -95,10 +95,10 @@ export default function LandingPage() {
           carouselMode="buttons"
           features={[
             {
-              title: "New Roof Installation",              description: "Expert installation of durable roofing systems for new constructions and complete replacements.",              imageSrc: "https://images.unsplash.com/photo-1518705009163-f9387c97561f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2",              imageAlt: "Roof installation"
+              title: "New Roof Installation",              description: "Expert installation of durable roofing systems for new constructions and complete replacements.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EYnezFJ1ZeM41Reh2j46V6O7DH/tmp/roofing-work-1780867120704-1f139046.png",              imageAlt: "Roof installation"
             },
             {
-              title: "Roof Repair & Maintenance",              description: "Prompt and effective repairs for leaks, damaged shingles, and general wear and tear to extend roof life.",              imageSrc: "https://images.unsplash.com/photo-1627796464010-384407b4f535?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2",              imageAlt: "Roof repair"
+              title: ".",              description: "Prompt and effective repairs for leaks, damaged shingles, and general wear and tear to extend roof life.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EYnezFJ1ZeM41Reh2j46V6O7DH/tmp/roofing-work-1780867222704-2f0b61ff.png",              imageAlt: "Roof repair"
             },
             {
               title: "Thorough Roof Inspections",              description: "Comprehensive assessments to identify potential issues and ensure the structural integrity of your roof.",              imageSrc: "https://images.unsplash.com/photo-1547701323-28f0e0c09191?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2",              imageAlt: "Roof inspection"
@@ -110,7 +110,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
+      <div id="metrics" data-section="metrics" className="mt-20">
         <MetricCardThree
           title="Our Legacy of Strength"
           description="Decades of unwavering commitment to protecting homes, one roof at a time, backed by solid numbers."
@@ -119,6 +119,7 @@ export default function LandingPage() {
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+          uniformGridCustomHeightClasses="min-h-24"
           metrics={[
             {
               id: "1",              icon: CalendarDays,

src/app/styles/variables.css

@@ -16,7 +16,7 @@
   --primary-cta: #00BFFF;
   --primary-cta-text: #ffffff;
   --secondary-cta: #010101;
-  --secondary-cta-text: #000000;
+  --secondary-cta-text: #ffffff;
   --accent: #00BFFF;
   --background-accent: #00BFFF;