feat: add description to apps

yearn · Aug 13, 2024 · fef22cf · fef22cf
1 parent 48ab68b
commit fef22cf
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 21 deletions.
diff --git a/apps/common/components/Cutaway.tsx b/apps/common/components/Cutaway.tsx
@@ -5,7 +5,6 @@ import type {ReactElement} from 'react';
 
 type TCutawayProps = {
 	title: string;
-	description: string;
 	link: string;
 	icon: ReactElement;
 };
@@ -18,11 +17,10 @@ export function Cutaway(props: TCutawayProps): ReactElement {
 			className={
 				'relative flex w-full items-center justify-between rounded-lg bg-gray-600/20 p-6 hover:bg-gray-600/40'
 			}>
-			<div className={'flex flex-col md:flex-row'}>
+			<div className={'flex flex-col md:flex-row md:items-center'}>
 				<div className={'flex size-20 items-center justify-center'}>{props.icon}</div>
 				<div className={'md:ml-6'}>
 					<p className={'mb-2 text-2xl font-bold text-gray-300'}>{props.title}</p>
-					<p className={'max-w-[240px] text-base text-gray-400'}>{props.description}</p>
 				</div>
 			</div>
 			<div className={'absolute right-7 top-7 md:static'}>

diff --git a/apps/common/components/PromoPoster.tsx b/apps/common/components/PromoPoster.tsx
@@ -11,7 +11,7 @@ export function PromoPoster(): ReactElement {
 				'border-1 relative flex flex-col rounded-lg border border-gray-600/50 bg-gradient-to-b from-gray-900 to-[#1A1A1A] p-6 hover:from-[#1A1A1A] hover:to-[#262626]'
 			}>
 			<div className={'mb-4 flex w-full justify-start text-[40px] font-bold uppercase leading-[40px] text-white'}>
-				{'stack'}
+				{'earn'}
 				<br /> {'with yearn'}
 			</div>
 

diff --git a/apps/common/utils/constants.ts b/apps/common/utils/constants.ts
@@ -17,14 +17,14 @@ export const FRONTENDS_APPS: TApp[] = [
 		appURI: 'https://gimme.mom/'
 	},
 	{
-		name: 'Yearn V3',
-		description: 'Product description example text product description example text',
+		name: 'Vaults',
+		description: 'The full Yearn experience with all Vaults, for sophisticated users.',
 		logoURI: '/v3.png',
 		appURI: '/v3'
 	},
 	{
-		name: 'Yearn V2',
-		description: 'Product description example text product description example text',
+		name: 'Vaults V2',
+		description: "Discover Vaults from Yearn's v2 era.",
 		logoURI: '/v2.png',
 		appURI: '/vaults'
 	},
@@ -64,7 +64,7 @@ export const LOCKERS_APPS: TApp[] = [
 	},
 	{
 		name: '1UP',
-		description: 'Product description example text product description example text',
+		description: '1UP is a public good liquid locker for YFI.',
 		logoURI: 'https://1up.tokyo/logo.svg',
 		appURI: 'https://1up.tokyo/'
 	},
@@ -79,37 +79,37 @@ export const LOCKERS_APPS: TApp[] = [
 export const YEARN_X_APPS: TApp[] = [
 	{
 		name: 'PoolTogether',
-		description: 'Product description example text product description example text',
+		description: 'Get the best risk adjusted PoolTogether yields, with Yearn.',
 		logoURI: 'https://pooltogether.yearn.space/favicons/favicon-512x512.png',
 		appURI: 'https://pooltogether.yearn.space'
 	},
 	{
 		name: 'Pendle',
-		description: 'Product description example text product description example text',
+		description: 'The best Pendle yields, with auto-rolling functionality.',
 		logoURI: 'https://pendle.yearn.space/favicons/favicon-512x512.png',
 		appURI: 'https://pendle.yearn.space'
 	},
 	{
 		name: 'AJNA',
-		description: 'Product description example text product description example text',
+		description: 'Get the best risk adjusted Ajna yields, with Yearn.',
 		logoURI: 'https://ajna.yearn.space/favicons/favicon-512x512.png',
 		appURI: 'https://ajna.yearn.space'
 	},
 	{
 		name: 'Velodrome',
-		description: 'Product description example text product description example text',
+		description: 'Get the best risk adjusted Velodrome yields, with Yearn.',
 		logoURI: 'https://velodrome.yearn.space/favicons/favicon-512x512.png',
 		appURI: 'https://velodrome.yearn.space/'
 	},
 	{
 		name: 'Aerodrome',
-		description: 'Product description example text product description example text',
+		description: 'Get the best risk adjusted Aerodrome yields, with Yearn.',
 		logoURI: 'https://aerodrome.yearn.space/favicons/favicon-512x512.png',
 		appURI: 'https://aerodrome.yearn.space/'
 	},
 	{
 		name: 'Curve',
-		description: 'Product description example text product description example text',
+		description: 'Get the best risk adjusted Curve yields, with Yearn.',
 		logoURI: 'https://curve.yearn.space/favicons/favicon-512x512.png',
 		appURI: 'https://curve.yearn.space/'
 	}
@@ -145,19 +145,19 @@ export const INTEGRATIONS_APPS: TApp[] = [
 export const FEATURED_APPS = [
 	{
 		name: 'Juiced',
-		description: 'Product description example text product description example text',
+		description: 'Discover yields juiced with extra token rewards.',
 		logoURI: '/juiced-bg.png',
 		appURI: 'https://gimme.mom/'
 	},
 	{
 		name: 'Gimme',
-		description: 'Product description example text product description example text',
+		description: 'DeFi yields, designed for everyone.',
 		logoURI: '/gimme-bg.png',
 		appURI: 'https://gimme.mom/'
 	},
 	{
-		name: 'V3 valuts',
-		description: 'Product description example text product description example text',
+		name: 'Valuts',
+		description: 'The full Yearn experience with all Vaults, for sophisticated users.',
 		logoURI: '/v3-bg.png',
 		appURI: 'https://gimme.mom/'
 	}

diff --git a/pages/home/index.tsx b/pages/home/index.tsx
@@ -108,13 +108,11 @@ export default function Home(): ReactElement {
 				<div className={'mt-16 flex w-full flex-col gap-6 md:flex-row'}>
 					<Cutaway
 						title={'Follow us on X'}
-						description={'Product description example text product description example text'}
 						icon={<LogoTwitter className={'text-white'} />}
 						link={'https://yearn.finance/twitter'}
 					/>
 					<Cutaway
 						title={'Join our Discord'}
-						description={'Product description example text product description example text'}
 						icon={<LogoDiscord className={'text-white'} />}
 						link={'https://discord.com/invite/yearn'}
 					/>