sticky navigation react code

1import React from "react"
2
3import "./Welcome.css"
4import Logo from "../../assets/images/logo.svg"
5import About from "./About"
6
7const Welcome = ({ element }) => {
8  return (
9    <main>
10      <section className="welcome">
11        <div ref={element}>
12          <img src={Logo} alt="logo" className="welcome--logo" />
13          <p>Even if you scroll, I will stick with you</p>
14          <button className="welcome__cta-primary">Contact us</button>
15        </div>
16      </section>
17      <About />
18    </main>
19  )
20}
21
22export default Welcome