Add alby to other parts of the site

components/community.js

@@ -347,7 +347,6 @@ const SATDRESS_SERVERS = [
   {
     urlLink: 'https://tinytip.me',
     urlText: '@tinytip.me',
-    
   },
   {
     urlLink: 'https://sats.pm',
@@ -357,6 +356,10 @@ const SATDRESS_SERVERS = [
     urlLink: 'https://lnpay.cz',
     urlText: '@lnpay.cz',
   },
+  {
+    urlLink: 'https://getalby.com',
+    urlText: '@getalby.com',
+  },
 ];
 
 const BRIDGE_SERVERS = [

components/hero.js

@@ -257,6 +257,7 @@ export class Hero extends PureComponent {
               <LoopedTextPart>bitrefill.me</LoopedTextPart>
               <LoopedTextPart>fbtc.me</LoopedTextPart>
               <LoopedTextPart>lnmarkets.com</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;
@@ -313,6 +318,13 @@ export const Providers = () => (
           </ImageWrapper>
           <ProviderSignUpButton target="_blank" href="https://galoy.io/bitcoin-beach/">Download Wallet</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' }} />