<div class="padding-lg" style="width:1190px;">
    <div class="row">
        <div class="col-md-12">
            <x-global::undrawSvg image="undraw_unexpected-friends_42mc.svg" maxWidth="auto"  maxheight="auto" height="250px" headline=""></x-global::undrawSvg>
        </div>
    </div>
    <div class="row onboarding">
        <div class="col-md-12" style="font-size:var(--font-size-l);">

            <div class="col-md-12" style="font-size:var(--font-size-l);">
                <center>
                    <h1 class="fancyLink">Help us build a future where all minds thrive!</h1>
                    <p>Most productivity tools assume everyone thinks the same way: linearly, with perfect focus, motivated by arbitrary deadlines. Whether you have ADHD and need dopamine hits from completed tasks, are autistic and crave consistent structure, have dyslexia and think spatially, or you're just tired of tools that don't match how your brain actually works—you've probably given up on project management entirely.</p>
                    <br />
                    <p>We're building Leantime for minds that work differently. That includes neurodivergent brains, but also anyone who's ever felt like existing tools fight against their natural thinking patterns.</p>
                    <br /> <br />
                </center>

                <h1 class="fancyLink">Why Leantime won't disappear</h1>
                <div class="tw-flex tw-w-full tw-justify-evenly tw-gap-5">
                    <div class="tw-flex-1" style="border: 1px solid var(--main-border-color); padding:15px; border-radius:var(--box-radius);">
                        <strong style="margin-bottom:5px; display:block;">6+ years</strong>
                        With consistent full time development since 2021.
                    </div>
                    <div class="tw-flex-1" style="border: 1px solid var(--main-border-color); padding:15px; border-radius:var(--box-radius);">
                        <strong style="margin-bottom:5px; display:block;">Self-funded/Community-funded</strong>
                        No VC pressure to pivot or monetize aggressively
                    </div>
                    <div class="tw-flex-1" style="border: 1px solid var(--main-border-color); padding:15px; border-radius:var(--box-radius);">
                        <strong style="margin-bottom:5px; display:block;">AGPL-3.0</strong>
                        Core will always remain open source by license
                    </div>
                </div>

                <br /><br /><br />
                <h1 class="fancyLink">How can you help?</h1>
                <div class="tw-flex tw-w-full tw-justify-evenly tw-gap-5">
                    <div class="tw-flex-1" style="background:var(--header-gradient); color:var(--main-titles-color); padding:15px; border-radius:var(--box-radius);">
                        <strong style="margin-bottom:5px;  display:block; color:var(--main-titles-color);">Direct Sponsorship through Github</strong>
                        Fund open source development that benefits everyone<br /><br />
                        <a href="https://github.com/sponsors/Leantime" class="btn btn-primary" target="_blank" style="background:var(--main-titles-color); color:var(--accent1);">Sponsor Leantime</a>
                    </div>
                    <div class="tw-flex-1" style="background:var(--header-gradient); color:var(--main-titles-color); padding:15px; border-radius:var(--box-radius);">
                        <strong style="margin-bottom:5px;  display:block; color:var(--main-titles-color);">Purchase Plugins</strong>
                        Get advanced features while supporting development<br /><br />
                        <a href="{{ BASE_URL }}/plugins/marketplace" class="btn btn-primary" style="background:var(--main-titles-color); color:var(--accent1);" target="_blank">Browse Marketplace</a>
                    </div>
                </div>

                <br /><br /><br />
                <h1 class="fancyLink">How does your money help?</h1>
                <div class="tw-flex tw-w-full tw-justify-evenly tw-gap-5">
                    <div class="tw-flex-1" >
                        <div style="background:var(--dropdown-link-hover-bg); padding:15px; border-radius:var(--box-radius);">
                            <small>Funds from</small><br /><strong style="margin-bottom:5px; display:block;">Github Sponsorships</strong>
                            <ul style="margin-left:15px;">
                                <li>New open source features</li>
                                <li>Accessibility improvements</li>
                                <li>Community-requested enhancements</li>
                                <li>Translation support</li>
                            </ul>
                        </div>
                        <div style="padding:5px 10px;">
                            <strong><em>Recent impact:<br/>Your sponsorships funded our new docker image improvements</em></strong>
                        </div>
                    </div>
                    <div class="tw-flex-1" >
                        <div style="background:var(--dropdown-link-hover-bg); padding:15px; border-radius:var(--box-radius);">
                            <small>Funds from</small><br /> <strong style="margin-bottom:5px;  display:block;">Plugin Sales</strong>
                            <ul style="margin-left:15px;">
                                <li>Bug fixes and stability</li>
                                <li>Plugin development & maintenance</li>
                                <li>Testing and quality assurance</li>
                                <li>Documentation improvements</li>
                            </ul>
                        </div>
                        <div style="padding:5px 10px;">
                            <strong><em>Recent impact:<br/>Funded the My Work dashboard Updates</em></strong>
                        </div>
                    </div>
                    <div class="tw-flex-1" >
                        <div style="background:var(--dropdown-link-hover-bg); padding:15px; border-radius:var(--box-radius);">
                            <small>Funds from</small><br /><strong style="margin-bottom:5px;  display:block;">SaaS Revenue</strong>
                            <ul style="margin-left:15px;">
                                <li>Server infrastructure</li>
                                <li>Website hosting</li>
                                <li>Development tools</li>
                                <li>Administrative costs</li>
                            </ul>
                        </div>
                        <div style="padding:5px 10px;">
                            <strong><em>Recent impact:<br/>Covers our server cost to host website, cloud and marketplace</em></strong>
                        </div>
                    </div>
                </div>

                <br /><br /><br />
                <h1 class="fancyLink">Your impact in numbers</h1>
                <div class="tw-flex tw-w-full tw-justify-center tw-gap-4">
                    <div class="tw-text-center tw-flex-1" style="background:#D6F3FF; padding:15px; border-radius:var(--box-radius); ">
                        <span style="color:var(--accent1); font-weight:bold; font-size:var(--font-size-xl);">50,000+</span>
                        <p>Installations you're supporting</p>
                    </div>
                    <div class="tw-text-center tw-flex-1" style="background:#EBF9FF; padding:15px; border-radius:var(--box-radius); ">
                        <span style="color:var(--accent1); font-weight:bold; font-size:var(--font-size-xl);">200+</span>
                        <p>Closed Bugs in 2024</p>
                    </div>
                    <div class="tw-text-center tw-flex-1" style="background:#FEEBF3; padding:15px; border-radius:var(--box-radius); ">
                        <span style="color:var(--accent1); font-weight:bold; font-size:var(--font-size-xl);">40+</span>
                        <p>Languages translated by the community</p>
                    </div>
                    <div class="tw-text-center tw-flex-1" style="background:#FBFDED; padding:15px; border-radius:var(--box-radius); ">
                        <span style="color:var(--accent1); font-weight:bold; font-size:var(--font-size-xl);">100%</span>
                        <p>Of sponsorship goes to development</p>
                    </div>
                </div>

                <br /><br /><br />


                <h1 class="fancyLink">Who's behind Leantime?</h1>

                <div class="tw-flex tw-w-full tw-justify-evenly tw-gap-5">
                    <div class="tw-flex-1" style="background:var(--dropdown-link-hover-bg); padding:15px; border-radius:var(--box-radius);">
                        <img src="{{ BASE_URL }}/dist/images/marcel.png" style="float:right; width:100px; border:none; box-shadow:none; margin-left:10px; margin-bottom:10px;"/>
                        <p><strong style="margin-bottom:5px;  display:block;">👋 I'm Marcel</strong>German immigrant, dad to an autistic daughter, and living with ADHD myself.</p>
                        <br />
                        <p>Traditional project management tools never clicked for me. They felt like they were built by neurotypical minds for neurotypical minds. When I was freelancing and struggling to keep client projects organized, I started building something that worked with my brain instead of against it.</p>

                        <p>What started as a personal solution became Leantime when I realized millions of others needed the same thing.</p><br />
                        <a href="https://www.linkedin.com/in/marcelfolaron/" target="_blank" ><i class="fa fa-linkedin"></i></a>
                    </div>

                    <div class="tw-flex-1" style="background:var(--dropdown-link-hover-bg); padding:15px; border-radius:var(--box-radius);">
                        <img src="{{ BASE_URL }}/dist/images/gloria.png" style="float:right; width:100px; border:none; box-shadow:none; margin-left:10px; margin-bottom:10px;"/>
                        <p><strong style="margin-bottom:5px;  display:block;">👋 And I'm Gloria</strong>Former ER nurse turned product manager, first-generation Hispanic entrepreneur.</p>
                        <br /><p>I spent years in high-pressure medical environments where organization literally saves lives. But when I started my own business, traditional project tools felt overwhelming and disconnected from how I actually think and work.</p>
                        <p>My background in behavioral science and motivation research drives how we build features that don't just organize tasks—they help you actually want to complete them.</p><br />
                        <a href="https://www.linkedin.com/in/gloriafolaron/" target="_blank" ><i class="fa fa-linkedin"></i></a>
                    </div>
                </div>

                <br /><br />
                <div>
                    <center>
                        <p>We can create a world where no one has to fight their tools to do great work. Your sponsorship funds a future where software adapts to human diversity, not the other way around.</p><br /> <br />
                        <h1 class="fancyLink">Ready to make a direct impact?</h1><p>Every contribution—from $1 to $100—goes directly to making Leantime better for everyone.</p>
                        <br />
                        <div class="tw-text-center">
                            <a href="https://github.com/sponsors/Leantime" class="btn btn-primary btn-lg" target="_blank">Start Sponsoring Today</a>
                        </div>
                    </center>
                </div>

                <br />
                <div class="clearall"></div>
            </div>
            <div class="clearall"></div>
        </div>
    </div>
</div>
