/* eslint-disable */

const Footer = () => (
  <footer className="site-footer">
    <div className="container row">
      <div className="word">rphlimacosta</div>
      <div className="meta">
        © 2026 raphael lima costa<br/>
        são paulo · −23.55 / −46.63<br/>
        <a href="mailto:oi@rphlimacosta.com">oi@rphlimacosta.com</a> · <a href="#">/in/rphlimacosta</a>
      </div>
    </div>
  </footer>
);

const App = () => {
  const [active, setActive] = React.useState("sobre");
  const jump = (id) => {
    setActive(id);
    const el = document.getElementById(id);
    if (el) {
      window.scrollTo({ top: el.offsetTop - 72, behavior: "smooth" });
    }
  };
  return (
    <>
      <Header active={active} onJump={jump} />
      <Hero />
      <About />
      <Services />
      <Portfolio />
      <Contact />
      <Footer />
    </>
  );
};

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<App />);