feat: small changes

apps/common/components/CategorySection.tsx

@@ -14,7 +14,7 @@ type TAppSectionProps = {
 export function CategorySection(props: TAppSectionProps): ReactElement {
 	return (
 		<div className={'flex flex-col gap-y-6 overflow-hidden'}>
-			<div className={'flex h-12 w-full items-center justify-between pr-1'}>
+			<div className={'flex h-10 w-full items-center justify-between pr-1'}>
 				<div className={'text-lg font-bold text-white'}>{props.title}</div>
 				<button
 					onClick={props.onExpandClick}

apps/common/components/FeaturedApp.tsx

@@ -23,7 +23,7 @@ export function FeaturedApp(props: {app: TApp}): ReactElement {
 					src={props.app.logoURI}
 					alt={props.app.name}
 					priority={true}
-					width={1400}
+					width={2000}
 					height={2000}
 					className={'right-0 top-0 size-full bg-center object-cover transition-all duration-200'}
 				/>

apps/common/components/MobileTopNav.tsx

@@ -63,7 +63,7 @@ export function MobileTopNav({
 				<div className={'!w-full bg-gray-900 pb-6 pl-8 pr-6'}>
 					<SearchBar
 						className={
-							'!max-w-none !rounded-lg !border-0 !border-none !bg-gray-700 text-white !outline-none '
+							'!max-w-none !rounded-lg !border-0 !border-none !bg-gray-600/40 text-white !outline-none '
 						}
 						searchValue={configuration.searchValue}
 						onSearch={(value: string) => dispatch({searchValue: value})}

apps/common/components/Sidebar.tsx

@@ -45,7 +45,7 @@ export function Sidebar(props: TSidebarProps): ReactElement {
 						<PromoPoster />
 					</div>
 					<SearchBar
-						className={cl('!w-full !border-0 rounded-lg !border-white !bg-gray-700')}
+						className={cl('!w-full !border-0 rounded-lg !border-white !bg-gray-600/40')}
 						searchPlaceholder={'Search App'}
 						searchValue={configuration.searchValue}
 						onSearch={(value: string) => {

apps/common/utils/constants.tsx

@@ -157,56 +157,56 @@ export const FEATURED_APPS = [
 	{
 		name: 'Juiced',
 		description: 'Discover yields juiced with extra token rewards.',
-		logoURI: '/juiced-bg.jpg',
-		appURI: 'https://gimme.mom/'
+		logoURI: '/juiced-featured.png',
+		appURI: 'https://juiced.app/'
 	},
 	{
 		name: 'Gimme',
 		description: 'DeFi yields, designed for everyone.',
-		logoURI: '/gimme-bg.jpg',
+		logoURI: '/gimme-featured.png',
 		appURI: 'https://gimme.mom/'
 	},
 	{
 		name: 'Vaults',
 		description: 'The full Yearn experience with all Vaults, for sophisticated users.',
-		logoURI: '/v3-bg.jpg',
-		appURI: 'https://gimme.mom/'
+		logoURI: '/v3-featured.png',
+		appURI: '/v3'
 	},
 	{
 		name: 'Juiced',
 		description: 'Discover yields juiced with extra token rewards.',
-		logoURI: '/juiced-bg.jpg',
-		appURI: 'https://gimme.mom/'
+		logoURI: '/juiced-featured.png',
+		appURI: 'https://juiced.app/'
 	},
 	{
 		name: 'Gimme',
 		description: 'DeFi yields, designed for everyone.',
-		logoURI: '/gimme-bg.jpg',
+		logoURI: '/gimme-featured.png',
 		appURI: 'https://gimme.mom/'
 	},
 	{
 		name: 'Vaults',
 		description: 'The full Yearn experience with all Vaults, for sophisticated users.',
-		logoURI: '/v3-bg.jpg',
-		appURI: 'https://gimme.mom/'
+		logoURI: '/v3-featured.png',
+		appURI: '/v3'
 	},
 	{
 		name: 'Juiced',
 		description: 'Discover yields juiced with extra token rewards.',
-		logoURI: '/juiced-bg.jpg',
-		appURI: 'https://gimme.mom/'
+		logoURI: '/juiced-featured.png',
+		appURI: 'https://juiced.app/'
 	},
 	{
 		name: 'Gimme',
 		description: 'DeFi yields, designed for everyone.',
-		logoURI: '/gimme-bg.jpg',
+		logoURI: '/gimme-featured.png',
 		appURI: 'https://gimme.mom/'
 	},
 	{
 		name: 'Vaults',
 		description: 'The full Yearn experience with all Vaults, for sophisticated users.',
-		logoURI: '/v3-bg.jpg',
-		appURI: 'https://gimme.mom/'
+		logoURI: '/v3-featured.png',
+		appURI: '/v3'
 	}
 ];