import './App.css'

function App() {
  return (
    <div className="app">
      <header className="app-header">
        <h1>Headquarter</h1>
        <p className="tagline">Hosted workspace and tool-orchestration platform</p>
      </header>
      <main className="app-main">
        <section className="status-card">
          <h2>Platform Status</h2>
          <div className="status-row">
            <span className="status-label">API</span>
            <span className="status-value" data-testid="api-status">Checking…</span>
          </div>
          <div className="status-row">
            <span className="status-label">Version</span>
            <span className="status-value">0.0.1</span>
          </div>
        </section>
      </main>
      <footer className="app-footer">
        <p>Scaffolded by FN-002</p>
      </footer>
    </div>
  )
}

export default App