add soon badge

saml33 · Sep 12, 2024 · e000978 · e000978
1 parent e1b467a
commit e000978
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/landing/app/component/LandingPage/Integrations.tsx b/landing/app/component/LandingPage/Integrations.tsx
@@ -6,21 +6,24 @@ const INTEGRATIONS = [
         description: 'The Ultimate Spot Exchange',
         link: 'https://fill.city',
         linkText: 'Trade Now',
-        imagePath: '/assets/integrations/fill-city.png'
+        imagePath: '/assets/integrations/fill-city.png',
+        isComingSoon: true
     },
     {
         name: 'Mango',
         description: 'Cross-Margin Trading, Borrow, Lend',
         link: 'https://app.mango.markets',
         linkText: 'Trade Now',
-        imagePath: '/assets/integrations/mango.png'
+        imagePath: '/assets/integrations/mango.png',
+        isComingSoon: true
     },
     {
         name: 'CKS Systems',
         description: 'Blockchain Native Liquidity Provider',
         link: 'https://cks.systems/',
         linkText: 'Find out more',
-        imagePath: '/assets/integrations/cks.png'
+        imagePath: '/assets/integrations/cks.png',
+        isComingSoon: false
     }
 ]
 
@@ -34,7 +37,10 @@ const Integrations = () => {
                 return <div className="col-span-12 md:col-span-4">
                 <div className={`border border-night mb-4 w-full h-56 bg-cover bg-no-repeat bg-center`} 
         style={{ backgroundImage: `url(${p.imagePath})` }} />
-        <h3 className="mb-1">{p.name}</h3>
+        <div className="mb-1 flex items-center">
+        <h3 className="mr-2">{p.name}</h3>
+        {p.isComingSoon ? <span className="border border-sienna rounded text-xs text-sienna leading-none p-1 font-semibold">SOON</span> : null}
+        </div>
         <p className="mb-2">{p.description}</p>
         <a href={p.link} target="_blank" rel="noopener noreferrer">{p.linkText}</a>
             </div>})