Added: Membership required page with OWASP link

application/frontend/src/pages/MembershipRequired/MembershipRequired.scss

@@ -0,0 +1,8 @@
+.membership-required {
+  margin-top: 20vh;
+  text-align: center;
+
+  p {
+    font-weight: bold;
+  }
+}

application/frontend/src/pages/MembershipRequired/MembershipRequired.tsx

@@ -0,0 +1,19 @@
+import './MembershipRequired.scss';
+
+import React from 'react';
+import { Button, Header } from 'semantic-ui-react';
+
+
+export const MembershipRequired = () => {
+  return (
+    <div className="membership-required">
+      <Header as="h1" className="membership-required__heading">
+        OWASP Membership Required
+      </Header>
+      <p>A OWASP Membership account is needed to login</p>
+      <Button primary href="https://owasp.org/membership/">
+          Sign up 
+      </Button>
+    </div>
+  );
+};

application/frontend/src/routes.tsx

@@ -7,6 +7,7 @@ import { Chatbot } from './pages/chatbot/chatbot';
 import { Deeplink } from './pages/Deeplink/Deeplink';
 import { SearchName } from './pages/Search/SearchName';
 import { StandardSection } from './pages/Standard/StandardSection';
+import { MembershipRequired } from './pages/MembershipRequired/MembershipRequired'
 
 export interface IRoute {
   path: string;
@@ -94,6 +95,12 @@ export const ROUTES: IRoute[] = [
     showHeader: true,
     showFilter: false,
   },
+  {
+    path: '/members_required',
+    component: MembershipRequired,
+    showHeader: true,
+    showFilter: false,
+  },
   {
     path: `${BROWSEROOT}`,
     component: BrowseRootCres,