x

apps/spa/src/components/DynamicEditorialTile.tsx

@@ -13,9 +13,7 @@ export default function DynamicEditorialTile({ payload }: DynamicEditorialTilePr
   const {
     imageUrl,
     imagePosition = 'left',
-    buttonLink,
-    backgroundColor = '#FDFDF9',
-    textColor = '#1F3D2D'
+    buttonLink
   } = payload;
   const title = getLocalizedField(payload.title, lang);
   const description = getLocalizedField(payload.description, lang);
@@ -28,7 +26,7 @@ export default function DynamicEditorialTile({ payload }: DynamicEditorialTilePr
         const [accent, rest] = part.split(']');
         return (
           <span key={i}>
-            <span className="text-spa-gold font-medium italic">
+            <span className="text-pop-pink font-medium italic">
               {accent}
             </span>
             {rest}
@@ -41,8 +39,7 @@ export default function DynamicEditorialTile({ payload }: DynamicEditorialTilePr
 
   return (
     <section
-      className="ui-section-band w-full overflow-hidden"
-      style={{ backgroundColor, color: textColor }}
+      className="ui-section-band w-full overflow-hidden bg-pop-bg text-pop-black"
     >
       <div className="ui-section-inner grid grid-cols-1 items-center gap-12 md:grid-cols-2 md:gap-20">
         <div className={`group relative aspect-square w-full overflow-hidden rounded-3xl shadow-xl ${
@@ -65,7 +62,7 @@ export default function DynamicEditorialTile({ payload }: DynamicEditorialTilePr
           <h2 className="font-serif text-3xl font-light leading-tight tracking-wide md:text-5xl">
             {renderTitle(title) || title}
           </h2>
-          <div className="w-12 h-[1px] bg-spa-gold"></div>
+          <div className="w-12 h-[1px] bg-pop-pink"></div>
           <p className="whitespace-pre-line text-sm font-light leading-relaxed opacity-90 md:text-base">
             {description}
           </p>
@@ -73,7 +70,7 @@ export default function DynamicEditorialTile({ payload }: DynamicEditorialTilePr
             <div className="pt-4">
               <Link
                 to={buttonLink}
-                className="ui-chip border-current px-8 py-3.5 hover:bg-spa-gold hover:border-spa-gold hover:text-spa-light"
+                className="ui-chip border-current px-8 py-3.5 hover:bg-pop-pink hover:border-pop-pink hover:text-pop-bg"
               >
                 {buttonText}
               </Link>