Design tweaks prelaunch

src/components/PageIntro.js

@@ -39,7 +39,7 @@ class PageIntro extends Component {
               header
               h2Classes="text-4xl lg:mb-2 md:text-5xl"
               intro={this.props.intro}
-              classes={`md:p-8 lg:text-left lg:max-w-sm content-center ${
+              classes={`p-4 lg:text-left lg:max-w-sm content-center ${
                 this.props.sectionClasses
               }`}
               textClasses="font-medium opacity-80"

src/pages/about.js

@@ -28,11 +28,11 @@ const AboutPage = () => (
         headline="We know software"
         text="Saburly was founded by senior tech leads that understand what it takes to create modern digital solutions. We have managed large software development teams for successful companies in the past and are now recruiting and mentoring the best talents in the industry for Saburly."
         image={IntroImage}
-        imgClasses="border-white rounded-lg opacity-70 hover:opacity-100 saburly-transition -mb-12"
+        imgClasses="border-white rounded-lg opacity-70 hover:opacity-100 -mb-12"
       />
     </Fade>
 
-    <section className="container mx-auto my-20">
+    <section className="container mx-auto p-4 md:p-0 my-20">
       <Fade>
         <div className="saburly-main-bg rounded-lg p-10 text-center lg:flex justify-center items-center">
           <img

src/pages/contact.js

@@ -17,10 +17,10 @@ const ContactPage = () => (
       <PageIntro
         tiltImage
         headline="Let's connect"
-        text="We are always on a lookout for exciting challenges. Feel free to contact us if you want to start something great or just find out more about what we do."
+        text="We are always on a lookout for exciting challenges. Feel free to contact us if you want to start something great or just have any questions."
         sectionClasses="lg:mb-8"
         image={ContactImage}
-        imgClasses="-mb-12 border-white rounded-lg opacity-70 hover:opacity-100 saburly-transition"
+        imgClasses="-mb-12 border-white rounded-lg opacity-70 hover:opacity-100"
       />
     </Fade>
 

src/pages/index.js

@@ -33,7 +33,7 @@ const IndexPage = ({ ...props }) => (
         image={ImgIntro}
         imgClasses="-mb-20 p-2 md:p-8"
       >
-        <h2 className="px-8 text-black text-4xl xl:text-5xl pt-1">
+        <h2 className="px-4 text-black text-4xl xl:text-5xl pt-1">
           We{' '}
           <Typed
             strings={['imagine', 'design', 'develop', 'maintain']}
@@ -159,7 +159,7 @@ const IndexPage = ({ ...props }) => (
         </div>
       </section>
 
-      <section className="text-center p-8 relative">
+      <section className="text-center p-4 relative">
         <Fade>
           <SectionIntro
             h2Classes="text-4xl"

src/pages/services.js

@@ -19,11 +19,12 @@ const ServicesPage = () => (
     <Fade top>
       <PageIntro
         tiltImage
+        straight
         buttonClasses="text-white font-normal shadow hover:shadow-md rounded-full mt-4 font-light bg-teal hover:bg-teal-dark mb-20"
         headline="Agile practitioners"
         text="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity. Our flexible processes ensure high productivity and we know how to balance between cost, time and quality."
         image={IntroImage}
-        imgClasses="-mb-12 border-white rounded-lg opacity-70 hover:opacity-100 saburly-transition"
+        imgClasses="-mb-12 border-white rounded-lg opacity-70 hover:opacity-100"
       />
     </Fade>
     <section className="px-4 py-16">

src/templates/post-default.js

@@ -27,7 +27,6 @@ class PostDefault extends Component {
         />
         <main className="container mx-auto p-4 sm:p-10">
           <h1>Specific Post - {data.wordpressPost.title}</h1>
-          <h1>Slug - {data.wordpressPost.slug}</h1>
           <div
             dangerouslySetInnerHTML={{
               __html: data.wordpressPost.content,