From 346fa52f7ebbda0513c0cbbe64f469156f3b454f Mon Sep 17 00:00:00 2001
From: hendr-ik <hello@niefeld.com>
Date: Thu, 28 Apr 2022 12:15:58 +0200
Subject: [PATCH] landing page basics

---
 homepage/content/pages/lp-matomo.md     |  5 +++
 homepage/theme/templates/lp-matomo.html | 50 +++++++++++++++++++++++++
 2 files changed, 55 insertions(+)
 create mode 100644 homepage/content/pages/lp-matomo.md
 create mode 100644 homepage/theme/templates/lp-matomo.html

diff --git a/homepage/content/pages/lp-matomo.md b/homepage/content/pages/lp-matomo.md
new file mode 100644
index 0000000..bca3334
--- /dev/null
+++ b/homepage/content/pages/lp-matomo.md
@@ -0,0 +1,5 @@
+title: A truly privacy focused Matomo alternative | Offen
+description: #
+slug: matomo-alternative
+template: lp-matomo
+sitemap_priority: 0.1
diff --git a/homepage/theme/templates/lp-matomo.html b/homepage/theme/templates/lp-matomo.html
new file mode 100644
index 0000000..d8c01f5
--- /dev/null
+++ b/homepage/theme/templates/lp-matomo.html
@@ -0,0 +1,50 @@
+{% extends "page.html" %}
+{% set funnel = True %}
+
+{% block content %}
+<div class="w-100 mt5-ns cclr-bg-white-dark">
+  <div class="mw8 center gray bg-white">
+    <div class="flex justify-center pt3 ph4">
+
+      <div class="w-100 w-80-m w-60-l flex flex-column">
+
+
+        <h1 class="f3 normal ma0 mb3">
+          A truly privacy focused Matomo alternative.
+        </h1>
+
+        <ul class="list pa0 ma0 mb3">
+          <li class="mb2">
+            Users actively give their consent to data collection.
+          </li>
+          <li class="mb2">
+            They can delete it or opt out at any time with full data access.
+          </li>
+          <li>
+            Offen is open source, lightweight, self hosted and free.
+          </li >
+        </ul>
+
+
+
+        <div class="flex flex-wrap justify-between">
+          <p class="f3 normal ma0">
+            Switch today!
+          </p>
+          <div class="flex flex-wrap tc">
+            <a class="w-100 w-auto-ns b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid mr0 mr2-ns" href="/try-demo/" rel="noopener">Try demo</a>
+            <a class="w-100 w-auto-ns b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid white cclr-bg-black-mid" href="/get-started/" rel="noopener">Get started</a>
+          </div>
+        </div>
+
+
+
+
+
+      </div>
+
+    </div>
+  </div>
+</div>
+
+{% endblock %}