wip targeted landing pages

Author: drusepth

app/views/main/for_designers.html.erb

@@ -1,8 +1,28 @@
-<style>
-body {
-  overflow-x: hidden;
-}
-</style>
+<section class="text-green-900" style="height: 60vh;">
+  <div class="h-full bg-right-bottom bg-cover flex shadow-lg" style="background-image: url(<%= image_path 'https://images.unsplash.com/photo-1518562180175-34a163b1a9a6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80' %>);">
+    <div class="container mx-auto p-4 flex items-center z-10">
+      <div class="text-center w-full">
+        <div class="text-black py-4 px-5 my-5">
+          <div class="mb-3 text-4xl md:text-6xl" style="text-shadow: white 0px 0px 10px;">
+            The <span class="text-blue-500">smart</span> notebook<br class="hidden sm:block" />
+            for <span class="text-blue-500">smart</span> writers
+          </div>
+          <div class="leading-normal text-3xl" style="text-shadow: white 0px 0px 10px;">
+            Novel planning software that's fun <em>and</em> effective.
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+
+
+
+<% 15.times do %><br/><% end %>
+
+
 
 <div id="index-banner" class="hero">
   <div class="section no-pad-bot">

app/views/main/for_roleplayers.html.erb

@@ -1,8 +1,29 @@
-<style>
-body {
-  overflow-x: hidden;
-}
-</style>
+<section class="text-green-900" style="height: 60vh;">
+  <div class="h-full bg-right-bottom bg-cover flex shadow-lg" style="background-image: url(<%= image_path 'https://images.unsplash.com/photo-1518562180175-34a163b1a9a6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80' %>);">
+    <div class="container mx-auto p-4 flex items-center z-10">
+      <div class="text-center w-full">
+        <div class="text-black py-4 px-5 my-5">
+          <div class="mb-3 text-4xl md:text-6xl" style="text-shadow: white 0px 0px 10px;">
+            The <span class="text-blue-500">smart</span> notebook<br class="hidden sm:block" />
+            for <span class="text-blue-500">smart</span> roleplayers
+          </div>
+          <div class="leading-normal text-3xl" style="text-shadow: white 0px 0px 10px;">
+            Create your world and share it with your players.
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+
+
+
+<% 15.times do %><br/><% end %>
+
+
+
 
 <div id="index-banner" class="hero">
   <div class="section no-pad-bot">