-
-
- -
-
- Success stories
-
-
- -
-
- Partners
-
-
- -
-
+
-
-
+
+
);
-}
\ No newline at end of file
+}
diff --git a/client/src/components/Home.jsx b/client/src/components/Home.jsx
index 5f6c801..63e6202 100644
--- a/client/src/components/Home.jsx
+++ b/client/src/components/Home.jsx
@@ -1,31 +1,145 @@
+/*eslint-disable*/
import React from "react";
-import Navbar from "../components/Navbar.jsx";
-import Footer from "../components/Footer.jsx";
-import HP1 from "../assets/Img11.png";
+import { Link } from "react-router-dom";
+import PatterImg from "../assets/pattern_react.png"
+import Navbar from "./Navbar";
+import Footer from "./Footer";
-function Home() {
+export default function Home() {
return (
<>
-
-
-
-
- Welcome to XYZ!
-
-
- Join the open source movement and make a difference. Learn how to contribute, find a mentor, and start making your impact today.
-
-
+
+
+
+
+
+ Welcome to XYZ!
+
+
+ Join the open source movement and make a difference. Learn how to contribute, find a mentor, and start making your impact today.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- Let's Explore!
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+ Learn new skills and technologies
+
+
+ Open source projects are a great way to learn new programming languages, frameworks, and libraries. You can also learn about best practices in software development and collaboration.
+
+
+
+
+
+
+
+
+
+ Gain experience and build a portfolio
+
+
+ Contributing to open source projects is a great way to gain experience working on real-world software. This experience can be valuable when applying for jobs or starting your own business.
+
+
+
+
+
+
+
+
+
+
+
Connect with other developers
+
+ Open source communities are a great way to meet and connect with other developers from all over the world. This can lead to new friendships, collaborations, and job opportunities.
+
+
+
+
+
+
+
+
+
+ Make a difference
+
+
+ Open source software is used by billions of people around the world. By contributing to open source projects, you can help to make the world a better place.
+
+
+
+
+
+
+
+
+
+
);
}
-
-export default Home;
diff --git a/client/src/components/Navbar.jsx b/client/src/components/Navbar.jsx
index d02f77b..522ab49 100644
--- a/client/src/components/Navbar.jsx
+++ b/client/src/components/Navbar.jsx
@@ -1,66 +1,54 @@
+/*eslint-disable*/
import React from "react";
import { Link } from "react-router-dom";
+// components
-export default function Navbar() {
+import Dropdown from "./Dropdown.jsx";
+
+export default function Navbar(props) {
+ const [navbarOpen, setNavbarOpen] = React.useState(false);
return (
<>
-