<html>

<head>
  <title>Support</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<style>
    p {
      padding-top: 10px;
      padding-bottom: 10px
    }
</style>

<body>
  <div class="bg-slate-500 w-full h-20" ></div>
  <div class="mx-auto max-w-2xl">

    <h1 class="my-6 pt-10 text-3xl">Welcome to {{app_title}} Support</h1>
<p>We’re here to ensure you have the best experience with us. If you have questions, need assistance, or simply want to learn more, this is the place to start.</p>

<h3 class="pt-3 font-bold">Contact Us</h3>
<p>Our support team is dedicated to helping you with any issues or questions you may have. Feel free to reach out to us at <strong>{{support_email}}</strong>. We aim to respond promptly and provide the assistance you need.</p>

<h3 class="pt-3 font-bold"> Privacy and Terms</h3>
<p>At {{app_title}}, your trust is our priority. We’re committed to protecting your data and ensuring transparency in how we operate. For detailed information, please review:</p>

<ul class="list-disc pl-5">
  <li>
    <a class="text-blue-500" href="/webpages/privacy-policy">Privacy Policy</a>
  </li>
  <li>
    <a class="text-blue-500" href="/webpages/terms-and-conditions">Terms of Service</a>
  </li>
</ul>

<p class="pt-5">Thank you for choosing {{app_title}}!</p>

</body>

</html>
