<!DOCTYPE html><html lang="en" class="scroll-smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/assets/photos/user/jonas.jpg" fetchPriority="high"/><link rel="preload" as="image" href="/assets/videos/thumbnails/kasakundavi.jpg" fetchPriority="high"/><link rel="preload" as="image" href="/assets/videos/thumbnails/hawaii-alex-smith.jpg" fetchPriority="high"/><link rel="preload" as="image" href="/assets/videos/thumbnails/blowupmedia.jpg" fetchPriority="high"/><link rel="preload" as="image" href="/assets/videos/thumbnails/mrge.jpg" fetchPriority="high"/><link rel="preload" as="image" href="/assets/videos/thumbnails/mvmt.jpg" fetchPriority="high"/><link rel="preload" as="image" href="/assets/videos/thumbnails/radio912.jpg" fetchPriority="high"/><link rel="preload" as="image" href="/assets/videos/thumbnails/sl.jpg" fetchPriority="high"/><link rel="preload" as="image" href="/assets/videos/thumbnails/vinature.jpg" fetchPriority="high"/><link rel="stylesheet" href="/_next/static/css/23c49b8025ea2afb.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/46d2f1b70d0e73f2.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-12011649d243664c.js"/><script src="/_next/static/chunks/fd9d1056-b11b2651f33aae7f.js" async=""></script><script src="/_next/static/chunks/117-bab493ac0625a878.js" async=""></script><script src="/_next/static/chunks/main-app-f1e2f05f66ca4fbd.js" async=""></script><script src="/_next/static/chunks/a63740d3-9e6662d76e7cfd35.js" async=""></script><script src="/_next/static/chunks/88-4ef4ed96d3659975.js" async=""></script><script src="/_next/static/chunks/429-6ee98364d7d1304e.js" async=""></script><script src="/_next/static/chunks/539-b96151853cab98fd.js" async=""></script><script src="/_next/static/chunks/app/page-35e22dba0a4a7f7b.js" async=""></script><script src="/_next/static/chunks/app/layout-0a308e71382c7e45.js" async=""></script><title>Jonas Dahlke | Filmmaker &amp; Cinematographer</title><meta name="description" content="Professional portfolio showcasing cinematic works, films, and commercial projects by Jonas Dahlke, an experienced filmmaker and cinematographer."/><meta name="keywords" content="Jonas Dahlke, filmmaker, cinematographer, director, portfolio, videography, film, cinema"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="48x48"/><meta name="next-size-adjust"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="__variable_f367f3 antialiased w-full overflow-x-hidden"><main><div class="film-grain"></div><header class="fixed top-0 left-0 w-full z-50 transition-all duration-300 navbar-transparent py-6"><div class="container-custom flex items-center justify-between"><a class="text-2xl font-bold text-white" href="/"><span class="text-[var(--primary)]">JD</span> FILMS</a><nav class="hidden md:block"><ul class="flex space-x-8"><li><a class="text-white hover:text-[var(--primary)] transition-colors uppercase text-sm tracking-wider" href="#home">home</a></li><li><a class="text-white hover:text-[var(--primary)] transition-colors uppercase text-sm tracking-wider" href="#about">about</a></li><li><a class="text-white hover:text-[var(--primary)] transition-colors uppercase text-sm tracking-wider" href="#portfolio">portfolio</a></li><li><a class="text-white hover:text-[var(--primary)] transition-colors uppercase text-sm tracking-wider" href="#contact">contact</a></li></ul></nav><button class="md:hidden text-white text-2xl focus:outline-none" aria-expanded="false" aria-label="Toggle navigation menu" aria-controls="mobile-menu"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button></div><div class="absolute bottom-0 left-0 w-full h-[2px] bg-transparent overflow-hidden"><div class="h-full bg-white" style="width:100%;transform:translateX(-100%);transition:transform 0.1s ease-out" aria-hidden="true"></div></div></header><section id="home" class="relative h-screen w-full overflow-hidden"><div class="relative w-full overflow-hidden "><div class="absolute inset-0 w-full h-full overflow-hidden"><iframe src="https://player.vimeo.com/video/1070417679?background=1&amp;autoplay=1&amp;loop=1&amp;byline=0&amp;title=0&amp;muted=1&amp;quality=1080p" class="absolute w-full h-full opacity-0 transition-opacity duration-1000" style="position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);min-width:100%;min-height:100%" allow="autoplay; fullscreen" frameBorder="0" aria-hidden="true"></iframe></div><div class="absolute inset-0 bg-black pointer-events-none" style="opacity:0.4"></div><div class="relative z-10"><div class="flex flex-col items-center justify-center h-screen text-center px-4 text-white"><div class="max-w-4xl mx-auto" style="opacity:0;transform:translateY(20px) translateZ(0)"><h1 class="heading-xl mb-4"><span class="block text-[var(--primary)]">JONAS DAHLKE</span>FILMMAKER &amp; CINEMATOGRAPHER</h1><p class="text-xl md:text-2xl mb-8 max-w-2xl mx-auto">Capturing stories through the lens with passion and innovation</p><div class="flex flex-col sm:flex-row gap-4 justify-center mt-8"><a class="btn-primary" href="#portfolio">View Work</a><a class="btn-outline" href="#contact">Get in Touch</a></div></div><div class="absolute bottom-8 left-1/2 transform -translate-x-1/2"><div class="flex flex-col items-center" style="opacity:0"><span class="text-white text-sm mb-2">Scroll Down</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12l7 7 7-7"></path></svg></div></div></div></div></div></section><div class="bg-image-wrapper"><section id="about" class="section-padding"><div class="container-custom"><div style="opacity:0;transform:translateY(20px) translateZ(0)"><h2 class="heading-lg text-center mb-16"><span class="text-[var(--primary)]">ABOUT</span> ME</h2></div><div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center"><div class="relative aspect-[4/5] w-full max-w-md mx-auto md:ml-0" style="opacity:0;transform:translateX(-30px) translateZ(0)"><div class="absolute inset-0 border-2 border-[var(--primary)] translate-x-4 translate-y-4 z-0"></div><div class="relative z-10 h-full w-full overflow-hidden content-overlay"><img alt="Jonas Dahlke - Filmmaker &amp; Cinematographer from Düsseldorf, Germany" fetchPriority="high" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/photos/user/jonas.jpg"/></div></div><div class="content-overlay p-6" style="opacity:0;transform:translateX(30px) translateZ(0)"><h3 class="text-2xl font-bold mb-4">Jonas Dahlke</h3><p class="text-lg text-gray-300 mb-6">Creative filmmaker, certified FPV drone pilot, and director of photography with over 10 years of experience in cinematic filmmaking, drone videography, and commercial productions across Germany and internationally.</p><div class="space-y-6"><div><h4 class="text-[var(--primary)] font-bold mb-2">VISION</h4><p class="text-gray-300">I approach each project with a distinctive visual style that blends classical cinematography techniques with innovative modern approaches. My work is characterized by thoughtful composition, dramatic lighting, and emotionally resonant storytelling.</p></div><div><h4 class="text-[var(--primary)] font-bold mb-2">EXPERIENCE</h4><p class="text-gray-300">From captivating documentary films to engaging social media videos for brands like Mercedes-Benz, Fujifilm, and Xiaomi, my diverse portfolio demonstrates versatility and consistent quality across genres. Born in Düsseldorf, Germany, I combine German precision with creative innovation, specializing in dynamic FPV drone cinematography that captures perspectives impossible to achieve with traditional methods.</p></div></div></div></div></div></section><section id="portfolio" class="section-padding"><div class="px-4 sm:px-8 lg:px-12"><div class="text-center mb-16 content-overlay py-8 rounded-lg" style="opacity:0;transform:translateY(20px) translateZ(0)"><h2 class="heading-lg mb-12"><span class="text-[var(--primary)]">FEATURED</span> WORK</h2><div class="flex flex-wrap justify-center gap-6 mb-8"><button class="px-8 py-3 rounded-md transition-all text-lg bg-[var(--primary)] text-white">All</button><button class="px-8 py-3 rounded-md transition-all text-lg bg-[var(--secondary)]/90 text-white hover:bg-[var(--secondary)]">Commercial</button><button class="px-8 py-3 rounded-md transition-all text-lg bg-[var(--secondary)]/90 text-white hover:bg-[var(--secondary)]">Documentary</button><button class="px-8 py-3 rounded-md transition-all text-lg bg-[var(--secondary)]/90 text-white hover:bg-[var(--secondary)]">Corporate</button></div></div><div class="grid grid-cols-1 md:grid-cols-2 gap-12 max-w-[2400px] mx-auto"><div style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="group relative overflow-hidden aspect-video cursor-pointer hover:shadow-2xl transition-all duration-300 hover:scale-[1.02] bg-black"><div class="absolute inset-0 z-10 transition-opacity duration-300 opacity-100"><img alt="Kasa Kundavi" fetchPriority="high" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/videos/thumbnails/kasakundavi.jpg"/></div><div class="absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-10 z-30"><div><span class="text-[var(--primary)] text-base uppercase tracking-wider">Commercial</span><h3 class="text-3xl font-bold text-white mt-3">Kasa Kundavi</h3><p class="text-gray-300 mt-3 text-lg line-clamp-2">A captivating commercial that showcases the essence of Kasa Kundavi, blending traditional values with modern storytelling.</p><div class="mt-6 flex items-center"><span class="text-white text-base mr-2">View Project</span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-[var(--primary)] w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></div></div></div></div></div><div style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="group relative overflow-hidden aspect-video cursor-pointer hover:shadow-2xl transition-all duration-300 hover:scale-[1.02] bg-black"><div class="absolute inset-0 z-10 transition-opacity duration-300 opacity-100"><img alt="Alex Smith" fetchPriority="high" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/videos/thumbnails/hawaii-alex-smith.jpg"/></div><div class="absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-10 z-30"><div><span class="text-[var(--primary)] text-base uppercase tracking-wider">Documentary</span><h3 class="text-3xl font-bold text-white mt-3">Alex Smith</h3><p class="text-gray-300 mt-3 text-lg line-clamp-2">An intimate documentary portrait capturing the journey and passion of Alex Smith.</p><div class="mt-6 flex items-center"><span class="text-white text-base mr-2">View Project</span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-[var(--primary)] w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></div></div></div></div></div><div style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="group relative overflow-hidden aspect-video cursor-pointer hover:shadow-2xl transition-all duration-300 hover:scale-[1.02] bg-black"><div class="absolute inset-0 z-10 transition-opacity duration-300 opacity-100"><img alt="Blowup Media" fetchPriority="high" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/videos/thumbnails/blowupmedia.jpg"/></div><div class="absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-10 z-30"><div><span class="text-[var(--primary)] text-base uppercase tracking-wider">Corporate</span><h3 class="text-3xl font-bold text-white mt-3">Blowup Media</h3><p class="text-gray-300 mt-3 text-lg line-clamp-2">A dynamic corporate video showcasing Blowup Media&#x27;s innovative approach to digital advertising.</p><div class="mt-6 flex items-center"><span class="text-white text-base mr-2">View Project</span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-[var(--primary)] w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></div></div></div></div></div><div style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="group relative overflow-hidden aspect-video cursor-pointer hover:shadow-2xl transition-all duration-300 hover:scale-[1.02] bg-black"><div class="absolute inset-0 z-10 transition-opacity duration-300 opacity-100"><img alt="MRGE" fetchPriority="high" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/videos/thumbnails/mrge.jpg"/></div><div class="absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-10 z-30"><div><span class="text-[var(--primary)] text-base uppercase tracking-wider">Commercial</span><h3 class="text-3xl font-bold text-white mt-3">MRGE</h3><p class="text-gray-300 mt-3 text-lg line-clamp-2">A sleek and modern commercial highlighting MRGE&#x27;s cutting-edge products and services.</p><div class="mt-6 flex items-center"><span class="text-white text-base mr-2">View Project</span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-[var(--primary)] w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></div></div></div></div></div><div style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="group relative overflow-hidden aspect-video cursor-pointer hover:shadow-2xl transition-all duration-300 hover:scale-[1.02] bg-black"><div class="absolute inset-0 z-10 transition-opacity duration-300 opacity-100"><img alt="MVMT" fetchPriority="high" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/videos/thumbnails/mvmt.jpg"/></div><div class="absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-10 z-30"><div><span class="text-[var(--primary)] text-base uppercase tracking-wider">Commercial</span><h3 class="text-3xl font-bold text-white mt-3">MVMT</h3><p class="text-gray-300 mt-3 text-lg line-clamp-2">A stylish commercial for MVMT watches, capturing the essence of modern lifestyle and fashion.</p><div class="mt-6 flex items-center"><span class="text-white text-base mr-2">View Project</span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-[var(--primary)] w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></div></div></div></div></div><div style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="group relative overflow-hidden aspect-video cursor-pointer hover:shadow-2xl transition-all duration-300 hover:scale-[1.02] bg-black"><div class="absolute inset-0 z-10 transition-opacity duration-300 opacity-100"><img alt="Radio 912" fetchPriority="high" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/videos/thumbnails/radio912.jpg"/></div><div class="absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-10 z-30"><div><span class="text-[var(--primary)] text-base uppercase tracking-wider">Commercial</span><h3 class="text-3xl font-bold text-white mt-3">Radio 912</h3><p class="text-gray-300 mt-3 text-lg line-clamp-2">An energetic commercial for Radio 912, bringing sound and visuals together in perfect harmony.</p><div class="mt-6 flex items-center"><span class="text-white text-base mr-2">View Project</span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-[var(--primary)] w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></div></div></div></div></div><div style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="group relative overflow-hidden aspect-video cursor-pointer hover:shadow-2xl transition-all duration-300 hover:scale-[1.02] bg-black"><div class="absolute inset-0 z-10 transition-opacity duration-300 opacity-100"><img alt="SL" fetchPriority="high" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/videos/thumbnails/sl.jpg"/></div><div class="absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-10 z-30"><div><span class="text-[var(--primary)] text-base uppercase tracking-wider">Commercial</span><h3 class="text-3xl font-bold text-white mt-3">SL</h3><p class="text-gray-300 mt-3 text-lg line-clamp-2">A compelling commercial that tells the story of SL through sophisticated cinematography.</p><div class="mt-6 flex items-center"><span class="text-white text-base mr-2">View Project</span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-[var(--primary)] w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></div></div></div></div></div><div style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="group relative overflow-hidden aspect-video cursor-pointer hover:shadow-2xl transition-all duration-300 hover:scale-[1.02] bg-black"><div class="absolute inset-0 z-10 transition-opacity duration-300 opacity-100"><img alt="Vinature" fetchPriority="high" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/videos/thumbnails/vinature.jpg"/></div><div class="absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-10 z-30"><div><span class="text-[var(--primary)] text-base uppercase tracking-wider">Commercial</span><h3 class="text-3xl font-bold text-white mt-3">Vinature</h3><p class="text-gray-300 mt-3 text-lg line-clamp-2">An artistic commercial for Vinature, celebrating the beauty of natural wine and sustainable practices.</p><div class="mt-6 flex items-center"><span class="text-white text-base mr-2">View Project</span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-[var(--primary)] w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></div></div></div></div></div></div></div></section></div><section id="brands" class="section-padding bg-[var(--secondary)]"><div class="container-custom"><div class="text-center mb-16 content-overlay p-8" style="opacity:0;transform:translateY(20px) translateZ(0)"><h2 class="heading-lg mb-4"><span class="text-[var(--primary)]">TRUSTED BY</span> BRANDS</h2><p class="text-gray-300 max-w-2xl mx-auto">Proud to have collaborated with these amazing companies on various projects</p></div><div class="mb-16 content-overlay p-6" style="opacity:0"></div><div class="content-overlay p-6" style="opacity:0"></div></div></section><section id="contact" class="section-padding bg-[var(--background)]"><div class="container-custom"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px) translateZ(0)"><h2 class="heading-lg mb-4"><span class="text-[var(--primary)]">GET IN</span> TOUCH</h2><p class="text-gray-300 max-w-2xl mx-auto">Interested in collaborating or have a project in mind? I&#x27;d love to hear from you.</p></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-12"><div style="opacity:0;transform:translateX(-30px) translateZ(0)"><div class="space-y-8"><div><h3 class="text-2xl font-bold mb-6">Let&#x27;s Create Something Together</h3><p class="text-gray-300 mb-8">I&#x27;m open to discussing new projects, creative ideas or opportunities to be part of your vision.</p></div><div class="space-y-6"><div class="flex items-start"><div class="text-[var(--primary)] mr-4 mt-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg></div><div><h4 class="font-bold text-white">Email</h4><p class="text-gray-300">info@jonasvision.com</p></div></div><div class="flex items-start"><div class="text-[var(--primary)] mr-4 mt-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div><h4 class="font-bold text-white">Location</h4><p class="text-gray-300">Worldwide</p></div></div></div><div><h4 class="font-bold text-white mb-4">Connect</h4><div class="flex space-x-4"><a href="https://instagram.com/jonesdahlke" target="_blank" rel="noopener noreferrer" class="bg-[var(--secondary)] hover:bg-[var(--primary)] text-white p-3 rounded-full transition-colors"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg></a><a href="https://youtube.com/jonesaway" target="_blank" rel="noopener noreferrer" class="bg-[var(--secondary)] hover:bg-[var(--primary)] text-white p-3 rounded-full transition-colors"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg></a><a href="https://de.linkedin.com/in/jonas-dahlke" target="_blank" rel="noopener noreferrer" class="bg-[var(--secondary)] hover:bg-[var(--primary)] text-white p-3 rounded-full transition-colors"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://twitter.com" target="_blank" rel="noopener noreferrer" class="bg-[var(--secondary)] hover:bg-[var(--primary)] text-white p-3 rounded-full transition-colors"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg></a></div></div></div></div><div style="opacity:0;transform:translateX(30px) translateZ(0)"><form class='bg-[var(--secondary)] p-8 rounded-lg' data-netlify-recaptcha='true' method='POST' name='contact'><input type="hidden" name="form-name" value="contact"/><p class="hidden"><label>Don&#x27;t fill this out if you&#x27;re human: <input name="bot-field"/></label></p><div class="space-y-6"><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div><label for="name" class="block text-white mb-2">Name</label><input type="text" id="name" required="" class="w-full px-4 py-3 bg-[var(--background)] border border-gray-700 rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--primary)] text-white" placeholder="Your name" name="name" value=""/></div><div><label for="email" class="block text-white mb-2">Email</label><input type="email" id="email" required="" class="w-full px-4 py-3 bg-[var(--background)] border border-gray-700 rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--primary)] text-white" placeholder="Your email" name="email" value=""/></div></div><div><label for="subject" class="block text-white mb-2">Subject</label><select id="subject" name="subject" required="" class="w-full px-4 py-3 bg-[var(--background)] border border-gray-700 rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--primary)] text-white"><option value="" selected="">Select a subject</option><option value="Project Inquiry">Project Inquiry</option><option value="Collaboration">Collaboration</option><option value="Job Opportunity">Job Opportunity</option><option value="General Inquiry">General Inquiry</option></select></div><div><label for="message" class="block text-white mb-2">Message</label><textarea id="message" name="message" required="" class="w-full px-4 py-3 bg-[var(--background)] border border-gray-700 rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--primary)] text-white h-32" placeholder="Your message"></textarea></div><div class='bg-[var(--background)] p-4 rounded-md'><script src='https://www.google.com/recaptcha/api.js'></script>
<div class='g-recaptcha' data-sitekey='6LdnkKEqAAAAAPvyqoRAmjXxvE6evlb5z-5Ol90Y'></div>
<noscript>
  <div>
  <div style="width: 302px; height: 422px; position: relative;">
  <div style="width: 302px; height: 422px; position: absolute;">
  <iframe src="https://www.google.com/recaptcha/api/fallback?k=6LdnkKEqAAAAAPvyqoRAmjXxvE6evlb5z-5Ol90Y" frameborder="0" scrolling="no"
    style="width: 302px; height:422px; border-style: none;">
  </iframe>
  </div>
  </div>
  <div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;">
    <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
      style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;" >
    </textarea>
  </div>
  </div>
