INNER CODE UNIT · JavaScript

HeroBanner

MAIF/otoroshi · manual/next/src/pages/index.js:106

function HeroBanner() {
  const {siteConfig} = useDocusaurusContext();
  const logoUrl = useBaseUrl('/img/otoroshi-logo.png');
  return (
    <header className={styles.heroBanner}>
      <div className="container">
        <div className={styles.heroContent}>
          <div className={styles.heroText}>
            <Heading as="h1" className={styles.heroTitle}>
              The Cloud Native <span className={styles.highlight}>API & AI Gateway</span> for Modern Architectures
            </Heading>
            <p className={styles.heroSubtitle}>
              Otoroshi is a lightweight, high-performance reverse proxy and API gateway with dynamic hot configuration,
              enterprise security, and deep observability — built for teams who need control without complexity.
            </p>
            <div className={styles.heroButtons}>
              <Link className="button button--primary button--lg" to="/docs/getting-started">
                Get Started

View source record →