32 lines
1000 B
TypeScript
32 lines
1000 B
TypeScript
|
import classNames from 'classnames';
|
||
|
|
import { AnimatedDudeWithWire } from './graphics/dude';
|
||
|
|
|
||
|
|
export const LandingBanner = () => {
|
||
|
|
return (
|
||
|
|
<div className={classNames('relative mb-20')}>
|
||
|
|
<div className="">
|
||
|
|
<div
|
||
|
|
aria-hidden
|
||
|
|
className="absolute top-64 right-[220px] md:right-[340px] max-sm:hidden"
|
||
|
|
>
|
||
|
|
<AnimatedDudeWithWire />
|
||
|
|
</div>
|
||
|
|
<div className="pt-32 sm:w-[50%]">
|
||
|
|
<h1 className="text-6xl font-alpha calt mb-10">
|
||
|
|
Earn commission & stake rewards
|
||
|
|
</h1>
|
||
|
|
<p className="text-lg mb-10">
|
||
|
|
Invite friends and earn commission in the form of Vega rewards from
|
||
|
|
the trading fees they pay. Stake those rewards to earn multipliers
|
||
|
|
on future rewards.
|
||
|
|
</p>
|
||
|
|
<p className="text-lg">
|
||
|
|
Any friends that join using the code will receive discounts off
|
||
|
|
trading fees.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|