<div class="col-8 mx-auto p-4 rounded shadow-sm context-main-bg my-4">
    <h2 class="text-center mb-4">Welcome to AllTheBookmarks</h2>
    <p class="lead">
        AllTheBookmarks was built out of a need to manage my own bookmarks better. As a web developer, I would not only use URLs for every aspect of my job, but I also needed to switch browsers, operating systems, or devices. For years, I had a version of this tool that I used on my own local network. In 2025, I'm bringing it to anyone who wants it.
    </p>
    <p class="text-muted">
        Right now, this entire system was built and managed by myself. As stated, I have used my own version of this for years, but translating it to a publicly available product is not a 1-to-1 job. There may be bugs or issues encountered while you use the product. I can't guarantee a fix for every need in every case immediately, but I do actively keep track of bugs and work hard to ensure everyone has a great experience using the app.
    </p>
    <p>
        If you encounter any bugs, feel free to report them <a href="/bugreport" class="text-decoration-none atb-green">here</a>. Likewise, there are forms for feedback, reviews, suggestions, and a general contact form. Thanks for taking the time to check out the product!
    </p>
    <div class="text-center mt-4 pb-4">
        {loggedin}<a href="/bugreport" class="btn btn-primary btn-lg px-5 atb-green-bg">Report a Bug</a>{/loggedin}
        <a href="/contact" class="btn btn-outline-secondary btn-lg px-5 ms-3 atb-green-outline">Contact Us</a>
    </div>
</div>