starBtn

package.json

@@ -19,6 +19,7 @@
     "next": "^14.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-github-btn": "^1.4.0",
     "react-hot-toast": "^2.4.1",
     "swr": "^2.2.4",
     "zustand": "^4.5.0"

public/css/style.css

@@ -234,4 +234,9 @@ footer p {
     width: 100%;
     text-align: center;
     font-size: 13px;
+}
+footer .starBtn {
+    float: right;
+    width: 100%;
+    margin-top: 6px;
 }

src/pages/index.tsx

@@ -16,6 +16,7 @@ import { allIps } from "~/consts";
 import { useUserIPInfo } from "~/hooks/useUserIPInfo";
 import { toast } from "react-hot-toast";
 import { useEffect, useState } from "react";
+import GitHubButton from 'react-github-btn';
 //import { useRouter } from 'next/router';
 const UserIP = dynamic(() => import("~/components/UserIP"), { ssr: false });
 
@@ -362,10 +363,14 @@ const Home: NextPage = () => {
           </a>
           , IRCF, VahidFarid, goldSrc
           <br />
+            <span dir="ltr" className={"starBtn"}>
+                <GitHubButton href="https://github.com/kiomarzsss/kscanner" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-show-count="true" aria-label="Star kiomarzsss/kscanner on GitHub">Star</GitHubButton>
+            </span>
+          <br />
         </footer>
       </div>
     </>
   );
 };
 
-export default Home;
+export default Home;