LandingPage: Show 'Open Service' badge and popover

This commit moves the reference to our source code out of the help
popover to its own.
COMPOSER-1899

src/Components/LandingPage/LandingPage.js

@@ -3,7 +3,11 @@
 import React, { Component } from 'react';
 
 import { Button, Popover, Text, TextContent } from '@patternfly/react-core';
-import { GithubIcon, HelpIcon } from '@patternfly/react-icons';
+import {
+  HelpIcon,
+  CodeIcon,
+  ExternalLinkAltIcon,
+} from '@patternfly/react-icons';
 // eslint-disable-next-line rulesdir/disallow-fec-relative-imports
 import {
   PageHeader,
@@ -34,32 +38,50 @@ class LandingPage extends Component {
                   images and push them to cloud environments.
                 </Text>
                 <DocumentationButton />
-                <br />
-                <Button
-                  component="a"
-                  target="_blank"
-                  variant="link"
-                  icon={<GithubIcon />}
-                  iconPosition="right"
-                  isInline
-                  href={
-                    'https://github.com/RedHatInsights/image-builder-frontend/tree/' +
-                    COMMITHASH
-                  }
-                >
-                  Contribute on GitHub
-                </Button>
               </TextContent>
             }
           >
             <Button
               variant="plain"
               aria-label="About image builder"
-              className="pf-u-pl-sm"
+              className="pf-u-pl-sm header-button"
             >
               <HelpIcon />
             </Button>
           </Popover>
+          <Popover
+            headerContent={'About open source'}
+            bodyContent={
+              <TextContent>
+                <Text>
+                  This service is open source, so all of its code is
+                  inspectable. Explore repositories to view and contribute to
+                  the source code.
+                </Text>
+                <Button
+                  component="a"
+                  target="_blank"
+                  variant="link"
+                  icon={<ExternalLinkAltIcon />}
+                  iconPosition="right"
+                  isInline
+                  href={
+                    'https://www.osbuild.org/guides/image-builder-service/architecture.html'
+                  }
+                >
+                  Repositories
+                </Button>
+              </TextContent>
+            }
+          >
+            <Button
+              variant="plain"
+              aria-label="About Open Services"
+              className="pf-u-pl-sm header-button"
+            >
+              <CodeIcon />
+            </Button>
+          </Popover>
         </PageHeader>
         <section className="pf-l-page__main-section pf-c-page__main-section">
           <ImagesTable />

src/Components/LandingPage/LandingPage.scss

@@ -9,3 +9,7 @@
 .pf-c-form__group-label-help:active {
     color: var(--pf-global--icon--Color--dark);
 }
+
+.header-button {
+    padding-right: 0;
+}