fix: partners

yearn · Nov 14, 2024 · 5e0c26e · 5e0c26e
1 parent 218a2ce
commit 5e0c26e
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 84 deletions.
diff --git a/apps/landing/components/common/Header.tsx b/apps/landing/components/common/Header.tsx
@@ -2,8 +2,7 @@ import {type ReactElement, useMemo, useState} from 'react';
 import Link from 'next/link';
 import {useRouter} from 'next/router';
 import {AppName, APPS} from '@common/components/Apps';
-
-import {IconYearnLogo} from '../icons/IconYearnLogo';
+import {LogoYearn} from '@common/icons/LogoYearn';
 
 type TMenu = {path: string; label: string | ReactElement; target?: string};
 type TNavbar = {nav: TMenu[]; currentPathName: string};
@@ -107,7 +106,10 @@ export function LandingAppHeader(): ReactElement {
 						</button>
 					</div>
 					<div className={'flex justify-center'}>
-						<IconYearnLogo />
+						<LogoYearn
+							className={'size-10'}
+							front={'text-black'}
+						/>
 					</div>
 					<Navbar
 						currentPathName={pathname || ''}

diff --git a/apps/landing/components/icons/IconYearnLogo.tsx b/apps/landing/components/icons/IconYearnLogo.tsx
diff --git a/apps/landing/components/sections/Partners.tsx b/apps/landing/components/sections/Partners.tsx
@@ -3,63 +3,37 @@ import Image from 'next/image';
 
 import type {ReactElement} from 'react';
 
+const PARTNERS = [
+	{src: '/landing/partners/aave.png', width: 220},
+	{src: '/landing/partners/ajna.png', width: 173},
+	{src: '/landing/partners/compound.png', width: 246},
+	{src: '/landing/partners/curve.png', width: 175},
+	{src: '/landing/partners/lido.png', width: 182},
+	{src: '/landing/partners/pendle.png', width: 257},
+	{src: '/landing/partners/sky.png', width: 130},
+	{src: '/landing/partners/spark.png', width: 194},
+	{src: '/landing/partners/swell.png', width: 142}
+];
+
 export function Partners(): ReactElement {
 	return (
 		<div className={'flex w-full justify-center'}>
 			<div className={'h-20 w-full'}>
 				<Marquee
 					gradient
-					gradientColor={'black'}
+					gradientColor={'#080A0C'}
 					pauseOnHover={true}
 					className={'grid h-full overflow-hidden'}>
-					<div className={'mx-5 flex h-full flex-col items-center justify-center pr-10 '}>
-						<Image
-							src={'/landing/partners/ajna.png'}
-							alt={'Ajna'}
-							width={174}
-							height={32}
-						/>
-					</div>{' '}
-					<div className={'mx-5 flex flex-col items-center justify-center pr-10 '}>
-						<Image
-							src={'/landing/partners/ajna.png'}
-							alt={'Ajna'}
-							width={174}
-							height={32}
-						/>
-					</div>
-					<div className={'mx-5 flex flex-col items-center justify-center pr-10 '}>
-						<Image
-							src={'/landing/partners/ajna.png'}
-							alt={'Ajna'}
-							width={174}
-							height={32}
-						/>
-					</div>
-					<div className={'mx-5 flex flex-col items-center justify-center pr-10 '}>
-						<Image
-							src={'/landing/partners/ajna.png'}
-							alt={'Ajna'}
-							width={174}
-							height={32}
-						/>
-					</div>
-					<div className={'mx-5 flex flex-col items-center justify-center pr-10 '}>
-						<Image
-							src={'/landing/partners/ajna.png'}
-							alt={'Ajna'}
-							width={174}
-							height={32}
-						/>
-					</div>
-					<div className={'mx-5 flex flex-col items-center justify-center pr-10 '}>
-						<Image
-							src={'/landing/partners/ajna.png'}
-							alt={'Ajna'}
-							width={174}
-							height={32}
-						/>
-					</div>
+					{PARTNERS.map(partner => (
+						<div className={'mx-5 flex h-full max-h-[32px] flex-col items-center justify-center pr-10'}>
+							<Image
+								src={partner.src}
+								alt={'partner'}
+								width={partner.width}
+								height={32}
+							/>
+						</div>
+					))}
 				</Marquee>
 			</div>
 		</div>