---
layout: default
---

{% assign page_data = site.data.home %}

<section class="content-area">
  <div class="container">
    <div class="content-area-wrapper text-center">
      <img src="{{site.baseurl}}{{ page_data.page_logo[0] }}" alt="{{ page_data.page_logo[1] }}" />
      <h1 class="content-title mb-2 mt-2">{{ page_data.title }}</h1>
      <p class="content-text text-black ls-40 mb-2">{{ page_data.text }}</p>
      <div class="content-img">
        <img src="{{site.baseurl}}{{ page_data.image[0] }}" alt="{{ page_data.image[1] }}" />
        <p class="caption ls-40 mb-2">{{ page_data.fdroid_apps_caption }}</p>
      </div>
      <a class="btn-main btn-modal" href="#" data-micromodal-trigger="product-modal">{{ page_data.fdroid_button_text | upcase }}</a>
      <a class="btn-main btn-modal" href="/chat">{{ page_data.chat_button_text | upcase }}</a>
      <p class="content-text text-black ls-40 mb-2">{{ page_data.chat_text }}</p>
    </div>
  </div>
</section>

{% include modal.html %}