{% extends "base.html" %}

{% block title %}Careers - Open Pulse Security{% endblock %}
{% block description %}Join our team of cybersecurity experts and help protect businesses worldwide with cutting-edge open-source solutions.{% endblock %}

{% block content %}
<section class="cta-section">
    <div class="container">
        <h1 class="hero-title">Join Our Mission</h1>
        <p class="hero-subtitle">
            Build the future of cybersecurity with a team of passionate experts dedicated to protecting businesses through innovative open-source solutions.
        </p>
        <div class="hero-stats">
            <div class="hero-stat">
                <span class="stat-value">Remote</span>
                <span class="stat-label">First Culture</span>
            </div>
            <div class="hero-stat">
                <span class="stat-value">100%</span>
                <span class="stat-label">Health Coverage</span>
            </div>
            <div class="hero-stat">
                <span class="stat-value">Unlimited</span>
                <span class="stat-label">PTO Policy</span>
            </div>
        </div>
    </div>
</section>

<section class="why-work-section">
    <div class="why-work-container">
        <div class="why-work-content">
            <div class="why-work-text">
                <h2>Why Open Pulse Security?</h2>
                <p class="lead-text">
                    We're not just building cybersecurity solutions – we're creating a safer digital world.
                    Join a team where your expertise makes a real impact on businesses globally.
                </p>
                <div class="work-benefits">
                    <div class="work-benefit">
                        <i class="fas fa-rocket"></i>
                        <div>
                            <h4>Cutting-Edge Technology</h4>
                            <p>Work with the latest cybersecurity tools, AI-driven threat detection, and open-source innovations.</p>
                        </div>
                    </div>
                    <div class="work-benefit">
                        <i class="fas fa-users"></i>
                        <div>
                            <h4>Expert Team</h4>
                            <p>Collaborate with certified professionals holding CISSP, CEH, and GSEC certifications.</p>
                        </div>
                    </div>
                    <div class="work-benefit">
                        <i class="fas fa-chart-line"></i>
                        <div>
                            <h4>Career Growth</h4>
                            <p>Continuous learning opportunities, certification support, and clear advancement paths.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="why-work-visual">
                <div class="team-diagram">
                    <div class="team-center">
                        <div class="center-node">
                            <i class="fas fa-users"></i>
                            <span>Team</span>
                        </div>
                    </div>
                    <div class="team-nodes">
                        <div class="team-node" style="--angle: 0deg;">
                            <i class="fas fa-shield-alt"></i>
                            <span>Security</span>
                        </div>
                        <div class="team-node" style="--angle: 72deg;">
                            <i class="fas fa-code"></i>
                            <span>Development</span>
                        </div>
                        <div class="team-node" style="--angle: 144deg;">
                            <i class="fas fa-chart-bar"></i>
                            <span>Analytics</span>
                        </div>
                        <div class="team-node" style="--angle: 216deg;">
                            <i class="fas fa-headset"></i>
                            <span>Support</span>
                        </div>
                        <div class="team-node" style="--angle: 288deg;">
                            <i class="fas fa-cogs"></i>
                            <span>Operations</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="benefits-section">
    <div class="benefits-container">
        <h2 class="section-title">Comprehensive Benefits</h2>
        <p class="section-subtitle">
            We invest in our team's success with industry-leading benefits and perks
        </p>
        <div class="benefits-grid">
            <div class="benefit-card">
                <div class="benefit-icon">
                    <i class="fas fa-heart"></i>
                </div>
                <h3>Health & Wellness</h3>
                <ul>
                    <li>100% premium coverage for medical, dental, and vision</li>
                    <li>Mental health support and counseling services</li>
                    <li>Annual wellness stipend for fitness and health</li>
                </ul>
            </div>
            <div class="benefit-card">
                <div class="benefit-icon">
                    <i class="fas fa-home"></i>
                </div>
                <h3>Work-Life Balance</h3>
                <ul>
                    <li>Remote-first culture with flexible hours</li>
                    <li>Unlimited PTO policy</li>
                    <li>Home office setup allowance</li>
                </ul>
            </div>
            <div class="benefit-card">
                <div class="benefit-icon">
                    <i class="fas fa-graduation-cap"></i>
                </div>
                <h3>Professional Growth</h3>
                <ul>
                    <li>$5,000 annual learning and development budget</li>
                    <li>Certification reimbursement program</li>
                    <li>Conference attendance and speaking opportunities</li>
                </ul>
            </div>
            <div class="benefit-card">
                <div class="benefit-icon">
                    <i class="fas fa-piggy-bank"></i>
                </div>
                <h3>Financial Security</h3>
                <ul>
                    <li>Competitive salary with equity options</li>
                    <li>401(k) with company matching</li>
                    <li>Performance-based bonuses</li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section class="current-status-section">
    <div class="status-container">
        <div class="status-card">
            <div class="status-icon">
                <i class="fas fa-pause-circle"></i>
            </div>
            <h2>Currently Not Hiring</h2>
            <p class="status-message">
                We're not actively hiring at the moment, but we're always interested in connecting with talented cybersecurity professionals.
                Our team is focused on delivering exceptional service to our current clients while we plan for future growth.
            </p>
            <div class="status-timeline">
                <div class="timeline-item">
                    <div class="timeline-icon">
                        <i class="fas fa-clock"></i>
                    </div>
                    <div class="timeline-content">
                        <h4>Stay Connected</h4>
                        <p>Follow us on LinkedIn and subscribe to our newsletter for updates on future opportunities</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-icon">
                        <i class="fas fa-envelope"></i>
                    </div>
                    <div class="timeline-content">
                        <h4>Submit Your Resume</h4>
                        <p>Send us your resume and we'll keep it on file for when positions become available</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-icon">
                        <i class="fas fa-bell"></i>
                    </div>
                    <div class="timeline-content">
                        <h4>Get Notified</h4>
                        <p>Be the first to know when we start hiring again by joining our talent pipeline</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="future-roles-section">
    <div class="future-roles-container">
        <h2 class="section-title">Roles We'll Be Hiring For</h2>
        <p class="section-subtitle">
            When we do start hiring again, these are the types of positions we'll be looking to fill
        </p>
        <div class="future-roles-grid">
            <div class="future-role-card">
                <div class="role-icon">
                    <i class="fas fa-shield-alt"></i>
                </div>
                <h4>Cybersecurity Analysts</h4>
                <p>Threat detection, incident response, and security monitoring specialists</p>
                <div class="role-skills">
                    <span class="skill-tag">SIEM</span>
                    <span class="skill-tag">Threat Hunting</span>
                    <span class="skill-tag">CISSP</span>
                </div>
            </div>
            <div class="future-role-card">
                <div class="role-icon">
                    <i class="fas fa-code"></i>
                </div>
                <h4>Security Engineers</h4>
                <p>Developers focused on building and maintaining security tools and platforms</p>
                <div class="role-skills">
                    <span class="skill-tag">Python</span>
                    <span class="skill-tag">Go</span>
                    <span class="skill-tag">DevSecOps</span>
                </div>
            </div>
            <div class="future-role-card">
                <div class="role-icon">
                    <i class="fas fa-bug"></i>
                </div>
                <h4>Penetration Testers</h4>
                <p>Ethical hackers who identify vulnerabilities through comprehensive security assessments</p>
                <div class="role-skills">
                    <span class="skill-tag">OSCP</span>
                    <span class="skill-tag">Metasploit</span>
                    <span class="skill-tag">Web Security</span>
                </div>
            </div>
            <div class="future-role-card">
                <div class="role-icon">
                    <i class="fas fa-headset"></i>
                </div>
                <h4>Customer Success</h4>
                <p>Client relationship managers ensuring successful security solution implementations</p>
                <div class="role-skills">
                    <span class="skill-tag">B2B</span>
                    <span class="skill-tag">Cybersecurity</span>
                    <span class="skill-tag">Project Management</span>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="cta-section">
    <div class="container">
        <h2>Interested in Future Opportunities?</h2>
        <p>
            Even though we're not hiring right now, we'd love to hear from talented cybersecurity professionals.
            Send us your resume and we'll reach out when the right opportunity becomes available.
        </p>
        <div class="cta-actions">
            <a href="mailto:careers@openpulsesecurity.com" class="cta-button btn-secondary">
                <i class="fas fa-envelope"></i>
                Send Your Resume
            </a>
            <a href="{{ url_for('main.contact') }}" class="cta-button primary">
                <i class="fas fa-comments"></i>
                Stay in Touch
            </a>
        </div>
    </div>
</section>
{% endblock %}