import React from 'react';
import './Hero.css';

export default function Hero() {
  return (
    <section className="hero">
      <div className="hero-glow background-mesh"></div>
      <div className="app-container hero-content">
        <h1>
          Das souveräne KI-Betriebssystem <br />
          <span className="text-gradient">für den deutschen Mittelstand</span>
        </h1>
        <p className="hero-subtext">
          Modernste KI-Anwendungen, souverän komplett aus Deutschland. 
          Völlig unabhängig von amerikanischen Hyperscalern oder chinesischem Big-Tech. 
          Höchste Performance trifft auf digitale Souveränität.
        </p>
        <div className="hero-actions">
          <a href="/request-access" className="primary-button">Access Request</a>
        </div>
      </div>
    </section>
  );
}