@php
    $career_hero = career_hero();
@endphp
<x-front-layout>
    <div class="section">
            <div class="section-container w-container">
                <h1 class="heading">
                    {{ $career_hero?->title1 }} <br/>
                </h1>
            </div>
        </div>
        <div class="section">
            <div class="section-container w-container">
                <h3 class="heading-86">{{ $career_hero?->title2 }} </h3>
                <p class="section-paragraph">{{ $career_hero?->description }}  </p>
                <ul role="list">
                    <li>
                        Competitive salary &amp;equity. <span class="span-gray">We lean on some of the best market data to ensure that we offer the most competitive compensation in your country.</span>
                        <br/>
                    </li>
                    <li>
                        Hybrid work environment. <span class="span-gray">Remote team + offices in </span>
                        <span class="span-icon usa gray">NYC</span>
                        <span class="span-gray">and </span>
                        <span class="span-icon brazil gray">São Paulo</span>
                        <span class="span-gray">.</span>
                        <br/>
                    </li>
                    <li>
                        21 days of PTO + birthday off. <span class="span-gray">We offer flexibility to allow people to relax and recharge whenever they need it.</span>
                    </li>
                    <li>
                        Build your ideal work setup. <span class="span-gray">We understand that how you work is extremely important, so we provide a stipend to set yourself up for success here at Firstbase.</span>
                    </li>
                    <li>
                        Health Insurance. <span class="span-gray">Firstbase offers health insurance reimbursements to both US and international employees.</span>
                    </li>
                    <li>
                        Company retreats. <span class="span-gray">As a remote-first company, we have in-person team retreats where we work and have fun all together.</span>
                    </li>
                    <li>
                        Annual bonuses. <span class="span-gray">Annual bonus account for up to 10% of the employee &#x27;s yearly base salary</span>
                    </li>
                    <li>
                        Learning &amp;development. <span class="span-gray">We provide a stipend together with resources to help people grow and develop in their careers.</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="section">
            <div class="section-container w-container">
                <h3 class="heading-86">What our employees say about us</h3>
                <p class="section-paragraph">
                    Company talent is the most valuable investment for achieving the Firstbase vision. We prioritize feedback through internal NPS scores, employee development plans, and education resources.<br/>We take pride in our team.
                </p>
                <div class="slide_contain">
                    <div class="slide_wrap w-dyn-list">
                        <div role="list" class="slide_list w-dyn-items">
                            <div role="listitem" class="slide_item w-dyn-item">
                                <div class="slide_card">
                                    <div class="div-block-243">
                                        <p class="quote">Rapidly evolving workplace, always with new exciting goals to achieve, a good place to learn while having an awesome team to work with. It made me fall in love with the remote work environment.</p>
                                        <div class="div-block-244">
                                            <p class="quote">E from Product</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="listitem" class="slide_item w-dyn-item">
                                <div class="slide_card">
                                    <div class="div-block-243">
                                        <p class="quote">10/10 would recommend. Wonderful team, wonderful culture. The compensation, benefits, and work-life balance plus working with such a talented and diverse team is really hard to find. I &#x27;m happy to be part of Firstbase.</p>
                                        <div class="div-block-244">
                                            <p class="quote">G from Product</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="listitem" class="slide_item w-dyn-item">
                                <div class="slide_card">
                                    <div class="div-block-243">
                                        <p class="quote">Coming in from a very large and structured organization, I was drawn to Firstbase for its idea of helping founders all around the world. Startups are so free from the many constraints of big corporations and you can visualize much further than your usual departmental bubble. Being part of Firstbase is a great experience and a chance for a new worldview!</p>
                                        <div class="div-block-244">
                                            <p class="quote">G from Onboarding</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="listitem" class="slide_item w-dyn-item">
                                <div class="slide_card">
                                    <div class="div-block-243">
                                        <p class="quote">I have been working full time at Firstbase for 18 months and counting, the growth has been phenomenal. Remote First - check, Experienced and Caring leadership - check, Awesome colleagues - CHECK, Great perks - check, Room to Grow - check. If you get an opportunity to work here, thank your stars and dive right in!</p>
                                        <div class="div-block-244">
                                            <p class="quote">T from Marketing </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="listitem" class="slide_item w-dyn-item">
                                <div class="slide_card">
                                    <div class="div-block-243">
                                        <p class="quote">Firstbase is a great place that encourages creativity and rewards active people who want to be in charge of their own small projects within the company.</p>
                                        <div class="div-block-244">
                                            <p class="quote">K from Business Development</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="listitem" class="slide_item w-dyn-item">
                                <div class="slide_card">
                                    <div class="div-block-243">
                                        <p class="quote">Being in contact with folks who have different experiences in terms of work culture, lifestyle, and viewpoints is great. I’ve been learning from them and it has been shaping my profile and making me better in many aspects. I genuinely feel successful when I think of the network of people I have around me. Happy to be part of the Firstbase team and proud of all the great work we’ve been doing together.</p>
                                        <div class="div-block-244">
                                            <p class="quote">S from Onboarding</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="listitem" class="slide_item w-dyn-item">
                                <div class="slide_card">
                                    <div class="div-block-243">
                                        <p class="quote">Firstbase.io offers a great all-remote, fast-paced, and exciting environment. The Firstbase family is full of committed and talented people from all over the world. Great growth opportunities and excellent management. </p>
                                        <div class="div-block-244">
                                            <p class="quote">L from Support</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="slide_arrows">
                        <a href="#" class="slide_arrow is--left is--disabled-arrow w-inline-block">
                            <div class="slide_svg is--flip w-embed">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 12 12">
                                    <g transform="translate(0, 0)">
                                        <path d="M1,7H8.586L6.293,9.293a1,1,0,1,0,1.414,1.414l4-4a1,1,0,0,0,0-1.416l-4-4A1,1,0,0,0,6.293,2.707L8.586,5H1A1,1,0,0,0,1,7Z" fill="currentColor"></path>
                                    </g>
                                </svg>
                            </div>
                        </a>
                        <a href="#" class="slide_arrow is--right w-inline-block">
                            <div class="slide_svg w-embed">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 12 12">
                                    <g transform="translate(0, 0)">
                                        <path d="M1,7H8.586L6.293,9.293a1,1,0,1,0,1.414,1.414l4-4a1,1,0,0,0,0-1.416l-4-4A1,1,0,0,0,6.293,2.707L8.586,5H1A1,1,0,0,0,1,7Z" fill="currentColor"></path>
                                    </g>
                                </svg>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="section">
            <div class="section-container w-container">
                <h2 class="heading">Current job openings</h2>
                <p class="section-paragraph">We are looking for risk takers with diverse experience able to provide fearless feedback. You &#x27;re in a good company. Our team, investors, and advisors include people from Apple, Carta, Plaid, Gusto, and more of the world’s best businesses. </p>
                <div class="collection-list-wrapper-4 w-dyn-list">
                    <div role="list" class="collection-list-6 w-dyn-items">
                        <div role="listitem" class="w-dyn-item">
                            <a href="" target="_blank" class="job-posting w-inline-block">
                                <div class="div-block-220">
                                    <h3 class="reward-name-copy">Back-end Software Engineer</h3>
                                    <div class="job-posting-description">Brazil</div>
                                    <div class="job-posting-description">Full Time</div>
                                </div>
                                <div class="text-block-44">›</div>
                            </a>
                        </div>
                        <div role="listitem" class="w-dyn-item">
                            <a href="" target="_blank" class="job-posting w-inline-block">
                                <div class="div-block-220">
                                    <h3 class="reward-name-copy">DevOps Engineer</h3>
                                    <div class="job-posting-description">Brazil, United States Or Remote</div>
                                    <div class="job-posting-description">Full Time</div>
                                </div>
                                <div class="text-block-44">›</div>
                            </a>
                        </div>
                        <div role="listitem" class="w-dyn-item">
                            <a href="" target="_blank" class="job-posting w-inline-block">
                                <div class="div-block-220">
                                    <h3 class="reward-name-copy">Email Marketer</h3>
                                    <div class="job-posting-description">New York</div>
                                    <div class="job-posting-description">Full Time</div>
                                </div>
                                <div class="text-block-44">›</div>
                            </a>
                        </div>
                        <div role="listitem" class="w-dyn-item">
                            <a href="" target="_blank" class="job-posting w-inline-block">
                                <div class="div-block-220">
                                    <h3 class="reward-name-copy">Front-end Software Engineer</h3>
                                    <div class="job-posting-description">Remote (LatAm)</div>
                                    <div class="job-posting-description">Full Time</div>
                                </div>
                                <div class="text-block-44">›</div>
                            </a>
                        </div>
                        <div role="listitem" class="w-dyn-item">
                            <a href="" target="_blank" class="job-posting w-inline-block">
                                <div class="div-block-220">
                                    <h3 class="reward-name-copy">Full-stack Software Engineer</h3>
                                    <div class="job-posting-description">Remote (LatAm)</div>
                                    <div class="job-posting-description">Full Time</div>
                                </div>
                                <div class="text-block-44">›</div>
                            </a>
                        </div>
                        <div role="listitem" class="w-dyn-item">
                            <a href="" target="_blank" class="job-posting w-inline-block">
                                <div class="div-block-220">
                                    <h3 class="reward-name-copy">Growth Marketer</h3>
                                    <div class="job-posting-description">New York</div>
                                    <div class="job-posting-description">Full Time</div>
                                </div>
                                <div class="text-block-44">›</div>
                            </a>
                        </div>
                        <div role="listitem" class="w-dyn-item">
                            <a href="" target="_blank" class="job-posting w-inline-block">
                                <div class="div-block-220">
                                    <h3 class="reward-name-copy">Head of Growth</h3>
                                    <div class="job-posting-description">New York</div>
                                    <div class="job-posting-description">Full Time</div>
                                </div>
                                <div class="text-block-44">›</div>
                            </a>
                        </div>
                        <div role="listitem" class="w-dyn-item">
                            <a href="" target="_blank" class="job-posting w-inline-block">
                                <div class="div-block-220">
                                    <h3 class="reward-name-copy">Lead Engineer</h3>
                                    <div class="job-posting-description">Remote (LatAm)</div>
                                    <div class="job-posting-description">Full Time</div>
                                </div>
                                <div class="text-block-44">›</div>
                            </a>
                        </div>
                        <div role="listitem" class="w-dyn-item">
                            <a href="" target="_blank" class="job-posting w-inline-block">
                                <div class="div-block-220">
                                    <h3 class="reward-name-copy">Product Designer</h3>
                                    <div class="job-posting-description">New York</div>
                                    <div class="job-posting-description">Full Time</div>
                                </div>
                                <div class="text-block-44">›</div>
                            </a>
                        </div>
                        <div role="listitem" class="w-dyn-item">
                            <a href="" target="_blank" class="job-posting w-inline-block">
                                <div class="div-block-220">
                                    <h3 class="reward-name-copy">Product Marketing Manager</h3>
                                    <div class="job-posting-description">New York</div>
                                    <div class="job-posting-description">Full Time</div>
                                </div>
                                <div class="text-block-44">›</div>
                            </a>
                        </div>
                        <div role="listitem" class="w-dyn-item">
                            <a href="" target="_blank" class="job-posting w-inline-block">
                                <div class="div-block-220">
                                    <h3 class="reward-name-copy">Senior Product Manager - Fintech</h3>
                                    <div class="job-posting-description">New York</div>
                                    <div class="job-posting-description">Full Time</div>
                                </div>
                                <div class="text-block-44">›</div>
                            </a>
                        </div>
                        <div role="listitem" class="w-dyn-item">
                            <a href="" target="_blank" class="job-posting w-inline-block">
                                <div class="div-block-220">
                                    <h3 class="reward-name-copy">Technical Product Manager</h3>
                                    <div class="job-posting-description">Brazil, United States Or Remote</div>
                                    <div class="job-posting-description">Full Time</div>
                                </div>
                                <div class="text-block-44">›</div>
                            </a>
                        </div>
                    </div>
                </div>
                <p class="section-paragraph">
                    Want to do something else? Email us at <a href="mailto:careers@firstbase.io">careers@firstbase.io</a>
                    .
                </p>
            </div>
        </div>
</x-front-layout>
