{"size": 1805, "ext": "js", "max_stars_repo_path": "Client/src/Components/headersection/headsect.js", "max_stars_repo_name": "arihantj13/News-Aggregator", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "Client/src/Components/headersection/headsect.js", "max_issues_repo_name": "arihantj13/News-Aggregator", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "Client/src/Components/headersection/headsect.js", "max_forks_repo_name": "arihantj13/News-Aggregator", "max_forks_repo_forks_event_min_datetime": "2022-02-11T15:43:55.000Z", "max_forks_repo_forks_event_max_datetime": "2022-02-11T15:43:55.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 26.9402985075, "max_line_length": 78, "alphanum_fraction": 0.420498615}
import React from "react";
import "./headsect.css";
import logo from "../../Images/logo.png";
import { useNavigate } from "react-router-dom";

const Headsect = () => {
  const navigate = useNavigate();
  return (
    <>
      <div className="outee ">
        <nav>
          <img className="img-nav" src={logo} alt="" width="50" height="50" />
          <div>
          <button
              className="buttonn btn btn-outline-white m-2 my-sm-0"
              type="submit"
              onClick={() => {
                navigate("/ourteam");
              }}
            >
              TEAM
            </button>
            <button
              className="buttonn btn btn-outline-white m-2 my-sm-0"
              type="submit"
              onClick={() => {
                navigate("/login");
              }}
            >
              LOGIN
            </button>
            <button
              className="btn btn-outline-white m-2 my-sm-0 buttonn"
              type="submit"
              onClick={() => {
                navigate("/signup");
              }}
            >
              REGISTER
            </button>
          </div>
        </nav>
        <header className="header container">
          <div className="left-content">
            <p className="stay-home">NEWS AGGREGATOR!!</p>
            <h1>be a part of us</h1>
            <p></p>
            <p className="para">
              That's what we need right now. Lorem ipsum dolor sit amet
              consectetur, adipisicing elit. Aliquam, corporis.
            </p>
            <button
              onClick={() => {
                navigate("/signup");
              }}
            >
              JOIN US
            </button>
          </div>
        </header>
      </div>
    </>
  );
};

export default Headsect;
