Update theme colors

Merge version_4 into main

src/app/page.tsx

@@ -2,10 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -34,15 +33,16 @@ export default function LandingPage() {
             ]}
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
             brandName="Digital Creation"
-            logoClassName="scale-125"
+            logoClassName="scale-150"
             button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
           />
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroLogo
-            logoText="Digital Creation"
+          <HeroBillboard
+            title="Digital Creation"
             description="Transforming ideas into cutting-edge digital experiences."
+            background={{ variant: "gradient-bars" }}
             buttons={[{ text: "Get Started", href: "/contact" }]}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-digital-agency-hero-backgro-1777201012465-62f4e814.png"
           />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #020617;
-  --card: #0f172a;
+  --background: #04225d;
+  --card: #001122;
   --foreground: #ffffff;
-  --primary-cta: #1e3a8a;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
   --secondary-cta: #1e293b;
   --secondary-cta-text: #ffffff;
   --accent: #3b82f6;
-  --background-accent: #111827;
+  --background-accent: #1e3a8a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);