Add new fonts for the platform

app/assets/stylesheets/application.css.scss

@@ -14,13 +14,10 @@
  *= require_self
  */
 @import "bulma/sass/utilities/initial-variables";
-@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Lobster&display=swap');
-
-$family-sans-serif: "Helvetica",
-"Arial",
-sans-serif;
-$family-primary: 'Quicksand', sans-serif;
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Lobster&family=Comfortaa:wght@400;500;600;700&display=swap');
 
+$family-sans-serif: 'Roboto', sans-serif;
+$family-secondary: 'Comfortaa', cursive;
 // // https://coolors.co/06aed5-086788-f0c808-fff1d0-dd1c1a
 // $blue: #083d77;
 // $red: #dd1c1a;

app/views/home/index.html.erb

@@ -1,5 +1,12 @@
-<div class="hero">
-    <h1>Welcome</h1>
-
-    <%= link_to "Login", login_url %>
-</div>
+<section class="hero is-medium is-dark is-bold">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title is-family-secondary has-text-weight-bold">
+        Welcome
+      </h1>
+      <p class="subtitle is-size-6 has-text-white">
+        Generate forms instantly
+      </p>
+    </div>
+  </div>
+</section>

app/views/layouts/application.html.erb

@@ -45,7 +45,7 @@
       </nav>
     </div>
   </div>
-  <main class="container">
+  <main>
     <%= yield %>
   </main>
 </body>