diff --git a/.env b/.env
index 6e5e0b5..d149d13 100644
--- a/.env
+++ b/.env
@@ -13,4 +13,4 @@ REACT_APP_TWITTER_LINK='https://twitter.com/tryfloat/'
 REACT_APP_LINKEDIN_LINK="https://www.linkedin.com/company/float-mobility/"
 REACT_APP_INSTAGRAM_LINK="https://www.instagram.com/company/float-mobility/"
 
-REACT_APP_AUX_ENDPOINT='https://float-gat.dev.chiefsoft.net/en/floatweb/api/v1/'
\ No newline at end of file
+REACT_APP_AUX_ENDPOINT='https://float-gat.dev.chiefsoft.net/en/floatweb/api/v1/'
diff --git a/src/App.js b/src/App.js
index 6120c69..62f40f0 100644
--- a/src/App.js
+++ b/src/App.js
@@ -39,11 +39,12 @@ function App() {
 		try {
 			const res = await siteApi.blogData();
 			if(res.status == 200 /* && res.data.status > 0*/){
-				console.log(res.data.payload);
+				console.log(res.data.payload, res.data);
 				setBlogData(res.data)
 				return
 			}
 		}catch(error) {
+			setBlogData({payload: {blogdata: []}})
 		}
 	};
 
