File size: 1,833 Bytes
08f4311
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
export default function Features() {
  const features = [
    {
      icon: 'πŸͺ™',
      title: 'Creator Tokens',
      description: 'Launch your own ERC20 token with built-in transfer taxes that reward liquidity providers and stakeholders automatically.',
    },
    {
      icon: '🏦',
      title: 'Liquidity Vaults',
      description: 'Whales deposit tokens and base assets to earn rewards from transaction taxes and NFT royalties in real-time.',
    },
    {
      icon: '🎨',
      title: 'NFT Collections',
      description: 'Create custom NFT collections with royalty splits that automatically distribute earnings to creators and vaults.',
    },
    {
      icon: '⚑',
      title: 'One-Click Deploy',
      description: 'Deploy your entire creator economy β€” token, vault, and NFT collection β€” in a single blockchain transaction.',
    },
    {
      icon: 'πŸ”’',
      title: 'Built-in Security',
      description: 'Tax rates and royalties are capped at 10%. All contracts use battle-tested OpenZeppelin patterns.',
    },
    {
      icon: '🌐',
      title: 'On-Chain Economy',
      description: 'Everything lives on Ethereum. Your tokens, vaults, and NFTs are fully composable with DeFi protocols.',
    },
  ];

  return (
    <section className="features" id="features">
      <div className="section-header">
        <h2>Build Your <span className="accent">Creator Economy</span></h2>
        <p>Everything you need to launch and grow your decentralized creator brand</p>
      </div>
      <div className="features-grid">
        {features.map((f, i) => (
          <div className="feature-card" key={f.title}>
            <div className="feature-icon">{f.icon}</div>
            <h3>{f.title}</h3>
            <p>{f.description}</p>
          </div>
        ))}
      </div>
    </section>
  );
}