diff --git a/client/package-lock.json b/client/package-lock.json
index 6f53dec..8dc078b 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -6573,7 +6573,8 @@
},
"node_modules/react": {
"version": "18.3.1",
- "license": "MIT",
+ "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+ "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
"dependencies": {
"loose-envify": "^1.1.0"
},
diff --git a/client/src/App.jsx b/client/src/App.jsx
index e8d4f2c..facb8b3 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -18,6 +18,7 @@ import ProjectState from "./context/ProjectState";
import ProfileState from "./context/ProfileState";
import CodeOfConduct from "./component/Footers/Codeofconduct";
import Feedback from "./component/Footers/Feedback";
+import Faqsec from "./component/Faqsec"
import ContactUs from "./component/Footers/Contactus";
import PrivacyPolicy from "./component/Footers/Privacypolicy";
import TermOfUse from "./component/Footers/TermOfUse";
@@ -153,6 +154,7 @@ function App() {
} />
} />
} />
+ } />
} />
diff --git a/client/src/assets/images/vector-faq-frequently-asked-questions.png b/client/src/assets/images/vector-faq-frequently-asked-questions.png
new file mode 100644
index 0000000..f3f245b
Binary files /dev/null and b/client/src/assets/images/vector-faq-frequently-asked-questions.png differ
diff --git a/client/src/component/Faqsec.jsx b/client/src/component/Faqsec.jsx
new file mode 100644
index 0000000..bfd6e40
--- /dev/null
+++ b/client/src/component/Faqsec.jsx
@@ -0,0 +1,54 @@
+import { useState } from 'react';
+import faqimage from "../assets/images/vector-faq-frequently-asked-questions.png"
+const FAQSection = () => {
+ const [activeIndex, setActiveIndex] = useState(null);
+
+ const faqs = [
+ { question: "What is Bitbox?", answer: "Bitbox is a collaborative platform for developers to share and find solutions to coding projects, enhancing project development and troubleshooting." },
+ { question: "Who can use Bitbox?", answer: "Bitbox is suitable for developers, students, and tech enthusiasts seeking collaboration on coding projects or guidance." },
+ { question: "How can I submit a project on Bitbox?", answer: "Sign up and click 'Submit Project' to share details and engage with the community." },
+ { question: "Is Bitbox free to use?", answer: "Yes, Bitbox is currently free for project submission and collaboration." },
+ { question: "Can I get feedback on my code?", answer: "Yes, community members can provide feedback and suggestions on projects." },
+ { question: "What types of projects are welcome on Bitbox?", answer: "All coding projects across languages and frameworks are welcome on Bitbox." },
+ { question: "How do I report inappropriate content?", answer: "Click the 'Report' button on any content, and our moderators will review it." },
+ { question: "Can I connect with other users?", answer: "Yes, you can comment on projects and join discussions to collaborate." },
+ { question: "Is Bitbox limited to specific programming languages?", answer: "No, Bitbox supports projects in various programming languages and frameworks." },
+ { question: "How do I stay updated on new projects?", answer: "Sign up for notifications or follow popular projects for updates on the latest content." }
+];
+
+
+ const handleToggle = (index) => {
+ setActiveIndex(activeIndex === index ? null : index);
+ };
+
+ return (
+