chore: further fixes on content

pages/index.js

@@ -623,14 +623,14 @@ const FOOTER = [
     items: [
       {
         link: URL_INTERNET_IDENTIFIER,
-        title: 'Internet Identifiers'
+        title: 'Internet Identifier RFC'
       },
       {
         link: 'https://github.com/andrerfneves/lightning-address',
         title: 'Code Repository'
       },
       {
-        link: 'https://github.com/andrerfneves/lightning-address/blob/master/DOCUMENTATION.md',
+        link: 'https://github.com/andrerfneves/lightning-address/blob/master/README.md',
         title: 'Documentation'
       },
       {
@@ -669,10 +669,20 @@ const FOOTER = [
 
 const BENEFITS = [
   {
-    title: 'No more QR codes',
+    title: 'Skip the QR codes',
-    description: 'Gone are the days that you needed to send your friend a Lightning Network invoice in order to receive a payment. Tell them to `pay me at user@domain.com` and be done with it.',
+    description: () => <>Gone are the days that you needed to send your friend a Lightning Network invoice in order to receive a payment. Tell them to <b>pay me at user@domain.com</b> and be done with it.</>,
     image: '/images/qrcode.svg'
   },
+  {
+    title: 'Dynamic properties',
+    description: 'Remove the boundaries that exist between service providers. Send money from provider A to provider B to your self-hosted C without hassle. Your Lightning Address is your global boundless payment identifier.',
+    image: '/images/bitcoin1.svg'
+  },
+  {
+    title: 'Messaging support',
+    description: 'Lightning Addresses are primarily payment identifiers, but they also accept comments. Gone are the days that you needed to send your friend a Lightning Network invoice in order to receive a payment. Tell them to `pay me at user@domain.com` and be done with it.',
+    image: '/images/comments.svg'
+  },
   {
     title: 'Cross-provider support',
     description: 'Remove the boundaries that exist between service providers. Send money from provider A to provider B to your self-hosted C without hassle. Your Lightning Address is your global boundless payment identifier.',
@@ -683,20 +693,10 @@ const BENEFITS = [
     description: 'Lightning Address builds upon the LNURL Protocol which is widely adopted in Lightning-enabled services. The aim of LNURL is to improve user-experience around sending of Lightning invoices between apps and services.',
     image: '/images/bitcoin3.svg'
   },
-  {
-    title: 'Messaging support',
-    description: 'Gone are the days that you needed to send your friend a Lightning Network invoice in order to receive a payment. Tell them to `pay me at user@domain.com` and be done with it.',
-    image: '/images/comments.svg'
-  },
-  {
-    title: 'Ease of Use',
-    description: 'Remove the boundaries that exist between service providers. Send money from provider A to provider B to your self-hosted C without hassle. Your Lightning Address is your global boundless payment identifier.',
-    image: '/images/email.svg'
-  },
   {
     title: 'Familiar',
     description: 'Lightning Address builds upon the LNURL Protocol which is widely adopted in Lightning-enabled services. The aim of LNURL is to improve user-experience around sending of Lightning invoices between apps and services.',
-    image: '/images/bitcoin3.svg'
+    image: '/images/bitcoin2.svg'
   },
 ];
 
@@ -713,7 +713,7 @@ const IMPLEMENTATIONS = [
     title: 'Bridge Server',
     description: 'If you already run a Lightning Network node and want a quick plug-n-play solution to getting your Lightning Address, this option is for you. Simply point some DNS settings to the Bridge Server, and you will be setup in minutes.',
     image: '/images/data3.svg',
-    linkText: 'Start Setup',
+    linkText: 'Quick Setup',
     link: 'https://github.com/andrerfneves/lightning-address/blob/master/BRIDGE.md',
     isSecondary: true
   },
@@ -776,7 +776,11 @@ export default function Home() {
                   {benefit.title}
                 </BenefitsCardTitle>
                 <BenefitsCardDescription>
-                  {benefit.description}
+                  {(typeof benefit.description === 'string') ? (
+                    benefit.description
+                  ) : (
+                    benefit.description()
+                  )}
                 </BenefitsCardDescription>
               </BenefitsCard>
             ))}
@@ -814,6 +818,10 @@ export default function Home() {
                 <ZEBEDEEImage src={'/images/zebedee.svg'} alt="ZEBEDEE" style={{ marginLeft: '10px' }} />
                 <ProviderSignUpButton href="https://zebedee.io/wallet">Download App</ProviderSignUpButton>
               </ProviderCardZBD>
+              <ProviderCardZBD>
+                <ZEBEDEEImage src={'/images/coinos.png'} alt="LNTXBot" />
+                <ProviderSignUpButton href="http://lntxbot.fiatjaf.com/">Open Telegram</ProviderSignUpButton>
+              </ProviderCardZBD>
               <ProviderCardZBD>
                 <ZEBEDEEImage src={'/images/lnbits.png'} alt="LNBits" />
                 <ProviderSignUpButton href="https://lnbits.com">Create Account</ProviderSignUpButton>
@@ -827,7 +835,7 @@ export default function Home() {
               <ProvidersRightInner>
                 <ProvidersTitle>My favorite app doesn't support Lightning Address yet. What can I do?</ProvidersTitle>
                 <ProvidersDescriptionSmall>
-                  The best thing to do is to get in touch with the app/service/wallet company and ask them to learn about Lightning Addresses and implement support for it. To make it easier, we created a template email you can send to your favorite provider.
+                  The best thing to do is to get in touch with the developer company and ask them to learn about Lightning Addresses and implement support for it. To make it easier, we created an email template you can send to your favorite provider.
                 </ProvidersDescriptionSmall>
                 <ProvidersEmailButton onClick={() => window.open(`mailto:provider@example.com?subject=Support Lightning Address&body=Hey, why don't you support Lightning Address yet? Check it at lightningaddress.com`)}>
                   <ProvidersEmailButtonImage src={'/images/email.svg'} alt='Email' />

public/images/comments.svg

@@ -1 +1 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="0" height="0" class="illustration styles_illustrationTablet__1DWOa"><title>_</title><path d="M289.59,65.9c32,11,62.56,41.06,63.49,79.92s-9.69,78.43-68.07,93.77C230.18,254,100,259.22,65.3,210.93,32.59,165.4,43,91.49,100.16,67.85,140.25,51.28,227,44.47,289.59,65.9Z" fill="#e6e6e6" opacity="0.3"></path><rect x="93.39" y="88.62" width="213.23" height="134.96" fill="#0070f3"></rect><rect x="111.88" y="101.87" width="176.23" height="108.46" fill="#24285b"></rect><rect x="83.56" y="223.58" width="234.91" height="19.58" fill="#0070f3"></rect><rect x="83.56" y="223.58" width="234.91" height="19.58" opacity="0.08"></rect><polygon points="206.17 210.34 216.73 206.29 200.69 164.37 124.44 193.55 130.86 210.34 206.17 210.34" fill="#ffd200"></polygon><polygon points="206.17 210.34 216.73 206.29 181.18 195.87 167.51 191.86 160 203.97 156.06 210.34 206.17 210.34" opacity="0.08"></polygon><polygon points="200.7 164.37 124.44 193.55 173.67 207.98 200.7 164.37" opacity="0.08"></polygon><rect x="150.69" y="105.97" width="82.22" height="45.2" transform="translate(-26.15 52.32) rotate(-14.55)" fill="#ffd200"></rect><polygon points="237.27 140.12 157.69 160.78 189.62 120.16 237.27 140.12" opacity="0.08"></polygon><polygon points="225.91 96.37 146.33 117.03 193.99 136.99 225.91 96.37" opacity="0.08"></polygon><rect x="208.47" y="45.76" width="82.22" height="45.2" transform="translate(49 -95.14) rotate(23.87)" fill="#ffd200"></rect><polygon points="278.03 105.67 202.84 72.4 253.1 60.42 278.03 105.67" opacity="0.08"></polygon><polygon points="296.32 64.33 221.13 31.06 246.07 76.31 296.32 64.33" opacity="0.08"></polygon><rect x="181.7" y="223.58" width="38.64" height="9.79" opacity="0.08"></rect><polygon points="259.76 130.49 259.76 139.95 259.76 185.34 306.61 185.34 306.61 139.95 306.61 130.49 259.76 130.49" opacity="0.08"></polygon><rect x="264.86" y="135.22" width="59.25" height="45.39" fill="#e6e6e6"></rect><rect x="264.86" y="125.76" width="59.25" height="9.46" fill="#b3b3b3"></rect><path d="M305.36,166.25h3.47a11.84,11.84,0,0,1-5,5.18,19.18,19.18,0,0,1-9.42,2.15,21.85,21.85,0,0,1-9.28-1.82,12.18,12.18,0,0,1-5.82-5.36,16,16,0,0,1-1.91-7.71,17.53,17.53,0,0,1,2.17-8.53,14.3,14.3,0,0,1,5.93-5.93,18.21,18.21,0,0,1,8.6-2,16.16,16.16,0,0,1,7.3,1.6,11.36,11.36,0,0,1,4.88,4.54,12.72,12.72,0,0,1,1.68,6.42,12.09,12.09,0,0,1-2.55,7.51,9.88,9.88,0,0,1-8.23,4.24,3.66,3.66,0,0,1-2-.47,2.32,2.32,0,0,1-.91-1.39,6.19,6.19,0,0,1-4.43,1.86,5.94,5.94,0,0,1-4.49-1.87,6.85,6.85,0,0,1-1.78-5,12.14,12.14,0,0,1,2.15-7,7.79,7.79,0,0,1,6.68-3.85,4.69,4.69,0,0,1,4.28,2.22l.41-1.81h4.3L298.89,161a9.86,9.86,0,0,0-.23,1.43.89.89,0,0,0,.19.61.58.58,0,0,0,.45.21,3.75,3.75,0,0,0,2-1A9,9,0,0,0,304,159a9.72,9.72,0,0,0,1-4.32,8.76,8.76,0,0,0-2.9-6.7q-2.89-2.7-8.09-2.7a14.58,14.58,0,0,0-7.49,1.8,11.36,11.36,0,0,0-4.62,5.07,15.59,15.59,0,0,0-1.56,6.8,11.71,11.71,0,0,0,1.73,6.25,10.12,10.12,0,0,0,4.88,4.12,20.93,20.93,0,0,0,13.87.21A10.43,10.43,0,0,0,305.36,166.25Zm-17.61-6.7a4.61,4.61,0,0,0,.84,3,2.63,2.63,0,0,0,2.07,1,3.5,3.5,0,0,0,1.75-.46,4.44,4.44,0,0,0,1.22-1,8.49,8.49,0,0,0,1.49-2.9,11.39,11.39,0,0,0,.63-3.56,4.19,4.19,0,0,0-.86-2.82,2.73,2.73,0,0,0-2.16-1,3.77,3.77,0,0,0-2.59,1.09,6.66,6.66,0,0,0-1.79,3.08A12.6,12.6,0,0,0,287.75,159.55Z" fill="#b3b3b3"></path><rect x="93.29" y="130.24" width="30.56" height="34.82" opacity="0.08"></rect><rect x="82.67" y="124.84" width="37.19" height="34.82" fill="#e6e6e6"></rect><polygon points="109.12 139.22 101.26 131.1 93.4 139.22 97 139.22 97 153.41 105.52 153.41 105.52 139.22 109.12 139.22" fill="#b3b3b3"></polygon></svg>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><path d="M78.39,129.39S29.62,252.83,158,254.56s187.08-17.22,187.66-80S300,53.11,219.41,52.46,95.24,75.43,78.39,129.39Z" fill="#e6e6e6" opacity="0.3"></path><rect x="170.1" y="70.89" width="77.25" height="116.56" transform="translate(29.92 -39) rotate(11.49)" fill="#c1c1c1"></rect><rect x="171.59" y="63.56" width="77.25" height="116.56" transform="translate(28.49 -39.44) rotate(11.49)" fill="#e6e6e6"></rect><rect x="178.87" y="72.46" width="65.66" height="84.19" transform="translate(27.07 -39.89) rotate(11.49)" fill="#fff"></rect><path d="M168.65,124s-18.94,6.23-14.18,17.8c2.58,6.27,11.28,8.86,18.72,9.91a7.58,7.58,0,0,0,7.69-11.16,28.1,28.1,0,0,0-7.8-9.27Z" fill="#f4a28c"></path><polygon points="218.53 274.83 218.53 217.64 275.72 212.53 285.94 274.83 218.53 274.83" fill="#0070f3"></polygon><path d="M207.91,188.48l14.2,20v8.87l50-4.47-2.53-24.37s6.12-29-1.54-47.95A66.53,66.53,0,0,1,263.63,113c.37-8.65-12-10.63-14.28-2.26-.94,3.54-1.59,10.74-1.52,18a21,21,0,0,1-1.88,8.87c-3,6.75-8.16,20-5.1,27.42L235,194Z" fill="#f4a28c"></path><rect x="118.72" y="52.45" width="106.23" height="79.57" fill="#24285b"></rect><circle cx="201.59" cy="167.02" r="5.9" fill="#fff" opacity="0.42"></circle><circle cx="221.84" cy="53.3" r="14.82" fill="#ffd200"></circle><path d="M218.58,47.06A5.07,5.07,0,0,1,221.94,46a5.52,5.52,0,0,1,2.43.49,3.49,3.49,0,0,1,2,3.26,3.35,3.35,0,0,1-.63,2.07A3.06,3.06,0,0,1,224.27,53V53A3.24,3.24,0,0,1,226,54.29a3.87,3.87,0,0,1,.63,2.29,4.1,4.1,0,0,1-.53,2.08,3.61,3.61,0,0,1-1.58,1.43,6.3,6.3,0,0,1-6.08-.59A4.15,4.15,0,0,1,217,56.23h2.65a2.08,2.08,0,0,0,.65,1.53,2.37,2.37,0,0,0,1.68.57,2,2,0,0,0,1.53-.55,2,2,0,0,0,.54-1.43,1.87,1.87,0,0,0-.74-1.67,4.12,4.12,0,0,0-2.3-.51h-.56V51.93H221c1.84,0,2.76-.61,2.76-1.85a1.7,1.7,0,0,0-.49-1.3,2,2,0,0,0-1.43-.47,1.91,1.91,0,0,0-1.41.5,2,2,0,0,0-.58,1.25h-2.66A3.94,3.94,0,0,1,218.58,47.06Z" fill="#fff"></path><rect x="139.59" y="69.38" width="64.51" height="44.09" fill="#fff"></rect><polygon points="139.59 69.38 171.84 100.36 204.1 69.38 139.59 69.38" fill="#ffd200"></polygon><path d="M153.76,139H214.7v-7H156S153.22,135.16,153.76,139Z" opacity="0.09"></path><polygon points="234.96 193.98 240.02 215.72 222.11 217.32 222.11 208.45 207.91 188.48 234.96 193.98" opacity="0.09"></polygon></svg>