settling on hyper UI, first mocks

app/views/pages/index.haml

@@ -1,4 +1,15 @@
-%h1 Hello Gateway
-
-%p
-  Gateway to what? And so you may well ask . . .
+%section.overflow-hidden.bg-gray-50.sm:grid.sm:grid-cols-2
+  .p-8.md:p-12.lg:px-16.lg:py-24
+    .mx-auto.max-w-xl.text-center.sm:text-left
+      %h2.text-2xl.font-bold.text-gray-900.md:text-3xl
+        Lorem, ipsum dolor sit amet consectetur adipisicing elit
+      %p.hidden.text-gray-500.md:mt-4.md:block
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et, egestas
+        tempus tellus etiam sed. Quam a scelerisque amet ullamcorper eu enim et
+        fermentum, augue. Aliquet amet volutpat quisque ut interdum tincidunt
+        duis.
+      .mt-4.md:mt-8
+        %a.inline-block.rounded.bg-emerald-600.px-12.py-3.text-sm.font-medium.text-white.transition.hover:bg-emerald-700.focus:outline-none.focus:ring.focus:ring-yellow-400{:href => "#"}
+          Get Started Today
+  %img.h-56.w-full.object-cover.sm:h-full{:alt => "Student", :src => "https://images.unsplash.com/photo-1464582883107-8adf2dca8a9f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1770&q=80"}/
+