index.js

import { createRoot } from 'react-dom/client'
import react_logo from './react-logo.png'
import './index.css'

function Header() {
  return (
    <header>
      <nav className="nav">
        <img className="nav-logo" src={react_logo}/>
        <ul className="nav-items">
                    <li>What's dope</li>
          <li>omegalol</li>
          <li>support ukraine</li>
        </ul>
      </nav>
    </header>
  )
}

function Content() {
  return (
    <div className="content">
      <h1 className="content-title">Hire me as a React developer I'm pro</h1>
      <div className="content-main">
        <ul>
          <li>Look at these skills</li>
          <li>What more can you ask</li>
          <li>9001$ per website</li>
        </ul>
      </div>
    </div>
  )
}

function Footer() {
  return (
    <footer className="footer">
      <small>Don't forget to smile :)</small>
    </footer>
  )
}

function Page() {
  return (
    <div className="page">
      <Header/>
      <Content/>
      <Footer/>
    </div>
  )
}

const root = createRoot(document.getElementById('root'))
root.render(<Page/>)