2021-03-28 00:33:47 +01:00
|
|
|
|
import React from 'react';
|
2021-03-27 18:41:37 +01:00
|
|
|
|
import Head from 'next/head';
|
2021-03-28 06:57:49 +02:00
|
|
|
|
import { Twitter } from '../component/twitter';
|
2021-03-28 16:38:52 +02:00
|
|
|
|
import { Stripe } from '../component/stripe';
|
|
|
|
|
|
import { t, m } from '../i18n';
|
2021-03-28 18:06:22 +02:00
|
|
|
|
import { tracker } from '../analytics';
|
2021-03-27 17:25:50 +01:00
|
|
|
|
|
|
|
|
|
|
export default function Home() {
|
2021-03-28 00:33:47 +01:00
|
|
|
|
const [email, setEmail] = React.useState('');
|
|
|
|
|
|
const [emailLoading, setEmailLoading] = React.useState(false);
|
|
|
|
|
|
const [emailError, setEmailError] = React.useState();
|
|
|
|
|
|
const [emailSuccess, setEmailSuccess] = React.useState();
|
2021-03-28 16:44:13 +02:00
|
|
|
|
const lang = 'en'; // req.query.lang || 'en'
|
2021-03-28 16:38:52 +02:00
|
|
|
|
|
2021-03-28 18:06:22 +02:00
|
|
|
|
React.useEffect(() => {
|
|
|
|
|
|
tracker.trackPageView();
|
|
|
|
|
|
}, []);
|
|
|
|
|
|
|
2021-03-28 16:38:52 +02:00
|
|
|
|
function __(message) {
|
|
|
|
|
|
return t(message, lang);
|
|
|
|
|
|
}
|
2021-03-28 00:33:47 +01:00
|
|
|
|
|
|
|
|
|
|
function handleEmailSubmit(e) {
|
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
|
|
|
|
|
|
if (!email) {
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
setEmailError(false);
|
|
|
|
|
|
setEmailSuccess(false);
|
|
|
|
|
|
setEmailLoading(true);
|
|
|
|
|
|
|
|
|
|
|
|
fetch('/api/email', {
|
|
|
|
|
|
method: 'POST',
|
|
|
|
|
|
headers: {
|
|
|
|
|
|
'Content-Type': 'application/json',
|
|
|
|
|
|
},
|
|
|
|
|
|
body: JSON.stringify({
|
|
|
|
|
|
email,
|
|
|
|
|
|
}),
|
|
|
|
|
|
})
|
2021-03-28 04:42:43 +02:00
|
|
|
|
.then((res) => res.json())
|
2021-03-28 00:33:47 +01:00
|
|
|
|
.then((data) => {
|
|
|
|
|
|
setEmailLoading(false);
|
|
|
|
|
|
setEmailSuccess(true);
|
|
|
|
|
|
})
|
|
|
|
|
|
.catch(() => {
|
|
|
|
|
|
setEmailLoading(false);
|
|
|
|
|
|
setEmailSuccess(false);
|
|
|
|
|
|
setEmailError(true);
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
2021-03-28 18:06:22 +02:00
|
|
|
|
|
2021-03-27 17:25:50 +01:00
|
|
|
|
return (
|
2021-03-27 18:41:37 +01:00
|
|
|
|
<div>
|
2021-03-27 17:25:50 +01:00
|
|
|
|
<Head>
|
2021-03-28 16:38:52 +02:00
|
|
|
|
<title>{__(m.title)}</title>
|
2021-03-27 17:25:50 +01:00
|
|
|
|
<link rel="icon" href="/favicon.ico" />
|
2021-03-28 07:26:08 +02:00
|
|
|
|
|
|
|
|
|
|
<meta
|
|
|
|
|
|
property="og:image"
|
2021-03-28 17:21:03 +02:00
|
|
|
|
content="https://i.imgur.com/pnU7PJz.jpg"
|
2021-03-28 07:26:08 +02:00
|
|
|
|
key="image"
|
|
|
|
|
|
/>
|
2021-03-28 17:29:23 +02:00
|
|
|
|
<meta
|
|
|
|
|
|
property="og:description"
|
|
|
|
|
|
content="The SEC doesn’t understand blockchain or crypto. They’re saying LBC is a security, it’s not!"
|
|
|
|
|
|
key="description"
|
|
|
|
|
|
/>
|
2021-03-27 17:25:50 +01:00
|
|
|
|
</Head>
|
|
|
|
|
|
|
2021-03-27 18:41:37 +01:00
|
|
|
|
<header>
|
2021-03-28 16:38:52 +02:00
|
|
|
|
<span className="title">{__(m.title)}</span>
|
2021-03-27 17:25:50 +01:00
|
|
|
|
|
2021-03-27 18:41:37 +01:00
|
|
|
|
<div className="header__links">
|
2021-03-27 19:31:06 +01:00
|
|
|
|
<a
|
|
|
|
|
|
href="https://docs.google.com/document/d/1QYSruKLjStWZOTTmkatfUZaCdp4lHWwk6TmUvytzTx0/edit#"
|
2021-03-28 06:57:49 +02:00
|
|
|
|
rel="noreferrer noopener"
|
2021-03-27 19:31:06 +01:00
|
|
|
|
target="_blannk"
|
|
|
|
|
|
>
|
2021-03-28 16:44:13 +02:00
|
|
|
|
{__(m.faq)}
|
2021-03-27 19:31:06 +01:00
|
|
|
|
</a>
|
2021-03-27 18:41:37 +01:00
|
|
|
|
</div>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
<main>
|
2021-03-28 17:21:03 +02:00
|
|
|
|
<div className="landing__img-container">
|
|
|
|
|
|
<img className="landing__img" src="https://i.imgur.com/pnU7PJz.jpg" />
|
|
|
|
|
|
</div>
|
2021-03-27 18:41:37 +01:00
|
|
|
|
|
|
|
|
|
|
<div className="landing__text">
|
|
|
|
|
|
<h1 className="landing__title">
|
2021-03-28 16:44:13 +02:00
|
|
|
|
{__(m.help_lbry)}
|
2021-03-27 18:41:37 +01:00
|
|
|
|
<br />
|
2021-03-28 00:33:47 +01:00
|
|
|
|
SAVE CRYPTO
|
2021-03-27 18:41:37 +01:00
|
|
|
|
</h1>
|
2021-03-27 19:31:06 +01:00
|
|
|
|
<div className="landing__subtitle">
|
2021-03-28 00:33:47 +01:00
|
|
|
|
<div>
|
2021-03-28 06:57:49 +02:00
|
|
|
|
The SEC doesn’t understand blockchain or crypto.
|
2021-03-28 00:33:47 +01:00
|
|
|
|
<br />
|
|
|
|
|
|
They’re saying LBC is a security, it’s not!
|
2021-03-27 19:31:06 +01:00
|
|
|
|
</div>
|
2021-03-28 06:57:49 +02:00
|
|
|
|
<div className="landing__standout">
|
|
|
|
|
|
<span>Help us educate the SEC</span>
|
|
|
|
|
|
</div>
|
2021-03-27 19:31:06 +01:00
|
|
|
|
</div>
|
2021-03-27 18:41:37 +01:00
|
|
|
|
</div>
|
2021-03-27 17:25:50 +01:00
|
|
|
|
|
2021-03-27 18:41:37 +01:00
|
|
|
|
<div className="content">
|
2021-03-28 16:38:52 +02:00
|
|
|
|
<h2>What’s the big deal?</h2>
|
2021-03-27 20:52:23 +01:00
|
|
|
|
<div className="content__subtitle">
|
2021-03-28 16:38:52 +02:00
|
|
|
|
The entire blockchain industry is at risk in the US and many hard
|
|
|
|
|
|
working people could lose their jobs & livelihood!
|
2021-03-27 20:52:23 +01:00
|
|
|
|
</div>
|
2021-03-27 18:41:37 +01:00
|
|
|
|
<p>
|
2021-03-28 16:38:52 +02:00
|
|
|
|
The SEC is claiming the LBRY token does not have utility and is not
|
|
|
|
|
|
purchased for reasons of usage, therefore they believe it should be
|
|
|
|
|
|
registered as a security. If LBC were to be classed as a security,
|
|
|
|
|
|
this would create a major bureaucratic nightmare for all blockchain
|
|
|
|
|
|
companies and people with crypto. it is also likely that many
|
|
|
|
|
|
blockchain companies will fold due to being unable to bear the new
|
|
|
|
|
|
costs of being in business. This would in turn eliminate the jobs
|
|
|
|
|
|
and income of many millions of people and effectively kill the
|
|
|
|
|
|
advancement of a critical new technology and industry in the US.
|
2021-03-27 18:41:37 +01:00
|
|
|
|
</p>
|
|
|
|
|
|
<p>
|
2021-03-28 16:38:52 +02:00
|
|
|
|
Essentially it would effectively make it very difficult for
|
|
|
|
|
|
ourselves and other blockchain companies to distribute rewards to
|
|
|
|
|
|
you and for you to exchange them. it is also likely that many
|
|
|
|
|
|
blockchain companies will fold due to being unable to bear the new
|
|
|
|
|
|
costs of being in business. This would in turn eliminate the jobs
|
|
|
|
|
|
and income of many millions of people and effectively kill the
|
|
|
|
|
|
advancement of a critical new technology and industry in the US
|
2021-03-27 18:41:37 +01:00
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
<div className="video">
|
2021-03-28 18:15:16 +02:00
|
|
|
|
{/* <iframe
|
2021-03-27 20:52:23 +01:00
|
|
|
|
id="lbry-iframe"
|
|
|
|
|
|
src="https://odysee.com/$/embed/odysee/7a416c44a6888d94fe045241bbac055c726332aa?r=A6zE8KtZ6VVk268xANdFViL8znbDXL4F"
|
2021-03-28 06:57:49 +02:00
|
|
|
|
allowFullScreen
|
2021-03-28 18:15:16 +02:00
|
|
|
|
/> */}
|
2021-03-27 18:41:37 +01:00
|
|
|
|
</div>
|
2021-03-27 20:52:23 +01:00
|
|
|
|
|
|
|
|
|
|
<div className="email">
|
|
|
|
|
|
<h2>Stay up to date</h2>
|
|
|
|
|
|
<div className="email__subtitle">
|
|
|
|
|
|
We will keep you up to date with any information we receive about
|
|
|
|
|
|
this case.
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<label htmlFor="email">Email</label>
|
2021-03-28 00:33:47 +01:00
|
|
|
|
<form className="email__group" onSubmit={handleEmailSubmit}>
|
2021-03-27 20:52:23 +01:00
|
|
|
|
<input
|
|
|
|
|
|
type="email"
|
|
|
|
|
|
name="email"
|
|
|
|
|
|
placeholder="ihatecensorship@protonmail.com"
|
2021-03-28 00:33:47 +01:00
|
|
|
|
value={email}
|
|
|
|
|
|
onChange={(e) => setEmail(e.target.value)}
|
2021-03-27 20:52:23 +01:00
|
|
|
|
/>
|
2021-03-28 00:33:47 +01:00
|
|
|
|
<button disabled={!email || emailLoading}>
|
|
|
|
|
|
{emailLoading ? 'Submitting' : 'Submit'}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
{emailSuccess && (
|
|
|
|
|
|
<div className="email__success">
|
|
|
|
|
|
Thank you! We will keep you in the loop.
|
|
|
|
|
|
</div>
|
|
|
|
|
|
)}
|
|
|
|
|
|
{emailError && (
|
|
|
|
|
|
<div className="email__success">
|
|
|
|
|
|
Sorry, there was an error. Please try again.
|
|
|
|
|
|
</div>
|
|
|
|
|
|
)}
|
2021-03-27 20:52:23 +01:00
|
|
|
|
</div>
|
|
|
|
|
|
|
2021-03-28 06:57:49 +02:00
|
|
|
|
<h2>What are people saying?</h2>
|
2021-03-28 16:38:52 +02:00
|
|
|
|
<div className="content__subtitle">
|
2021-03-28 16:44:13 +02:00
|
|
|
|
Tweet with the hashtag to let the SEC know how you feel.
|
2021-03-28 16:38:52 +02:00
|
|
|
|
<a
|
|
|
|
|
|
href="https://twitter.com/intent/tweet?text=Down%20with%20the%20SEC!%20%23BattleForCrypto"
|
|
|
|
|
|
className="petition__link"
|
|
|
|
|
|
rel="noreferrer noopener"
|
|
|
|
|
|
target="_blannk"
|
|
|
|
|
|
>
|
|
|
|
|
|
#BattleForCrypto
|
2021-03-28 16:44:13 +02:00
|
|
|
|
</a>
|
2021-03-28 16:38:52 +02:00
|
|
|
|
</div>
|
2021-03-28 06:57:49 +02:00
|
|
|
|
</div>
|
|
|
|
|
|
<Twitter />
|
|
|
|
|
|
|
|
|
|
|
|
<div className="content">
|
2021-03-27 20:52:23 +01:00
|
|
|
|
<h2>Sign the petition</h2>
|
|
|
|
|
|
<div className="content__subtitle">
|
2021-03-28 06:57:49 +02:00
|
|
|
|
Who knows, maybe a petition will work.{' '}
|
|
|
|
|
|
<a className="petition__link">Add your signature</a>.
|
2021-03-27 20:52:23 +01:00
|
|
|
|
</div>
|
|
|
|
|
|
|
2021-03-28 16:44:13 +02:00
|
|
|
|
<h2>Share this story</h2>
|
|
|
|
|
|
<div className="content__subtitle">Everything helps</div>
|
2021-03-27 17:25:50 +01:00
|
|
|
|
</div>
|
|
|
|
|
|
</main>
|
|
|
|
|
|
</div>
|
2021-03-27 18:41:37 +01:00
|
|
|
|
);
|
2021-03-27 17:25:50 +01:00
|
|
|
|
}
|
