<?php
$page_title = 'Home';
require_once __DIR__ . '/core/bootstrap.php';
include __DIR__ . '/templates/header.php';
?>

<section class="hero">
<div class="container">
<h1><span data-bind="hero.headline">Protecting Workers and Communities from Industrial Noise</span></h1>
<p class="subhead" style="text-align: center; margin: 0 auto;" data-bind="hero.subhead">35+ Years of Board-Certified Excellence | Woman-Owned | Serving Fortune 500 Companies Worldwide</p>
<a href="contact.php" class="btn btn-primary" style="font-size: 1.1rem; padding: 1rem 2rem; margin-top: 1rem;" data-bind="hero.cta" data-bind-link="hero.link">Get Expert Consultation</a>
</div>
</section>

<section class="services">
<div class="container">
<h2><span data-bind="services.title">Expert Solutions Across Three Core Areas</span></h2>
<div class="service-grid">
<div class="service-card" style="border-top: 4px solid #2E5C8A;">
<div style="font-size: 2.5rem; margin-bottom: 1rem;" data-bind="services.ind.icon">🏭</div>
<h3 data-bind="services.ind.title">Industrial & Energy</h3>
<p data-bind="services.ind.desc">Protecting workers and communities from hazardous noise in refineries, chemical plants, power generation facilities, and heavy manufacturing operations.</p>
<a href="industrial.php" class="btn">Learn More →</a>
</div>

<div class="service-card" style="border-top: 4px solid #2E5C8A;">
<div style="font-size: 2.5rem; margin-bottom: 1rem;" data-bind="services.arch.icon">🏢</div>
<h3 data-bind="services.arch.title">Architectural & Community</h3>
<p data-bind="services.arch.desc">Creating peaceful environments through expert noise mitigation for buildings, residential developments, commercial spaces, and community facilities.</p>
<a href="architectural.php" class="btn">Learn More →</a>
</div>

<div class="service-card" style="border-top: 4px solid #2E5C8A;">
<div style="font-size: 2.5rem; margin-bottom: 1rem;" data-bind="services.lit.icon">⚖️</div>
<h3 data-bind="services.lit.title">Litigation Support</h3>
<p data-bind="services.lit.desc">Expert witness testimony and forensic acoustical analysis for noise disputes, OSHA compliance cases, and community impact litigation.</p>
<a href="litigation.php" class="btn">Learn More →</a>
</div>
</div>
</div>
</section>

<section class="services" style="background: var(--light-gray);">
<div class="container">
<h2 style="text-align: center; margin-bottom: 3rem;" data-bind="trusted.title">Trusted by Industry Leaders</h2>
<p style="text-align: center; max-width: 700px; margin: 0 auto 3rem; color: var(--cool-gray);" data-bind="trusted.desc">
Our clients include Fortune 500 companies, government agencies, and leading manufacturers across multiple industries.
</p>

<div class="trusted-grid">
    <div class="trust-card" style="background: var(--deep-navy);">
        <div style="font-size: 2.5rem; margin-bottom: 1rem;" data-bind="trusted.mfg.icon">🏭</div>
        <h3 data-bind="trusted.mfg.title">Manufacturing</h3>
        <p data-bind="trusted.mfg.list"><a href="https://www.chevron.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">Chevron</a>, <a href="https://www.shell.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">Shell</a>, <a href="https://corporate.exxonmobil.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">ExxonMobil</a>, <a href="https://www.valero.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">Valero</a>, <a href="https://www.marathonpetroleum.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">Marathon</a></p>
    </div>
    
    <div class="trust-card" style="background: var(--steel-blue);">
        <div style="font-size: 2.5rem; margin-bottom: 1rem;" data-bind="trusted.chem.icon">🏢</div>
        <h3 data-bind="trusted.chem.title">Chemical & Processing</h3>
        <p data-bind="trusted.chem.list"><a href="https://www.dow.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">Dow Chemical</a>, <a href="https://www.basf.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">BASF</a>, <a href="https://www.dupont.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">DuPont</a>, <a href="https://www.lyondellbasell.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">LyondellBasell</a></p>
    </div>
    
    <div class="trust-card" style="background: var(--cool-gray);">
        <div style="font-size: 2.5rem; margin-bottom: 1rem;" data-bind="trusted.energy.icon">⚡</div>
        <h3 data-bind="trusted.energy.title">Energy & Utilities</h3>
        <p data-bind="trusted.energy.list"><a href="https://www.conocophillips.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">ConocoPhillips</a>, <a href="https://www.bp.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">BP</a>, <a href="https://www.phillips66.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">Phillips 66</a>, <a href="https://www.enbridge.com" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">Spectra Energy</a></p>
    </div>
    
    <div class="trust-card" style="background: var(--safety-orange);">
        <div style="font-size: 2.5rem; margin-bottom: 1rem;" data-bind="trusted.govt.icon">🏛️</div>
        <h3 data-bind="trusted.govt.title">Government & Defense</h3>
        <p data-bind="trusted.govt.list"><a href="https://www.navy.mil" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">U.S. Navy</a>, <a href="https://www.army.mil" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">U.S. Army</a>, <a href="https://www.nasa.gov" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">NASA</a>, <a href="https://www.energy.gov" target="_blank" rel="noopener" style="color: white; text-decoration: underline;">DOE</a></p>
    </div>
</div>

<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-top: 3rem; text-align: center;">
    <div>
        <div style="font-size: 3rem; font-weight: 700; color: var(--deep-navy);" data-bind="stats.projects_count">500+</div>
        <div style="color: var(--cool-gray); font-weight: 600;" data-bind="stats.projects_label">Successful Projects</div>
    </div>
    <div>
        <div style="font-size: 3rem; font-weight: 700; color: var(--deep-navy);" data-bind="stats.years_count">35+</div>
        <div style="color: var(--cool-gray); font-weight: 600;" data-bind="stats.years_label">Years of Excellence</div>
    </div>
    <div>
        <div style="font-size: 3rem; font-weight: 700; color: var(--deep-navy);" data-bind="stats.cert_count">100%</div>
        <div style="color: var(--cool-gray); font-weight: 600;" data-bind="stats.cert_label">Board Certified</div>
    </div>
    <div>
        <div style="font-size: 3rem; font-weight: 700; color: var(--deep-navy);" data-bind="stats.owned_icon">♀</div>
        <div style="color: var(--cool-gray); font-weight: 600;" data-bind="stats.owned_label">Woman-Owned</div>
    </div>
</div>
</div>
</section>

<section class="cta-section">
<div class="container">
<h2 data-bind="cta_bottom.headline">Facing OSHA Compliance Deadlines? Community Noise Complaints?</h2>
<p data-bind="cta_bottom.subhead">Our board-certified engineers can help. Same-week consultations available.</p>
<a href="contact.php" class="btn btn-primary" data-bind="cta_bottom.btn_primary">Start a Conversation</a>
<a href="about.php" class="btn btn-secondary" style="margin-left: 1rem;" data-bind="cta_bottom.btn_secondary">Meet Our Team</a>
</div>
</section>

<?php include __DIR__ . '/templates/footer.php'; ?>
