Add copywrite to home page

resources/scss/main.scss

@@ -304,12 +304,12 @@ section.services-cards button {
 
 section.features-info {
 	// height: fit-content;
-	height: 60em;
+	height: 70em;
 	background: radial-gradient(ellipse at left, #fff, vars.getColor("light-grey") 80%);
 }
 
 .circle-prop {
-	height: 100%;
+	height: 70em;
 	overflow: hidden;
 	width: 100%;
 	position: relative;
@@ -335,7 +335,7 @@ div.info-cards {
 }
 
 .info-card {
-	margin-bottom: 40px;
+	margin-bottom: 6em;
 
 	&:nth-of-type(2) {
 		margin-left: 13%;
@@ -385,7 +385,7 @@ section.panel-infos {
 
 
 .panel-info {
-	width: 50%;
+	max-width: 25em;
 	margin-top: 4em;
 }
 
@@ -563,7 +563,7 @@ div.register-area {
 }
 
 section.features-info {
-	min-height: 70em;
+	// min-height: 90em;
 }
 
 div.register-area.active {

resources/views/home.blade.php

@@ -51,38 +51,51 @@
 	</section>
 	<section class='services-cards'>
 	<h2>Our Services</h2>
+
 	<div class="cards">
 	<div class="card">
 	<img src="/img/youtube-icon.svg" alt="youtube-icon">
 	<h3>Youtube</h3>
 	<ul>
-		<li>Elit odit voluptas unde ex adipisicing! Nulla</li>
+		<li>Views increase within 12 hours</li>
-		<li>Ipsum quibusdam magni laboriosam sit.</li>
+		<li>Real people</li>
-		<li>Adipisicing nisi porro voluptatum excepturi repudiandae Corrupti
+		<li>Targeted by language</li>
-		quam</li>
+		<li>Targeted by country</li>
-		<li>Elit repellat consequuntur.</li>
 	</ul>
 	<button>Select</button>
 	</div>
+
 	<div class="card">
-	<img src="/img/spotify-icon.svg" alt="spotify-icon">
+	<img src="/img/twitter.svg" alt="spotify-icon">
-	<h3>Spotify</h3>
+	<h3>Twitter</h3>
 	<ul>
-		<li>Elit odit voluptas unde ex adipisicing! Nulla</li>
+		<li>Impressions and favorites</li>
-		<li>Ipsum quibusdam magni laboriosam sit.</li>
+		<li>Activity increases within 24 hours</li>
-		<li>Adipisicing nisi porro voluptatum excepturi repudiandae Corrupti quam</li>
+		<li>Followers</li>
-		<li>Elit repellat consequuntur.</li>
 	</ul>
 	<button>Select</button>
 	</div>
+
 	<div class="card">
 	<img src="/img/instagram-icon.svg" alt="twitter-icon">
 	<h3>Instagram</h3>
 	<ul>
-		<li>Elit odit voluptas unde ex adipisicing! Nulla</li>
+		<li>Real people</li>
-		<li>Ipsum quibusdam magni laboriosam sit.</li>
+		<li>Activity increases within 24 hours</li>
-		<li>Adipisicing nisi porro voluptatum excepturi repudiandae Corrupti quam</li>
+		<li>Likes</li>
-		<li>Elit repellat consequuntur.</li>
+		<li>Followers</li>
+	</ul>
+	<button>Select</button>
+	</div>
+
+	<div class="card">
+	<img src="/img/tik-tok.svg" alt="twitter-icon">
+	<h3>TikTok</h3>
+	<ul>
+		<li>Real people</li>
+		<li>Views</li>
+		<li>Likes</li>
+		<li>Followers</li>
 	</ul>
 	<button>Select</button>
 	</div>
@@ -99,30 +112,27 @@
 	</svg>
 	<img src="img/teamwork2.png" alt="teamwork">
 	</div>
-<div class="info-cards">
+	<div class="info-cards">
+
 	<div class="info-card"><p>
-	Dolor sint maiores soluta culpa voluptatem ea Similique facere perspiciatis
+	We help you save time managing your onlince presence while still providing
-	in quos suscipit. Atque velit dolor repudiandae nesciunt ullam Blanditiis
+	a high quality, and reliable service.
-	asperiores eius quos aliquid ex Rem rem quo facilis commodi.
 	</p>
-</div>
+	</div>
-	<div class="info-card"><p>
+	<div class="info-card"><p>All orders are proccessed within one day of
-	Elit aliquam velit ad incidunt in porro laborum? Unde eligendi dolores ad
+	placing your order. Most services available are instant.</p>
-	iure quia doloremque! Aliquid pariatur autem sed iure ipsam? Et ipsam
+	</div>
-	architecto dolorum sapiente facilis quos Aut quasi</p>
+	<div class="info-card"><p>By choosing the location and language of your
-</div>
+	audience, you'll improve the quality of viewer engagements and your organic
-	<div class="info-card"><p>
+	retention rates, which can boost your rankings significantly.</p> </div>
-	Ipsum incidunt non illum mollitia omnis! Minima possimus eveniet autem non
-	modi? Molestiae aspernatur provident at mollitia veniam? Ad aliquid esse ipsam
-	animi minus Excepturi est unde atque debitis consectetur.
-</p>
-</div>
 	<div class="info-card"><p>
-	Consectetur repudiandae ad blanditiis non corrupti Aliquam quae eveniet
+	An appearance of popular support will give you the perceived credibility
-	corrupti quibusdam nisi maiores Dignissimos quas est explicabo laudantium
+	critical to your success, Increase your social proof, and build a stronger
-	excepturi Officia fugit fugiat sit officia sed ipsa accusantium? Minus eum
+	relationship with your audience.</p>
-	porro</p>
+	</div></div>
-</div></div>
 	</section>
 	<section class='panel-infos'>
 		<h2>A User-Friendly Control Panel</h2>
@@ -131,64 +141,67 @@
 		<div class="panel-info">
 		<img src="./img/tap.svg" alt="">
 		<h3>Easy to Use</h3>
-		<p>Ipsum aperiam magni ad quos lorem Aperiam quia</p>
+		<p>We provide an extremely user-friendly and intuitive interface to
+		manage and review your orders.</p>
 		</div>
 		<div class="panel-info">
 		<img src="./img/lighting.svg" alt="">
 		<h3>Powerful</h3>
-		<p>Ipsum aperiam magni ad quos lorem Aperiam quia</p>
+		<p>Our panel contains a variety of features for managing payment
+		methods, and automatically queuing orders.</p>
 		</div>
 		<div class="panel-info">
 		<img src="./img/statistics.svg" alt="">
 		<h3>Scalable</h3>
-		<p>Ipsum aperiam magni ad quos lorem Aperiam quia</p>
+		<p>We make it easy to organize your marketing campaign with a variety
+		of accounts and social networks</p>
 		</div>
 		<div>
 	</section>
 	<section class='benefits-info'>
 		<h2>Benefits of Buying Views</h2>
 		<div>
-		<p>
+		<p>We know that getting people to see your content can be an uphill
-			Amet voluptatem quod tenetur in tempora! Ducimus nobis praesentium
+		battle. Reaching just 10,1000 organic views can be tough because social networks give
-			dolorum culpa corrupti Ipsum enim a vel veniam assumenda. Consequatur animi
+		the lion's share of exposure to the personalities who already have the biggest
-			praesentium debitis aliquam autem? Optio consectetur nostrum rerum et
+		following. The more views and impressions a post has, the more people are
-			exercitationem? lorem
+		willing to watch it, that's why consistent and high engagement is essential to your brand's online growth. </p>
-		</p>
+		<p>Give your content the fair chance it deserves with a boost to your
-		<p>
+		account's traffic. We'll help you build your audience, develop your brand, and
-			Amet ratione a atque libero cumque, tempore, corporis! Dolor
+		launch your new career.</p>
-			debitis aut error provident suscipit. Sunt quam asperiores dicta ab nobis?
-			Laboriosam accusamus officia expedita quidem possimus Dolor labore ullam omnis.
-		</p>
-		
 		</div>
 	</section>
 	<section class='faq-info'>
+
 		<h2>FAQ</h2>
 		<div class="collapsibles">
-		<div class="collapsible"><button>Adipisicing a placeat.</button>
+		<div class="collapsible"><button>Why should I choose Trendplays?</button>
-		<div class="content"><p>
+		<div class="content"><p>Buying views and engagements is easy and safe
-		Consectetur numquam nobis consequatur cupiditate iste, nulla dolorum dolore
+		if you buy from a reliable source that will not create the wrong kind of
-		omnis? Recusandae aut rerum doloremque cupiditate nulla soluta? Deserunt illo
+		attention. At Trendplays, we ensure that the traffic we send to your content is
-		dicta fugit ducimus perferendis? At fuga vitae error cupiditate amet magnam.
+		from real accounts with years of history, and it is sent
-		</p></div></div>
+		gradually over a few days.</p></div></div>
-		<div class="collapsible"><button>Adipisicing a placeat.</button>
+		<div class="collapsible"><button>What if my audience finds out?</button>
 		<div class="content"><p>
-		Consectetur numquam nobis consequatur cupiditate iste, nulla dolorum dolore
+		While that is a real risk you take with your team, at Trendplays we
-		omnis? Recusandae aut rerum doloremque cupiditate nulla soluta? Deserunt illo
+		pride ourselves on our capacity for discretion and professionalism.
-		dicta fugit ducimus perferendis? At fuga vitae error cupiditate amet magnam.
 		</p></div></div>
-		<div class="collapsible"><button>Adipisicing a placeat.</button>
+		<div class="collapsible"><button>Will my account be safe?</button>
 		<div class="content"><p>
-		Consectetur numquam nobis consequatur cupiditate iste, nulla dolorum dolore
+		While there is some risk of disciplinary action from social networks,
-		omnis? Recusandae aut rerum doloremque cupiditate nulla soluta? Deserunt illo
+		it is rare and mild because of the difficulty of enforcing any clear rule
-		dicta fugit ducimus perferendis? At fuga vitae error cupiditate amet magnam.
+		against buying account activity. If buying views were made a breach in
+		the TOS that resulted in a ban, then anybody could send those views to
+		their competitor's account.
 		</p></div></div>
-		<div class="collapsible"><button>Adipisicing a placeat.</button>
+		<div class="collapsible"><button>How can I pay?</button>
 		<div class="content"><p>
-		Consectetur numquam nobis consequatur cupiditate iste, nulla dolorum dolore
+		We accept credit and debit through Mastercard and Visa.
-		omnis? Recusandae aut rerum doloremque cupiditate nulla soluta? Deserunt illo
-		dicta fugit ducimus perferendis? At fuga vitae error cupiditate amet magnam.
 		</p></div></div>
+
 		</div>
 	</section>
 	</main>