updated navbar some and anchors

src/components/Hero.css

@@ -24,10 +24,6 @@
   max-width: 42rem;
 }
 
-.ethlogo {
-  max-height: 16rem;
-}
-
 .arrow {
   margin: 1rem auto;
   text-align: center;

src/components/Hero.tsx

@@ -1,4 +1,3 @@
-import logo from '../images/pse-logo.svg';
 import arrow from '../images/arrow.svg';
 import discord from '../images/discord.svg';
 import twitter from '../images/twitter.svg';
@@ -6,8 +5,7 @@ import './Hero.css';
 
 function Hero() {
   return (
-    <div className="hero">
-      <img src={logo} alt="eth pse logo" className="pselogo" />
+    <div id="top" className="hero">
       <div className="intro h-100 p-3 bg-light-purple border border-5 border-dark">
         <h1 className="pt-3 pb-4">Welcome to Privacy & Scaling Explorations</h1>
         <p>

src/components/Navbar.tsx

@@ -1,12 +1,24 @@
 import { Link } from 'react-router-dom'
+import logo from '../images/pse-logo.svg';
 import './Navbar.css'
 
 function Navbar() {
   return (
-    <nav className="nav-buttons mb-5">
-      <Link to="/"  className="btn bg-green box-shadow">Projects</Link>
-      <Link to="/team" className="btn bg-aqua box-shadow">Team</Link>
-      <Link to="/about" className="btn bg-pink box-shadow">About Us</Link>
+    <nav className="navbar mb-5">
+      <div className="container-fluid">
+        <div>
+          <Link to="#top" className="btn bg-green box-shadow">About</Link>
+          <Link to="#Projects" className="btn bg-pink box-shadow">Projects</Link>
+          <Link to="#Team" className="btn bg-aqua box-shadow">Team</Link></div>
+        <div>
+          <a className="navbar-brand" href="#">
+            <img src={logo} alt="pse logo" className="pselogo" />
+          </a>
+        </div>
+        <div>
+
+        </div>
+      </div>
     </nav>
   )
 }

src/components/Projects.tsx

@@ -8,7 +8,7 @@ function Projects() {
   let [cards] = useState<any[]>([CreateCards(ProjectData, true)]);
 
   return (
-    <div className="ProjectsSection">
+    <div id="Projects">
       <h1 className="ProjectTitle mb-4 mt-5">What we are working on</h1>
       <p>Explore how we integrate ZK primitives into decentralized applications</p>
       <div className="Cards">{cards}</div>

src/components/Team.tsx

@@ -8,7 +8,7 @@ function Teams() {
   let [cards] = useState<any[]>([CreateCards(TeamData, true)]);
 
   return (
-    <div className="TeamsSection">
+    <div id="Team">
       <h1 className="TeamTitle mb-4 mt-5">Members</h1>
       <p>PSE is a team of 50 members, below you can find some of our team member's information.</p>
       <div className="Cards">{cards}</div>