blog details page added

app/components/FooterHomeOne.js

@@ -118,7 +118,7 @@ function FooterHomeOne({ className }) {
                     </div>
                     <div className="row">
                         <div className="col-lg-12">
-                            <div className="footer-copyright d-flex align-items-center justify-content-between pt-2">
+                            <div className="footer-copyright d-lg-flex align-items-center justify-content-between pt-2">
                                 <div className="apps-download-btn">
                                     <ul>
                                         <li>

app/components/News/Blogs.js

@@ -3,6 +3,7 @@ import React, { useEffect, useState } from "react";
 import Link from "next/link";
 import blogOne from "../../assets/images/blog/1.jpg";
 import BlogData from "../../Services/BlogData";
+// import Image from "next/image";
 
 /**
  * Fetches blog data from an API and renders the blogs on the page.