From 4461ab2ffd3ff12119371dd1e638fe6bfdc273ec Mon Sep 17 00:00:00 2001 From: Karlen9 <80678705+Karlen9@users.noreply.github.com> Date: Thu, 14 Nov 2024 22:33:31 +0300 Subject: [PATCH] feat: hero animation (#607) --- apps/landing/components/sections/Hero.tsx | 110 ++++++++++++++++++++-- public/landing/hero-background.png | Bin 12619833 -> 770764 bytes public/landing/yfi-bottom-left.png | Bin 0 -> 94186 bytes public/landing/yfi-bottom-right.png | Bin 0 -> 74313 bytes public/landing/yfi-left-center.png | Bin 0 -> 21434 bytes public/landing/yfi-top-left.png | Bin 0 -> 41053 bytes public/landing/yfi-top-right.png | Bin 0 -> 61084 bytes 7 files changed, 104 insertions(+), 6 deletions(-) create mode 100644 public/landing/yfi-bottom-left.png create mode 100644 public/landing/yfi-bottom-right.png create mode 100644 public/landing/yfi-left-center.png create mode 100644 public/landing/yfi-top-left.png create mode 100644 public/landing/yfi-top-right.png diff --git a/apps/landing/components/sections/Hero.tsx b/apps/landing/components/sections/Hero.tsx index 68add92fd..a4cd88fa2 100644 --- a/apps/landing/components/sections/Hero.tsx +++ b/apps/landing/components/sections/Hero.tsx @@ -1,3 +1,5 @@ +import {motion} from 'framer-motion'; + import {Button} from '../common/Button'; import type {ReactElement} from 'react'; @@ -5,21 +7,117 @@ import type {ReactElement} from 'react'; //todo: ask design to remove border export function Hero(): ReactElement { return ( -
{'THE DEFI WAY'}
{'TO EARN CRYPTO'}
-+
{'Yearn is DeFi’s longest running, most battle tested, and most trusted yield protocol.'}
$^iwd+=aL(|((u4~-(3BxK8)T5((L0&ZAdvym
z5{5&Zgd=pLcM|8cS}g;eO_<)zs%c@tFJG>=b
_mom8#%F$#Cp0pkfeGwkBc?rq0=e;YNM`|6|
z|H#H07ua~_`zxH)j9jmtvVkk{^x&>GszHbQ2vt1ccU!pAxcq~oGWBr_<*5D5N%BA_
zd$k?)s4B&Jv+&P;)qu)YI}Dt