Start positioning and copywriting the main section

resources/scss/_vars.scss

@@ -6,6 +6,7 @@ $theme-colors: (
 	"red-orangish": #de493b,
 	"blue": #0736a4,
 	"light-blue": #a4bfd9,
+	"blue-alternate": #1877f2,
 	"orange": #ec9f05 ,
     "primary":  #e2e2e7,
     "fade-grey":  #828287,

resources/scss/main.scss

@@ -167,7 +167,8 @@ form.login .login-btn {
 	color: white;
 	// background-color: vars.getColor("light-blue");
 	background-color: #045de9;
-	background-image: linear-gradient(315deg, #045de9 0%, #09c6f9 74%);
+	// background-image: linear-gradient(315deg, #045de9 0%, #09c6f9 74%);
+	background-image: linear-gradient(315deg, vars.getColor("blue-alternate") 0%, #09c6f9 74%);
 	// background-image: linear-gradient(315deg, #045de9 0%, #09c6f9 74%);
 	// background-image: radial-gradient(circle, #045de9, #007cf8, #0097fd, #00b0fd, #00c6f9);
 }
@@ -192,3 +193,28 @@ form.login .login-btn {
 		color: vars.getColor("orange");
 	}
 }
+
+section.about-us {
+	margin: 70px 0;
+}
+
+section.about-us p {
+	max-width: 600px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+section.services-cards .cards{
+	display: flex;
+}
+
+section.services-cards h2 {
+	text-align: center;
+}
+
+section.services-cards .card {
+	width: 280px;
+	margin-left: 20px;
+	margin-right: 20px;
+
+}

resources/views/home.blade.php

@@ -17,16 +17,23 @@
 		</div>
 	</div>
 	<section class="about-us">
-		aliquam aperiam maiores iure aliquam aut Voluptatem quas deserunt iure non sunt
-		Esse laborum corporis explicabo eos numquam. Fugit ad ex?
+		<p>
+		We're a social media content promoter based in Canada, helping
+		entertainers and brands perfect their marketing campaigns through
+		targeted views and engagements. By providing organic impressions and
+		retention
+		from real people in your area, we'll boost your search engine
+		rankings and get you noticed.
 		</p>
 	</section>
 	<section class='services-cards'>
-		<h2>Dolor laborum.</h2>
+		<h2>Our Services</h2>
+		<div class="cards">
 		<div class="card">Amet vero est sunt suscipit</div>
 		<div class="card">Consectetur consequatur aliquam.</div>
-		<div class="card">Sit</div>
+		<div class="card">Sit Adipisicing asperiores culpa excepturi</div>
 		<div class="card">Dolor adipisci quos distinctio?</div>
+		</div>
 	</section>
 	<section class='formal-font faq'>
 		<h2>FAQ</h2>