// sections.jsx — Gasless Wallet landing sections // Exports (to window): Nav, Hero, Stats, HowItWorks, Features, Security, Referral, FinalCTA, Footer, AppStoreBadge const Ic = { apple: , social: , fuel: , bolt: , shield: , layers: , key: , lock: , eye: , gift: , arrow: , swap: , check: , x: , alert: , google: , telegram: , xLogo: }; const SOCIALS = [ { name: 'Telegram', icon: 'telegram', url: 'https://t.me/gaslesswalletchannel' }, { name: 'X', icon: 'xLogo', url: 'https://x.com/gasless_wallet' }]; function CountUp({ to = 1.38, duration = 1500, prefix = '$', suffix = 'M', decimals = 2 }) { const [val, setVal] = React.useState(0); const ref = React.useRef(null); React.useEffect(() => { let raf, start; let started = false; const run = () => { const step = (ts) => { if (!start) start = ts; const p = Math.min((ts - start) / duration, 1); const eased = 1 - Math.pow(1 - p, 3); setVal(to * eased); if (p < 1) raf = requestAnimationFrame(step); }; raf = requestAnimationFrame(step); }; const io = new IntersectionObserver((e) => { if (e[0].isIntersecting && !started) {started = true;run();io.disconnect();} }, { threshold: 0.4 }); if (ref.current) io.observe(ref.current); const safety = setTimeout(() => {if (!started) {started = true;run();}}, 600); return () => {cancelAnimationFrame(raf);io.disconnect();clearTimeout(safety);}; }, [to, duration]); return {prefix}{val.toFixed(decimals)}{suffix}; } const APP_STORE_URL = 'https://apps.apple.com/sk/app/gasless-wallet/id6759570166'; const NODE_URL = 'The Gasless Node.html'; function AppStoreBadge() { return ( {Ic.apple} Download on theApp Store Scan to download Gasless Wallet on the App Store Scan to download ); } function Nav() { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const f = () => setScrolled(window.scrollY > 12); f();window.addEventListener('scroll', f);return () => window.removeEventListener('scroll', f); }, []); return ( ); } function Hero({ headline, c }) { return (
{c.hero.eyebrow}

{headline}

{c.hero.sub}

See how it works {Ic.arrow}
{c.hero.trust}
{Ic.swap} Already on TronLink, TokenPocket or another wallet?{Ic.arrow} Keep your wallet — cut USDT fees up to 50% with the Gasless node {Ic.arrow}
{Ic.social} No seed phraseSign in with Apple
{Ic.fuel} 50% lower feesOn every USDT transfer
); } function Stats() { const data = [ ['3.5', ' TRX', 'Fee per transfer (~$1.1) — half the usual 7 TRX'], ['138K', '', 'Transactions sent through Gasless'], ['$159K', '', 'Saved for our customers'], ['2K', '+', 'People already use Gasless']]; return (
{data.map(([n, u, l], i) =>
{n}{u}
{l}
)}
); } function HowItWorks({ c }) { const seed = ['ribbon', 'meadow', 'anchor', 'velvet', 'copper', 'lagoon', 'tunnel', 'marble', 'quartz', 'dapple', 'sphinx', 'puzzle']; return (
{c.how.tag}

{c.how.title}

{c.how.sub}

{/* seed phrase vs Gasless — the contrast */}
{Ic.x}
Other wallets
Back up 12 secret words
{seed.map((w, i) => {i + 1}{w} )}
{Ic.alert}Lose these words and your money is gone — forever.
vs
{Ic.check}
Gasless
Just sign in — nothing to memorize
{Ic.apple}Continue with Apple
{Ic.google}Continue with Google
{Ic.lock}Face ID confirms it’s you
{Ic.check}No phrase to write down. Nothing to lose.
{/* who holds the key — plain-language non-custodial */}
{Ic.social} You own your funds
{Ic.arrow}
{Ic.lock} Secure key locked in hardware — only you unlock it
{Ic.arrow}
{Ic.bolt} Gasless helps you send, never holds your money

Your key is created and locked inside secure hardware — only you can unlock it. Gasless makes Tron easy to use, but can never hold, freeze, or move your funds. That’s what non-custodial means: all the convenience, none of the handover.

); } function Comparison({ c }) { const cm = c.compare; return (
{/* "What if I have no TRX?" interactive demo */}
New wallet, zero TRX?

“But I don’t have any TRX.”

On other wallets, a brand-new account can’t move a single dollar until someone sends you TRX for fees. With Gasless you just tap Get TRX and pay with the USDT you already hold.

1
Hit a wall
You go to send USDT, but your wallet holds 0 TRX for gas.
2
Tap Get TRX
Buy TRX with your USDT — no TRX required to do it, even on an empty wallet.
3
You’re ready
TRX lands in seconds and your transfer goes through.
Try it — tap Get TRX in the wallet
); } function Referral() { const [copied, setCopied] = React.useState(false); return (
Referral program
10%

Earn 10% of the fees from everyone you invite.

Share your link. When friends send USDT with Gasless, you earn 10% of their network fees — automatically, for as long as they keep using the app.

{Ic.gift}
Your referral link
Lifetime 10% rewards
gasless.io/r/alex
38
Friends joined
146 USDT
Earned so far
); } function FinalCTA() { return (
Get started

Move USDT the easy way.

Download Gasless Wallet, sign in, and send your first USDT in under a minute — no seed phrase, no TRX, no stress.

iOS · Tron network · Non-custodial
); } function Footer() { const cols = [ ['Product', [['How it works', '#how'], ['Referral', '#referral']]], ['Company', [['About', '#'], ['Blog', '#'], ['Careers', '#'], ['Contact', 'mailto:info@gaslesswallet.io']]], ['Legal', [['Terms of Use', 'Terms of Use.html'], ['Privacy', 'Privacy Policy.html'], ['Disclosures', '#']]]]; return ( ); } Object.assign(window, { Nav, Hero, Stats, HowItWorks, Comparison, Referral, FinalCTA, Footer, AppStoreBadge });