Update src/app/page.tsx

src/app/globals.css

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

src/app/page.tsx

@@ -44,7 +44,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero" style={{ backgroundColor: "#f0e6ff" }}>
         <HeroBillboardCarouselSplit
-          title="Discover Premium Talent with Sosibiby"
+          title=" Talent with Sosibiby"
           mediaItems={[
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698829767-sl4kacxs.jpg", imageAlt: "Professional model portrait" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698830838-spuir4pu.jpg", imageAlt: "Fashion model in studio" },
@@ -76,7 +76,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="portfolio" data-section="portfolio" style={{ backgroundColor: "#1cde5d" }}>
+      <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"
@@ -165,7 +165,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact" style={{ backgroundColor: "#fff5f0" }}>
+      <div id="contact" data-section="contact" style={{ backgroundColor: "#ffe6d5" }}>
         <ContactCenter
           tag="Get Started"
           title="Join the Sosibiby Family"