text: import React from 'react';
  import { Helmet } from 'react-helmet';
  import { Button, Header } from 'flotiq-components-react';
  import { Link } from 'gatsby';
  import Layout from '../layouts/layout';
  
  const NotFoundPage = () => (
      <Layout>
          <Helmet>
              <title>Page not found</title>
          </Helmet>
          <Header text="Page not found, sorry" alignment="center" additionalClasses={['my-20', '!py-20']} />
          <div className="text-center my-20 py-20">
              {/* Example usage of button */}
              <Link to="/"><Button label="Go back to index" /></Link>
          </div>
      </Layout>
  );
  
  export default NotFoundPage;
  