drop.chapril.org-firefoxsend/app/ui/promo.js

41 lines
1.2 KiB
JavaScript
Raw Normal View History

const html = require('choo/html');
const Component = require('choo/component');
const assets = require('../../common/assets');
class Promo extends Component {
constructor(name, state) {
super(name);
this.state = state;
}
update() {
return false;
}
createElement() {
return html`
<send-promo
2019-09-09 19:34:55 +02:00
class="w-full flex-row items-center content-center justify-center bg-white text-grey-80 px-4 py-3 flex border-b border-grey-banner leading-normal dark:bg-grey-90 dark:text-grey-20 dark:border-grey-80"
>
<div class="flex items-center mx-auto">
<img
2019-05-30 04:22:03 +02:00
src="${assets.get('master-logo.svg')}"
2019-05-31 13:48:32 +02:00
class="w-6 h-6"
alt="Firefox"
/>
2019-05-31 18:18:20 +02:00
<span class="ml-2 sm:ml-4 text-xs sm:text-base">
2020-03-24 20:58:02 +01:00
${`Like Firefox Send? You'll love our new full-device VPN. `}
<a
2019-09-09 19:34:55 +02:00
class="underline link-blue"
2020-06-25 01:29:30 +02:00
href="https://vpn.mozilla.org/?utm_source=send.firefox.com&utm_medium=referral&utm_content=Try+Firefox+Private+Network&utm_campaign=top-bar"
2020-03-24 20:58:02 +01:00
>${`Get it today`}</a
>
</span>
</div>
</send-promo>
`;
}
}
module.exports = Promo;