service added

src/pages/FloatHome.js

@@ -15,6 +15,15 @@ import Assistant from '../pages/assests/images/assistant (2).ico'
 
 
 class FloatHome 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>
@@ -1041,6 +1050,36 @@ class FloatHome extends React.Component {
               </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">	
@@ -1122,6 +1161,7 @@ class FloatHome extends React.Component {
                     </div>	{/* END BLOG POST TEXT */}
                   </div>
                 </div>	{/* END  BLOG POST #3 */}
+
               </div>	{/* END BLOG POSTS */}
             </div>	   {/* End container */}		
           </section>	{/* END BLOG-1 */}