change order of persistence provider & hooks

Author: dpatanin

src/pages/integrations/index.js

@@ -56,23 +56,21 @@ const Integrations = (props) => {
           ))}
         </div>
       </div>
-      <div className="container pb-2 pb-md-3">
+      <div className="container  pb-2  pb-md-3">
         <div className="row left-content-center">
           <div className="col-12">
-            <h2 className="title-3 text-dark mb-2">
-              Data Processing and Integration Hooks
-            </h2>
+            <h2 className="title-3 text-dark ">Persistence Provider</h2>
             <p>
               Each Scanner is an individual tool. We took no part in building
               them and did not adjust them for our purposes, which is great,
               because, like so we can provide them as they are and ready for
               use.
             </p>
           </div>
-          {hook.map((edge, index) => (
+          {persistenceProvider.map((edge, index) => (
             <div
               key={index}
-              className="col-12 col-md-6 col-lg-6 col-sm-12 no-highlight"
+              className="col-12 col-md-6 col-lg-6 col-sm-12 mb-2 no-highlight"
             >
               <Link to={edge.node.frontmatter.path}>
                 <IntegrationCard frontmatter={edge.node.frontmatter} />
@@ -81,21 +79,23 @@ const Integrations = (props) => {
           ))}
         </div>
       </div>
-      <div className="container  pb-2  pb-md-3">
+      <div className="container pb-2 pb-md-3">
         <div className="row left-content-center">
           <div className="col-12">
-            <h2 className="title-3 text-dark ">Persistence Provider</h2>
+            <h2 className="title-3 text-dark mb-2">
+              Data Processing and Integration Hooks
+            </h2>
             <p>
               Each Scanner is an individual tool. We took no part in building
               them and did not adjust them for our purposes, which is great,
               because, like so we can provide them as they are and ready for
               use.
             </p>
           </div>
-          {persistenceProvider.map((edge, index) => (
+          {hook.map((edge, index) => (
             <div
               key={index}
-              className="col-12 col-md-6 col-lg-6 col-sm-12 mb-2 no-highlight"
+              className="col-12 col-md-6 col-lg-6 col-sm-12 no-highlight"
             >
               <Link to={edge.node.frontmatter.path}>
                 <IntegrationCard frontmatter={edge.node.frontmatter} />