@@ -69,10 +70,10 @@ function App() {
 			<Route path="/blog_listing" element={<Blog_listing/>} />
 			<Route path="/blogs" element={<Blog_listing blogData={blogData} />} />
 			<Route path="/contacts" element={<Contacts/>} />
-			<Route path="/users" element={<Users/>} />
+			<Route path="/users" element={<Users blogData={blogData} />} />
 			<Route path="/business" element={<Fleet/>} />
 			<Route path="/privacy" element={<Privacy/>} />
-			<Route path="/getstarted" element={<GetStarted />} />
+			<Route path="/getstarted" element={<GetStarted blogData={blogData} />} />
 			<Route path="/findev" element={<FindEv />} />
 			<Route path="/findmobility" element={<FindMobility />} />
 		</Routes>
diff --git a/src/components/BlogItems.js b/src/components/BlogItems.js
new file mode 100644
index 0000000..4699e3c
--- /dev/null
+++ b/src/components/BlogItems.js
@@ -0,0 +1,109 @@
+import React from 'react'
+import { useLocation } from 'react-router-dom'
+// import SiteService from '../svs/SiteService';
+
+const BlogItems = ({blogData}) => {
+
+    let location = useLocation().pathname
+    // const [blogData, setBlogData] = useState({}) // for holding blogs
+    // console.log(blogData.payload)
+	// const blogApi = new SiteService(); // instantiating the API SERVICE
+	// const getBlogData = async () => {
+	// 	try {
+	// 		const res = await blogApi.blogData();
+	// 		if(res.status == 200 /* && res.data.status > 0*/){
+	// 			console.log('blogitem',res.data.payload, res.data);
+	// 			setBlogData(res.data)
+	// 			return
+	// 		}
+	// 	}catch(error) {
+	// 	}
+	// };
+
+	// useEffect(() => {
+	// 	getBlogData();
+	// }, []);
+
+  return (
+    <div className="row">
+        {
+            blogData?.payload == undefined ? // API CALL IN PROGRESS
+            <div className='col-12 text-center display-4'>Loading...</div>
+            :
+            // API CALL FINISHED
+            (
+                blogData?.payload?.blogdata.length < 1 ?
+                <div className='col-12 text-center display-4'>No Blog Currently Found!</div>
+                :
+                blogData?.payload?.blogdata.map((blog, index) => {
+                    if(location == '/blogs'){
+                        return(
+                            <div key={index} id="b-post-1" className="col-md-6 col-lg-4">
+                                <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img rounded">
+                                    <img className="img-fluid rounded" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
+                                    {/* <img className="img-fluid" src={blog.meta_value} alt="blog-post-image" /> */}
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <p className="p-md post-tag">Float News</p>
+                                    {/* Post Link */}
+                                    <h5 className="h5-sm">
+                                    <a href="single-post.html">{blog.post_title.substring(0,40)+'  . . .'}</a>
+                                    </h5>
+                                    {/* Text */}
+                                    <div dangerouslySetInnerHTML={{__html: blog.post_content.substring(0,50)+'  . . .'}}></div>
+                                    {/* <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
+                                    congue
+                                    </p> */}
+                                    {/* Post Meta */}
+                                    <div className="post-meta">
+                                    <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
+                                    <p>12 min read</p>
+                                    </div>
+                                </div>
+                                </div>
+                            </div>
+                        )
+                    }else if (location != 'blogs' && index <= 5) {
+                        return (
+                            <div key={index} id="b-post-1" className="col-md-6 col-lg-4">
+                                <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
+                                {/* BLOG POST IMAGE */}
+                                <div className="blog-post-img rounded">
+                                    <img className="img-fluid rounded" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
+                                </div>
+                                {/* BLOG POST TEXT */}
+                                <div className="blog-post-txt">
+                                    {/* Post Tag */}
+                                    <p className="p-md post-tag">Float News</p>
+                                    {/* Post Link */}
+                                    <h5 className="h5-sm">
+                                    <a href="single-post.html">{blog.post_title.substring(0,40)+'  . . .'}</a>
+                                    </h5>
+                                    {/* Text */}
+                                    <div dangerouslySetInnerHTML={{__html: blog.post_content.substring(0,50)+'  . . .'}}></div>
+                                    {/* <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
+                                    congue
+                                    </p> */}
+                                    {/* Post Meta */}
+                                    <div className="post-meta">
+                                    <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
+                                    <p>12 min read</p>
+                                    </div>
+                                </div>
+                                </div>
+                            </div>
+                        )
+                    }
+                })
+            )
+
+        }
+    </div>
+  )
+}
+
+export default BlogItems
\ No newline at end of file
diff --git a/src/pages/Blog_listing.js b/src/pages/Blog_listing.js
index 15685b3..3d84133 100644
--- a/src/pages/Blog_listing.js
+++ b/src/pages/Blog_listing.js
@@ -1,4 +1,5 @@
 import React, {Component,useState, useEffect} from 'react';
+import BlogItems from '../components/BlogItems';
 import SiteService from "../svs/SiteService";
 
 class Blog_listing extends React.Component {
@@ -89,172 +90,8 @@ class Blog_listing extends React.Component {
                     <h5 className="h5-lg posts-category">Latest Articles</h5>
                   </div>
                 </div>
-                <div className="row">
-                  {/* BLOG POST #1 */}
-                  <div className="col-md-6 col-lg-4">
-                    <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">	
-                      {/* BLOG POST IMAGE */}
-                      <div className="blog-post-img">
-                        <img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
-                      </div>
-                      {/* BLOG POST TEXT */}
-                      <div className="blog-post-txt">
-                        {/* Post Tag */}
-                        <p className="p-md post-tag">NordEx News</p>	
-                        {/* Post Link */}
-                        <h5 className="h5-xs">
-                          <a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
-                        </h5>
-                        {/* Text */}
-                        <p className="p-md">Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida 
-                          porta undo velna dolor
-                        </p>
-                        {/* Post Meta */}
-                        <div className="post-meta">
-                          <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                          <p>12 min read</p>
-                        </div>	
-                      </div>
-                    </div>
-                  </div>	{/* END  BLOG POST #1 */}
-                  {/* BLOG POST #2 */}
-                  <div className="col-md-6 col-lg-4">
-                    <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">	
-                      {/* BLOG POST IMAGE */}
-                      <div className="blog-post-img">
-                        <img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
-                      </div>
-                      {/* BLOG POST TEXT */}
-                      <div className="blog-post-txt">
-                        {/* Post Tag */}
-                        <p className="p-md post-tag">Inspiration</p>	
-                        {/* Post Link */}
-                        <h5 className="h5-xs">
-                          <a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
-                        </h5>
-                        {/* Text */}
-                        <p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
-                          dolor vitae auctor
-                        </p>
-                        {/* Post Meta */}
-                        <div className="post-meta">
-                          <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                          <p>8 min read</p>
-                        </div>	
-                      </div>	{/* END BLOG POST TEXT */}
-                    </div>
-                  </div>	{/* END  BLOG POST #2 */}
-                  {/* BLOG POST #3 */}
-                  <div className="col-md-6 col-lg-4">
-                    <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">	
-                      {/* BLOG POST IMAGE */}
-                      <div className="blog-post-img">
-                        <img className="img-fluid" src="assets/images/blog/post-4-img.jpg" alt="blog-post-image" />
-                      </div>
-                      {/* BLOG POST TEXT */}
-                      <div className="blog-post-txt">
-                        {/* Post Tag */}
-                        <p className="p-md post-tag">Tutorials</p>	
-                        {/* Post Link */}
-                        <h5 className="h5-xs">
-                          <a href="single-post.html">Tempor sapien donec gravida ipsum and porta justo</a>
-                        </h5>
-                        {/* Text */}
-                        <p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
-                          dolor vitae auctor
-                        </p>
-                        {/* Post Meta */}
-                        <div className="post-meta">
-                          <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                          <p>22 min read</p>
-                        </div>	
-                      </div>	{/* END BLOG POST TEXT */}
-                    </div>
-                  </div>	{/* END  BLOG POST #3 */}
-                  {/* BLOG POST #4 */}
-                  <div className="col-md-6 col-lg-4">
-                    <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">	
-                      {/* BLOG POST IMAGE */}
-                      <div className="blog-post-img">
-                        <img className="img-fluid" src="assets/images/blog/post-5-img.jpg" alt="blog-post-image" />
-                      </div>
-                      {/* BLOG POST TEXT */}
-                      <div className="blog-post-txt">
-                        {/* Post Tag */}
-                        <p className="p-md post-tag">Extensions</p>	
-                        {/* Post Link */}
-                        <h5 className="h5-xs">
-                          <a href="single-post.html">Neque purus an ipsum neque and dolor libero risus mullam blandit at tempor sapien</a>
-                        </h5>
-                        {/* Text */}
-                        <p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
-                          dolor vitae auctor
-                        </p>
-                        {/* Post Meta */}
-                        <div className="post-meta">
-                          <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                          <p>1 day read</p>
-                        </div>	
-                      </div>
-                    </div>
-                  </div>	{/* END  BLOG POST #4 */}
-                  {/* BLOG POST #5 */}
-                  <div className="col-md-6 col-lg-4">
-                    <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">	
-                      {/* BLOG POST IMAGE */}
-                      <div className="blog-post-img">
-                        <img className="img-fluid" src="assets/images/blog/post-6-img.jpg" alt="blog-post-image" />
-                      </div>
-                      {/* BLOG POST TEXT */}
-                      <div className="blog-post-txt">
-                        {/* Post Tag */}
-                        <p className="p-md post-tag">Community</p>	
-                        {/* Post Link */}
-                        <h5 className="h5-xs">
-                          <a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
-                        </h5>
-                        {/* Text */}
-                        <p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
-                          dolor vitae auctor
-                        </p>
-                        {/* Post Meta */}
-                        <div className="post-meta">
-                          <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                          <p>54 min read</p>
-                        </div>	
-                      </div>	{/* END BLOG POST TEXT */}
-                    </div>
-                  </div>	{/* END  BLOG POST #5 */}
-                  {/* BLOG POST #6 */}
-                  <div className="col-md-6 col-lg-4">
-                    <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">	
-                      {/* BLOG POST IMAGE */}
-                      <div className="blog-post-img">
-                        <img className="img-fluid" src="assets/images/blog/post-7-img.jpg" alt="blog-post-image" />
-                      </div>
-                      {/* BLOG POST TEXT */}
-                      <div className="blog-post-txt">
-                        {/* Post Tag */}
-                        <p className="p-md post-tag">Extensions</p>	
-                        {/* Post Link */}
-                        <h5 className="h5-xs">
-                          <a href="single-post.html">Lipsum gravida porta velna NordEx, donec gravida ipsum a 
-                            porta justo tempor
-                          </a>
-                        </h5>
-                        {/* Text */}
-                        <p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
-                          dolor vitae auctor
-                        </p>
-                        {/* Post Meta */}
-                        <div className="post-meta">
-                          <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                          <p>4 hours read</p>
-                        </div>	
-                      </div>	{/* END BLOG POST TEXT */}
-                    </div>
-                  </div>	{/* END  BLOG POST #6 */}
-                </div>  {/* End row */}
+                <BlogItems blogData={this.props.blogData} />
+                {/* End row */}
               </div>	{/* END POSTS WRAPPER */}
             </div>     {/* End container */}
             {/* GEOMETRIC OVERLAY */}	
diff --git a/src/pages/FloatHome.js b/src/pages/FloatHome.js
index 5603fc6..20684c0 100644
--- a/src/pages/FloatHome.js
+++ b/src/pages/FloatHome.js
@@ -13,6 +13,8 @@ import Analysis from '../pages/assests/images/analytics.ico'
 import Monitoring from '../pages/assests/images/monitoring.ico'
 import Assistant from '../pages/assests/images/assistant (2).ico'
 
+import BlogItems from '../components/BlogItems';
+
 
 class FloatHome extends React.Component {
 
@@ -21,7 +23,7 @@ class FloatHome extends React.Component {
     // Don't call this.setState() here!
    // this.state = { counter: 0 };
     // this.handleClick = this.handleClick.bind(this);
-    console.log("OLU-AMEY 22",props.blogData);
+    // console.log("OLU-AMEY 22",props.blogData);
   }
 
     render() {
@@ -1049,120 +1051,8 @@ class FloatHome extends React.Component {
                 </div>
               </div>
               {/* BLOG POSTS */}
-              <div className="row">
-                {
-                  this.props.blogData?.blogdata?.map((x) => {
-                    <div id="b-post-1" className="col-md-6 col-lg-4">
-                      <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
-                        {/* BLOG POST IMAGE */}
-                        <div className="blog-post-img">
-                          <img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
-                        </div>
-                        {/* BLOG POST TEXT */}
-                        <div className="blog-post-txt">
-                          {/* Post Tag */}
-                          <p className="p-md post-tag">Float News</p>
-                          {/* Post Link */}
-                          <h5 className="h5-sm">
-                            <a href="single-post.html">{x.title}</a>
-                          </h5>
-                          {/* Text */}
-                          <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
-                            congue
-                          </p>
-                          {/* Post Meta */}
-                          <div className="post-meta">
-                            <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                            <p>12 min read</p>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  })
-                }
-                {/* BLOG POST #1 */}
-                <div id="b-post-1" className="col-md-6 col-lg-4">
-                  <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">	
-                    {/* BLOG POST IMAGE */}
-                    <div className="blog-post-img">
-                      <img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
-                    </div>
-                    {/* BLOG POST TEXT */}
-                    <div className="blog-post-txt">
-                      {/* Post Tag */}
-                      <p className="p-md post-tag">Float News</p>	
-                      {/* Post Link */}
-                      <h5 className="h5-sm">
-                        <a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
-                      </h5>
-                      {/* Text */}
-                      <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
-                        congue 
-                      </p>
-                      {/* Post Meta */}
-                      <div className="post-meta">
-                        <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                        <p>12 min read</p>
-                      </div>	
-                    </div>
-                  </div>
-                </div>	{/* END  BLOG POST #1 */}
-                {/* BLOG POST #2 */}
-                <div id="b-post-2" className="col-md-6 col-lg-4">
-                  <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">	
-                    {/* BLOG POST IMAGE */}
-                    <div className="blog-post-img">
-                      <img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
-                    </div>
-                    {/* BLOG POST TEXT */}
-                    <div className="blog-post-txt">
-                      {/* Post Tag */}
-                      <p className="p-md post-tag">Inspiration</p>	
-                      {/* Post Link */}
-                      <h5 className="h5-sm">
-                        <a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
-                      </h5>
-                      {/* Text */}
-                      <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
-                        congue 
-                      </p>
-                      {/* Post Meta */}
-                      <div className="post-meta">
-                        <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                        <p>8 min read</p>
-                      </div>	
-                    </div>	{/* END BLOG POST TEXT */}
-                  </div>
-                </div>	{/* END  BLOG POST #2 */}
-                {/* BLOG POST #3 */}
-                <div id="b-post-3" className="col-md-6 col-lg-4">
-                  <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">	
-                    {/* BLOG POST IMAGE */}
-                    <div className="blog-post-img">
-                      <img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
-                    </div>
-                    {/* BLOG POST TEXT */}
-                    <div className="blog-post-txt">
-                      {/* Post Tag */}
-                      <p className="p-md post-tag">Tutorials</p>	
-                      {/* Post Link */}
-                      <h5 className="h5-sm">
-                        <a href="single-post.html">Tempor sapien Float, donec gravida ipsum a porta justo</a>
-                      </h5>
-                      {/* Text */}
-                      <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
-                        congue 
-                      </p>
-                      {/* Post Meta */}
-                      <div className="post-meta">
-                        <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                        <p>22 min read</p>
-                      </div>	
-                    </div>	{/* END BLOG POST TEXT */}
-                  </div>
-                </div>	{/* END  BLOG POST #3 */}
-
-              </div>	{/* END BLOG POSTS */}
+              	<BlogItems blogData={this.props.blogData}/>
+              {/* END BLOG POSTS */}
             </div>	   {/* End container */}		
           </section>	{/* END BLOG-1 */}
           {/* DOWNLOAD-5
diff --git a/src/pages/GetStarted.js b/src/pages/GetStarted.js
index f788a2c..989b7af 100644
--- a/src/pages/GetStarted.js
+++ b/src/pages/GetStarted.js
@@ -4,8 +4,17 @@ import FleetMgr from '../pages/assests/images/multiple-accounts.ico'
 import ChargeFinder from '../pages/assests/images/charger-location.ico'
 import Options from '../pages/assests/images/options1.ico'
 
+import BlogItems from '../components/BlogItems';
+
 
 class GetStarted extends React.Component {
+    constructor(props) {
+        super(props);
+        // Don't call this.setState() here!
+       // this.state = { counter: 0 };
+        // this.handleClick = this.handleClick.bind(this);
+        // console.log("OLU-AMEY 22",props.blogData);
+      }
     render() {
         return(
             <div>
@@ -41,7 +50,7 @@ class GetStarted extends React.Component {
                                 <div className="row">
                                     {/* FEATURE BOX #1 */}
                                     <div id="fb-3-1" className="col-md-6 col-lg-3">
-                                        <a href="https://float-usr.dev.chiefsoft.net/" target="_blank"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.4s">
+                                        <a href={process.env.REACT_APP_USERS} target="_blank"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.4s">
                                             {/* Icon */}
                                             <div className="fbox-3-ico grey-color ico-65"><img src={UserFriendly} /></div>
                                             {/* Title */}
@@ -52,7 +61,7 @@ class GetStarted extends React.Component {
                                     </div>
                                     {/* FEATURE BOX #2 */}
                                     <div id="fb-3-2" className="col-md-6 col-lg-3">
-                                        <a href="https://float-flt.dev.chiefsoft.net/"  target="_blank"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.6s">
+                                        <a href={process.env.REACT_APP_FLEET}  target="_blank"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.6s">
                                             {/* Icon */}
                                             <div className="fbox-3-ico grey-color ico-65"><img src={FleetMgr} /></div>
                                             {/* Title */}
@@ -359,89 +368,8 @@ class GetStarted extends React.Component {
                                 </div>
                             </div>
                             {/* BLOG POSTS */}
-                            <div className="row">
-                                {/* BLOG POST #1 */}
-                                <div id="b-post-1" className="col-md-6 col-lg-4">
-                                    <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
-                                        {/* BLOG POST IMAGE */}
-                                        <div className="blog-post-img">
-                                            <img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
-                                        </div>
-                                        {/* BLOG POST TEXT */}
-                                        <div className="blog-post-txt">
-                                            {/* Post Tag */}
-                                            <p className="p-md post-tag">Float News</p>
-                                            {/* Post Link */}
-                                            <h5 className="h5-sm">
-                                                <a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
-                                            </h5>
-                                            {/* Text */}
-                                            <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
-                                                congue
-                                            </p>
-                                            {/* Post Meta */}
-                                            <div className="post-meta">
-                                                <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                                                <p>12 min read</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>	{/* END  BLOG POST #1 */}
-                                {/* BLOG POST #2 */}
-                                <div id="b-post-2" className="col-md-6 col-lg-4">
-                                    <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
-                                        {/* BLOG POST IMAGE */}
-                                        <div className="blog-post-img">
-                                            <img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
-                                        </div>
-                                        {/* BLOG POST TEXT */}
-                                        <div className="blog-post-txt">
-                                            {/* Post Tag */}
-                                            <p className="p-md post-tag">Inspiration</p>
-                                            {/* Post Link */}
-                                            <h5 className="h5-sm">
-                                                <a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
-                                            </h5>
-                                            {/* Text */}
-                                            <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
-                                                congue
-                                            </p>
-                                            {/* Post Meta */}
-                                            <div className="post-meta">
-                                                <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                                                <p>8 min read</p>
-                                            </div>
-                                        </div>	{/* END BLOG POST TEXT */}
-                                    </div>
-                                </div>	{/* END  BLOG POST #2 */}
-                                {/* BLOG POST #3 */}
-                                <div id="b-post-3" className="col-md-6 col-lg-4">
-                                    <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
-                                        {/* BLOG POST IMAGE */}
-                                        <div className="blog-post-img">
-                                            <img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
-                                        </div>
-                                        {/* BLOG POST TEXT */}
-                                        <div className="blog-post-txt">
-                                            {/* Post Tag */}
-                                            <p className="p-md post-tag">Tutorials</p>
-                                            {/* Post Link */}
-                                            <h5 className="h5-sm">
-                                                <a href="single-post.html">Tempor sapien Float, donec gravida ipsum a porta justo</a>
-                                            </h5>
-                                            {/* Text */}
-                                            <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
-                                                congue
-                                            </p>
-                                            {/* Post Meta */}
-                                            <div className="post-meta">
-                                                <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                                                <p>22 min read</p>
-                                            </div>
-                                        </div>	{/* END BLOG POST TEXT */}
-                                    </div>
-                                </div>	{/* END  BLOG POST #3 */}
-                            </div>	{/* END BLOG POSTS */}
+                            <BlogItems blogData={this.props.blogData} />
+                        	{/* END BLOG POSTS */}
                         </div>	   {/* End container */}
                     </section>	{/* END BLOG-1 */}
                     {/* NEWSLETTER-1
diff --git a/src/pages/Users.js b/src/pages/Users.js
index b4eb9ee..0b95ec7 100644
--- a/src/pages/Users.js
+++ b/src/pages/Users.js
@@ -10,7 +10,16 @@ import Perks from '../pages/assests/images/perks.ico'
 import Charging from '../pages/assests/images/charging-station.ico'
 import Fleet from '../pages/assests/images/fleet-signal.ico'
 
+import BlogItems from '../components/BlogItems';
+
 class Users extends React.Component {
+  constructor(props) {
+    super(props);
+    // Don't call this.setState() here!
+   // this.state = { counter: 0 };
+    // this.handleClick = this.handleClick.bind(this);
+    // console.log("OLU-AMEY 22",props.blogData);
+  }
     render() {
         return(
             <div>
@@ -656,89 +665,8 @@ class Users extends React.Component {
                 </div>
               </div>
               {/* BLOG POSTS */}
-              <div className="row">
-                {/* BLOG POST #1 */}
-                <div id="b-post-1" className="col-md-6 col-lg-4">
-                  <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">	
-                    {/* BLOG POST IMAGE */}
-                    <div className="blog-post-img">
-                      <img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
-                    </div>
-                    {/* BLOG POST TEXT */}
-                    <div className="blog-post-txt">
-                      {/* Post Tag */}
-                      <p className="p-md post-tag">Float News</p>	
-                      {/* Post Link */}
-                      <h5 className="h5-sm">
-                        <a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
-                      </h5>
-                      {/* Text */}
-                      <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
-                        congue 
-                      </p>
-                      {/* Post Meta */}
-                      <div className="post-meta">
-                        <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                        <p>12 min read</p>
-                      </div>	
-                    </div>
-                  </div>
-                </div>	{/* END  BLOG POST #1 */}
-                {/* BLOG POST #2 */}
-                <div id="b-post-2" className="col-md-6 col-lg-4">
-                  <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">	
-                    {/* BLOG POST IMAGE */}
-                    <div className="blog-post-img">
-                      <img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
-                    </div>
-                    {/* BLOG POST TEXT */}
-                    <div className="blog-post-txt">
-                      {/* Post Tag */}
-                      <p className="p-md post-tag">Inspiration</p>	
-                      {/* Post Link */}
-                      <h5 className="h5-sm">
-                        <a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
-                      </h5>
-                      {/* Text */}
-                      <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
-                        congue 
-                      </p>
-                      {/* Post Meta */}
-                      <div className="post-meta">
-                        <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                        <p>8 min read</p>
-                      </div>	
-                    </div>	{/* END BLOG POST TEXT */}
-                  </div>
-                </div>	{/* END  BLOG POST #2 */}
-                {/* BLOG POST #3 */}
-                <div id="b-post-3" className="col-md-6 col-lg-4">
-                  <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">	
-                    {/* BLOG POST IMAGE */}
-                    <div className="blog-post-img">
-                      <img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
-                    </div>
-                    {/* BLOG POST TEXT */}
-                    <div className="blog-post-txt">
-                      {/* Post Tag */}
-                      <p className="p-md post-tag">Tutorials</p>	
-                      {/* Post Link */}
-                      <h5 className="h5-sm">
-                        <a href="single-post.html">Tempor sapien Float, donec gravida ipsum a porta justo</a>
-                      </h5>
-                      {/* Text */}
-                      <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
-                        congue 
-                      </p>
-                      {/* Post Meta */}
-                      <div className="post-meta">
-                        <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
-                        <p>22 min read</p>
-                      </div>	
-                    </div>	{/* END BLOG POST TEXT */}
-                  </div>
-                </div>	{/* END  BLOG POST #3 */}
-              </div>	{/* END BLOG POSTS */}
+              <BlogItems blogData={this.props.blogData} />
+            	{/* END BLOG POSTS */}
             </div>	   {/* End container */}		
           </section>	{/* END BLOG-1 */}
           {/* NEWSLETTER-1
diff --git a/src/svs/SiteService.js b/src/svs/SiteService.js
index 188d259..96888a1 100644
--- a/src/svs/SiteService.js
+++ b/src/svs/SiteService.js
@@ -8,7 +8,7 @@ class SiteService {
     }
     // Blog Data {Get}
     blogData() {
-        return this.getAuxEnd("/blogdata", null);
+        return this.getAuxEnd("/blogdata/10", null);
     }
 
     // Country Data {GET}