diff --git a/.env b/.env
new file mode 100644
index 0000000..ea1372f
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+ESLINT_NO_DEV_ERRORS=true
\ No newline at end of file
diff --git a/public/images/share-my-content.jpg b/public/images/share-my-content.jpg
new file mode 100644
index 0000000..de2bd9b
Binary files /dev/null and b/public/images/share-my-content.jpg differ
diff --git a/src/components/News/Blogs.js b/src/components/News/Blogs.js
index 5eaff75..2038cd5 100644
--- a/src/components/News/Blogs.js
+++ b/src/components/News/Blogs.js
@@ -1,72 +1,53 @@
 import React from 'react';
-import blogImg1 from '../../assets/images/blog/1.jpg';
-import blogImg2 from '../../assets/images/blog/2.jpg';
-import blogImg3 from '../../assets/images/blog/3.jpg';
-import blogImg4 from '../../assets/images/blog/4.jpg';
-import blogImg5 from '../../assets/images/blog/5.jpg';
-import blogImg6 from '../../assets/images/blog/6.jpg';
-import blogImg7 from '../../assets/images/blog/7.jpg';
-import blogImg8 from '../../assets/images/blog/8.jpg';
-
-import UseCaseData from './../../Services/UseCaseData';
+import BlogData from '../../Services/BlogData';
 
 function Blogs() {
 
-    const UseCaseDataResult  = UseCaseData();
+    const BlogDataResult = BlogData();
 
     return (
         <>
             <div className="row">
 
 
-            {
-                         UseCaseDataResult.map(i=>{
-                            var blgImg  = i.meta_value!=null?"https://blog.wrenchboard.com/wp-content/uploads/"+ i.meta_value : blogOne;
-                           return (  <div className="col-lg-4 col-md-6">
-                             <div
-                                 className="appie-blog-item mt-30 wow animated fadeInUp"
-                                 data-wow-duration="3000ms"
-                                 data-wow-delay="200ms"
-                             >
-                                 <div className="thumb">
-                                     <img src={blgImg} alt={i.post_title} />
-                                 </div>
-                                 <div className="content">
-                                     <div className="blog-meta">
-                                         <ul>
-                                             <li>{i.post_date}</li>
-                                         </ul>
-                                     </div>
-                                     <h3 className="title">
-                                         <a href={i.guid}>
+                {
+                    BlogDataResult.map(i => {
+                        var blgImg = i.meta_value != null ? "https://blog.wrenchboard.com/wp-content/uploads/" + i.meta_value : blogOne;
+                        return (<div className="col-lg-4 col-md-6">
+                            <div
+                                className="appie-blog-item mt-30 wow animated fadeInUp"
+                                data-wow-duration="3000ms"
+                                data-wow-delay="200ms"
+                            >
+                                <div className="thumb">
+                                    <img src={blgImg} alt={i.post_title} />
+                                </div>
+                                <div className="content">
+                                    <div className="blog-meta">
+                                        <ul>
+                                            <li>{i.post_date}</li>
+                                        </ul>
+                                    </div>
+                                    <h3 className="title">
+                                        <a href={i.guid}>
                                             {i.post_title}
-                                         </a>
-                                     </h3>
-                                     <a href={i.guid}>
-                                         Learn More <i className="fal fa-arrow-right" />
-                                     </a>
-                                 </div>
-                             </div>
-                         </div> );
+                                        </a>
+                                    </h3>
+                                    <a href={i.guid}>
+                                        Learn More <i className="fal fa-arrow-right" />
+                                    </a>
+                                </div>
+                            </div>
+                        </div>);
 
 
-                         })
-                     }
+                    })
+                }
+
 
 
-  
-            </div>
-            <div className="row">
-                <div className="col-lg-12">
-                    <div className="bisylms-pagination">
-                        <span className="current">01</span>
-                        <a href="#">02</a>
-                        <a className="next" href="#">
-                            next<i className="fal fa-arrow-right"></i>
-                        </a>
-                    </div>
-                </div>
             </div>
+
         </>
     );
 }