Switches client logos

9 files changed, 16 insertions, 20 deletions

diff --git a/packages/website/public/images/@next/clients/client-amadeus.png b/packages/website/public/images/@next/clients/client-amadeus.png
new file mode 100755
index 000000000..07a720721
--- /dev/null
+++ b/packages/website/public/images/@next/clients/client-amadeus.png
diff --git a/packages/website/public/images/@next/clients/client-ddex.png b/packages/website/public/images/@next/clients/client-ddex.png
new file mode 100755
index 000000000..41cb36b53
--- /dev/null
+++ b/packages/website/public/images/@next/clients/client-ddex.png
diff --git a/packages/website/public/images/@next/clients/client-decent.png b/packages/website/public/images/@next/clients/client-decent.png
new file mode 100755
index 000000000..d0e5881b9
--- /dev/null
+++ b/packages/website/public/images/@next/clients/client-decent.png
diff --git a/packages/website/public/images/@next/clients/client-dex.png b/packages/website/public/images/@next/clients/client-dex.png
new file mode 100755
index 000000000..546387449
--- /dev/null
+++ b/packages/website/public/images/@next/clients/client-dex.png
diff --git a/packages/website/public/images/@next/clients/client-oceanx.png b/packages/website/public/images/@next/clients/client-oceanx.png
new file mode 100755
index 000000000..d97b7bc37
--- /dev/null
+++ b/packages/website/public/images/@next/clients/client-oceanx.png
diff --git a/packages/website/public/images/@next/clients/client-openrelay.png b/packages/website/public/images/@next/clients/client-openrelay.png
new file mode 100755
index 000000000..e7d9767f4
--- /dev/null
+++ b/packages/website/public/images/@next/clients/client-openrelay.png
diff --git a/packages/website/public/images/@next/clients/client-paradex.png b/packages/website/public/images/@next/clients/client-paradex.png
new file mode 100755
index 000000000..224b443e9
--- /dev/null
+++ b/packages/website/public/images/@next/clients/client-paradex.png
diff --git a/packages/website/public/images/@next/clients/client-radar.png b/packages/website/public/images/@next/clients/client-radar.png
new file mode 100755
index 000000000..782a76369
--- /dev/null
+++ b/packages/website/public/images/@next/clients/client-radar.png
diff --git a/packages/website/ts/@next/components/sections/landing/clients.tsx b/packages/website/ts/@next/components/sections/landing/clients.tsx
index 6a1d96285..8d3c11626 100644
--- a/packages/website/ts/@next/components/sections/landing/clients.tsx
+++ b/packages/website/ts/@next/components/sections/landing/clients.tsx
@@ -18,43 +18,39 @@ interface StyledProjectInterface {
 const projects: ProjectLogo[] = [
     {
         name: 'Radar Relay',
-        imageUrl: '/images/@next/relayer-logos/logo_1.png',
+        imageUrl: 'images/@next/clients/client-radar.png',
         persistOnMobile: true,
     },
     {
         name: 'Paradex',
-        imageUrl: '/images/@next/relayer-logos/logo_5.png',
-        persistOnMobile: true,
-    },
-    {
-        name: 'Amadeus',
-        imageUrl: '/images/@next/relayer-logos/logo_3.png',
+        imageUrl: 'images/@next/clients/client-paradex.png',
         persistOnMobile: true,
     },
     {
         name: 'The Ocean X',
-        imageUrl: '/images/@next/relayer-logos/logo_4.png',
-    },
-    {
-        name: 'Paradex',
-        imageUrl: '/images/@next/relayer-logos/logo_5.png',
+        imageUrl: 'images/@next/clients/client-oceanx.png',
     },
     {
         name: 'Decent EX',
-        imageUrl: '/images/@next/relayer-logos/logo_2.1.png',
+        imageUrl: 'images/@next/clients/client-decent.png',
     },
     {
         name: 'dEX',
-        imageUrl: '/images/@next/relayer-logos/logo_2.2.png',
+        imageUrl: 'images/@next/clients/client-dex.png',
     },
     {
         name: 'OpenRelay',
-        imageUrl: '/images/@next/relayer-logos/logo_2.3.png',
+        imageUrl: 'images/@next/clients/client-openrelay.png',
+        persistOnMobile: true,
+    },
+    {
+        name: 'Amadeus',
+        imageUrl: 'images/@next/clients/client-amadeus.png',
         persistOnMobile: true,
     },
     {
         name: 'DDEX',
-        imageUrl: '/images/@next/relayer-logos/logo_2.png',
+        imageUrl: 'images/@next/clients/client-ddex.png',
         persistOnMobile: true,
     },
 ];
@@ -88,14 +84,14 @@ const StyledProject = styled.div<StyledProjectInterface>`
     }
 
     @media (min-width: 768px) {
-        width: 120px;
-        height: 120px;
+        width:  auto;
+        height: 50px;
         margin: 30px;
     }
 
     @media (max-width: 768px) {
-        width: 100px;
-        height: 100px;
+        width: auto;
+        height: 42px;
         margin: 15px;
         display: ${props => !props.isOnMobile && 'none'};
     }