Finalizing About Page Design

public/language/en-AU.jsx

@@ -16,12 +16,7 @@ module.exports = {
     "about": {
       "banner": {
         "title": "About Dominic Masters",
-        "subtitle": () => {
-          return LanguageTools.random([
-            "Developer, Nerd, Occasionally Funny.",
-            "Once forgot his own birthday."
-          ]);
-        }
+        "subtitle": "Developer, Nerd, Occasionally Funny."
       },
       "video": {
         "heading": "Learn about me",
@@ -107,19 +102,9 @@ module.exports = {
               given time.
             </p>
           </Fragment> ); }
-        }
-      },
-      "admin": {
-        "heading": "Systems Admin",
-        "paragraph": () => {
-          return (<Fragment>
-            <p>
-              Beyond programming knowledge, I also have extensive knowledge in
-              the field of systems administration, and while a little outdated,
-              I can still solve most systems issues.
-            </p>
-          </Fragment>);
-        }
+        },
+        "footer": "Want me for your next project?",
+        "footer-button": "Contact Me"
       }
     },
 

public/page/about/sections/ExistingWorkSection.jsx

@@ -27,6 +27,7 @@ import { PageBoundary } from './../../Page';
 import Section, { SplitSection, Split, ClearSection } from './../../../section/Section';
 import ContentBox from './../../../content/ContentBox';
 import { Title, Subtitle, Paragraph, Heading1, Heading2 } from './../../../typography/Typography';
+import { Button } from './../../../input/Input';
 import ElementScrollFader from './../../../animation/fade/ElementScrollFader';
 import Image from './../../../image/Image';
 
@@ -158,6 +159,21 @@ export default (props) => {
           description={ Language.get("pages.about.work.ozhair.description") }
         />
       </PageBoundary>
+
+      <PageBoundary small>
+        <ClearSection />{/* Space a bit */}
+
+        <ElementScrollFader from="bottom">
+          <ContentBox box className="u-text-center">
+            <Subtitle>{ Language.get("pages.about.work.footer") }</Subtitle>
+            <Button size="large" to="/contact">
+              { Language.get("pages.about.work.footer-button") }
+            </Button>
+          </ContentBox>
+        </ElementScrollFader>
+
+        <ClearSection />{/* Space a bit */}
+      </PageBoundary>
     </Section>
   );
 }

public/page/contact/ContactPage.jsx

@@ -24,7 +24,7 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import Page, { PageBoundary } from './../Page';
-import Input, { Form, InputGroup, TextArea, Label, ButtonGroup } from './../../input/input';
+import Input, { Form, InputGroup, TextArea, Label, ButtonGroup } from './../../input/Input';
 import Language from './../../language/Language';
 import ElementScrollFader from './../../animation/fade/ElementScrollFader';
 import Section, {

public/styles/pages/_about-page.scss

@@ -11,7 +11,8 @@
  *    1.0.0 - 2018/06/06
  */
 .p-about-page {
-  background-color: #F7EFE2;
+  background-image: url('./../images/patterns/game-show.svg');
+  background-size: 150% auto;
 
   &__promo {
     padding: 6em 0;