395 lines
17 KiB
JavaScript
395 lines
17 KiB
JavaScript
import React from "react";
|
|
import { Button, Collapse } from "mdbreact";
|
|
|
|
class MarketingPage extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.toggle = this.toggle.bind(this);
|
|
this.onClick1 = this.onClick1.bind(this);
|
|
this.onClick2 = this.onClick2.bind(this);
|
|
this.onClick3 = this.onClick3.bind(this);
|
|
this.onClick4 = this.onClick4.bind(this);
|
|
this.state = {
|
|
collapse: false,
|
|
accordion: false
|
|
};
|
|
}
|
|
|
|
toggle() {
|
|
this.setState({ collapse: !this.state.collapse });
|
|
}
|
|
|
|
onClick1() {
|
|
let state = "";
|
|
|
|
if (this.state.accordion !== 1) {
|
|
state = 1;
|
|
} else {
|
|
state = false;
|
|
}
|
|
|
|
this.setState({
|
|
accordion: state
|
|
});
|
|
}
|
|
|
|
onClick2() {
|
|
let state = "";
|
|
|
|
if (this.state.accordion !== 2) {
|
|
state = 2;
|
|
} else {
|
|
state = false;
|
|
}
|
|
|
|
this.setState({
|
|
accordion: state
|
|
});
|
|
}
|
|
|
|
onClick3() {
|
|
let state = "";
|
|
|
|
if (this.state.accordion !== 3) {
|
|
state = 3;
|
|
} else {
|
|
state = false;
|
|
}
|
|
|
|
this.setState({
|
|
accordion: state
|
|
});
|
|
}
|
|
|
|
onClick4() {
|
|
let state = "";
|
|
|
|
if (this.state.accordion !== 4) {
|
|
state = 4;
|
|
} else {
|
|
state = false;
|
|
}
|
|
|
|
this.setState({
|
|
accordion: state
|
|
});
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div id="maincontent">
|
|
<section data-spy="scroll" data-target="#mainNav" id="services">
|
|
<div className="containerfix">
|
|
<div className="row">
|
|
<div className="col-md-10 mx-md-auto">
|
|
<div>
|
|
<div>
|
|
<Button
|
|
block
|
|
color="primary"
|
|
onClick={this.onClick1}
|
|
style={{ marginBottom: "1rem" }}>
|
|
Presentations
|
|
</Button>
|
|
</div>
|
|
<Collapse isOpen={this.state.accordion === 1}>
|
|
<div class="list-group">
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/presentation/d/1oYQxlKIzNHb-F07PJ04xsK0jIJcduIzc-4HMpbqAw0o/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Slides (ES) - Google Slides (for Meetups and
|
|
Workshops etc) in Spanish
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/presentation/d/1oYQxlKIzNHb-F07PJ04xsK0jIJcduIzc-4HMpbqAw0o/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/presentation/d/1HgYeEQ0NUeHesnX1Xy4OUi9Nng4P9O4-yH_7fWnwF6Q/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Slides (EN) - Here is a nice powerpoint (Google
|
|
Slides actually) that you can copy and edit to your
|
|
liking for PalmPay Meetups, Workshops, etc.
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/presentation/d/1HgYeEQ0NUeHesnX1Xy4OUi9Nng4P9O4-yH_7fWnwF6Q/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/spreadsheets/d/1um5BJiI4infLVBFzsNFG4aV_hGuVAluWztI0UIT0oL4/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
FAQ (EN, ES, GR, and RU) - These are the most common
|
|
questions that people ask about PalmPay
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/spreadsheets/d/1um5BJiI4infLVBFzsNFG4aV_hGuVAluWztI0UIT0oL4/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</Collapse>
|
|
|
|
<div>
|
|
<Button
|
|
block
|
|
color="primary"
|
|
onClick={this.onClick2}
|
|
style={{ marginBottom: "1rem" }}>
|
|
Flyers
|
|
</Button>
|
|
</div>
|
|
<Collapse isOpen={this.state.accordion === 2}>
|
|
<div class="list-group">
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/document/d/1JwFRD3mszf9RoTlthp9lkfQdbGmdrWwGDcBP3yXLrpM/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Affordable Flyers (EN) - Single-page flyers in
|
|
English
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/document/d/1JwFRD3mszf9RoTlthp9lkfQdbGmdrWwGDcBP3yXLrpM/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/document/d/11FMi5_iMWOUDHKnoWWEn4jyzwleWkdLvvPr3KrhmJHA/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Affordable Flyers (ES) - Single-page flyers in
|
|
Spanish
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/document/d/11FMi5_iMWOUDHKnoWWEn4jyzwleWkdLvvPr3KrhmJHA/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/document/d/1Qk5sX-KmwrCrDWsDxcLpe1xXFVWhOUP4VykURXBHRCk/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Affordable Flyers (KO) - Single-page flyers in
|
|
Korean
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/document/d/1Qk5sX-KmwrCrDWsDxcLpe1xXFVWhOUP4VykURXBHRCk/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/document/d/13ObHTeIOY6KrAH4nOhNGiCITOArSxTATCJ0oCy0E-kc/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Affordable Flyers (NL) - Single-page flyers in Dutch
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/document/d/13ObHTeIOY6KrAH4nOhNGiCITOArSxTATCJ0oCy0E-kc/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/document/d/1YHZJTXZSI_OWw633gVVHc3TBQphHxAKP2v9YKRnhHy8/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Affordable Flyers (RO) - Single-page flyers in
|
|
Romanian
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/document/d/1YHZJTXZSI_OWw633gVVHc3TBQphHxAKP2v9YKRnhHy8/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/document/d/1hdXKoZvYeFJ8FDRYIT7kdNxvB84G-yVe6_1wZh2uuFo/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Affordable Flyers (VI) - Single-page flyers in
|
|
Vietnamese
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/document/d/1hdXKoZvYeFJ8FDRYIT7kdNxvB84G-yVe6_1wZh2uuFo/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/drawings/d/10mf7scN4ldCoXy8alz7UCkzt7N3tTQwJWS81zXfNMxs/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Tri-Fold Flyers (EN, back) - These English flyers
|
|
explain Bitshares and PalmPay, great for events and
|
|
meetups, etc.
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/drawings/d/10mf7scN4ldCoXy8alz7UCkzt7N3tTQwJWS81zXfNMxs/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/drawings/d/1T3mDxaa7U0IOaD251yNwNiqI_9Fier7QgtnBm3hCzyI/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Tri-Fold Flyers (EN, front) - These English flyers
|
|
explain Bitshares and PalmPay, great for events and
|
|
meetups, etc.
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/drawings/d/1T3mDxaa7U0IOaD251yNwNiqI_9Fier7QgtnBm3hCzyI/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/drawings/d/1vRLtzCuEOQ04T4iofOxU3pAtZ3GSmQwJXRISd-6NMxs/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Tri-Fold Flyers (GR, back) - These Greek flyers
|
|
explain Bitshares and PalmPay, great for events and
|
|
meetups, etc.
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/drawings/d/1vRLtzCuEOQ04T4iofOxU3pAtZ3GSmQwJXRISd-6NMxs/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/drawings/d/1_aRidERnsw7080Hqe9CjvtvmuZv3MQWTX30G9exMEa0/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Tri-Fold Flyers (GR, front) - These Greek flyers
|
|
explain Bitshares and PalmPay, great for events and
|
|
meetups, etc.
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/drawings/d/1_aRidERnsw7080Hqe9CjvtvmuZv3MQWTX30G9exMEa0/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</Collapse>
|
|
|
|
<div>
|
|
<Button
|
|
block
|
|
color="primary"
|
|
onClick={this.onClick3}
|
|
style={{ marginBottom: "1rem" }}>
|
|
Business Cards
|
|
</Button>
|
|
</div>
|
|
<Collapse isOpen={this.state.accordion === 3}>
|
|
<div class="list-group">
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/drawings/d/1zRdI_8tPXOoHi7SuM4RCkUezGQVzfPyMp3hUweYEL1s/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Front - Please do not edit the front of the business
|
|
cards
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/drawings/d/1zRdI_8tPXOoHi7SuM4RCkUezGQVzfPyMp3hUweYEL1s/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://docs.google.com/drawings/d/1dwr31i0Wgh2j9737JyH4OTjix4w31J3mdBA9iCNZ6zs/edit?usp=sharing"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Back - Feel free to edit the back of these cards all
|
|
you like
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">
|
|
https://docs.google.com/drawings/d/1dwr31i0Wgh2j9737JyH4OTjix4w31J3mdBA9iCNZ6zs/edit?usp=sharing
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</Collapse>
|
|
<div>
|
|
<Button
|
|
block
|
|
color="primary"
|
|
onClick={this.onClick4}
|
|
style={{ marginBottom: "1rem" }}>
|
|
Promotional Displays
|
|
</Button>
|
|
</div>
|
|
<Collapse isOpen={this.state.accordion === 4}>
|
|
<div class="list-group">
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://keybase.io/team/Agorise"
|
|
class="list-group-item list-group-item-action flex-column align-items-start">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">
|
|
Logos, Advertising images, Stickers and Merchandise,
|
|
etc. (in the /PalmPay folder)
|
|
</h5>
|
|
</div>
|
|
<p class="mb-1">https://keybase.io/team/Agorise</p>
|
|
</a>
|
|
</div>
|
|
</Collapse>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default MarketingPage;
|