diff --git a/src/app/page.tsx b/src/app/page.tsx
index 79c7e5b..7504d39 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,8 @@ 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 HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -34,17 +35,30 @@ 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
+          <HeroCarouselLogo
             logoText="Digital Creation"
             description="Transforming ideas into cutting-edge digital experiences."
             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"
+            slides={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-digital-agency-hero-backgro-1777201012465-62f4e814.png" }
+            ]}
+          />
+          <HeroSplitDualMedia
+            tag="Innovation"
+            title="Dual Media Solutions"
+            description="Highlighting our dual-focus approach to digital excellence."
+            rating={5}
+            ratingText="Top Rated"
+            mediaItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-digital-agency-hero-backgro-1777201012465-62f4e814.png" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-digital-agency-hero-backgro-1777201012465-62f4e814.png" }
+            ]}
           />
         </div>
 
@@ -106,4 +120,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 7a32d53..b1260a3 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #020617;
-  --card: #0f172a;
+  --background: #000612;
+  --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);