const [menuOpen, setMenuOpen] = useState(false);
const [isMobile, setIsMobile] = useState(false);
useEffect(() => {
  const handleResize = () => {
    const mobile = window.innerWidth <= 768;
    setIsMobile(mobile);
  };
  handleResize();
  window.addEventListener("resize", handleResize);
  return () => window.removeEventListener("resize", handleResize);
}, []);

export const metadata: Metadata = {
  title: "Ben Kedem | Front End Developer",
  description: "Portfolio showcasing projects",
  keywords: ["React", "Next.js", "Portfolio"],
  authors: [{ name: "Ben Kedem" }],
  openGraph: {
    title: "Ben Kedem | Front End Developer",
    type: "website",
    locale: "en_US",
  },
};

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  overflow-x: hidden;
  background-color: $grey;
  color: $black;
  font-family: $font-abel;
}
h1, h2, h3 {
  font-family: $font-teko;
  text-transform: uppercase;
}

BEN KEDEM

front end developer

+++

// who am i

ABOUT

I'm a front-end developer who turns ideas into interactive, polished web experiences. I work with Next.js, SCSS, Three.js, and GSAP - tools that let me push pixels and performance as far as they'll go.

I got into development because I've always been drawn to creative work. Building websites is where design meets logic - and that's where I thrive.

When I'm not coding, I enjoy reading, gardening, cooking, or baking. I bring the same attention to detail to everything I do.

+++