chore: icons and more content

pages/index.js

@@ -684,17 +684,17 @@ const BENEFITS = [
     image: '/images/bitcoin3.svg'
   },
   {
-    title: 'No more QR codes',
+    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/qrcode.svg'
+    image: '/images/comments.svg'
   },
   {
-    title: 'Cross-provider support',
+    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/data.svg'
+    image: '/images/email.svg'
   },
   {
-    title: 'Interoperable',
+    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'
   },
@@ -770,7 +770,7 @@ export default function Home() {
           <BenefitsDescription>Lightning Addresses dramatically simplify the experience of sending and receiving money over the Lightning Network. No more QR codes scanning. No more sharing of invoices. It even allows for payments to be easily performed across different service providers.</BenefitsDescription>
           <BenefitsCardGrid>
             {(BENEFITS || []).map((benefit) => (
-              <BenefitsCard>
+              <BenefitsCard key={benefit.title}>
                 <BenefitsCardImage src={benefit.image} alt={benefit.title} />
                 <BenefitsCardTitle>
                   {benefit.title}
@@ -788,7 +788,7 @@ export default function Home() {
           <PathsDescription>You have a few options in order to obtain your Lightning Address. You can choose to sign up for a service provider (just like an email server e.g. Gmail or Outlook) that will take care of all the complexities for you. You can roll your own setup/server that handles requests to/from your Lightning Network node (DIY). Or you can rely on a `Bridge` server that provides an easy plug-n-play solution if you already have a Lightning node.</PathsDescription>
           <PathsCardGrid>
             {(IMPLEMENTATIONS || []).map((benefit) => (
-              <PathsCard>
+              <PathsCard key={benefit.title}>
                 <PathsCardImage src={benefit.image} alt={benefit.title} />
                 <PathsCardTitle>
                   {benefit.title}
@@ -840,12 +840,12 @@ export default function Home() {
         <Footer>
           <FooterInner>
             {(FOOTER || []).map(col => (
-              <FooterColumn>
+              <FooterColumn key={col.title}>
                 <FooterColumnTitle>
                   {col.title}
                 </FooterColumnTitle>
                 {(col.items || []).map(item => (
-                  <FooterColumnItem href={item.link} target="_blank">
+                  <FooterColumnItem key={item.link} href={item.link} target="_blank">
                     {item.title}
                   </FooterColumnItem>
                 ))}

public/images/comments.svg

@@ -0,0 +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>