Skip to content

Commit 778c17d

Browse files
metmarkosaricmetmarkosaric
authored
Update contact.html
1 parent 14525a9 commit 778c17d

File tree

1 file changed

+54
-25
lines changed

1 file changed

+54
-25
lines changed

‎contact.html‎

Lines changed: 54 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
layout: default
3-
description: Reach out to the Plausible team for support, feedback, or feature questions. Find email contact details on this page.
3+
description: Reach out to the Plausible team for support, feedback or feature questions. Find email contact details on this page.
44
---
55

66
<div class="bg-grey-50">
@@ -12,18 +12,42 @@ <h1 class="text-2xl font-extrabold text-gray-900 leading-8 sm:text-3xl sm:leadin
1212
</h1>
1313
<div class="mt-3">
1414
<p class="text-gray-800 leading-7">
15-
Hi! We're happy to see you and want to ensure your experience using Plausible is excellent!
15+
<a class="text-indigo-600" href="https://plausible.io/docs">Our documentation</a> is the best place to find answers quickly. We put a lot of effort into making our docs detailed and up to date so you can find what you need without waiting for a reply.
1616
</p>
17-
<div class="mt-3">
17+
</div>
18+
19+
<div class="mt-8 grid grid-cols-1 gap-4 sm:grid-cols-2">
20+
<a href="https://plausible.io/docs/troubleshoot-integration" class="relative rounded-lg border border-gray-200 bg-white px-5 py-4 hover:border-indigo-400 flex items-start space-x-3">
21+
<div>
22+
<p class="text-sm font-medium text-gray-900">Installation issues?</p>
23+
<p class="text-sm text-gray-500">Run our automated testing tool from your site settings</p>
24+
</div>
25+
</a>
26+
<a href="https://feedback.plausible.io" class="relative rounded-lg border border-gray-200 bg-white px-5 py-4 hover:border-indigo-400 flex items-start space-x-3">
27+
<div>
28+
<p class="text-sm font-medium text-gray-900">Feature request?</p>
29+
<p class="text-sm text-gray-500">Check our feedback board and public roadmap</p>
30+
</div>
31+
</a>
32+
<a href="https://plausible.io/docs/trial-to-paid" class="relative rounded-lg border border-gray-200 bg-white px-5 py-4 hover:border-indigo-400 flex items-start space-x-3">
33+
<div>
34+
<p class="text-sm font-medium text-gray-900">Billing question?</p>
35+
<p class="text-sm text-gray-500">Invoices, upgrades, payment methods and more</p>
36+
</div>
37+
</a>
38+
<a href="https://plausible.io/docs/integration-guides" class="relative rounded-lg border border-gray-200 bg-white px-5 py-4 hover:border-indigo-400 flex items-start space-x-3">
39+
<div>
40+
<p class="text-sm font-medium text-gray-900">Looking for an integration?</p>
41+
<p class="text-sm text-gray-500">Browse 60+ platform guides and community plugins</p>
42+
</div>
43+
</a>
44+
</div>
45+
46+
<div class="mt-8">
1847
<p class="text-gray-800 leading-7">
19-
<a class="text-indigo-600" href="https://plausible.io/docs">Our documentation</a> is the best place to find most answers right away. We put a lot of effort into making our docs detailed and up to date so you can quickly find answers to any question you might have. We've also listed some frequently asked questions further down this page.
20-
</p>
21-
<div class="mt-3">
22-
<p class="text-gray-800 leading-7">
23-
Still haven't found what you're looking for? We're here to help. Contact us using the email address below and we'll get back to you as soon as possible. If you’re interested in our <a class="text-indigo-600" href="https://plausible.io/enterprise-web-analytics">enterprise plan</a> or have related questions, contact us. If you have a feature request or are wondering about upcoming features, take a look at <a class="text-indigo-600" href="https://feedback.plausible.io">our feedback board</a> and <a class="text-indigo-600" href="https://feedback.plausible.io/roadmap">roadmap</a>. Thank you!
48+
Still need help? Interested in our <a class="text-indigo-600" href="https://plausible.io/enterprise-web-analytics">enterprise plan</a>? Email us and we'll get back to you as soon as possible.
2449
</p>
25-
<div class="mt-9">
26-
<div class="flex mt-6">
50+
<div class="mt-4 flex">
2751
<div class="flex-shrink-0">
2852
<svg class="w-6 h-6 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2953
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
@@ -42,42 +66,47 @@ <h1 class="text-2xl font-extrabold text-gray-900 leading-8 sm:text-3xl sm:leadin
4266
</div>
4367
</div>
4468

45-
<div class="bg-gray-50" x-data="{selected: null}">
46-
<div class="py-12 sm:py-16">
47-
<div class="max-w-3xl mx-auto divide-y-2 divide-gray-200">
48-
<h2 class="text-2xl font-extrabold text-gray-900">
49-
Frequently asked questions
50-
</h2>
51-
<dl class="mt-6 space-y-6 divide-y divide-gray-200">
69+
<div class="bg-gray-50" x-data="{selected: null}">
70+
<div class="py-12 sm:py-16">
71+
<div class="max-w-3xl mx-auto divide-y-2 divide-gray-200">
72+
<h2 class="text-2xl font-extrabold text-gray-900">
73+
Frequently asked questions
74+
</h2>
75+
<dl class="mt-6 space-y-6 divide-y divide-gray-200">
5276

53-
{% for item in site.data.faq %}
77+
{% assign counter = 0 %}
78+
{% for section in site.data.faq %}
79+
<div class="pt-6">
80+
<h3 class="text-lg font-semibold text-gray-900">{{ section.category }}</h3>
81+
</div>
82+
{% for item in section.items %}
83+
{% assign counter = counter | plus: 1 %}
5484
<div class="pt-6">
5585
<dt class="text-lg">
56-
<button class="flex items-start justify-between w-full text-left text-gray-400" @click="selected !== {{ forloop.index }} ? selected = {{ forloop.index }} : selected = null">
86+
<button class="flex items-start justify-between w-full text-left text-gray-400" @click="selected !== {{ counter }} ? selected = {{ counter }} : selected = null">
5787
<span class="font-medium text-gray-900">
5888
{{ item.question }}
5989
</span>
6090
<span class="flex items-center ml-6 h-7">
61-
<svg class="w-6 h-6 -rotate-0 transform" :class="{'-rotate-180': selected == {{ forloop.index }}}" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
91+
<svg class="w-6 h-6 -rotate-0 transform" :class="{'-rotate-180': selected == {{ counter }}}" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
6292
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
6393
</svg>
6494
</span>
6595
</button>
6696
</dt>
67-
<dd class="pr-12 mt-2" x-cloak x-show="selected == {{forloop.index}}">
97+
<dd class="pr-12 mt-2" x-cloak x-show="selected == {{ counter }}">
6898
<p class="text-base text-gray-500">
6999
{{ item.answer }}
70100
</p>
71101
</dd>
72102
</div>
73103
{% endfor %}
74-
</div>
104+
{% endfor %}
105+
</dl>
75106
</div>
76107
</div>
77-
78-
79108
</div>
80-
109+
81110
</div>
82111
</div>
83112
</div>

0 commit comments

Comments
 (0)