client/js/app/src/app/pages/querybuilder/Components/Navigation/CustomNavbar.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

import React from 'react';
import { Navbar, Container, Nav } from 'react-bootstrap';

function CustomNavbar() {
  return (
    <Navbar collapseOnSelect variant="default" expand="sm">
      <Container>
        <Navbar.Brand href="https://vespa.ai">
          Vespa. Big data. Real time.
        </Navbar.Brand>
        <Navbar.Toggle aria-controls="responsive-navbar-nav" />
        <Navbar.Collapse id="responsive-navbar-nav">
          <Nav>
            <Nav.Link href="https://blog.vespa.ai/">Blog</Nav.Link>
            <Nav.Link variant="link" href="https://twitter.com/vespaengine">
              Twitter
            </Nav.Link>
            <Nav.Link variant="link" href="https://docs.vespa.ai">
              Docs
            </Nav.Link>
            <Nav.Link variant="link" href="https://github.com/vespa-engine">
              GitHub
            </Nav.Link>
            <Nav.Link
              variant="link"
              href="https://docs.vespa.ai/en/getting-started.html"
            >
              Get Started Now
            </Nav.Link>
          </Nav>
        </Navbar.Collapse>
      </Container>
    </Navbar>
  );
}

export default CustomNavbar;