diff --git a/public/custom.css b/public/custom.css
index d7f3ebd..47c1740 100644
--- a/public/custom.css
+++ b/public/custom.css
@@ -1,13 +1,16 @@
 .theme-bg-primary {
-    background: #007CC3;
+    background: #007cc3;
 }
 
+.item-icon {
+	color: #007cc3 !important;
+}
 .site-logo {
 	text-align: center;
 	width: 5em;
 }
 .navbar-brand {
-	background: #007CC3;
+	background: #007cc3;
 	border-radius: 10px;
 	display: block;
 }
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index fc13b61..ce4c446 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -31,6 +31,110 @@
 	</div>
 @endsection
 
+@section('benefits-content')
+	<h2 class="section-heading text-center mb-3">SQRL Benefits</h2>
+	<div class="section-intro single-col-max mx-auto text-center mb-5">
+		<p>SQRL solves an annoying situation that occurs with traditional usernames and passwords. Below is a list of a few of those benefits - both for end users <strong>and</strong> website owners.</p>
+	</div>
+	<div class="row text-center">
+		<div class="item col-12 col-md-6 col-lg-4">
+			<div class="item-inner p-3 p-lg-4">
+				<div class="item-header mb-3">
+					<div class="item-icon">
+						<i class="fas fa-lock"></i><h3 class="item-heading">No Passwords</h3>
+					</div>
+				</div>
+				<div class="item-desc">
+					<p>SQRL presents a public key, that can only be generated by you to login.</p>
+					<p>Yes the service provider needs to first register you (with that public key), but once done, you can login everytime using it, since only you can generated it.</p>
+				</div>
+			</div>
+		</div>
+
+		<div class="item col-12 col-md-6 col-lg-4">
+			<div class="item-inner p-3 p-lg-4">
+				<div class="item-header mb-3">
+					<div class="item-icon">
+						<i class="fas fa-user"></i><h3 class="item-heading">No User Names</h3>
+					</div>
+				</div>
+				<div class="item-desc">
+					With SQRL, as a user you no longer need to remember the username you used to login to a website. Nor do you have to think of one, if the one you wanted is already taken.
+				</div>
+			</div>
+		</div>
+
+		<div class="item col-12 col-md-6 col-lg-4">
+			<div class="item-inner p-3 p-lg-4">
+				<div class="item-header mb-3">
+					<div class="item-icon">
+						<i class="fas fa-mask"></i><h3 class="item-heading">No Private Details</h3>
+					</div>
+				</div>
+				<div class="item-desc">
+					<p>When registering with websites, you dont need to use any of your private details (eg: your email address or parts of your name) as part of the authentication process.</p>
+					<p>The website owner will probably still want your email address to send you emails, but that can now be stored privately and securely at the backend.</p>
+				</div>
+			</div>
+		</div>
+
+		<div class="item col-12 col-md-6 col-lg-4">
+			<div class="item-inner p-3 p-lg-4">
+				<div class="item-header mb-3">
+					<div class="item-icon">
+						<i class="fas fa-bullhorn"></i><h3 class="item-heading">Credentials Public</h3>
+					</div>
+				</div>
+				<div class="item-desc">
+					<p>SQRL uses public/private key algorithms, and as a result, the public portion is truly public.</p>
+					<p>You can show you public key to anybody - and yes it is different for every site that you login - but they cannot use it to login as you.</p>
+				</div>
+			</div>
+		</div>
+
+		<div class="item col-12 col-md-6 col-lg-4">
+			<div class="item-inner p-3 p-lg-4">
+				<div class="item-header mb-3">
+					<div class="item-icon">
+						<i class="fas fa-laptop-code"></i><h3 class="item-heading">User Managed</h3>
+					</div>
+				</div>
+				<div class="item-desc">
+					<p>You no longer need to wait to receive, or think about creating a username to login to a website. So no more this username is already used, think of another!</p>
+				</div>
+			</div>
+		</div>
+
+		<div class="item col-12 col-md-6 col-lg-4">
+			<div class="item-inner p-3 p-lg-4">
+				<div class="item-header mb-3">
+					<div class="item-icon">
+						<i class="fas fa-user-secret"></i><h3 class="item-heading">Compromised Sites</h3>
+					</div>
+				</div>
+				<div class="item-desc">
+					<p>If a website is compromised, and the hacker obtains the website authentication files, then the details in those files is completely useless.</p>
+					<p>If you own that website, you dont need to do any remediation actions on the lots credentials, you just need to worry about what else they were able to obtain.</p>
+					<p>If you are a user, then you dont need to go through the process of changing your password, as you dont have one!</p>
+				</div>
+			</div>
+		</div>
+
+		<div class="item col-12 col-md-6 col-lg-4">
+			<div class="item-inner p-3 p-lg-4">
+				<div class="item-header mb-3">
+					<div class="item-icon">
+						<i class="fas fa-question-circle"></i><h3 class="item-heading">No Forgotten Passwords</h3>
+					</div>
+				</div>
+				<div class="item-desc">
+					<p>There is no longer I forgot my password, nor what email address did I use for this website?</p>
+				</div>
+			</div>
+		</div>
+	</div>
+@endsection
+
 @section('page-scripts')
 <script>
 	$(document).ready(function() {
@@ -43,4 +147,4 @@
 			});
 	});
 </script>
-@append
+@append
\ No newline at end of file
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 76b4400..b324112 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -6,22 +6,8 @@
 
 	@includeIf('layouts.partials.header')
 
-	<section class="hero-section">
-		<div class="container">
-			@includeIf('layouts.partials.hero')
-		</div>
-	</section>
-
-	{{--
-	<section id="benefits-section" class="benefits-section theme-bg-light-gradient py-5">
-		<div class="container py-5">
-			@includeIf('layouts.partials.benefits')
-		</div>
-	</section>
-	--}}
-
 	<section id="content-section" class="content-section">
-		<div class="container">
+		<div class="container mb-5">
 			<div class="single-col-max mx-auto">
 				<h2 class="section-heading text-center mb-5">@yield('contentheader_title', 'Content Title')</h2>
 				<!-- Your Page Content Here -->
@@ -30,13 +16,29 @@
 		</div>
 	</section>
 
+	{{--
+	<section class="hero-section">
+		<div class="container">
+			@includeIf('layouts.partials.hero')
+		</div>
+	</section>
+	--}}
+
+	<section id="benefits-section" class="benefits-section theme-bg-light-gradient py-5">
+		<div class="container py-0">
+			@yield('benefits-content')
+		</div>
+	</section>
+
 	{{--
 	<section id="audience-section" class="audience-section py-5">
 		<div class="container">
 			@includeIf('layouts.partials.audience')
 		</div>
 	</section>
+	--}}
 
+	{{--
 	<section id="form-section" class="form-section">
 		<div class="container">
 			@includeIf('layouts.partials.lead')