</noscript>
</div><button type="submit" class="btn-primary w-full flex items-center justify-center"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="mr-2" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>Send Message</button></div></form></div></div></div></section><footer class="bg-[var(--secondary)] py-12 border-t border-gray-800"><div class="container-custom"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-8 md:mb-0 text-center md:text-left"><a class="text-2xl font-bold text-white inline-block mb-4" href="/"><span class="text-[var(--primary)]">JD</span> FILMS</a><p class="text-gray-400">© <!-- -->2025<!-- --> JDfilms. All rights reserved.</p><div class="flex flex-wrap gap-4 mt-2"><a class="text-gray-400 hover:text-[var(--primary)] transition-colors text-sm inline-block" href="/privacy/">Datenschutzerklärung</a><a class="text-gray-400 hover:text-[var(--primary)] transition-colors text-sm inline-block" href="/imprint/">Impressum</a><a class="text-gray-400 hover:text-[var(--primary)] transition-colors text-sm inline-block" href="/cookie-settings/">Cookie Settings</a></div></div><div class="mb-8 md:mb-0"><ul class="flex flex-wrap justify-center gap-6"><li><a class="text-gray-400 hover:text-[var(--primary)] transition-colors capitalize text-sm" href="#home">home</a></li><li><a class="text-gray-400 hover:text-[var(--primary)] transition-colors capitalize text-sm" href="#about">about</a></li><li><a class="text-gray-400 hover:text-[var(--primary)] transition-colors capitalize text-sm" href="#portfolio">portfolio</a></li><li><a class="text-gray-400 hover:text-[var(--primary)] transition-colors capitalize text-sm" href="#contact">contact</a></li></ul></div><button class="bg-[var(--background)] hover:bg-[var(--primary)] text-white p-3 rounded-full transition-colors" aria-label="Back to top"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg></button></div></div></footer></main><script src="/_next/static/chunks/webpack-12011649d243664c.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/css/23c49b8025ea2afb.css\",\"style\"]\n3:HL[\"/_next/static/css/46d2f1b70d0e73f2.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"4:I[2846,[],\"\"]\n6:I[3511,[\"502\",\"static/chunks/a63740d3-9e6662d76e7cfd35.js\",\"88\",\"static/chunks/88-4ef4ed96d3659975.js\",\"429\",\"static/chunks/429-6ee98364d7d1304e.js\",\"539\",\"static/chunks/539-b96151853cab98fd.js\",\"931\",\"static/chunks/app/page-35e22dba0a4a7f7b.js\"],\"default\"]\n7:I[9185,[\"502\",\"static/chunks/a63740d3-9e6662d76e7cfd35.js\",\"88\",\"static/chunks/88-4ef4ed96d3659975.js\",\"429\",\"static/chunks/429-6ee98364d7d1304e.js\",\"539\",\"static/chunks/539-b96151853cab98fd.js\",\"931\",\"static/chunks/app/page-35e22dba0a4a7f7b.js\"],\"default\"]\n8:I[9554,[\"502\",\"static/chunks/a63740d3-9e6662d76e7cfd35.js\",\"88\",\"static/chunks/88-4ef4ed96d3659975.js\",\"429\",\"static/chunks/429-6ee98364d7d1304e.js\",\"539\",\"static/chunks/539-b96151853cab98fd.js\",\"931\",\"static/chunks/app/page-35e22dba0a4a7f7b.js\"],\"default\"]\n9:I[6610,[\"502\",\"static/chunks/a63740d3-9e6662d76e7cfd35.js\",\"88\",\"static/chunks/88-4ef4ed96d3659975.js\",\"429\",\"static/chunks/429-6ee98364d7d1304e.js\",\"539\",\"static/chunks/539-b96151853cab98fd.js\",\"931\",\"static/chunks/app/page-35e22dba0a4a7f7b.js\"],\"default\"]\na:I[9927,[\"502\",\"static/chunks/a63740d3-9e6662d76e7cfd35.js\",\"88\",\"static/chunks/88-4ef4ed96d3659975.js\",\"429\",\"static/chunks/429-6ee98364d7d1304e.js\",\"539\",\"static/chunks/539-b96151853cab98fd.js\",\"931\",\"static/chunks/app/page-35e22dba0a4a7f7b.js\"],\"default\"]\nb:I[4790,[\"502\",\"static/chunks/a63740d3-9e6662d76e7cfd35.js\",\"88\",\"static/chunks/88-4ef4ed96d3659975.js\",\"429\",\"static/chunks/429-6ee98364d7d1304e.js\",\"539\",\"static/chunks/539-b96151853cab98fd.js\",\"931\",\"static/chunks/app/page-35e22dba0a4a7f7b.js\"],\"default\"]\nc:I[9078,[\"502\",\"static/chunks/a63740d3-9e6662d76e7cfd35.js\",\"88\",\"static/chunks/88-4ef4ed96d3659975.js\",\"429\",\"static/chunks/429-6ee98364d7d1304e.js\",\"539\",\"static/chunks/539-b96151853cab98fd.js\",\"931\",\"static/chunks/app/page-35e22dba0a4a7f7b.js\"],\"default\"]\nd:I[6109,[\"429\",\"static/chunks/429-6ee98364d7d1304e.js\",\"185\",\"static/chunks/app/layout-0a308e71382c7e45.js\"],\"default\"]\ne:I[4707,[],\"\"]\nf:I[6423,[],\"\"]\n11:I[1060,[],\"\"]\n12:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L4\",null,{\"buildId\":\"0HW3G0cCIRYcwYRW_9WKC\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L5\",[\"$\",\"main\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"film-grain\"}],[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"div\",null,{\"className\":\"bg-image-wrapper\",\"children\":[[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{}]]}],[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}]]}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/46d2f1b70d0e73f2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/23c49b8025ea2afb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L10\"],\"globalErrorComponent\":\"$11\",\"missingSlots\":\"$W12\"}]\n"])</script><script>self.__next_f.push([1,"10:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Jonas Dahlke | Filmmaker \u0026 Cinematographer\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Professional portfolio showcasing cinematic works, films, and commercial projects by Jonas Dahlke, an experienced filmmaker and cinematographer.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"Jonas Dahlke, filmmaker, cinematographer, director, portfolio, videography, film, cinema\"}],[\"$\",\"link\",\"5\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"48x48\"}],[\"$\",\"meta\",\"6\",{\"name\":\"next-size-adjust\"}]]\n5:null\n"])</script></body></html>