Skip to content

Commit fee0ecf

Browse files
kushagrasarathekushagrasarathe
authored
Merge pull request #708 from peanutprotocol/ui/lp-update
update: lp banner and faq item
2 parents ef65e43 + 7f626bb commit fee0ecf

File tree

5 files changed

+58
-26
lines changed

5 files changed

+58
-26
lines changed

‎src/app/page.tsx‎

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -80,46 +80,51 @@ export default function LandingPage() {
8080
questions: [
8181
{
8282
id: '0',
83+
question: `So what's Peanut?`,
84+
answer: `With Peanut you can pay and get paid in digital dollars and other cryptocurrencies easily. You can also cash out 2000+ tokens from 20+ EVM chain directly to your bank account.`,
85+
},
86+
{
87+
id: '1',
8388
question: 'How can I try?',
8489
answer: 'Check out our dapp or any of the projects that already integrated Peanut.',
8590
},
8691
{
87-
id: '1',
92+
id: '2',
8893
question: 'What are the trust assumptions?',
8994
answer: 'Peanut Protocol is non-custodial, permissionless and decentralised. Read more ',
9095
redirectUrl: 'https://docs.peanut.to/how-to-use-peanut-links/trust-assumptions',
9196
redirectText: 'here.',
9297
},
9398
{
94-
id: '2',
99+
id: '3',
95100
question: 'What happens if I want to cancel or if I lose the link?',
96101
answer: 'The only thing you need is the transaction hash! To see how, click ',
97102
redirectUrl: 'https://peanut.to/refund',
98103
redirectText: 'here.',
99104
},
100105
{
101-
id: '3',
106+
id: '4',
102107
question: 'What are the fees?',
103108
answer: 'On our dapp, we sponsor gasless claiming and sending on L2s. Integrators can choose to sponsor the transactions. We do not have a fee on the protocol for same-chain transactions, see ',
104109
redirectUrl: 'https://docs.peanut.to/pricing',
105110
redirectText: 'here.',
106111
},
107112
{
108-
id: '4',
113+
id: '5',
109114
question: 'I need help!',
110115
answer: 'Sure! Let us know at [email protected] or on ',
111116
redirectUrl: 'https://discord.gg/uWFQdJHZ6j',
112117
redirectText: 'discord.',
113118
},
114119
{
115-
id: '5',
120+
id: '6',
116121
question: 'Are you audited?',
117122
answer: 'Yes! ',
118123
redirectUrl: 'https://docs.peanut.to/security-audit',
119124
redirectText: 'See our docs for more',
120125
},
121126
{
122-
id: '6',
127+
id: '7',
123128
question: 'I want this for our app! How long does it take to integrate?',
124129
answer: 'Our record integration took 2 hours, but it depends on your stack. ',
125130
calModal: true,

‎src/assets/illustrations/buttery_smooth_global_money_banner.svg‎

Lines changed: 13 additions & 0 deletions
Loading

‎src/assets/illustrations/hero-description.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎src/assets/illustrations/index.ts‎

Lines changed: 17 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,39 @@
1+
export { default as BUILD_ON_US_NOW } from './build_on_us_now.svg'
2+
export { default as ButterySmoothGlobalMoney } from './buttery_smooth_global_money.svg'
3+
export { default as ButterySmoothGlobalMoneyBanner } from './buttery_smooth_global_money_banner.svg'
4+
export { default as CashoutNow } from './cashout_now.svg'
15
export { default as ClaimChainsBadge } from './claim-chains-badge.svg'
6+
export { default as Cloud } from './cloud.svg'
27
export { default as CloudLeft } from './cloud_left.svg'
38
export { default as CloudRight } from './cloud_right.svg'
4-
export { default as Cloud } from './cloud.svg'
59
export { default as HR } from './diagonal-lines.svg'
6-
export { default as EasySign } from './easy.svg'
710
export { default as EasySignTight } from './easy-tight.svg'
11+
export { default as EasySign } from './easy.svg'
812
export { default as Eyes } from './eyes.svg'
913
export { default as GoodIdeaSign } from './good-idea.svg'
1014
export { default as HandBag } from './hand-bag.svg'
15+
export { default as HandPeace } from './hand-peace.svg'
16+
export { default as HandRad } from './hand-rad.svg'
1117
export { default as HandSnap } from './hand-snap.svg'
18+
export { default as HandThumbsRight } from './hand-thumbs-right.svg'
19+
export { default as HandThumbsUp } from './hand-thumbs-up.svg'
1220
export { default as HandThumbs } from './hand-thumbs.svg'
1321
export { default as HandToken } from './hand-token.svg'
22+
export { default as AboutPeanut } from './hero-description.svg'
1423
export { default as HeyDudeSign } from './hey-dude.svg'
24+
export { default as MascotExample } from './mascot-example.gif'
1525
export { default as NewSign } from './new.svg'
1626
export { default as PeaceFingers } from './peace-fingers.svg'
17-
export { default as PeanutsBG } from './peanuts-bg.svg'
18-
export { default as PeanutGuy } from './peanutguy.png'
1927
export { default as PeanutGuyGIF } from './peanut_guy.gif'
28+
export { default as PeanutGuy } from './peanutguy.png'
29+
export { default as PeanutsBG } from './peanuts-bg.svg'
2030
export { default as SmileFinder } from './smile-finder.svg'
2131
export { default as SmileHigh } from './smile-high.svg'
2232
export { default as SmilePink } from './smile-pink.svg'
2333
export { default as SmileSide } from './smile-side.svg'
24-
export { default as Star } from './star.svg'
25-
export { default as StarBlue } from './star-blue.svg'
2634
export { default as SmileStars } from './smile-stars.svg'
35+
export { default as Sparkle } from './sparkle.svg'
36+
export { default as StarBlue } from './star-blue.svg'
37+
export { default as Star } from './star.svg'
2738
export { default as StopSign } from './stop-sign.svg'
2839
export { default as VibesSign } from './vibes.svg'
29-
export { default as MascotExample } from './mascot-example.gif'
30-
export { default as CashoutNow } from './cashout_now.svg'
31-
export { default as ButterySmoothGlobalMoney } from './buttery_smooth_global_money.svg'
32-
export { default as HandPeace } from './hand-peace.svg'
33-
export { default as HandRad } from './hand-rad.svg'
34-
export { default as HandThumbsUp } from './hand-thumbs-up.svg'
35-
export { default as HandThumbsRight } from './hand-thumbs-right.svg'
36-
export { default as Sparkle } from './sparkle.svg'
37-
export { default as BUILD_ON_US_NOW } from './build_on_us_now.svg'

‎src/components/LandingPage/hero.tsx‎

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { ButterySmoothGlobalMoney, HandThumbsUp, PeanutGuyGIF, Sparkle } from '@/assets'
1+
import { AboutPeanut, ButterySmoothGlobalMoney, HandThumbsUp, PeanutGuyGIF, Sparkle } from '@/assets'
22
import { Stack } from '@chakra-ui/react'
33
import { motion } from 'framer-motion'
44
import { useEffect, useState } from 'react'
@@ -37,15 +37,14 @@ export function Hero({ heading, marquee = { visible: false }, cta, buttonVisible
3737
<div className="relative flex min-h-[96vh] flex-col justify-between overflow-x-hidden bg-pink-1 md:min-h-[97vh]">
3838
<CloudImages screenWidth={screenWidth} />
3939

40-
<div className="lg:mb-16- lg:mt-24- relative mb-8 mt-12 flex grow flex-col justify-between space-y-6 md:mb-10 md:mt-12">
40+
<div className="relative mb-8 mt-12 flex grow flex-col justify-between space-y-6 md:mb-10 md:mt-12">
4141
<img
4242
src={PeanutGuyGIF.src}
43-
className="mg:bottom-0 absolute bottom-4 left-1/2 z-10 mx-auto h-auto max-h-[60vh] w-auto max-w-[600px] max-w-[90%] -translate-x-1/2 transform object-contain md:w-auto"
43+
className="mg:bottom-0 absolute bottom-1/2 left-1/2 z-10 mx-auto h-auto max-h-[60vh] w-auto max-w-[90%] -translate-x-1/2 translate-y-1/2 transform object-contain"
4444
alt="Peanut Guy"
4545
/>
4646

47-
{/* Title! */}
48-
<Stack spacing={2} className="relative h-1/3 justify-center px-4 text-center lg:h-auto">
47+
<Stack spacing={2} className="relative h-1/3 items-center justify-center px-4 text-center lg:h-full">
4948
<img
5049
src={ButterySmoothGlobalMoney.src}
5150
className="z-0 mx-auto w-full max-w-[1000px] object-contain lg:w-3/4"
@@ -54,6 +53,16 @@ export function Hero({ heading, marquee = { visible: false }, cta, buttonVisible
5453

5554
<HeroImages />
5655
</Stack>
56+
57+
<Stack spacing={2} className="relative h-1/3 items-center justify-center px-4 text-center lg:h-full">
58+
<img
59+
src={AboutPeanut.src}
60+
className="z-0 mx-auto w-full max-w-[1000px] object-contain pt-6 lg:w-[40%]"
61+
alt="Buttery Smooth Global Money"
62+
/>
63+
64+
<HeroImages />
65+
</Stack>
5766
</div>
5867

5968
<div className="relative z-1">

0 commit comments

Comments
 (0)