diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 17e80e6..2187a00 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1275,4 +1275,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8782b22..0bfffb5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -41,7 +41,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" className="bg-gradient-to-b from-slate-900 via-slate-800 to-slate-900">
         <HeroBillboardCarousel
           title="Premium Logistics Solutions for Global Enterprise"
           description="Streamline your supply chain with our advanced logistics network. We deliver excellence across every continent with real-time tracking and 24/7 support."
@@ -61,7 +61,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="about" data-section="about">
+      <div id="about" data-section="about" className="bg-gradient-to-b from-slate-50 via-blue-50 to-slate-50">
         <SplitAbout
           title="Why LogisticsPro Leads the Industry"
           description="With two decades of experience and cutting-edge technology, we've redefined what premium logistics means. Our commitment to reliability and innovation sets us apart."
@@ -98,7 +98,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="process" data-section="process">
+      <div id="process" data-section="process" className="bg-gradient-to-b from-slate-100 via-slate-50 to-slate-100">
         <FeatureCardNineteen
           title="Our Proven Process"
           description="From order to delivery, we optimize every step for speed and reliability"
@@ -134,7 +134,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
+      <div id="metrics" data-section="metrics" className="bg-gradient-to-b from-indigo-900 via-slate-900 to-slate-900">
         <MetricCardOne
           title="Our Stats"
           description="Key metrics that showcase our growth and success"
@@ -177,7 +177,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="team" data-section="team">
+      <div id="team" data-section="team" className="bg-gradient-to-b from-slate-50 via-orange-50 to-slate-50">
         <TeamCardSeven
           title="Trusted by Industry Leaders"
           useInvertedBackground="noInvert"
@@ -211,7 +211,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
+      <div id="testimonials" data-section="testimonials" className="bg-gradient-to-b from-slate-100 via-slate-50 to-slate-100">
         <TestimonialCardTwelve
           cardTitle="Over 500 enterprises rely on LogisticsPro to power their global supply chains"
           cardTag="Customer Trust"
@@ -246,7 +246,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
+      <div id="contact" data-section="contact" className="bg-gradient-to-b from-slate-900 via-slate-800 to-slate-900">
         <ContactCenter
           tag="Get In Touch"
           title="Ready to Transform Your Logistics?"
@@ -259,7 +259,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="footer" data-section="footer">
+      <div id="footer" data-section="footer" className="bg-slate-950">
         <FooterSocial
           logoText="LogisticsPro"
           copyrightText="© LogisticsPro, Inc. 2025. All rights reserved."
@@ -323,4 +323,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}