https://www.johnroberts.design/contact

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><title>John Roberts</title><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="shortcut icon" href="/favicon.png"/><meta name="next-head-count" content="4"/><link rel="preload" href="/_next/static/media/b82e44c2523a2f39-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/4600aed679f540c7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4600aed679f540c7.css" data-n-g=""/><noscript data-n-css=""></noscript>

1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>

1<script src="/_next/static/chunks/webpack-ee7e63bc15b31913.js" defer=""></script>

1<script src="/_next/static/chunks/framework-2c79e2a64abdb08b.js" defer=""></script>

1<script src="/_next/static/chunks/main-dda1ec63a16662d1.js" defer=""></script>

1<script src="/_next/static/chunks/pages/_app-2c0895c4ee7fd726.js" defer=""></script>

1<script src="/_next/static/chunks/536-13585da7ba33b63f.js" defer=""></script>

1<script src="/_next/static/chunks/pages/contact-1a43871844c48e44.js" defer=""></script>

1<script src="/_next/static/_0MI_oZbBdsa69LbDXm2p/_buildManifest.js" defer=""></script>

1<script src="/_next/static/_0MI_oZbBdsa69LbDXm2p/_ssgManifest.js" defer=""></script>

1</head><body class="overflow-x-hidden"><div id="__next"><main class="flex min-h-screen flex-col items-center __className_7fd0dc"><div class="z-50 top-0 w-full bg-[#1B1B1B]"><div class="max-w-screen-2xl  mx-auto"><div class="px-6 w-full h-16 flex items-center relative transition-all justify-between sm:justify-start"><h1 class=" text-4xl font-bold sm:text-5xl">John Roberts</h1><div class="absolute  sm:hidden z-10 right-4"><div class="hamburger-react" aria-expanded="false" role="button" style="cursor:pointer;height:48px;position:relative;transition:0.4s cubic-bezier(0, 0, 0, 1);user-select:none;width:48px;outline:none;transform:none" tabindex="0"><div style="transition:0.2s cubic-bezier(0, 0, 0, 1) 0.2s;transform:none"><div style="background:currentColor;height:3px;left:8px;position:absolute;border-radius:9em;width:32px;top:13px;transition:0.2s cubic-bezier(0, 0, 0, 1) 0s;transform:none"></div></div><div style="transition:0.2s cubic-bezier(0, 0, 0, 1);opacity:1"><div style="background:currentColor;height:3px;left:8px;position:absolute;border-radius:9em;width:32px;top:23px;transition:0.2s cubic-bezier(0, 0, 0, 1)"></div></div><div style="transition:0.2s cubic-bezier(0, 0, 0, 1) 0.2s;transform:none"><div style="background:currentColor;height:3px;left:8px;position:absolute;border-radius:9em;width:32px;top:33px;transition:0.2s cubic-bezier(0, 0, 0, 1) 0s;transform:none"></div></div></div></div></div></div></div><div class="hidden sm:flex sticky top-0 z-20 w-full h-8 gap-7 items-center justify-center bg-black font-semibold pr-4 md:justify-end "><a href="/"><div class="text-[var(--fg)] hover:text-red-500  transition-all ease-in-out duration-200 ">Home</div></a><a href="/photography"><div class="text-[var(--fg)] hover:text-red-500  transition-all ease-in-out duration-200 ">Photography</div></a><a href="/designs"><div class="text-[var(--fg)] hover:text-red-500  transition-all ease-in-out duration-200 ">Designs</div></a><a href="/editorial"><div class="text-[var(--fg)] hover:text-red-500  transition-all ease-in-out duration-200 ">Editorial</div></a><a href="/video"><div class="text-[var(--fg)] hover:text-red-500  transition-all ease-in-out duration-200 ">Video</div></a><a href="/contact"><div class="text-red-500 hover:text-red-500  transition-all ease-in-out duration-200 ">Contact</div></a></div><div class="w-full  mx-auto max-w-screen-2xl " style="opacity:0"><div style="opacity:1"><h1 class="text-center py-6 text-4xl font-extrabold">Contact</h1><form class="flex flex-col max-w-3xl mx-auto px-4"><p class="text-red-500 text-sm font-semibold relative top-5 left-40"></p><div><label class="font-semibold">NAME*</label><input class="flex h-10 w-full rounded-md border border-input bg-[#999999] px-3 py-2 mb-4 mt-2 text-sm font-semibold text-white ring-offset-background placeholder:text-white placeholder:text-opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" type="text" name="fullName" id="name" placeholder="Your Name Here"/></div><p class="text-red-500 text-sm font-semibold relative top-5 left-40"></p><div><label class="font-semibold">EMAIL*</label><input class="flex h-10 w-full rounded-md border border-input bg-[#999999] px-3 py-2 mb-4 mt-2 text-sm font-semibold text-white ring-offset-background placeholder:text-white placeholder:text-opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" type="email" name="email" id="email" placeholder="Your Email Address Here"/></div><p class="text-red-500 text-sm font-semibold relative top-5 left-40"></p><div><label class="font-semibold" for="message">YOUR INQUIRY*</label><textarea class="flex w-full rounded-md border border-input bg-[#999999] px-3 py-2 mb-4 mt-2 text-sm font-semibold text-white ring-offset-background placeholder:text-white placeholder:text-opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" name="message" rows="5" id="message" placeholder="PLEASE BE AS DETAILED AS POSSIBLE IN YOUR MESSAGE!"></textarea></div><button type="submit" class="w-40 inline-flex items-center justify-center rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background bg-[var(--fg)] text-black font-bold text-lg py-2 px-4 mx-auto">SUBMIT</button></form></div></div><div class="flex justify-center pt-6 pb-16 gap-4"><a href="https://www.linkedin.com/in/john-roberts-1b5ba23a/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="hover:text-[var(--fg)] text-gray-400" height="56" width="56" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a><a href="https://www.instagram.com/johnwillumroberts/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="hover:text-[var(--fg)] text-gray-400" height="56" width="56" xmlns="http://www.w3.org/2000/svg"><path d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67Z

1M224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z"></path></svg></a></div></main></div>

1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/contact","query":{},"buildId":"_0MI_oZbBdsa69LbDXm2p","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>

1</body></html>