Update src/app/page.tsx

src/app/layout.tsx

@@ -1264,4 +1264,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -42,7 +42,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" style={{ backgroundColor: "#f0e6ff" }}>
         <HeroBillboardCarouselSplit
           title="Discover Premium Talent with Sosibiby"
           mediaItems={[
@@ -62,7 +62,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="about" data-section="about">
+      <div id="about" data-section="about" style={{ backgroundColor: "#e6f0ff" }}>
         <MediaAbout
           title="Representing Excellence in Modeling"
           description="Sosibiby is a premier modeling agency dedicated to discovering, developing, and promoting the most talented models in the industry. With over a decade of experience, we connect exceptional talent with world-class opportunities in fashion, beauty, commercial, and entertainment sectors. Our commitment to professionalism and personalized representation sets us apart."
@@ -76,7 +76,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="portfolio" data-section="portfolio">
+      <div id="portfolio" data-section="portfolio" style={{ backgroundColor: "#fff0f5" }}>
         <ProductCardOne
           title="Featured Models"
           description="Explore our exclusive roster of talented professionals ready for your next project"
@@ -109,7 +109,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="team" data-section="team">
+      <div id="team" data-section="team" style={{ backgroundColor: "#f5e6ff" }}>
         <TeamCardTen
           title="Meet the Sosibiby Team"
           tag="Leadership"
@@ -129,7 +129,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
+      <div id="testimonials" data-section="testimonials" style={{ backgroundColor: "#fff0e6" }}>
         <TestimonialCardEleven
           title="Client Success Stories"
           description="Hear from photographers, brands, and industry leaders who trust Sosibiby talent"
@@ -159,7 +159,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
+      <div id="contact" data-section="contact" style={{ backgroundColor: "#fff5f0" }}>
         <ContactCenter
           tag="Get Started"
           title="Join the Sosibiby Family"
@@ -171,7 +171,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="footer" data-section="footer">
+      <div id="footer" data-section="footer" style={{ backgroundColor: "#f0ebff" }}>
         <FooterMedia
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704145507-m665a9i0.jpg"
           imageAlt="Sosibiby runway models"
@@ -204,4 +204,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}