{% extends "base.html" %}

{% block title %}About Us - Open Pulse Security{% endblock %}
{% block description %}Learn about Open Pulse Security, our mission, and our team of cybersecurity experts.{% endblock %}

{% block content %}
<section class="cta-section">
    <div class="container">
        <h1 class="hero-title">About Open Pulse Security</h1>
        <p class="hero-subtitle">
            Empowering businesses with transparent, cutting-edge cybersecurity solutions built on open-source innovation and industry expertise.
        </p>
        <div class="hero-stats">
            <div class="hero-stat">
                <span class="stat-value">5+</span>
                <span class="stat-label">Years Experience</span>
            </div>
            <div class="hero-stat">
                <span class="stat-value">100+</span>
                <span class="stat-label">Businesses Protected</span>
            </div>
            <div class="hero-stat">
                <span class="stat-value">24/7</span>
                <span class="stat-label">Expert Support</span>
            </div>
        </div>
    </div>
</section>

<section class="mission-section">
    <div class="mission-container">
        <div class="mission-content">
            <div class="mission-text">
                <h2>Our Mission</h2>
                <p class="lead-text">
                    At Open Pulse Security, we are dedicated to democratizing cybersecurity through transparent,
                    robust, and cost-effective solutions that protect businesses from evolving digital threats.
                </p>
                <div class="mission-features">
                    <div class="mission-feature">
                        <i class="fas fa-shield-alt"></i>
                        <div>
                            <h4>Advanced Protection</h4>
                            <p>State-of-the-art security technologies that adapt to emerging threats and vulnerabilities.</p>
                        </div>
                    </div>
                    <div class="mission-feature">
                        <i class="fas fa-code-branch"></i>
                        <div>
                            <h4>Open Source Innovation</h4>
                            <p>Leveraging the power of community-driven development for transparent and reliable security.</p>
                        </div>
                    </div>
                    <div class="mission-feature">
                        <i class="fas fa-users"></i>
                        <div>
                            <h4>Expert Support</h4>
                            <p>Round-the-clock assistance from certified cybersecurity professionals.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mission-visual">
                <div class="security-diagram">
                    <div class="security-center">
                        <div class="center-node">
                            <i class="fas fa-shield-alt"></i>
                            <span>Security</span>
                        </div>
                    </div>
                    <div class="security-nodes">
                        <div class="security-node" style="--angle: 0deg;">
                            <i class="fas fa-eye"></i>
                            <span>Monitor</span>
                        </div>
                        <div class="security-node" style="--angle: 72deg;">
                            <i class="fas fa-lock"></i>
                            <span>Protect</span>
                        </div>
                        <div class="security-node" style="--angle: 144deg;">
                            <i class="fas fa-search"></i>
                            <span>Detect</span>
                        </div>
                        <div class="security-node" style="--angle: 216deg;">
                            <i class="fas fa-bolt"></i>
                            <span>Respond</span>
                        </div>
                        <div class="security-node" style="--angle: 288deg;">
                            <i class="fas fa-sync"></i>
                            <span>Recover</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="team-section">
    <div class="team-container">
        <h2 class="section-title">Our Expert Team</h2>
        <p class="section-subtitle">
            Certified cybersecurity professionals dedicated to protecting your business
        </p>
        <div class="team-grid">
            <div class="team-card">
                <div class="team-header">
                    <div class="team-avatar">
                        <i class="fas fa-user-shield"></i>
                    </div>
                    <div class="team-info">
                        <h4>Security Architects</h4>
                        <span class="team-category">Leadership</span>
                    </div>
                </div>
                <div class="team-description">
                    <p>Our senior security architects bring decades of experience in designing and implementing enterprise-grade security solutions.</p>
                </div>
                <div class="team-certifications">
                    <h5>Certifications</h5>
                    <ul>
                        <li>CISSP - Certified Information Systems Security Professional</li>
                        <li>SABSA - Sherwood Applied Business Security Architecture</li>
                        <li>TOGAF - The Open Group Architecture Framework</li>
                    </ul>
                </div>
            </div>

            <div class="team-card">
                <div class="team-header">
                    <div class="team-avatar">
                        <i class="fas fa-bug"></i>
                    </div>
                    <div class="team-info">
                        <h4>Penetration Testers</h4>
                        <span class="team-category">Testing</span>
                    </div>
                </div>
                <div class="team-description">
                    <p>Ethical hackers who identify vulnerabilities before malicious actors do, ensuring your systems remain secure.</p>
                </div>
                <div class="team-certifications">
                    <h5>Certifications</h5>
                    <ul>
                        <li>CEH - Certified Ethical Hacker</li>
                        <li>OSCP - Offensive Security Certified Professional</li>
                        <li>GPEN - GIAC Penetration Tester</li>
                    </ul>
                </div>
            </div>

            <div class="team-card">
                <div class="team-header">
                    <div class="team-avatar">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <div class="team-info">
                        <h4>Security Analysts</h4>
                        <span class="team-category">Operations</span>
                    </div>
                </div>
                <div class="team-description">
                    <p>24/7 monitoring specialists who detect, analyze, and respond to security incidents in real-time.</p>
                </div>
                <div class="team-certifications">
                    <h5>Certifications</h5>
                    <ul>
                        <li>GSEC - GIAC Security Essentials</li>
                        <li>GCIH - GIAC Certified Incident Handler</li>
                        <li>CySA+ - CompTIA Cybersecurity Analyst</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="values-section">
    <div class="values-container">
        <h2 class="section-title">Our Core Values</h2>
        <div class="values-grid">
            <div class="value-card">
                <div class="value-icon">
                    <i class="fas fa-eye"></i>
                </div>
                <h3>Transparency</h3>
                <p>Open-source solutions mean no hidden vulnerabilities, complete visibility into your security infrastructure.</p>
            </div>
            <div class="value-card">
                <div class="value-icon">
                    <i class="fas fa-rocket"></i>
                </div>
                <h3>Innovation</h3>
                <p>Continuously evolving our solutions to stay ahead of emerging threats and industry challenges.</p>
            </div>
            <div class="value-card">
                <div class="value-icon">
                    <i class="fas fa-handshake"></i>
                </div>
                <h3>Partnership</h3>
                <p>Building long-term relationships with our clients, understanding their unique security needs and challenges.</p>
            </div>
            <div class="value-card">
                <div class="value-icon">
                    <i class="fas fa-award"></i>
                </div>
                <h3>Excellence</h3>
                <p>Maintaining the highest standards in security implementation, support, and continuous improvement.</p>
            </div>
        </div>
    </div>
</section>

<section class="cta-section">
    <div class="container">
        <h2>Ready to Secure Your Business?</h2>
        <p>
            Join over 100 businesses that trust Open Pulse Security to protect their digital assets.
            Let's discuss how our open-source cybersecurity solutions can safeguard your organization.
        </p>
        <div class="cta-actions">
            <a href="{{ url_for('main.contact') }}" class="cta-button primary">
                <i class="fas fa-comments"></i>
                Get Started Today
            </a>
            <a href="{{ url_for('main.solutions') }}" class="cta-button secondary">
                <i class="fas fa-shield-alt"></i>
                View Our Solutions
            </a>
        </div>
    </div>
</section>
{% endblock %}