diff --git a/components/benefits.js b/components/benefits.js index 8ae0b70..e4592f4 100644 --- a/components/benefits.js +++ b/components/benefits.js @@ -130,7 +130,7 @@ const BenefitsCardDescription = styled.div` `; const BenefitsIntro = styled.p` - color: #0070f3; + color: #26a717; font-size: 14px; line-height: 1.6; max-width: 900px; @@ -138,7 +138,7 @@ const BenefitsIntro = styled.p` padding: 8px 12px; border-radius: 7px; margin: 0 auto 20px auto; - background: rgba(0,118,255,0.1); + background: rgba(10,117,14,0.12); ${media.tablet` font-size: 18px; @@ -180,7 +180,7 @@ const BENEFITS = [ export const Benefits = () => ( - Features + Users Why do I need a Lightning Address? 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. diff --git a/components/hero.js b/components/hero.js index b1d80b1..00d67b3 100644 --- a/components/hero.js +++ b/components/hero.js @@ -131,7 +131,8 @@ const CTAPrimary = styled.a` color: #fff; height: 2.81rem; cursor: pointer; - padding: 0 3.5rem; + padding: 0; + width: 260px; text-align: center; margin: 0 0 10px 0; border-radius: 7px; @@ -155,7 +156,9 @@ const CTASecondary = styled.a` cursor: pointer; height: 2.81rem; background: #fff; - padding: 0 3.5rem; + width: 260px; + text-align: center; + padding: 0; margin: 10px 0 0 0; text-decoration: none; line-height: 2.8rem; @@ -201,6 +204,11 @@ const LicenseLink = styled.a` } `; +const Bold = styled.span` + font-weight: 600; + letter-spacing: -0.5px; +`; + export class Hero extends PureComponent { state = { showCTAs: false, @@ -233,7 +241,7 @@ export class Hero extends PureComponent { - An Internet Identifier that allows anyone to send you Bitcoin over the Lightning Network. No scanning QR codes or pasting invoices. Like an email address, but for money. + An Internet Identifier that allows anyone to send you Bitcoin over the Lightning Network. No scanning QR codes or pasting invoices. It's like an email address, but for your money. satoshi@ @@ -249,8 +257,8 @@ export class Hero extends PureComponent { - Get Started - Documentation + Get My Lightning Address + Read Documentation License: MIT diff --git a/components/paths.js b/components/paths.js index 03c0ff5..81aedbb 100644 --- a/components/paths.js +++ b/components/paths.js @@ -130,7 +130,7 @@ const PathsCardButton = styled.a` `; const PathsIntro = styled.p` - color: #0070f3; + color: #f38800; font-size: 14px; line-height: 1.6; max-width: 900px; @@ -138,7 +138,7 @@ const PathsIntro = styled.p` padding: 8px 12px; border-radius: 7px; margin: 0 auto 20px auto; - background: rgba(0,118,255,0.1); + background: rgba(255,97,0,0.1); ${media.tablet` font-size: 18px; @@ -175,7 +175,7 @@ const IMPLEMENTATIONS = [ export const Paths = () => ( - Getting Started + Developers How do I get my Lightning Address? 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. diff --git a/components/providers.js b/components/providers.js index fd0fbca..231184f 100644 --- a/components/providers.js +++ b/components/providers.js @@ -189,13 +189,18 @@ const ZEBEDEEImage = styled.img` align-self: center; `; +const Bold = styled.span` + font-weight: 600; + letter-spacing: -0.5px; +`; + export const Providers = () => ( - Supporting Providers + Get a Lightning Address now! - Below is a list of the Bitcoin Lightning Network providers supporting Lightning Addresses. To get started and claim your Lightning Address now, create an account in on of the options below. + To get your own Lightning Address and start sending and receiving payments to user@address.com, choose from one of the options below. @@ -216,11 +221,14 @@ export const Providers = () => ( - My favorite app doesn't support Lightning Address yet. What can I do? + Your app doesn't support Lightning Addresses yet? - 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. + If your favorite Bitcoin app doesn't yet support Lightning Address, get in touch with the developer company and ask them to learn about how the protocol can help their users. +
+
+ To make things easier, we created an email template you can send with just a click.
- 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`)}> + window.open(`mailto:ENTER_DEVELOPER_EMAIL_HERE?subject=Introducing Lightning Address&body=Hi there,\n\n I just learnt about the Lightning Address protocol and how awesome it is for sending and receiving payments over the Bitcoin Lightning Network. I was hoping you would take a look at the lightningaddress.com website and possibly implement support for it? \n\n Lightning Addresses provide a familiar user experience with sending Lightning payments to other people online, similar to sending an email address. No more QR codes or invoices / addresses. "Just pay me at satoshi@website.com"\n\n Cheers!`)}> Send Email