Moved development services out of mdx to comp

Author: Kameshwaran

solutions/react/react.mdx

@@ -17,6 +17,7 @@ import ContactUsButton from '../../src/components/contactUsButton.js';
 import { RipplingProject } from '../../src/components/projects';
 import ContactForm from '../../src/components/contactForm.js';
 import Libraries from '../../src/components/libraries.js';
+import DevelopmentServices from '../../src/components/developmentServices.js';
 
 <Box my={2}>
   <Title>React JS Development Company</Title>
@@ -54,51 +55,7 @@ We have used the best libraries to develop React JS applications. Some of them a
 > For more info , take a look at our [blogs](/category/react) and [open source contributions](/open-source-contributions).
 
 ---
-
-<Box>
-  <Title>Reliable ReactJS Development Services</Title>
-</Box>
-
-  <Title
-    fontSize={[2, 'desktop.2']}
-    fontWeight="bold"
-    borderWidth={0}
-    mt={2}
-  >
-    Fast, modular and Bug free React JS development service
-  </Title>
-  We develop your application with atleast 30% faster than other development companies.
-
-  <Title
-    fontSize={[2, 'desktop.2']}
-    fontWeight="bold"
-    borderWidth={0}
-    mt={2}
-  >
-    Javascript Lovers
-  </Title>
-  We specialise in servicing modern JavaScript based web & mobile applications. We are experts in developing applications in React.js, AngularJS, Node.js
-
-  <Title
-    fontSize={[2, 'desktop.2']}
-    fontWeight="bold"
-    borderWidth={0}
-    mt={2}
-  >
-    Expert React JS Developers
-  </Title>
-  We have a set of skilful React JS developers who are updated with current React Eco System
-
-  <Title
-    fontSize={[2, 'desktop.2']}
-    fontWeight="bold"
-    borderWidth={0}
-    mt={2}
-  >
-    Best React JS development Service history
-  </Title>
-  We have 15+ React projects delivered to clients in quick time
-
+<DevelopmentServices />
 
 ## Contact Us
 <ContactForm referrer="/react-js-development/" />

src/components/developmentServices.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import { Box, P } from 'bricks';
+
+import Title from './title';
+
+export default () => (
+  <Box width={[1, 4 / 5 ]}>
+    <Title>Reliable ReactJS Development Services</Title>
+    <br />
+    <br />
+    <Title
+      fontSize={[2, 'desktop.2']}
+      fontWeight="bold"
+      borderWidth={0}
+      mt={2}
+    >
+      Fast, modular and Bug free React JS development service
+    </Title>
+    <P>
+      We develop your application with atleast 30% faster than other development companies.
+    </P>
+
+    <Title
+      fontSize={[2, 'desktop.2']}
+      fontWeight="bold"
+      borderWidth={0}
+      mt={2}
+    >
+      Javascript Lovers
+    </Title>
+    <P>
+      We specialise in servicing modern JavaScript based web & mobile applications. We are experts in developing applications in React.js, AngularJS, Node.js
+    </P>
+
+    <Title
+      fontSize={[2, 'desktop.2']}
+      fontWeight="bold"
+      borderWidth={0}
+      mt={2}
+    >
+      Expert React JS Developers
+    </Title>
+    <P>
+      We have a set of skilful React JS developers who are updated with current React Eco System
+    </P>
+
+    <Title
+      fontSize={[2, 'desktop.2']}
+      fontWeight="bold"
+      borderWidth={0}
+      mt={2}
+    >
+      Best React JS development Service history
+    </Title>
+    <P>
+      We have 15+ React projects delivered to clients in quick time
+    </P>
+  </Box>
+);