update comparison page

1 files changed, 38 insertions, 4 deletions

diff --git a/page-compare.php b/page-compare.php
index 42e67b87..d426c5e6 100644
--- a/page-compare.php
+++ b/page-compare.php
@@ -17,14 +17,48 @@
 	<div class="container-fluid background">
 		<div class="container">
 			<div class="col-md-6 topheader">
-				<h1><?php echo $l->t('Compare cloud technologies');?></h1>
-				<h2><?php echo $l->t('See how Nextcloud compares to these popular closed-source services, and switch to a more open and transparent solution to protect your data!');?></h2>
+				<h1><?php echo $l->t('How Nextcloud stacks up');?></h1>
+				<h2><?php echo $l->t('Why is Nextcloud the most popular self-hosted EFSS and Content Collaboration Platform?');?></h2>
 			</div>
 		</div>
 	</div>
 </div>
 </section>
-
+<section class="section--best">
+<div class="container-fluid">
+    <h2 class="text-center revealOnScroll">What makes Nextcloud the best choice</h2>
+    <div class="row">
+        <div class="col-lg-4 col-sm-12 revealOnScroll">
+            <div class="icon text-center"><img src="<?php bloginfo('template_directory'); ?>/assets/img/icons/firewall.svg" /></div>
+            <p class="section--paragraph__tittle text-center">Best security</p>
+            <p class="section--paragraph text-center">Developed in a thoroughly security-focused process acredited by the experts from the NCC group, Nextcloud includes the most extensive range of advanced security features in the industry. Cutting edge  machine-learning based login protection, 2-factor authentication measures and brute force protection are complemented with unique capabilities like Video Verification and end-to-end and server-side encryption.</p>
+            <p class="section--paragraph text-center">Our security team achieves an under 1 hour average response time to security reports from our USD 5000 security bug bounty program, showing our dedication to keeping your data safe.</p>
+        </div>
+        <div class="col-lg-4 col-sm-12 revealOnScroll">
+            <div class="icon text-center"><img src="<?php bloginfo('template_directory'); ?>/assets/img/icons/people.svg" /></div>
+            <p class="section--paragraph__tittle text-center">Largest ecosystem</p>
+            <p class="section--paragraph text-center">As the most deployed self-hosted file sync and content collaboration platform, Nextcloud offers the widest range of add-on capabilities and integrations in the industry. Over 200 'apps' offer powerful security capabilities, team productivity features and infrastructure integrations.</p>
+            <p class="section--paragraph text-center">Workflow capabilities, several online office solutions and a tool employing advanced entropy analysis to recover files from a ransomware attack, built by security researchers from a German university, are just some of the applications found in our app store.</p>
+        </div>
+        <div class="col-lg-4 col-sm-12 revealOnScroll">
+            <div class="icon text-center"><img src="<?php bloginfo('template_directory'); ?>/assets/img/icons/tools.svg" /></div>
+            <p class="section--paragraph__tittle text-center">Easiest to use</p>
+            <p class="section--paragraph text-center">Powerful capabilities often result in compolicated user interfaces, lowering productivity and hindering quick adoption in organizations. Without limiting their abilities, Nextcloud does not overwhelm users with unnessecary clutter. Our customers remark time and again how few support tickets it creates for their IT teams.</p>
+            <p class="section--paragraph text-center">Accessibility features like keyboard and screenreader navigation, WCAG 2.1 compliant contrast and a dyslexia-friendly font are available only in the leading on-premises team collaboration platform!</p>
+        </div>
+    </div>
+</div>
+</section>
+<hr>
+<section class="section--comparision">
+<div class="container">
+    <h1 class="text-center">Compare products</h1>
+    <div class="row">
+        <div class="col-md-6 col-md-offset-3">
+            <p><?php echo $l->t('See how Nextcloud compares to these popular closed-source services, and switch to a more open and transparent solution to protect your data!');?></p>
+        </div>
+    </div>
+</div>
 <section class="cd-products-comparison-table">
 	<div class="container-fluid">
 	<section class="cd-intro">
@@ -32,7 +66,7 @@
 	</section> <!-- .cd-intro -->
 	<section class="cd-products-comparison-table">
 		<header>
-			<h2>Compare Products <br /> <small>Click on or hover items to learn more.<br/>You can pick a few items and filter the list to only show those.</small></h2>
+			<h2><small>Click on or hover items to learn more.<br/>You can pick a few items and filter the list to only show those.</small></h2>
 			<div class="actions">
 			<br />
 				<a href="#0" class="reset">Reset</a>