Add Alby to all applicable parts of the site

README.md

@@ -39,6 +39,7 @@ _Bitcoin Lightning wallets that support sending and receiving to **Lightning Add
 | [SBW](https://lightning-wallet.com/)                              | ☑️         |   ----    |
 | [ZEBEDEE](https://zebedee.io/wallet) (and [Bots](https://zebedee.io/bots/), and [Extensions](https://zebedee.io/wallet))  | ☑️         | ☑️       |
 | [Zeus](https://github.com/ZeusLN/zeus)                            |  ☑️        |   ----    |
+| [Alby](https://getalby.com)                                       |  ☑️        |   ☑️       |
 
 ## TLDR
 

components/community.js

@@ -348,6 +348,10 @@ const SATDRESS_SERVERS = [
     urlLink: 'https://tinytip.me',
     urlText: '@tinytip.me',
   },
+  {
+    urlLink: 'https://getalby.com',
+    urlText: '@getalby.com',
+  },
 
 ];
 
@@ -445,6 +449,16 @@ const WALLETS = [
     downloadText: 'Open @LightningTipBot',
     url: 'https://t.me/LightningTipBot',
   },
+  {
+    name: 'Alby',
+    image: '/images/alby.png',
+    downloadText: 'Open Alby',
+    url: 'https://getalby.com',
+    imageStyle: {
+      width: '50px',
+      borderRadius: '5%',
+    },
+  },
 ];
 
 export const Community = () => (

components/footer.js

@@ -67,6 +67,10 @@ const FOOTER = [
         link: 'https://t.me/LightningTipBot',
         title: '@LightningTipBot'
       },
+      {
+        link: 'https://getalby.com',
+        title: 'Alby'
+      },
     ]
   },
   {
@@ -100,6 +104,10 @@ const FOOTER = [
         link: 'https://t.me/LightningTipBot',
         title: '@LightningTipBot'
       },
+      {
+        link: 'https://getalby.com',
+        title: 'Alby'
+      },      
     ]
   },
 ];

components/hero.js

@@ -253,6 +253,7 @@ export class Hero extends PureComponent {
               <LoopedTextPart>zebedee.io</LoopedTextPart>
               <LoopedTextPart>coinos.io</LoopedTextPart>
               <LoopedTextPart>ln.tips</LoopedTextPart>
+              <LoopedTextPart>getalby.com</LoopedTextPart>
             </TextLoop>
           </LoopWrapper>
         </Fade>

components/providers.js

@@ -204,6 +204,11 @@ const BTCPayImage = styled.img`
   align-self: center;
 `;
 
+const AlbyImage = styled.img`
+  width: 50px;
+  border-radius: 5%;
+`;
+
 const Bold = styled.span`
   font-weight: 600;
   letter-spacing: -0.5px;
@@ -299,6 +304,13 @@ export const Providers = () => (
           </ImageWrapper>
           <ProviderSignUpButton target="_blank" href="https://t.me/LightningTipBot">Open Telegram</ProviderSignUpButton>
         </ProviderCard>
+        <ProviderCard>
+          <ImageWrapper>
+            <AlbyImage src={'/images/alby.png'} alt="Alby" />
+            <DomainURL>you@getalby.com</DomainURL>
+          </ImageWrapper>
+          <ProviderSignUpButton target="_blank" href="https://getalby.com">Open Alby</ProviderSignUpButton>
+        </ProviderCard>
         <ProviderCard>
           <ImageWrapper>
             <BTCPayImage src={'/images/noah.svg'} alt="Noah" style={{ width: '115px' }} />