renamed to HomePage

src/App.jsx

@@ -1,13 +1,13 @@
 import { Navbar, Footer } from "./components";
-import { ProjectsPage, Home } from "./pages";
+import { ProjectsPage, HomePage } from "./pages";
 import { Route, Routes, Navigate } from "react-router-dom";
 
 function App() {
   return (
-    <div className="bg-secondary text-white">
+    <div className=" text-white">
       <Navbar />
       <Routes>
-        <Route exact path="/" element={<Home />} />
+        <Route exact path="/" element={<HomePage />} />
         <Route path="ProjectsPage" element={<ProjectsPage />} />
         <Route path="/*" element={<Navigate to={"/"} />} />
       </Routes>

src/pages/Home.jsx → src/pages/HomePage.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Link } from "react-router-dom";
 
-const Home = () => {
+const HomePage = () => {
   return (
     <section>
       <div className="mx-auto max-w-screen-xl px-4 py-20 lg:flex my-28 lg:items-center ">
@@ -42,4 +42,4 @@ const Home = () => {
   );
 };
 
-export default Home;
+export default HomePage;

src/pages/index.js

@@ -1,4 +1,3 @@
 import ProjectsPage from "./ProjectsPage";
-import Home from "./Home";
-
-export { ProjectsPage, Home };
+import HomePage from "./HomePage";
+export { ProjectsPage, HomePage };