index.html

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Truth or Dare - NextParty</title>
<meta name="theme-color" content="#000000" />
<meta property="og:site_name" content="NextParty" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Truth or Dare - NextParty" />
<meta property="og:image" content="mediapool/smartphones.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#001226">
<meta name="theme-color" content="#000000">

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MF26QNJZKJ"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-MF26QNJZKJ');
</script>

<style>
    body {
        font-family: sans-serif;
        font-family: 'Rubik', sans-serif;
        color: white;
    }

    * {
        margin: 0;
    }

    main {
        min-height: 100%;
        min-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-repeat: repeat;
        background-size: cover;
        background-position: center;
        background-image: url("mediapool/default.svg");
    }

    a.link {
        margin-top: 1rem;
        color: black;
        padding: 1rem 5rem;
        background-color: white;
        font-weight: bold;
        text-decoration: none;
        border-radius: 8px;
        margin-bottom: 4rem;

    }

    img#header {
        max-height: 300px;
        max-width: 100%;
    }

    p {
        padding-bottom: 2rem;
    }

    h3 {
        padding-bottom: 1rem;
    }

    ul {
        padding-bottom: 2rem;
    }
</style>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap" rel="stylesheet">


<main>
    <svg xmlns="http://www.w3.org/2000/svg" style="height: 32px; width: 32px;" fill="#FFFFFF" viewBox="0 0 24 24" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
    </svg>
    <img id="header" src="mediapool/smartphones.png" alt="">

    <h1 style="text-align: center; text-transform: uppercase; padding-bottom: 1rem;">Make your next party,<br />the best one!</h1>
    <p style="text-align: center; padding-bottom: 1rem;">Create your own truths and dares or explore hunderts of community created topics!<br />You will find the topic you are looking for!</p>
    <a class="link" href="https://app.nextparty.io" target="_blank">Play now!</a>
    <!--<a href="https://play.google.com/store/apps/details?id=app.nextparty.io" target="_blank" style="margin-top: 1rem;"><img src="https://lh3.googleusercontent.com/rk0VDY0U4GzpW9JIGDkZkhzVwOMISvHaSJJkjbXr6ccGlEEgnX-ymfm1ak6AvZ8GjokEhmgs9QNkbLpyZGeJ=w200-rw-" /></a>-->
    <section style="max-width: 720px;">
        <p>Turn up the excitement at your next gathering, date, or chat with our cutting-edge Truth or Dare app. Spark unforgettable moments by creating your own thrilling tasks or dive into hundreds of community-created truths and dares. Find exactly what you need to light up your event. It's time to play!
        </p>
        <h3>WHO'S IT FOR?</h3>
        <ul>
            <li>Party-goers: Bring your parties to life with daring drinks and merry moods. Engage your guests in a fun, interactive way and create memories that will last a lifetime.
            </li>
            <li>Couples: Add a romantic twist to your relationship. Challenge each other with sexy truths and daring dares that will deepen your bond and fan the flames of love.
            </li>
            <li>Friends: Turn casual chats into intriguing conversations. Foster better understanding, engage in deep talks, and learn more about your friends than ever before.
            </li>
        </ul>

        <h3>FEATURES</h3>
        <ul>
            <li>Best of the Best: Our intelligent algorithm sorts out the best sets, ensuring you get the most out of your playtime.
            </li>
            <li>Create and Explore: Flex your creativity by crafting your own truth or dare games. Or if you prefer, dive into our extensive collection of community-created sets.
            </li>
            <li>Extensive Collection: Our library is packed with a wealth of sets to suit every occasion and mood. You'll never run out of choices!
            </li>
        </ul>
        <p>Step into the future of social games. Play Now!</p>
    </section>
</main>