Messing with the images on the homepage.

public/pages/contact/ContactPage.jsx

@@ -86,7 +86,14 @@ class ContactPage extends React.Component {
     } else {
       //Form
       inners = (
-        <ElementScrollFader from="right">
+        <ElementScrollFader from="left">
+          <ContentBox box className="u-text-center">
+            <Title>{ lang.pages.contact.heading }</Title>
+            <Paragraph>
+              { lang.pages.contact.paragraph }
+            </Paragraph>
+          </ContentBox>
+
           <ContentBox box>
             <ContactForm
               onSuccess={ (e) => this.onSuccess(e) }
@@ -103,22 +110,10 @@ class ContactPage extends React.Component {
         style="contact-page"
         className="p-contact-page"
         title={ lang.pages.contact.title }
-        background={ require('@assets/images/patterns/lemon-triangle.svg') }
+        background={ require('@assets/images/banners/sunset.svg') }
       >
         <ClearSection />
-        <PageBoundary small>
-
-          <ElementScrollFader from="left">
-            <ContentBox box className="u-text-center">
-              <Title>{ lang.pages.contact.heading }</Title>
-              <Paragraph>
-                { lang.pages.contact.paragraph }
-              </Paragraph>
-            </ContentBox>
-          </ElementScrollFader>
-          { inners }
-
-        </PageBoundary>
+        <PageBoundary small children={inners} />
         <ClearSection />
       </Page>
     );

public/pages/home/HomePage.scss

@@ -18,7 +18,7 @@
   }
 
   &__promo {
-    padding: 6em 0;
+    padding: 8em 0;
     background-size: 150% auto;
 
     &-video {

public/pages/home/sections/ExistingWorkSection.jsx

@@ -113,7 +113,7 @@ export default withLanguage(props => {
   return (
     <ImageSection
       className="p-home-page__promo p-home-page__promo-work"
-      src={ require('@assets/images/patterns/arcade.svg') }
+      src={ require('@assets/images/banners/hills-night.svg') }
       loadable
       background
     >

public/pages/home/sections/PlatformsSection.jsx

@@ -56,7 +56,7 @@ export default withLanguage(props => {
   return (
     <ImageSection
       className="p-home-page__promo p-home-page__promo-platforms"
-      src={ require('@assets/images/patterns/game-show.svg') }
+      src={ require('@assets/images/banners/palms.svg') }
       loadable
       background
     >

public/pages/home/sections/ProgrammingSection.jsx

@@ -35,7 +35,7 @@ export default withLanguage(props => {
   return (
     <ImageSection
       className="p-home-page__promo p-home-page__promo-programming"
-      src={ require('@assets/images/patterns/rhythm-heaven.svg') }
+      src={ require('@assets/images/patterns/florida.svg') }
       loadable
       background
     >