add 4 info boxes and adjust style a bid

Author: dpatanin

gatsby-config.js

@@ -49,7 +49,12 @@ module.exports = {
     `gatsby-plugin-emotion`,
     `gatsby-plugin-sass`,
     `gatsby-transformer-json`,
-    `gatsby-transformer-remark`,
+    {
+      "resolve": `gatsby-transformer-remark`,
+      "options": {
+        "excerpt_separator": `<!-- end -->`
+      }
+    },
     {
       resolve: `gatsby-plugin-typography`,
       options: {

gatsby-node.js

@@ -74,7 +74,7 @@ exports.createPages = ({ graphql, actions }) => {
             }
           }
         `,
-      ).then((result) => {
+      ).then(result => {
         result.data.provisions.edges.forEach(({ node }) => {
           const component = path.resolve('src/templates/provision.js');
           createPage({

src/data/features.json

@@ -1,17 +1,22 @@
 [
   {
-    "title": "Free Consultation",
-    "description": "New clients recieve an obligation free consultation.",
+    "title": "Cloud Ready",
+    "description": "Ready to be deployed on a Cloud Server",
     "image": "/features/noun_branding_1885335.svg"
   },
   {
-    "title": "Certified Accountants",
-    "description": "All members of our team are certified accountants.",
+    "title": "Open Source",
+    "description": "We are an Open Scource project and happy about your contribution",
     "image": "/features/noun_The Process_1885341.svg"
   },
   {
-    "title": "Tax Compliance",
-    "description": "We stay up to date on the latest changes to the tax code.",
+    "title": "Scanner out of the box",
+    "description": "We integrate Open Source Scanner ready to use",
+    "image": "/features/noun_3d modeling_1885342.svg"
+  },
+  {
+    "title": "Scans behind the firewall",
+    "description": "Our Scans can dig deeply in your Network",
     "image": "/features/noun_3d modeling_1885342.svg"
   }
 ]

src/pages/index.js

@@ -5,7 +5,6 @@ import SEO from '../components/SEO';
 import Layout from "../components/Layout";
 
 const Home = (props) => {
-  const markdown = props.data.allMarkdownRemark.edges;
   const json = props.data.allFeaturesJson.edges;
     return(
         <Layout bodyClass="page-home">
@@ -25,35 +24,14 @@ const Home = (props) => {
             </p>
             </div>
           </div>
-           
-        <div className="container pt-8 pt-md-10">
-          <div className="row justify-content-start">
-            <div className="col-12">
-              <Link to="/provisions/"><h2 className="title-3 text-dark mb-3">What the secureCodeBox provides</h2></Link>
-              
-            </div>
-            {markdown.map(edge => (
-              <div key={edge.node.frontmatter.path} className="col-12 col-md-4 mb-1">
-                <div className="card service service-teaser">
-                  <div className="card-content">
-                    <h2>
-                      <Link to={edge.node.frontmatter.path}>{edge.node.frontmatter.title}</Link>
-                    </h2>
-                    <p>{edge.node.excerpt}</p>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
 
         <div className="container pt-5 pb-5 pt-md-7 pb-md-7">
           <div className="row justify-content-center">
             <div className="col-12">
-              <h2 className="title-3 text-dark mb-4">Our Features</h2>
+              <h2 className="title-3 text-dark mb-4">What the secureCodeBox provides</h2>
             </div>
             {json.map(edge => (
-              <div key={edge.node.id} className="col-12 col-md-6 col-lg-4 mb-2">
+              <div key={edge.node.id} className="col-12 col-md-3 col-lg-3 mb-2">
                 <div className="feature">
                   {edge.node.image && (
                     <div className="feature-image">
@@ -67,27 +45,18 @@ const Home = (props) => {
             ))}
           </div>
         </div>
+
+        <div className="container pb-5 pb-md-7">
+          <div className="col-12">
+            <h2 className="title-3 text-dark mb-4">When is the secureCodeBox right for your team?</h2>
+          </div>
+        </div>
         </Layout>
     )
 }
 
 export const query = graphql`
    query {
-    allMarkdownRemark(
-      filter: { fileAbsolutePath: { regex: "/provisions/" } }
-      sort: { fields: [frontmatter___date], order: DESC }
-    ) {
-      edges {
-        node {
-          id
-          frontmatter {
-            title
-            date(formatString: "DD MMMM YYYY")
-          }
-          excerpt
-        }
-      }
-    }
     allFeaturesJson {
       edges {
         node {