marketing sales copy

modified:   custom.css
	modified:   index.html
This commit is contained in:
russellballestrini 2017-03-10 12:12:34 -05:00
parent 7f2b7f22d0
commit 31a4222b92
2 changed files with 124 additions and 93 deletions

View file

@ -57,45 +57,55 @@
<body>
<div class="nav">
<a href="#faq">FAQ</a>
<a href="#plans">Plans</a>
<a href="#about">About</a>
<a href="#remarkbox-demo">Demo</a>
</div>
<center><a href="http://www.remarkbox.com"><img src="remarkbox-minified.png" class="banner" style="width: 45%; margin-top: 130px; margin-bottom: 130px; min-width: 300px;" /></a></center>
<center><a href="http://www.remarkbox.com"><img src="remarkbox-minified.png" class="banner" style="width: 45%; margin-top: 100px; margin-bottom: 60px; min-width: 300px;" /></a></center>
<div class="proposition">
<div class="container">
<div class="nav">
<a href="#faq">FAQ</a>
<a href="#plans">Plans</a>
<a href="#beta">Beta</a>
<a href="#about">About</a>
<a href="#remarkbox-demo">Demo</a>
</div>
<br />
<br />
<div class="row">
<div class="one-half column">
<center>
<h3>Readers want to <br />communicate with you</h3>
<h3>Your readers want to <br />communicate with you</h3>
<span style="font-size: 1.25em;">
<br />
Get Remarkbox, the comment system
Don't limit them ...
<br />
that engaged readers prefer to use!
<br />
Get the <b>free comment system</b>
<br />
that engaged readers prefer to use
<br />
</span>
<br />
<br />
<br />
<b>Demo on your site in 30s or <a href="#remarkbox-demo">try it out</a> here!</b>
<b>Try <a href="#remarkbox-demo">here</a> or setup on your site in 30s ➡ </b>
<br />
<br />
</center>
</div>
<div class="one-half column">
<center>
<textarea style="width: 100%; height: 260px; font-size: .7em; color: #999999; border-color: #cccccc;"><!-- Remarkbox - readers want to communicate with you -->
<b>Works everywhere, <span class="avoidwrap">even static sites!</span></b>
<br />
<br />
<textarea style="width: 90%; height: 270px; font-size: .7em; color: #999999; border-color: #cccccc;" disabled><!-- Remarkbox - readers want to communicate with you -->
<script type="text/javascript" src="https://demo.remarkbox.com/static/js/iframe-resizer/iframeResizer.min.js"></script><script type="text/javascript">thread_fragment=window.location.hash; thread_uri=window.location.href; document.write('<iframe id="remarkbox" src="https://demo.remarkbox.com/embed?thread_uri=' + thread_uri + '" title="remarkbox" width="100%" style="width: 100% !important; border: none !important; overflow: hidden !important;" allowtransparency="true" scrolling="no" horizontalscrolling="no" verticalscrolling="no" tabindex="0" seamless></iframe>'); iFrameResize({inPageLinks: true, initCallback: function(iframe){iframe.iFrameResizer.moveToAnchor(thread_fragment);}}, document.getElementById("remarkbox") );</script><noscript><iframe id="remarkbox" src="https://demo.remarkbox.com/embed?nojs=true" frameborder="0" style="height: 600px; width: 100%; border: none !important;" allowtransparency="true" height="600px" width="100%"></iframe></noscript></textarea>
<br />
<b>&#11014; Remarkbox works everywhere, <span class="avoidwrap">even static sites!</span></b>
<b>&#11014; Put me on your web page</b>
</center>
</div>
@ -142,11 +152,11 @@
<br/>
<br/>
<h5>Try it now, risk free</h5>
<h5>Free (as in free beer)</h5>
<ul>
<li><b>Comments on your site</b> - in 30s or less!</li>
<li><b>Free until 5th comment</b> - $5/mo after that</li>
<li><b>No Cost</b> - no limits, <a href="#plans">free plan</a></li>
<li><b>Setup</b> - in 30s or less!</li>
<li><b>Cancel anytime</b> - export comments as JSON</li>
</ul>
@ -159,7 +169,10 @@
<div class="row">
<center>
<h5 style="margin-bottom: 0px">We love our customers & provide exclusive service by email or phone.</h5>
<h5 style="margin-bottom: 0px">Don't give your readers Disqust</h5>
Switch to Remarkbox, the Disqus alternative
</center>
</div>
@ -177,69 +190,39 @@
<div class="container row-padding">
<div class="row">
<div class="one-half column">
<h5 id="faq">FAQ</h5>
<p>
<!--
<p>
May I migrate from Wordpress to Remarkbox?
Yes, Describe how to use our ETL tool.
</p>
<p>
May I migrate from Disqus to Remarkbox?
Yes, Describe how to use our ETL tool.
</p>
<p>
May I migrate from open source Remarkbox to hosted Remarkbox?
Yes, Describe how to use our ETL tool.
</p>
<p>
May I migrate from Remarkbox to open source Remarkbox?
Yes, Describe how to use our ETL tool.
</p>
-->
<p style="margin-bottom: 10px;">
<b>Do you have any real examples?</b>
<ul style="margin-left: 20px;">
<li><a href="http://russell.ballestrini.net/random.html" target="_blank">http://russell.ballestrini.net/random.html</a></li>
<li><a href="https://linkpeek.com/blog" target="_blank">https://linkpeek.com/blog</a></li>
<li><a href="http://westworld2.com/">http://westworld2.com</a></li>
<li><a href="http://webscale.plumbing/managing-apt-repos-in-s3-using-lambda" target="_blank">http://webscale.plumbing</a></li>
<li><a href="http://gumyum.com/" target="_blank">http://gumyum.com</a></li>
<li><a href="http://www.remarkbox.com/#remarkbox">http://www.remarkbox.com/#remarkbox</a></li>
</ul>
</p>
<b>I want to close my account.
May I access my comments?</b>
<br/>
Yes, Remarkbox provides facilities to export your comments.
</p>
<!--
<p>
<b>Do you have a trial or demo?</b>
<br/>
Yes, we have a Remarkbox demo hosted at <a href='http://demo.remarkbox.com'>http://demo.remarkbox.com</a>
<br/>Note: the demo resets itself periodically.
</p>
-->
</div>
<div class="one-half column">
<div class="one-half column" style="padding-left: 5%;">
<h5 id="plans">Plans and Pricing</h5>
<b>Beta signup</b> <i>mailchimp list, 2 messages a month</i>
<b>Free:</b> put the snippet on the top of this page into your HTML
<br/>
<br/>
<b>$5/mo:</b> claim your domain and become the moderator (beta)
<br/>
<br/>
<b>$20/mo:</b> unlimited domains (beta)
<br />
<br />
<span style="font-size: .7em">
There will likely be an Enterprise plan with dedicated resources.
</span>
<br />
<br />
<br />
<br />
<h5 id="beta">Your feedback will shape Remarkbox</h5>
For <b>beta access</b> and updates, join the email list
<br />
<br />
@ -260,16 +243,56 @@ May I access my comments?</b>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_c64d1bc4e5a99ee1343dba0fc_b4deeab70b" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
<i>(only 2 messages a month)</i>
</form>
</div>
<!--End mc_embed_signup-->
<span style="font-size: .7em">
We hope to provide enough value that customers would pay $5/mo for a multi tenant account.
We also know some Enterprises desire dedicated resources, so we will likely release installable packages (rpm/deb/docker/ami)
</span>
</div>
<div class="one-half column" style="padding-left: 5%;">
<h5 id="faq">FAQ</h5>
<p>
<!--
<p>
May I migrate from Wordpress to Remarkbox?
Yes, Describe how to use our ETL tool.
</p>
<p>
May I migrate from Disqus to Remarkbox?
Yes, Describe how to use our ETL tool.
</p>
<p>
May I migrate from open source Remarkbox to hosted Remarkbox?
Yes, Describe how to use our ETL tool.
</p>
<p>
May I migrate from Remarkbox to open source Remarkbox?
Yes, Describe how to use our ETL tool.
</p>
-->
<p style="margin-bottom: 10px;">
<b>Do you have any real examples?</b>
<ul style="margin-left: 20px;">
<li><a href="http://russell.ballestrini.net/random.html" target="_blank">http://russell.ballestrini.net/random.html</a></li>
<li><a href="https://linkpeek.com/blog" target="_blank">https://linkpeek.com/blog</a></li>
<li><a href="http://westworld2.com/">http://westworld2.com</a></li>
<li><a href="http://webscale.plumbing/managing-apt-repos-in-s3-using-lambda" target="_blank">http://webscale.plumbing</a></li>
<li><a href="http://gumyum.com/" target="_blank">http://gumyum.com</a></li>
<li><a href="http://www.remarkbox.com/#remarkbox">http://www.remarkbox.com/#remarkbox</a></li>
</ul>
</p>
</div>
</div>
</div>
</div>
@ -352,17 +375,17 @@ Free
<div class="container">
<div class="row row-padding">
<div style="margin-left: 10%; margin-right: 10%;">
<h5 id="remarkbox-demo">Remarkbox Demo <span style="font-size: .65em; margin-left: 10px;">try it out! </span></h5>
<!-- Remarkbox - readers want to communicate with you -->
<script type="text/javascript" src="https://demo.remarkbox.com/static/js/iframe-resizer/iframeResizer.min.js"></script><script type="text/javascript">thread_fragment=window.location.hash; thread_uri=window.location.href; document.write('<iframe id="remarkbox" src="https://demo.remarkbox.com/embed?thread_uri=' + thread_uri + '" title="remarkbox" width="100%" style="width: 100% !important; border: none !important; overflow: hidden !important;" allowtransparency="true" scrolling="no" horizontalscrolling="no" verticalscrolling="no" tabindex="0" seamless></iframe>'); iFrameResize({inPageLinks: true, initCallback: function(iframe){iframe.iFrameResizer.moveToAnchor(thread_fragment);}}, document.getElementById("remarkbox") );</script><noscript><iframe id="remarkbox" src="https://demo.remarkbox.com/embed?nojs=true" frameborder="0" style="height: 600px; width: 100%; border: none !important;" allowtransparency="true" height="600px" width="100%"></iframe></noscript>
</div>
</div>
<br/>
<br/>
<br/>
</div>
</div>
<div class="graybg row-padding">
<center>