diff --git a/client/index.html b/client/index.html
index 9a23c44..f63716a 100644
--- a/client/index.html
+++ b/client/index.html
@@ -51,12 +51,6 @@
-
-
-
diff --git a/client/src/component/Footer.jsx b/client/src/component/Footer.jsx
index de2ab2b..1a65a63 100644
--- a/client/src/component/Footer.jsx
+++ b/client/src/component/Footer.jsx
@@ -3,12 +3,13 @@ import PropTypes from 'prop-types';
import { Link } from 'react-router-dom';
import { FaXTwitter } from "react-icons/fa6";
import { FaGithub, FaLinkedin, FaYoutube } from 'react-icons/fa';
+import React, { useEffect, useState } from 'react';
-import React, { useEffect, useState } from "react";
const Footer = (props) => {
const [email, setEmail] = useState("");
const [message, setMessage] = useState("");
const [isError, setIsError] = useState(false); // Flag to handle message color
+ const [stars, setStars] = useState(0);
const handleSubscribe = async (e) => {
e.preventDefault();
@@ -78,6 +79,14 @@ const Footer = (props) => {
};
}, []);
+ useEffect(() => {
+ const fetchGitHubStars = async () => {
+ const response = await fetch('https://api.github.com/repos/Bitbox-Connect/Bitbox');
+ const data = await response.json();
+ setStars(data.stargazers_count);
+ };
+ fetchGitHubStars();
+ }, []);
return (
@@ -115,6 +124,41 @@ const Footer = (props) => {
)}
+
+
+
+
{/* Left section with branding and social icons */}