import { Card } from "@/components/ui/card"; import { Montserrat, Playfair_Display } from "next/font/google"; import { motion, AnimatePresence } from "framer-motion"; import Link from "next/link"; import Image from "next/image"; import React from "react"; import Head from 'next/head'; const playfair = Playfair_Display({ subsets: ["latin"], display: "swap", variable: "--font-playfair", }); const montserrat = Montserrat({ subsets: ["latin"], variable: "--font-montserrat", }); const MotionCard = motion(Card); const focusStyles = ` focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black `; export default function Home() { const [isScrolled, setIsScrolled] = React.useState(false); const [isMenuVisible, setIsMenuVisible] = React.useState(false); const lastScrollY = React.useRef(0); React.useEffect(() => { const updateScroll = () => { const currentScrollY = window.scrollY; setIsScrolled(currentScrollY > 100); if (currentScrollY === 0) { setIsMenuVisible(false); return; } if (currentScrollY < lastScrollY.current && currentScrollY > 100) { setIsMenuVisible(true); } else if (currentScrollY > lastScrollY.current) { setIsMenuVisible(false); } lastScrollY.current = currentScrollY; }; window.addEventListener('scroll', updateScroll); updateScroll(); return () => window.removeEventListener('scroll', updateScroll); }, []); const scrollToTop = () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }; const scrollToSection = (sectionId: string) => { const element = document.getElementById(sectionId); if (element) { element.scrollIntoView({ behavior: 'smooth' }); } }; return ( <> Johannes Behrens - International Model Skip to main content
Johannes Behrens
scrollToSection('about')} whileHover={{ scale: 1.02 }} transition={{ duration: 0.2 }} aria-label="Go to about section" role="menuitem" tabIndex={0} > About scrollToSection('portfolio')} whileHover={{ scale: 1.02 }} transition={{ duration: 0.2 }} aria-label="Go to portfolio section" role="menuitem" > Portfolio scrollToSection('contact')} whileHover={{ scale: 1.02 }} transition={{ duration: 0.2 }} aria-label="Go to contact section" role="menuitem" > Contact
International Model
Johannes Behrens

Based in

Hamburg

Height

183 cm

Bookings

Worldwide

Commercial • Fitness

Scroll
About With a versatile athletic background and a strong stage presence as a drummer, I bring dynamic and charismatic energy to every project. Reliable, adaptable, and passionate about delivering outstanding results.
Measurements

Height

183 cm

Chest

95 cm

Waist

73 cm

Hip

88 cm

Suit Size

48

Shoe Size

45

Features

Brown Eyes

Brown Hair
Categories Modeling Services

Commercial

Product campaigns, lifestyle shoots, and brand representation with a focus on authentic engagement and natural presence.

Fitness

Athletic wear, sports campaigns, and dynamic movement shoots showcasing strength and functional fitness.

Editorial

Fashion editorials, magazine features, and artistic collaborations with a focus on storytelling and style.

Portfolio Selected Work
{[1, 2, 3, 4, 5, 6].map((index) => ( {`Portfolio ))}
Contact

Email

contact@johannesbehrens.com

Based in

Hamburg, Germany

Agency

Model Management

Social

Instagram LinkedIn
); }