From 83b7e28f88548f5dd2d8b8b4d1361e0df61f3a54 Mon Sep 17 00:00:00 2001
From: EuAndreh <eu@euandre.org>
Date: Thu, 26 Sep 2024 12:55:32 -0300
Subject: Integrate Laísse's code
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.adoc | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 55 insertions(+), 2 deletions(-)

(limited to 'src/index.adoc')

diff --git a/src/index.adoc b/src/index.adoc
index b976139..e2df543 100644
--- a/src/index.adoc
+++ b/src/index.adoc
@@ -1,3 +1,56 @@
-= papo.im
+////
+export custom_body=true
+////
+= Chat with Freedom
 
-== Team chat with privacy
+++++
+        <hgroup class="banner">
+          <h1>Chat With Utmost Freedom</h1>
+          <p>Modern chat using open standards</p>
+          <p>Zero tracking or advertising</p>
+          <p>Free and open source software</p>
+          <button class="basic_button big_button">Create Account</button>
+        </hgroup>
+        <hgroup class="why_papo">
+          <div class="why_papo-container">
+            <h2>Why Papo?</h2>
+            <div class="why_papo-cards-container">
+              <div class="why_papo-card">
+                <img class="icon" src="shield-light.svg" alt="shild icon" />
+                <h3>Privacy-first hosted team chat</h3>
+                <p>
+                  A convenient hosted service for you to subscribe to and delegate management of,
+                  without handing away all your privacy alongside.  Choose if and when to export
+                  your data to a self-hosted solution, and own the service from there.
+                </p>
+              </div>
+              <div class="why_papo-card">
+                <img class="icon" src="database-light.svg" alt="database with an x icon" />
+                <h3>No gratuitous data collection</h3>
+                <p>
+                  No "accept necessary cookies" or third-party tracking.  Revenue is made via
+                  subscriptions only, so that no advertisement sneaks in.
+                </p>
+              </div>
+              <div class="why_papo-card">
+                <img class="icon" src="diagram-light.svg" alt="diagram icon" />
+                <h3>Build for interoperability</h3>
+                <p>
+                  Built on existing open standards, we're not in the business of profiting from
+                  new walled gardens, and welcome others to interact with in a compatible way.
+                  This also means you don't need to worry about lock-in, as we're not only
+                  compatible with these standards, but also built on them.
+                </p>
+              </div>
+            </div>
+            <button class="basic_button big_button">Try Papo now</button>
+          </div>
+        </hgroup>
+        <hgroup class="features">
+          <div class="features-container">
+            <h2>Chat hoc</h2>
+            <h3>Purposefully designed to consectetur adipiscing elit</h3>
+          </div>
+        </hgroup>
+	<!-- https://codepen.io/Laisses/pen/qBzwmoz -->
+++++
-- 
cgit v1.2.3

