Laracon 2025

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Laracon 2025</title> <meta name="description" content="The flagship Laravel conference." />  <meta property="og:type" content="website" /> <meta property="og:url" content="https://laracon.us" /> <meta property="og:title" content="Laracon 2025" /> <meta property="og:description" content="The flagship Laravel conference." /> <meta property="og:image" content="https://laracon.us/images/2025/laracon-social-share.png" />  <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://laracon.us" /> <meta property="twitter:title" content="Laracon 2025" /> <meta property="twitter:description" content="The flagship Laravel conference." /> <meta property="twitter:image" content="https://laracon.us/images/2025/laracon-social-share.png" />  <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png" /> <link rel="manifest" href="/images/favicon/site.webmanifest" /> <link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#ff2d20" /> <link rel="shortcut icon" href="/images/favicon/favicon.ico" /> <meta name="msapplication-TileColor" content="#ff2d20" /> <meta name="msapplication-config" content="/images/favicon/browserconfig.xml" /> <meta name="theme-color" content="#ffffff" /> <meta name="color-scheme" content="light" /> <link rel="preload" as="style" href="https://laracon.us/build/assets/app-dbe6b3a9.css" /><link rel="modulepreload" href="https://laracon.us/build/assets/app-0acf91f1.js" /><link rel="stylesheet" href="https://laracon.us/build/assets/app-dbe6b3a9.css" data-navigate-track="reload" /><script type="module" src="https://laracon.us/build/assets/app-0acf91f1.js" data-navigate-track="reload"></script> </head> <body class="bg-noise min-h-screen bg-white font-sans text-black antialiased"> <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 h-[2000px] w-[472px] overflow-clip opacity-40 md:opacity-100" > <svg class="w-[472px]" width="472" height="1399" viewBox="0 0 472 1399" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_f_101_1250)"> <circle cx="636" cy="763" r="332" fill="#F9332B" /> </g> <g filter="url(#filter1_f_101_1250)"> <circle cx="480" cy="475" r="261" fill="#F98E2B" /> </g> <defs> <filter id="filter0_f_101_1250" x="0" y="127" width="1272" height="1272" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="152" result="effect1_foregroundBlur_101_1250" /> </filter> <filter id="filter1_f_101_1250" x="5" y="0" width="950" height="950" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="107" result="effect1_foregroundBlur_101_1250" /> </filter> </defs> </svg> </div> <div class="relative overflow-x-hidden"> <div class="relative mx-auto max-w-screen-xl px-6 pt-6 lg:pt-16"> <div class="flex text-black items-start justify-between gap-10 lg:items-center"> <p class="hidden font-sans tracking-widest md:block lg:text-lg"> The flagship Laravel conference <br /> of the year. </p> <nav class="flex flex-col gap-2 font-sans-mono uppercase tracking-[6%] md:items-end md:gap-4 lg:flex-row lg:items-center lg:text-xl xl:gap-10" > <a href="#speakers" class="rounded transition hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white" > On Stage </a> <a href="#neighborhood" class="rounded transition hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white" > Neighborhood </a> <a href="#sponsors" class="rounded transition hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white" > Sponsors </a> <a href="https://buytickets.at/laravel/1540707" class="flex items-center gap-2 whitespace-nowrap rounded text-black transition hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white" > <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none"> <path fill="#FF2D20" d="m12.162 0 .206 5.55a6.486 6.486 0 0 0 6.245 6.241l5.711.209-5.711.209a6.487 6.487 0 0 0-6.245 6.242L12.162 24l-.206-5.55a6.487 6.487 0 0 0-6.245-6.241L0 12l5.711-.209a6.486 6.486 0 0 0 6.245-6.242L12.162 0Z" /> <path fill="#FF2D20" d="m18.162 1.608-2.596 4.908a6.487 6.487 0 0 0 2.287 8.529l4.842 3.036-5.05-2.675a6.486 6.486 0 0 0-8.53 2.283l-2.953 4.703 2.597-4.908A6.486 6.486 0 0 0 6.47 8.955L1.63 5.92 6.68 8.594a6.487 6.487 0 0 0 8.53-2.283l2.952-4.703Z" /> <path fill="#FF2D20" d="M22.555 6 17.85 8.953a6.487 6.487 0 0 0-2.283 8.53l2.675 5.05-3.036-4.842a6.487 6.487 0 0 0-8.528-2.288L1.769 18l4.704-2.953a6.486 6.486 0 0 0 2.283-8.53l-2.675-5.05L9.118 6.31a6.487 6.487 0 0 0 8.528 2.288L22.555 6Z" /> </svg> <span>Buy Tickets</span> </a> </nav> </div> <h1 class="-ml-3 mt-12 font-display text-[160px]/[100px] text-red-600 sm:text-[220px]/[120px] md:text-[360px]/[200px] lg:mt-24 lg:text-[486px]/[240px]" > Laracon </h1> <div class="mt-10 flex w-full flex-col items-stretch justify-between gap-16 lg:mt-24 lg:flex-row lg:items-start" > <div class="max-w-md flex-1 md:border-t md:border-red-600 md:pt-10"> <div class="w-full" > <a href="https://buytickets.at/laravel/1540707" class="inline-flex items-center justify-center bg-red-600 px-8 py-7 font-sans-mono text-xl text-white hover:bg-red-600/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50" > Buy tickets </a> </div> <div class="mt-10 flex items-start gap-5"> <svg aria-hidden="true" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M3.75 13.125C3.75 6.875 8.75 2.5 15 2.5s11.25 4.375 11.25 10.625C26.25 22.94 17.5 27.5 15 27.5S3.75 22.94 3.75 13.125Z" stroke="currentColor" stroke-width="1.5" /> <path d="M18.75 13.75a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" stroke="currentColor" stroke-width="1.5" /> </svg> <span class="sr-only">Location</span> <div> <p class="text-xl">Denver, CO</p> <p>The Mission Ballroom</p> </div> </div> <div class="mt-4 flex items-start gap-5 md:mt-8"> <svg aria-hidden="true" width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9 1.25V5m10-3.75V5m1.25 5H7.75m5.75 17.5h1c4.2 0 6.3 0 7.905-.817a7.5 7.5 0 0 0 3.277-3.278C26.5 21.8 26.5 19.7 26.5 15.5v-1c0-4.2 0-6.3-.817-7.905a7.5 7.5 0 0 0-3.278-3.278C20.8 2.5 18.7 2.5 14.5 2.5h-1c-4.2 0-6.3 0-7.905.817a7.5 7.5 0 0 0-3.278 3.278C1.5 8.2 1.5 10.3 1.5 14.5v1c0 4.2 0 6.3.817 7.905a7.5 7.5 0 0 0 3.278 3.277C7.2 27.5 9.3 27.5 13.5 27.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span class="sr-only">Dates</span> <div> <p class="text-xl">July 29-30</p> </div> </div> </div> <div id="wait-list" class="max-w-lg flex-1"> </div> </div> </div> </div> <section id="speakers" class="relative"> <div class="relative mx-auto max-w-screen-xl scroll-m-12 overflow-hidden px-6 pt-20 md:pt-40 lg:flex lg:justify-between lg:gap-16" > <div class="relative shrink-0"> <svg class="pointer-events-none absolute -right-20 w-[180px] -translate-y-1/2 lg:-right-36 lg:w-[224px]" viewBox="0 0 224 196" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M57.41 193.565c.541-.937 1.075-1.871 1.605-2.791 26.178-45.549 39.575-68.412 52.487-68.412 12.912 0 26.308 22.867 52.49 68.423.527.916 1.06 1.846 1.601 2.784l.824 1.435.837-.487.838-.486-.823-1.435-1.588-2.763c-26.184-45.573-39.203-68.664-32.745-79.9 6.451-11.23 32.827-11.456 85.112-11.46h4.956v-1.939h-4.956c-52.289 0-78.661-.234-85.112-11.46-6.458-11.24 6.557-34.326 32.742-79.896.527-.916 1.053-1.836 1.591-2.767l.823-1.434-1.672-.97-.823 1.435c-.541.937-1.071 1.868-1.602 2.788-26.181 45.555-39.574 68.415-52.486 68.415-12.912 0-26.316-22.867-52.49-68.412L57.41 1.435 56.587 0l-1.672.97.824 1.434c.533.93 1.063 1.854 1.587 2.763 26.181 45.57 39.2 68.66 32.741 79.9-6.45 11.23-32.826 11.456-85.111 11.46H0v1.939h4.956c52.288 0 78.66.234 85.111 11.46 6.458 11.24-6.563 34.334-32.748 79.91-.524.91-1.05 1.829-1.584 2.756l-.824 1.435.838.486.838.487.823-1.435Z" fill="#FF2D20" /> </svg> <h2 class="relative font-display text-[110px] leading-[69px] lg:text-[180px] lg:leading-[118px]"> On Stage </h2> </div> <p class="mt-8 max-w-xl text-xl lg:mt-0"> Laracon is back for 2025. The flagship Laravel event of the year and the largest PHP conference in the United States is heading to Denver, Colorado for two days of learning and networking with the Laravel community. Come away ready to build something amazing. </p> </div> <div class="relative mx-auto mt-16 grid max-w-screen-xl grid-cols-1 gap-4 px-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5" > <div class="text-center sm:text-left"> <img src="/images/taylor.png" class="mx-auto aspect-square object-cover h-32 w-32 overflow-hidden rounded-full bg-black sm:mx-0" /> <div class="mt-4"> <h3 class="font-display text-5xl/[36px]">Taylor Otwell</h3> <p class="mt-1 text-[13px] uppercase">Creator of Laravel</p> <a href="https://x.com/taylorotwell" target="_blank" class="mt-4 inline-flex rounded-sm text-white transition hover:text-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50" > <svg aria-hidden="true" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M23.953 2.57a10 10 0 0 1-2.825.775A4.958 4.958 0 0 0 23.291.622c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.69 6.095 4.067 4.13 1.64 1.162a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.06a4.923 4.923 0 0 0 3.946 4.827 4.998 4.998 0 0 1-2.212.085 4.936 4.936 0 0 0 4.604 3.417 9.867 9.867 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.936 9.936 0 0 0 24 2.59l-.047-.02Z" fill="currentColor" /> </svg> <span class="sr-only">Twitter link</span> </a> </div> </div> <div class="text-center sm:text-left"> <img src="/images/nuno.jpg" class="mx-auto aspect-square object-cover h-32 w-32 overflow-hidden rounded-full bg-black sm:mx-0" /> <div class="mt-4"> <h3 class="font-display text-5xl/[36px]">Nuno Maduro</h3> <p class="mt-1 text-[13px] uppercase">Laravel Team, Creator of Pest</p> <a href="https://x.com/enunomaduro" target="_blank" class="mt-4 inline-flex rounded-sm text-white transition hover:text-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50" > <svg aria-hidden="true" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M23.953 2.57a10 10 0 0 1-2.825.775A4.958 4.958 0 0 0 23.291.622c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.69 6.095 4.067 4.13 1.64 1.162a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.06a4.923 4.923 0 0 0 3.946 4.827 4.998 4.998 0 0 1-2.212.085 4.936 4.936 0 0 0 4.604 3.417 9.867 9.867 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.936 9.936 0 0 0 24 2.59l-.047-.02Z" fill="currentColor" /> </svg> <span class="sr-only">Twitter link</span> </a> </div> </div> <div class="text-center sm:text-left"> <img src="/images/joe4.png" class="mx-auto aspect-square object-cover h-32 w-32 overflow-hidden rounded-full bg-black sm:mx-0" /> <div class="mt-4"> <h3 class="font-display text-5xl/[36px]">Joe Tannenbaum</h3> <p class="mt-1 text-[13px] uppercase">Laravel Team</p> <a href="https://x.com/joetannenbaum" target="_blank" class="mt-4 inline-flex rounded-sm text-white transition hover:text-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50" > <svg aria-hidden="true" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M23.953 2.57a10 10 0 0 1-2.825.775A4.958 4.958 0 0 0 23.291.622c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.69 6.095 4.067 4.13 1.64 1.162a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.06a4.923 4.923 0 0 0 3.946 4.827 4.998 4.998 0 0 1-2.212.085 4.936 4.936 0 0 0 4.604 3.417 9.867 9.867 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.936 9.936 0 0 0 24 2.59l-.047-.02Z" fill="currentColor" /> </svg> <span class="sr-only">Twitter link</span> </a> </div> </div> <div class="text-center sm:text-left"> <img src="/images/joe.jpg" class="mx-auto aspect-square object-cover h-32 w-32 overflow-hidden rounded-full bg-black sm:mx-0" /> <div class="mt-4"> <h3 class="font-display text-5xl/[36px]">Joe Dixon</h3> <p class="mt-1 text-[13px] uppercase">Laravel Team</p> <a href="https://x.com/_joedixon" target="_blank" class="mt-4 inline-flex rounded-sm text-white transition hover:text-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50" > <svg aria-hidden="true" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M23.953 2.57a10 10 0 0 1-2.825.775A4.958 4.958 0 0 0 23.291.622c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.69 6.095 4.067 4.13 1.64 1.162a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.06a4.923 4.923 0 0 0 3.946 4.827 4.998 4.998 0 0 1-2.212.085 4.936 4.936 0 0 0 4.604 3.417 9.867 9.867 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.936 9.936 0 0 0 24 2.59l-.047-.02Z" fill="currentColor" /> </svg> <span class="sr-only">Twitter link</span> </a> </div> </div> <div class="text-center sm:text-left"> <img src="/images/jess.jpg" class="mx-auto aspect-square object-cover h-32 w-32 overflow-hidden rounded-full bg-black sm:mx-0" /> <div class="mt-4"> <h3 class="font-display text-5xl/[36px]">Jess Archer</h3> <p class="mt-1 text-[13px] uppercase">Laravel Team</p> <a href="https://x.com/jessarchercodes" target="_blank" class="mt-4 inline-flex rounded-sm text-white transition hover:text-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50" > <svg aria-hidden="true" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M23.953 2.57a10 10 0 0 1-2.825.775A4.958 4.958 0 0 0 23.291.622c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.69 6.095 4.067 4.13 1.64 1.162a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.06a4.923 4.923 0 0 0 3.946 4.827 4.998 4.998 0 0 1-2.212.085 4.936 4.936 0 0 0 4.604 3.417 9.867 9.867 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.936 9.936 0 0 0 24 2.59l-.047-.02Z" fill="currentColor" /> </svg> <span class="sr-only">Twitter link</span> </a> </div> </div> <div class="text-center sm:text-left"> <img src="/images/2025/evan-you.jpg" class="mx-auto aspect-square object-cover h-32 w-32 overflow-hidden rounded-full bg-black sm:mx-0" /> <div class="mt-4"> <h3 class="font-display text-5xl/[36px]">Evan You</h3> <p class="mt-1 text-[13px] uppercase">Founder of VoidZero. Creator of Vue and Vite</p> <a href="https://x.com/youyuxi" target="_blank" class="mt-4 inline-flex rounded-sm text-white transition hover:text-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50" > <svg aria-hidden="true" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M23.953 2.57a10 10 0 0 1-2.825.775A4.958 4.958 0 0 0 23.291.622c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.69 6.095 4.067 4.13 1.64 1.162a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.06a4.923 4.923 0 0 0 3.946 4.827 4.998 4.998 0 0 1-2.212.085 4.936 4.936 0 0 0 4.604 3.417 9.867 9.867 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.936 9.936 0 0 0 24 2.59l-.047-.02Z" fill="currentColor" /> </svg> <span class="sr-only">Twitter link</span> </a> </div> </div> <div class="text-center sm:text-left"> <img src="/images/2025/tj.jpg" class="mx-auto aspect-square object-cover h-32 w-32 overflow-hidden rounded-full bg-black sm:mx-0" /> <div class="mt-4"> <h3 class="font-display text-5xl/[36px]">TJ Miller</h3> <p class="mt-1 text-[13px] uppercase">Creator of Prism</p> <a href="https://x.com/heytjmiller" target="_blank" class="mt-4 inline-flex rounded-sm text-white transition hover:text-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50" > <svg aria-hidden="true" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M23.953 2.57a10 10 0 0 1-2.825.775A4.958 4.958 0 0 0 23.291.622c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.69 6.095 4.067 4.13 1.64 1.162a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.06a4.923 4.923 0 0 0 3.946 4.827 4.998 4.998 0 0 1-2.212.085 4.936 4.936 0 0 0 4.604 3.417 9.867 9.867 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.936 9.936 0 0 0 24 2.59l-.047-.02Z" fill="currentColor" /> </svg> <span class="sr-only">Twitter link</span> </a> </div> </div> <div class="text-center sm:text-left"> <img src="/images/aaron.jpg" class="mx-auto aspect-square object-cover h-32 w-32 overflow-hidden rounded-full bg-black sm:mx-0" /> <div class="mt-4"> <h3 class="font-display text-5xl/[36px]">Aaron Francis</h3> <p class="mt-1 text-[13px] uppercase">MC</p> <a href="https://x.com/aarondfrancis" target="_blank" class="mt-4 inline-flex rounded-sm text-white transition hover:text-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50" > <svg aria-hidden="true" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M23.953 2.57a10 10 0 0 1-2.825.775A4.958 4.958 0 0 0 23.291.622c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.69 6.095 4.067 4.13 1.64 1.162a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.06a4.923 4.923 0 0 0 3.946 4.827 4.998 4.998 0 0 1-2.212.085 4.936 4.936 0 0 0 4.604 3.417 9.867 9.867 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.936 9.936 0 0 0 24 2.59l-.047-.02Z" fill="currentColor" /> </svg> <span class="sr-only">Twitter link</span> </a> </div> </div> <div class="text-center sm:text-left"> <a href="https://frequent-pick-a8d.notion.site/1843f372b480802c9cf8ffb63a2c51f5?pvs=105" class="block mx-auto aspect-square object-cover h-32 w-32 overflow-hidden rounded-full bg-red-600 hover:bg-red-600/80 text-white sm:mx-0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="size-6"> <path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" /> </svg> </a> <div class="mt-4"> <h3 class="font-display text-5xl/[36px]">Your Name Here!</h3> <p class="mt-1 text-[13px] uppercase">Apply to Speak</p> </div> </div> </div> </section> <section id="venue" x-data="{ activeImage: 0, imageCount: 0, init() { this.imageCount = this.$refs.container.children.length - 1 }, next() { if (this.activeImage < this.imageCount - 1) { this.activeImage = this.activeImage + 1 } else { this.activeImage = 0 } }, previous() { if (this.activeImage <= 0) { this.activeImage = 2 } else { this.activeImage = this.activeImage - 1 } }, }" class="relative mx-auto flex max-w-screen-xl scroll-m-12 flex-col-reverse gap-12 px-6 py-12 md:flex-row md:items-center md:py-20 lg:gap-20" > <div x-ref="container" class="relative aspect-square flex-1 overflow-hidden rounded-[30px] bg-black"> <img src="/images/2025/mission-ballroom.jpg" class="absolute inset-0 aspect-square bg-black object-cover object-center" x-show="activeImage === 0" x-transition.opacity.duration.500ms /> <img src="/images/2025/mission-ballroom-front.jpeg" class="absolute inset-0 aspect-square bg-black object-cover object-center" x-show="activeImage === 1" x-transition.opacity.duration.500ms /> <img src="/images/2025/mission-ballroom-side.jpeg" class="absolute inset-0 aspect-square bg-black object-cover object-center" x-show="activeImage === 2" x-transition.opacity.duration.500ms /> <div class="absolute bottom-0 right-0 flex shrink-0 items-center gap-4 p-8"> <button class="hover: inline-flex h-14 w-14 items-center justify-center rounded-full bg-white transition focus:outline-none focus-visible:ring-[3px] focus-visible:ring-red-600 sm:h-20 sm:w-20" @click.prevent="previous" > <span class="sr-only">Previous</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_501_1563)"> <path d="M.013 12a2.411 2.411 0 0 0 .814 1.8l11.179 9.839a1.44 1.44 0 0 0 1.9-2.162l-8.637-7.6a.25.25 0 0 1 .165-.437h17.114a1.44 1.44 0 1 0 0-2.88H5.437a.251.251 0 0 1-.165-.438l8.637-7.6a1.44 1.44 0 1 0-1.9-2.161L.828 10.2A2.408 2.408 0 0 0 .013 12Z" fill="#000" /> </g> <defs> <clipPath id="clip0_501_1563"> <path fill="#fff" d="M24 24H0V0h24z" /> </clipPath> </defs> </svg> </button> <button class="inline-flex h-14 w-14 items-center justify-center rounded-full bg-white transition hover:opacity-80 focus:outline-none focus-visible:ring-[3px] focus-visible:ring-red-600 sm:h-20 sm:w-20" @click.prevent="next" > <span class="sr-only">Next</span> <svg class="rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_501_1563)"> <path d="M.013 12a2.411 2.411 0 0 0 .814 1.8l11.179 9.839a1.44 1.44 0 0 0 1.9-2.162l-8.637-7.6a.25.25 0 0 1 .165-.437h17.114a1.44 1.44 0 1 0 0-2.88H5.437a.251.251 0 0 1-.165-.438l8.637-7.6a1.44 1.44 0 1 0-1.9-2.161L.828 10.2A2.408 2.408 0 0 0 .013 12Z" fill="#000" /> </g> <defs> <clipPath id="clip0_501_1563"> <path fill="#fff" d="M24 24H0V0h24z" /> </clipPath> </defs> </svg> </button> </div> </div> <div class="flex-1"> <h2 class="font-display text-[110px] leading-[69px] lg:text-[180px] lg:leading-[112px]">The Venue</h2> <p class="mt-8 max-w-5xl text-xl lg:mt-6"> The Mission Ballroom is nestled in the heart of Denver, offering a spacious and modern venue to enjoy inspiring talks on stage, connect with fellow developers, and share a drink. With stunning mountain views just a stone鈥檚 throw away, it鈥檚 the perfect setting for Laracon 2025. </p> <div class="mt-10 flex-col md:flex-row flex gap-4 sm:gap-8 lg:gap-14"> <div class="flex items-start gap-2.5 sm:gap-5"> <svg aria-hidden="true" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M3.75 13.125C3.75 6.875 8.75 2.5 15 2.5s11.25 4.375 11.25 10.625C26.25 22.94 17.5 27.5 15 27.5S3.75 22.94 3.75 13.125Z" stroke="currentColor" stroke-width="1.5" /> <path d="M18.75 13.75a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" stroke="currentColor" stroke-width="1.5" /> </svg> <span class="sr-only">Location</span> <div> <p class="text-xl">4242 Wynkoop St.</p> <p>Denver, CO</p> </div> </div> <div class="flex items-start gap-2.5 sm:gap-5"> <svg aria-hidden="true" width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9 1.25V5m10-3.75V5m1.25 5H7.75m5.75 17.5h1c4.2 0 6.3 0 7.905-.817a7.5 7.5 0 0 0 3.277-3.278C26.5 21.8 26.5 19.7 26.5 15.5v-1c0-4.2 0-6.3-.817-7.905a7.5 7.5 0 0 0-3.278-3.278C20.8 2.5 18.7 2.5 14.5 2.5h-1c-4.2 0-6.3 0-7.905.817a7.5 7.5 0 0 0-3.278 3.278C1.5 8.2 1.5 10.3 1.5 14.5v1c0 4.2 0 6.3.817 7.905a7.5 7.5 0 0 0 3.278 3.277C7.2 27.5 9.3 27.5 13.5 27.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span class="sr-only">Dates</span> <div> <p class="whitespace-nowrap text-xl">July 29-30</p> </div> </div> </div> </div> </section> <section x-data="{ previous() { this.$refs.container.scrollBy({ left: -(this.$refs.imageOne.offsetWidth + 32), behavior: 'smooth', }) }, next() { this.$refs.container.scrollBy({ left: this.$refs.imageOne.offsetWidth + 32, behavior: 'smooth', }) }, }" id="neighborhood" class="relative scroll-m-12" > <div aria-hidden="true" class="pointer-events-none absolute -top-[320px] right-0 h-[1400px] w-[100vw] overflow-clip opacity-40 md:opacity-100" > <svg class="relative left-0 top-0" width="702" height="1399" viewBox="0 0 702 1399" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_f_2641_1597)"> <circle cx="66" cy="763" r="332" fill="#F9332B" /> </g> <g filter="url(#filter1_f_2641_1597)"> <circle cx="-90" cy="475" r="261" fill="#F98E2B" /> </g> <defs> <filter id="filter0_f_2641_1597" x="-570" y="127" width="1272" height="1272" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="152" result="effect1_foregroundBlur_2641_1597" /> </filter> <filter id="filter1_f_2641_1597" x="-565" y="0" width="950" height="950" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="107" result="effect1_foregroundBlur_2641_1597" /> </filter> </defs> </svg> </div> <div class="relative mx-auto mt-12 max-w-screen-xl scroll-m-12 overflow-hidden px-6"> <div class="flex items-center justify-between gap-12"> <h2 class="font-display text-[100px] leading-[69px] sm:text-[110px] sm:leading-[69px] lg:text-[180px] lg:leading-[112px]" > The Neighborhood </h2> <div class="flex shrink-0 items-center gap-4"> <button class="inline-flex h-14 w-14 items-center justify-center rounded-full bg-red-600 transition hover:bg-red-600/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-red-600 sm:h-20 sm:w-20" @click.prevent="previous" > <span class="sr-only">Previous</span> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_501_1563)"> <path d="M.013 12a2.411 2.411 0 0 0 .814 1.8l11.179 9.839a1.44 1.44 0 0 0 1.9-2.162l-8.637-7.6a.25.25 0 0 1 .165-.437h17.114a1.44 1.44 0 1 0 0-2.88H5.437a.251.251 0 0 1-.165-.438l8.637-7.6a1.44 1.44 0 1 0-1.9-2.161L.828 10.2A2.408 2.408 0 0 0 .013 12Z" fill="#fff" /> </g> <defs> <clipPath id="clip0_501_1563"> <path fill="#fff" d="M24 24H0V0h24z" /> </clipPath> </defs> </svg> </button> <button class="inline-flex h-14 w-14 items-center justify-center rounded-full bg-red-600 transition hover:bg-red-600/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-red-600 sm:h-20 sm:w-20" @click.prevent="next" > <span class="sr-only">Next</span> <svg class="rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_501_1563)"> <path d="M.013 12a2.411 2.411 0 0 0 .814 1.8l11.179 9.839a1.44 1.44 0 0 0 1.9-2.162l-8.637-7.6a.25.25 0 0 1 .165-.437h17.114a1.44 1.44 0 1 0 0-2.88H5.437a.251.251 0 0 1-.165-.438l8.637-7.6a1.44 1.44 0 1 0-1.9-2.161L.828 10.2A2.408 2.408 0 0 0 .013 12Z" fill="#fff" /> </g> <defs> <clipPath id="clip0_501_1563"> <path fill="#fff" d="M24 24H0V0h24z" /> </clipPath> </defs> </svg> </button> </div> </div> <p class="mt-8 max-w-5xl text-xl lg:mt-6"> Discover the vibrant spirit of Denver at the historic Mission Ballroom, found in the heart of the city鈥檚 eclectic River North Art District (RiNo). This dynamic neighborhood is a cultural hotspot, celebrated for its thriving arts scene, murals, and innovative dining options. </p> </div> <div x-ref="container" class="custom-scrollbar relative mt-14 overflow-x-auto"> <div class="relative mx-auto flex max-w-screen-xl flex-col gap-16 px-6 pb-12 xl:flex-row"> <div class="relative flex max-w-none items-start gap-8"> <div x-ref="imageOne" image="/images/2025/rocky-mountains.jpg" title="The Rocky Mountains" class="max-w-[16rem] shrink-0 md:max-w-sm"> <img src="/images/2025/rocky-mountains.jpg" class="aspect-[3/4.5] w-full rounded-[30px] bg-black object-cover" /> <h3 class="mt-8 font-display text-7xl/[54px] font-bold">The Rocky Mountains</h3> <p class="mt-4 md:text-xl"> Denver, nestled at the foot of the majestic Rocky Mountains, offers a unique blend of urban sophistication and natural beauty. The city's vibrant culture is backdropped by the stunning peaks, providing endless opportunities for outdoor adventures. </p> </div> <div image="/images/2025/left-hand.jpeg" title="Left Hand Brewing" class="max-w-[16rem] shrink-0 md:max-w-sm"> <img src="/images/2025/left-hand.jpeg" class="aspect-[3/4.5] w-full rounded-[30px] bg-black object-cover" /> <h3 class="mt-8 font-display text-7xl/[54px] font-bold">Left Hand Brewing</h3> <p class="mt-4 md:text-xl"> Located adjacent to Mission Ballroom, Left Hand Brewing offers 40 craft beer taps, cocktails, and wine alongside Neapolitan-style pizzas from their custom Marra Forni brick oven. </p> </div> <div image="/images/2025/brew-dog.jpeg" title="BrewDog" class="max-w-[16rem] shrink-0 md:max-w-sm"> <img src="/images/2025/brew-dog.jpeg" class="aspect-[3/4.5] w-full rounded-[30px] bg-black object-cover" /> <h3 class="mt-8 font-display text-7xl/[54px] font-bold">BrewDog</h3> <p class="mt-4 md:text-xl"> A 10,000 sq ft craft beer destination featuring 30 taps of BrewDog and Colorado's finest brews. Known for their stacked burgers, Mondrag贸n family recipe tacos, and signature wings, with a menu that caters to both carnivores and vegans alike. </p> </div> <div image="/images/2025/smok.jpeg" title="Smok Barbecue" class="max-w-[16rem] shrink-0 md:max-w-sm"> <img src="/images/2025/smok.jpeg" class="aspect-[3/4.5] w-full rounded-[30px] bg-black object-cover" /> <h3 class="mt-8 font-display text-7xl/[54px] font-bold">Smok Barbecue</h3> <p class="mt-4 md:text-xl"> A locally-owned barbecue joint that combines casual BBQ vibes with fine-dining expertise. Famous for their smoked ribs, brisket, Nashville Hot Chicken sandwich, and house-made sausages, complemented by Southern sides and craft cocktails. </p> </div> <div image="/images/2025/rino-2.jpg" title="RiNo Beer Garden" class="max-w-[16rem] shrink-0 md:max-w-sm"> <img src="/images/2025/rino-2.jpg" class="aspect-[3/4.5] w-full rounded-[30px] bg-black object-cover" /> <h3 class="mt-8 font-display text-7xl/[54px] font-bold">RiNo Beer Garden</h3> <p class="mt-4 md:text-xl"> A sprawling pub-style destination featuring a 4,000 sq ft outdoor patio with fire pits and TVs. Boasting 60+ craft beer taps from around the country, handcrafted cocktails, and a diverse menu of home-spun pub food perfect for any appetite. </p> </div> <div image="/images/2025/38.jpg" title="Number 38" class="max-w-[16rem] shrink-0 md:max-w-sm"> <img src="/images/2025/38.jpg" class="aspect-[3/4.5] w-full rounded-[30px] bg-black object-cover" /> <h3 class="mt-8 font-display text-7xl/[54px] font-bold">Number 38</h3> <p class="mt-4 md:text-xl"> A massive 20,000 sq ft social destination offering free live music nightly, 120 Colorado craft taps, and award-winning cuisine. Features indoor/outdoor spaces, volleyball courts, and a sprawling patio to soak in mountain views. </p> </div> <div class="w-[120px] shrink-0"> </div> </div> </div> </div> </section> <section id="hotels" class="relative"> <div class="relative mx-auto max-w-screen-xl scroll-m-12 overflow-hidden px-6 g:flex lg:justify-between lg:gap-16" > <h2 class="relative font-display text-[110px] leading-[69px] lg:text-[180px] lg:leading-[118px]"> Hotels </h2> </div> <div class="relative text-xl mt-6 max-w-screen-xl mx-auto px-6"> Check back March 31 for hotel recommendations and possible conference rates. </div> </section> <section id="sponsors" class="mt-12 scroll-m-12 md:mt-24 bg-red-600 text-white border-b border-white"> <div class="grid divide-y lg:divide-y-0 lg:divide-x divide-white text-xl lg:grid-cols-2"> <div class="lg:text-right p-8 md:px-10 md:py-16"> <h3 class="font-display text-7xl uppercase">Apply to sponsor</h3> <div class="mt-8 text-xl"> Interested in sponsoring Laracon? <br /> <a href="https://frequent-pick-a8d.notion.site/1853f372b48080efb0a4e2637625a415?pvs=105" target="_blank" class="rounded text-white underline transition hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white" > Contact our team</a> to explore sponsorship opportunities </div> </div> <div class="p-8 md:px-10 md:py-16"> <h3 class="font-display text-7xl uppercase">Apply to speak</h3> <div class="mt-8 text-xl"> Interested in speaking at Laracon? <br />Check out our <a href="https://frequent-pick-a8d.notion.site/1843f372b480802c9cf8ffb63a2c51f5?pvs=105" target="_blank" class="rounded text-white underline transition hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white" > speaker application </a> </div> </div> </div> </section> <div class="bg-red-600 text-white"> <div class="mx-auto w-full max-w-screen-xl divide-y divide-white lg:grid lg:grid-cols-2 lg:divide-x lg:divide-y-0" > <div class="py-16 pl-6 pr-16 md:px-10"> <div class="lg:mt-5 flex flex-wrap justify-end gap-x-6 gap-y-2 text-[13px] uppercase"> <p>Denver, CO</p> <p>July 29-30</p> <a href="/code-of-conduct" class="tranistion hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white" > Code of conduct </a> <a href="https://docs.google.com/document/d/12jech7MpMaOcdqSrU4Tue942jyJylbKw/edit?usp=sharing&ouid=115359818059669364290&rtpof=true&sd=true" target="_blank" rel="noopener noreferrer" class="tranistion hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white" > Need a visa? </a> </div> </div> <div class="flex items-center justify-center lg:justify-start p-6 md:px-10"> <h1 class="font-display text-[160px]/[100px] text-white lg:text-[180px]/[140px]">Laracon</h1> </div> </div> </div> </body> </html>

CINXE.COM

Laracon 2025