Update src/app/page.tsx

src/app/globals.css

@@ -7,7 +7,7 @@
   --background: #f8faff;;
   --card: #f0f4ff;;
   --foreground: #1a1a2e;;
-  --primary-cta: #3b82f6;;
+  --primary-cta: #1cde5d;;
   --secondary-cta: #ffffff;;
   --accent: #d5c6ff;;
   --background-accent: #b394fa;;

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: "#a78bfa" }}>
         <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: "#e6d5ff" }}>
         <TeamCardTen
           title="Meet the Sosibiby Team"
           tag="Leadership"
@@ -122,6 +122,12 @@ export default function LandingPage() {
             },
             {
               id: "3",              name: "Sophia Petrov",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704140616-gerpgiei.jpg",              imageAlt: "Sophia Petrov, Booking Director"
+            },
+            {
+              id: "4",              name: "Aisha Okonkwo",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704139352-zzdkijiu.jpg",              imageAlt: "Aisha Okonkwo, Marketing Director"
+            },
+            {
+              id: "5",              name: "David Lee",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704139921-3qkxpvn3.jpg",              imageAlt: "David Lee, Operations Manager"
             }
           ]}
           memberVariant="default"
@@ -129,7 +135,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 +165,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 +177,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"