diff --git a/src/components/pages/Service.jsx b/src/components/pages/Service.jsx
index eb339b5..76e744c 100644
--- a/src/components/pages/Service.jsx
+++ b/src/components/pages/Service.jsx
@@ -1,16 +1,19 @@
 import React from "react";
 import NavBar from "../NavBar";
-// import DeployForm from "./DeployForm";
 import ProjectsPage from "./ProjectsPage";
 import Footer from "../Footer";
+import { useLocation, useNavigate } from "react-router-dom";
 
 const Service = () => {
+    const location = useLocation();
+    
+    // Handle GitHub OAuth callback
+    const code = new URLSearchParams(location.search).get('code');
+    
     return (
         <>
-
-            <div style={{ marginTop: "70px" }}> {/* Adjust based on NavBar height */}
-                {/* <DeployForm />  we will go at this form after deploy buttin on projects page now make projects page */}
-                <ProjectsPage />
+            <div style={{ marginTop: "70px" }}>
+                <ProjectsPage githubCode={code} />
             </div>
         </>
     );