Laravel Herd

<!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" /> <meta name="google-site-verification" content="A7POw8AefUtHrH1irLczfB_YcpixXceqOyKnvToUOdo" /> <title>Laravel Herd</title> <meta name="description" content="Laravel Development perfected."> <meta property="og:title" content="Laravel Herd"> <meta property="og:description" content="Laravel Development perfected - One click PHP development environment."> <meta property="og:site_name" content="Laravel Herd"> <meta property="og:image" content="https://herd.laravel.com/images/card.png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://herd.laravel.com/images/card.png"> <meta name="twitter:title" content="Laravel Herd"> <meta name="twitter:description" content="Laravel Development perfected - One click PHP development environment."> <link rel="preconnect" href="https://fonts.bunny.net" /> <link href="https://fonts.bunny.net/css?family=be-vietnam-pro:700|inter:400,500,600|rubik:400,700|noto-sans:100,400,500" rel="stylesheet" /> <link rel="icon" href="/favicon.svg"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3"/></pre></li> <link rel="preload" as="style" href="https://herd.laravel.com/build/assets/app-41e51ea5.css" /><link rel="modulepreload" href="https://herd.laravel.com/build/assets/app-22e4e01b.js" /><link rel="stylesheet" href="https://herd.laravel.com/build/assets/app-41e51ea5.css" data-navigate-track="reload" /><script type="module" src="https://herd.laravel.com/build/assets/app-22e4e01b.js" data-navigate-track="reload"></script>  <script src="https://cdn.usefathom.com/script.js" data-site="GOOVIPYO" defer></script>  </head> <body class="min-h-screen font-sans antialiased bg-white"> <div class="relative bg-red-600 text-white"> <div class="mx-auto flex max-w-7xl items-center justify-between gap-6 px-6 py-3 sm:py-2" > <a href="/" class="inline-flex items-center gap-3 rounded transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-red-600" > <svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 440 550"> <path fill="currentColor" d=" M 0.00 0.00 L 150.06 0.00 L 150.02 198.27 A 0.57 0.57 0.0 0 0 150.58 198.84 C 167.47 199.01 185.36 198.48 201.42 199.56 Q 247.43 202.65 289.75 221.46 Q 346.73 247.69 385.71 296.75 Q 419.64 340.34 432.91 394.00 L 437.71 417.50 L 437.79 419.50 Q 437.83 425.29 439.55 430.80 L 440.00 442.31 L 440.00 550.00 L 290.19 550.00 Q 289.89 505.03 289.98 460.07 Q 290.01 447.06 289.06 440.12 C 282.53 392.50 244.70 355.36 196.96 349.75 C 183.01 348.11 165.77 348.98 150.50 349.05 A 0.51 0.49 0.0 0 0 149.99 349.54 L 149.94 550.00 L 0.00 550.00 L 0.00 0.00 Z" /> <path fill="currentColor" fill-opacity="0.718" d=" M 291.06 0.00 L 440.00 0.00 L 440.00 410.56 L 439.71 412.50 Q 438.01 415.34 438.46 418.75 Q 438.21 413.29 437.71 417.50 L 432.91 394.00 L 434.02 395.06 A 1.22 0.57 -76.8 0 1 434.21 395.98 C 433.99 397.92 434.99 399.36 435.26 400.92 Q 436.36 407.12 437.36 413.33 A 0.51 0.39 84.6 0 0 437.75 413.75 L 438.26 413.76 A 0.82 0.48 -84.6 0 0 438.79 413.02 Q 439.08 410.54 439.09 404.81 Q 439.19 204.13 439.12 2.95 A 1.69 1.69 0.0 0 0 437.43 1.26 L 290.03 1.42 Q 289.77 0.34 291.06 0.00 Z" /> <path fill="currentColor" fill-opacity="0.671" d=" M 432.91 394.00 Q 419.64 340.34 385.71 296.75 C 384.61 293.06 380.98 289.81 378.76 287.15 C 359.29 263.80 331.94 242.48 303.53 227.45 Q 295.45 223.17 290.31 220.80 L 290.19 220.62 A 0.76 0.65 31.6 0 1 290.06 220.22 L 290.03 1.42 L 437.43 1.26 A 1.69 1.69 0.0 0 1 439.12 2.95 Q 439.19 204.13 439.09 404.81 Q 439.08 410.54 438.79 413.02 A 0.82 0.48 -84.6 0 1 438.26 413.76 L 437.75 413.75 A 0.51 0.39 84.6 0 1 437.36 413.33 Q 436.36 407.12 435.26 400.92 C 434.99 399.36 433.99 397.92 434.21 395.98 A 1.22 0.57 -76.8 0 0 434.02 395.06 L 432.91 394.00 Z" /> <path fill="currentColor" fill-opacity="0.788" d=" M 385.71 296.75 Q 346.73 247.69 289.75 221.46 L 290.31 220.80 Q 295.45 223.17 303.53 227.45 C 331.94 242.48 359.29 263.80 378.76 287.15 C 380.98 289.81 384.61 293.06 385.71 296.75 Z" /> <path fill="currentColor" fill-opacity="0.980" d=" M 439.71 412.50 L 439.55 430.80 Q 437.83 425.29 437.79 419.50 Q 438.46 421.97 438.46 418.75 Q 438.01 415.34 439.71 412.50 Z" /> <path fill="currentColor" fill-opacity="0.671" d=" M 438.46 418.75 Q 438.46 421.97 437.79 419.50 L 437.71 417.50 Q 438.21 413.29 438.46 418.75 Z" /> </svg> <span class="text-[13px]">Laravel Herd</span> </a> <nav> <div class="hidden lg:inline-flex space-x-4 items-center"> <a href="/docs/windows" class="inline-flex items-center gap-2 rounded text-[13px] transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-red-600" > <span>Documentation</span> </a> <a href="/#plans" class="inline-flex items-center gap-2 rounded text-[13px] transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-red-600" > <span>Pricing</span> </a> <a href="/changelog" class="inline-flex items-center gap-2 rounded text-[13px] transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-red-600" > <span>Changelog</span> </a> <a href="https://herd.laravel.com/login" class="inline-flex items-center gap-2 rounded text-[13px] transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-red-600" > <span>Login</span> </a> <a href="https://herd.laravel.com/register" class="inline-flex items-center gap-2 rounded text-[13px] transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-red-600" > <span>Register</span> </a> <a href="https://herd.laravel.com/platform/macos" class="inline-flex items-center gap-2 rounded text-[13px] transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-red-600" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-4 h-4 fill-current"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"/></svg> </a> </div> <div x-data="{ show: false }" x-cloak class="lg:hidden"> <button x-on:click="show = true" aria-label="Open menu" class="flex items-center"> <svg aria-hidden="true" class="h-4 w-4 overflow-visible stroke-current" fill="none" stroke-width="1" stroke-linecap="round"><path d="M0 1H14M0 7H14M0 13H14" class="origin-center transition"></path><path d="M2 2L12 12M12 2L2 12" class="origin-center transition scale-90 opacity-0"></path></svg> </button> <div class="relative z-50" aria-labelledby="slide-over-title" role="dialog" aria-modal="true"> <div class="fixed inset-0" x-show="show"></div> <div class="fixed inset-0 overflow-hidden" x-show="show"> <div class="absolute inset-0 overflow-hidden"> <div class="pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10"> <div class="pointer-events-auto w-screen max-w-md" x-show="show" x-transition:enter="transform transition ease-in-out duration-300" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full"> <div class="flex h-full flex-col overflow-y-scroll md:overflow-y-hidden bg-gray-50 py-2 shadow-xl"> <div class="px-4 sm:px-6"> <div class="flex items-start justify-end"> <div class="ml-3 flex h-7 items-center"> <button x-on:click="show = false" type="button" class="text-black hover:text-silver-400"> <span class="sr-only">Close panel</span>  <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> </div> </div> <div class="relative mt-6 flex-1 ml-2"> <div class="grid grid-cols-1 text-black mobile-navigation"> <a href="/docs/windows" class="pl-4 py-3 transition duration-150 ease-in-out bg-red-600 bg-opacity-0 hover:bg-opacity-100 hover:text-white"> Documentation </a> <a href="/#plans" class="pl-4 py-3 transition duration-150 ease-in-out bg-red-600 bg-opacity-0 hover:bg-opacity-100 hover:text-white"> Purchase Herd Pro </a> <a href="https://herd.laravel.com/changelog" class="pl-4 py-3 transition duration-150 ease-in-out bg-red-600 bg-opacity-0 hover:bg-opacity-100 hover:text-white"> Changelog </a> <a href="https://herd.laravel.com/login" class="pl-4 py-3 transition duration-150 ease-in-out bg-red-600 bg-opacity-0 hover:bg-opacity-100 hover:text-white"> Login </a> <a href="https://herd.laravel.com/register" class="pl-4 py-3 transition duration-150 ease-in-out bg-red-600 bg-opacity-0 hover:bg-opacity-100 hover:text-white"> Register </a> <a href="https://herd.laravel.com/platform/macos" class="pl-4 py-3 transition duration-150 ease-in-out bg-red-600 bg-opacity-0 hover:bg-opacity-100 hover:text-white" > Herd for Mac </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </nav> </div> </div> <section class="relative overflow-hidden py-16 lg:py-32"> <img class="absolute right-0 top-0 w-[5000px] max-w-none -translate-y-[2200px] translate-x-[3200px] sm:translate-x-[3000px] lg:translate-x-[2600px] xl:translate-x-[2400px]" src="/images/blurs.png" aria-hidden="true" /> <div class="absolute inset-x-0 bottom-0 hidden h-40 bg-gradient-to-b from-transparent to-white sm:block" ></div> <div class="relative mx-auto grid max-w-xl items-center gap-16 px-6 lg:max-w-7xl lg:grid-cols-2" > <div> <div class="text-5xl font-bold tracking-tight sm:text-7xl xl:text-[86px]" > <div>Laravel</div> <div class="-mt-1">development</div> <div class="-mt-1">perfected</div> </div> <div class="mt-6 text-xl text-gray-700 sm:text-[22px]"> <p> One click PHP development environment. </p> <p class="mt-1"> Zero dependencies. Zero headaches. </p> </div> <div class="mt-10"> <a href="https://herd.laravel.com/download/windows" class="w-72 inline-flex items-center gap-4 rounded-xl bg-red-600 py-4 justify-center text-white transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600 focus-visible:ring-offset-1 focus-visible:ring-offset-white" > <span> <span class="block font-bold">Download for Windows</span> </span> </a> <a href="https://herd.laravel.com/platform/macos" class="pt-4 hidden md:block text-center text-sm text-gray-600 underline w-72"> Looking for macOS? </a> <a href="https://herd.laravel.com/platform/macos" class="mt-4 w-72 inline-flex md:hidden items-center gap-4 rounded-xl bg-white border-2 border-red-600 py-4 justify-center text-red-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600 focus-visible:ring-offset-1 focus-visible:ring-offset-white"> Looking for macOS? </a> </div> </div> <div x-data="{ isOpen: true }" x-cloak class="font-windows max-w-xl overflow-hidden rounded-2xl bg-black bg-[url(/public/images/screenshot-bg.png)] bg-cover bg-center shadow-[0px_34px_44px_rgba(0,0,0,0.25)]" > <div :class="{ 'invisible': !isOpen }" class="px-4 md:pl-40 pt-2 pb-4 mt-12 select-none relative"> <div id="app"> <div class="select-none h-full w-full pb-2 pr-4 text-xs text-black "> <div class="h-full w-full rounded-lg bg-gray-100 shadow-xl border border-gray-400 overflow-hidden flex flex-col"> <div> <div class="px-3 pt-3 flex-1"> <div class="font-medium pb-1.5 pl-1">Herd Pro</div> <button type="button" class="w-full px-3 py-1.5 mb-1 hover:bg-gray-200 rounded-md flex items-center space-x-3 focus:outline-none"> <span class="font-icon text-black "> <svg class="h-5 w-5" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M10.25 8C6.79822 8 4 10.7982 4 14.25V33.75C4 37.2018 6.79822 40 10.25 40H37.75C41.2018 40 44 37.2018 44 33.75V14.25C44 10.7982 41.2018 8 37.75 8H10.25ZM6.5 14.25C6.5 12.1789 8.17893 10.5 10.25 10.5H37.75C39.8211 10.5 41.5 12.1789 41.5 14.25V15.1404L24.0022 24.3498L6.5 15.0635V14.25ZM6.5 17.8936L23.414 26.8678C23.7791 27.0615 24.2163 27.0622 24.5821 26.8697L41.5 17.9655V33.75C41.5 35.8211 39.8211 37.5 37.75 37.5H10.25C8.17893 37.5 6.5 35.8211 6.5 33.75V17.8936Z" /> </svg> </span> <span class="leading-5 inline-block"> Mail </span> </button> <button type="button" class="w-full px-3 py-1.5 mb-1 hover:bg-gray-200 rounded-md flex items-center space-x-3 focus:outline-none"> <span class="font-icon text-black "> <svg class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M20.0256 12.1922C19.8772 12.4296 19.6806 12.6332 19.4486 12.7899L13.3987 16.8736C12.5535 17.4441 11.4465 17.4441 10.6013 16.8736L4.55142 12.7899C3.79043 12.2762 3.49533 11.3306 3.77229 10.5003L10.6132 15.0598C11.4005 15.5847 12.4112 15.6175 13.2264 15.1582L13.3867 15.0598L20.2271 10.4998C20.4088 11.0459 20.3545 11.666 20.0256 12.1922ZM20.2271 13.7498C20.4088 14.2959 20.3545 14.916 20.0256 15.4422C19.8772 15.6796 19.6806 15.8832 19.4486 16.0399L13.3987 20.1236C12.5535 20.6941 11.4465 20.6941 10.6013 20.1236L4.55142 16.0399C3.79043 15.5262 3.49533 14.5806 3.77229 13.7503L10.6132 18.3098C11.4005 18.8347 12.4112 18.8675 13.2264 18.4082L13.3867 18.3098L20.2271 13.7498ZM13.3867 3.42476L19.7519 7.66821C20.2115 7.97456 20.3356 8.59543 20.0293 9.05496C19.956 9.16481 19.8618 9.25907 19.7519 9.33231L13.3867 13.5758C12.547 14.1356 11.453 14.1356 10.6132 13.5758L4.24807 9.33231C3.78854 9.02595 3.66437 8.40509 3.97072 7.94556C4.04396 7.8357 4.13822 7.74144 4.24807 7.66821L10.6132 3.42476C11.453 2.86492 12.547 2.86492 13.3867 3.42476ZM11.5608 4.60648L11.4453 4.67283L5.705 8.50026L11.4453 12.3277C11.7439 12.5267 12.1228 12.5488 12.4392 12.394L12.5547 12.3277L18.294 8.50026L12.5547 4.67283C12.2561 4.47378 11.8772 4.45166 11.5608 4.60648Z" /> </svg> </span> <span class="leading-5 inline-block"> Dumps </span> </button> <button type="button" class="w-full px-3 py-1.5 mb-1 hover:bg-gray-200 rounded-md flex items-center space-x-3 focus:outline-none"> <span class="font-icon text-black "> <svg class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M3.24929 17.5C3.93925 17.5 4.49858 18.0593 4.49858 18.7493C4.49858 19.4393 3.93925 19.9986 3.24929 19.9986C2.55933 19.9986 2 19.4393 2 18.7493C2 18.0593 2.55933 17.5 3.24929 17.5ZM6.75 18H21.25C21.6642 18 22 18.3358 22 18.75C22 19.1297 21.7178 19.4435 21.3518 19.4932L21.25 19.5H6.75C6.33579 19.5 6 19.1642 6 18.75C6 18.3703 6.28215 18.0565 6.64823 18.0068L6.75 18H21.25H6.75ZM3.24929 11C3.93925 11 4.49858 11.5593 4.49858 12.2493C4.49858 12.9393 3.93925 13.4986 3.24929 13.4986C2.55933 13.4986 2 12.9393 2 12.2493C2 11.5593 2.55933 11 3.24929 11ZM6.75 11.5H21.25C21.6642 11.5 22 11.8358 22 12.25C22 12.6297 21.7178 12.9435 21.3518 12.9932L21.25 13H6.75C6.33579 13 6 12.6642 6 12.25C6 11.8703 6.28215 11.5565 6.64823 11.5068L6.75 11.5H21.25H6.75ZM3.24929 4.5C3.93925 4.5 4.49858 5.05933 4.49858 5.74929C4.49858 6.43925 3.93925 6.99858 3.24929 6.99858C2.55933 6.99858 2 6.43925 2 5.74929C2 5.05933 2.55933 4.5 3.24929 4.5ZM6.75 5H21.25C21.6642 5 22 5.33579 22 5.75C22 6.1297 21.7178 6.44349 21.3518 6.49315L21.25 6.5H6.75C6.33579 6.5 6 6.16421 6 5.75C6 5.3703 6.28215 5.05651 6.64823 5.00685L6.75 5H21.25H6.75Z" /> </svg> </span> <span class="leading-5 inline-block"> Log Viewer </span> </button> <button type="button" class="w-full px-3 py-1.5 mb-1 hover:bg-gray-200 rounded-md flex items-center space-x-3 focus:outline-none"> <span class="font-icon text-black "> <svg class="h-5 w-5" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M40 12C40 9.34893 37.7069 7.35204 34.95 6.09039C32.0832 4.77847 28.2106 4 24 4C19.7894 4 15.9168 4.77847 13.05 6.09039C10.2931 7.35204 8 9.34893 8 12V36.25H8.00685C8.14576 38.7769 10.3804 40.6879 13.05 41.9096C15.9168 43.2215 19.7894 44 24 44C28.2106 44 32.0832 43.2215 34.95 41.9096C37.6196 40.6879 39.8542 38.7769 39.9932 36.25H40V12ZM10.5 12C10.5 10.9232 11.5088 9.54504 14.0903 8.36366C16.562 7.23257 20.0644 6.5 24 6.5C27.9356 6.5 31.438 7.23257 33.9097 8.36366C36.4912 9.54504 37.5 10.9232 37.5 12C37.5 13.0768 36.4912 14.455 33.9097 15.6363C31.438 16.7674 27.9356 17.5 24 17.5C20.0644 17.5 16.562 16.7674 14.0903 15.6363C11.5088 14.455 10.5 13.0768 10.5 12ZM37.5 36C37.5 37.0769 36.4912 38.455 33.9097 39.6363C31.438 40.7674 27.9356 41.5 24 41.5C20.0644 41.5 16.562 40.7674 14.0903 39.6363C11.5088 38.455 10.5 37.0769 10.5 36V16.3939C11.2516 16.9799 12.1247 17.4862 13.05 17.9096C15.9168 19.2215 19.7894 20 24 20C28.2106 20 32.0832 19.2215 34.95 17.9096C35.8753 17.4862 36.7484 16.9799 37.5 16.3939V36Z" /> </svg> </span> <span class="leading-5 inline-block"> Services </span> </button> <div class="font-medium pb-1.5 pl-1">Quick Access</div> <button type="button" class="w-full px-3 py-1.5 mb-1 hover:bg-gray-200 rounded-md flex items-center space-x-3 focus:outline-none"> <span class="font-icon text-black "> <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6ZM7.5 6h.008v.008H7.5V6Zm2.25 0h.008v.008H9.75V6Z" /> </svg> </span> <span class="leading-5 inline-block"> Sites </span> </button> </div> </div> <hr class="my-2 border-gray-300 "> <div class="flex-1 px-3 py-0 max-h-[600px] overflow-x-auto"> <ul> <li class="font-medium pb-1.5 pl-1"> Services </li> <li> <button type="button" class="w-full px-3 py-1.5 mb-1 hover:bg-gray-200 rounded-md flex items-center space-x-3 focus:outline-none"> <span class="font-icon text-black "> <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M6 4H7C8.10457 4 9 4.89543 9 6V14C9 15.1046 8.10457 16 7 16H6C4.89543 16 4 15.1046 4 14V6C4 4.89543 4.89543 4 6 4ZM5 6V14C5 14.5523 5.44772 15 6 15H7C7.55228 15 8 14.5523 8 14V6C8 5.44772 7.55228 5 7 5H6C5.44772 5 5 5.44772 5 6ZM13 4C11.8954 4 11 4.89543 11 6V14C11 15.1046 11.8954 16 13 16H14C15.1046 16 16 15.1046 16 14V6C16 4.89543 15.1046 4 14 4H13ZM12 6C12 5.44772 12.4477 5 13 5H14C14.5523 5 15 5.44772 15 6V14C15 14.5523 14.5523 15 14 15H13C12.4477 15 12 14.5523 12 14V6Z" /> </svg> </span> <span class="leading-5 inline-block"> Stop all services </span> </button> </li> <li class="w-full px-3 py-0.5 mb-1 rounded-md flex items-center justify-between hover:bg-gray-200/50"> <div class="flex items-center space-x-3"> <div class="bg-green-500 border-green-400 ml-[3px] mr-px h-2 w-2 border rounded-full"></div> <span class="leading-5 inline-block">NGINX</span> </div> <button class="hover:bg-gray-300/20 h-6 w-6 rounded mt-px pt-px transition duration-150"> <span class="font-icon text-black "> <svg class="h-4 w-4" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M24 6.5C14.335 6.5 6.5 14.335 6.5 24C6.5 33.665 14.335 41.5 24 41.5C33.665 41.5 41.5 33.665 41.5 24C41.5 14.335 33.665 6.5 24 6.5ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM24 20C24.6904 20 25.25 20.5596 25.25 21.25V33.75C25.25 34.4404 24.6904 35 24 35C23.3096 35 22.75 34.4404 22.75 33.75V21.25C22.75 20.5596 23.3096 20 24 20ZM24 17C25.1046 17 26 16.1046 26 15C26 13.8954 25.1046 13 24 13C22.8954 13 22 13.8954 22 15C22 16.1046 22.8954 17 24 17Z"/> </svg> </span> </button> </li> <li class="w-full px-3 py-0.5 mb-1 rounded-md flex items-center justify-between hover:bg-gray-200/50"> <div class="flex items-center space-x-3"> <div class="bg-green-500 border-green-400 ml-[3px] mr-px h-2 w-2 border rounded-full"></div> <span class="leading-5 inline-block">PHP 8.3</span> </div> <button class="hover:bg-gray-300/20 h-6 w-6 rounded mt-px pt-px transition duration-150"> <span class="font-icon text-black "> <svg class="h-4 w-4" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M24 6.5C14.335 6.5 6.5 14.335 6.5 24C6.5 33.665 14.335 41.5 24 41.5C33.665 41.5 41.5 33.665 41.5 24C41.5 14.335 33.665 6.5 24 6.5ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM24 20C24.6904 20 25.25 20.5596 25.25 21.25V33.75C25.25 34.4404 24.6904 35 24 35C23.3096 35 22.75 34.4404 22.75 33.75V21.25C22.75 20.5596 23.3096 20 24 20ZM24 17C25.1046 17 26 16.1046 26 15C26 13.8954 25.1046 13 24 13C22.8954 13 22 13.8954 22 15C22 16.1046 22.8954 17 24 17Z"/> </svg> </span> </button> </li> <li class="w-full px-3 py-0.5 mb-1 rounded-md flex items-center justify-between hover:bg-gray-200/50"> <div class="flex items-center space-x-3"> <div class="bg-green-500 border-green-400 ml-[3px] mr-px h-2 w-2 border rounded-full"></div> <span class="leading-5 inline-block">MySQL</span> </div> <button class="hover:bg-gray-300/20 h-6 w-6 rounded mt-px pt-px transition duration-150"> <span class="font-icon text-black "> <svg class="h-4 w-4" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M24 6.5C14.335 6.5 6.5 14.335 6.5 24C6.5 33.665 14.335 41.5 24 41.5C33.665 41.5 41.5 33.665 41.5 24C41.5 14.335 33.665 6.5 24 6.5ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM24 20C24.6904 20 25.25 20.5596 25.25 21.25V33.75C25.25 34.4404 24.6904 35 24 35C23.3096 35 22.75 34.4404 22.75 33.75V21.25C22.75 20.5596 23.3096 20 24 20ZM24 17C25.1046 17 26 16.1046 26 15C26 13.8954 25.1046 13 24 13C22.8954 13 22 13.8954 22 15C22 16.1046 22.8954 17 24 17Z"/> </svg> </span> </button> </li> <li class="w-full px-3 py-0.5 mb-1 rounded-md flex items-center justify-between hover:bg-gray-200/50"> <div class="flex items-center space-x-3"> <div class="bg-green-500 border-green-400 ml-[3px] mr-px h-2 w-2 border rounded-full"></div> <span class="leading-5 inline-block">Redis</span> </div> <button class="hover:bg-gray-300/20 h-6 w-6 rounded mt-px pt-px transition duration-150"> <span class="font-icon text-black "> <svg class="h-4 w-4" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M24 6.5C14.335 6.5 6.5 14.335 6.5 24C6.5 33.665 14.335 41.5 24 41.5C33.665 41.5 41.5 33.665 41.5 24C41.5 14.335 33.665 6.5 24 6.5ZM4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24ZM24 20C24.6904 20 25.25 20.5596 25.25 21.25V33.75C25.25 34.4404 24.6904 35 24 35C23.3096 35 22.75 34.4404 22.75 33.75V21.25C22.75 20.5596 23.3096 20 24 20ZM24 17C25.1046 17 26 16.1046 26 15C26 13.8954 25.1046 13 24 13C22.8954 13 22 13.8954 22 15C22 16.1046 22.8954 17 24 17Z"/> </svg> </span> </button> </li> </ul> </div> <hr class="my-2 border-gray-300 "> <div class="flex py-0 px-3"> <ul class="flex-1"> <button type="button" class="w-full px-3 py-1.5 mb-1 hover:bg-gray-200 rounded-md flex items-center space-x-3 focus:outline-none"> <span class="font-icon text-black "> <svg class="h-5 w-5" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M40.1389 12.8711C40.6243 13.362 40.6198 14.1535 40.1289 14.6389L17.8789 36.6389C17.3947 37.1176 16.6163 37.1208 16.1283 36.6459L6.87831 27.6459C6.38351 27.1645 6.37267 26.3731 6.85409 25.8783C7.33552 25.3835 8.1269 25.3727 8.62169 25.8541L16.993 33.9991L38.3711 12.8611C38.862 12.3757 39.6535 12.3802 40.1389 12.8711Z" /> </svg> </span> <span class="leading-5 inline-block"> Use PHP 8.3</span> </button> <button type="button" class="w-full px-3 py-1.5 mb-1 hover:bg-gray-200 rounded-md flex items-center space-x-3 focus:outline-none"> <span class="font-icon text-black invisible"> <svg class="h-5 w-5" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M40.1389 12.8711C40.6243 13.362 40.6198 14.1535 40.1289 14.6389L17.8789 36.6389C17.3947 37.1176 16.6163 37.1208 16.1283 36.6459L6.87831 27.6459C6.38351 27.1645 6.37267 26.3731 6.85409 25.8783C7.33552 25.3835 8.1269 25.3727 8.62169 25.8541L16.993 33.9991L38.3711 12.8611C38.862 12.3757 39.6535 12.3802 40.1389 12.8711Z" /> </svg> </span> <span class="leading-5 inline-block"> Use PHP 8.2</span> </button> <button type="button" class="w-full px-3 py-1.5 mb-1 hover:bg-gray-200 rounded-md flex items-center space-x-3 focus:outline-none"> <span class="font-icon text-black invisible"> <svg class="h-5 w-5" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M40.1389 12.8711C40.6243 13.362 40.6198 14.1535 40.1289 14.6389L17.8789 36.6389C17.3947 37.1176 16.6163 37.1208 16.1283 36.6459L6.87831 27.6459C6.38351 27.1645 6.37267 26.3731 6.85409 25.8783C7.33552 25.3835 8.1269 25.3727 8.62169 25.8541L16.993 33.9991L38.3711 12.8611C38.862 12.3757 39.6535 12.3802 40.1389 12.8711Z" /> </svg> </span> <span class="leading-5 inline-block"> Open configuration files </span> </button> </ul> </div> <hr class="my-2 border-gray-300 "> <div class="h-12 w-full flex items-center justify-end px-1 text-black text-sm"> <button class="hover:bg-gray-200 h-10 w-10 rounded py-2 transition duration-150 focus:ring-1 focus:outline-none focus:ring-gray-300 v-popper--has-tooltip flex items-center justify-center"> <span class="font-icon text-black "> <svg class="h-5 w-5" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M24 16.4999C19.8579 16.4999 16.5 19.8578 16.5 23.9999C16.5 28.1421 19.8579 31.4999 24 31.4999C28.1421 31.4999 31.5 28.1421 31.5 23.9999C31.5 19.8578 28.1421 16.4999 24 16.4999ZM19 23.9999C19 21.2385 21.2386 18.9999 24 18.9999C26.7614 18.9999 29 21.2385 29 23.9999C29 26.7614 26.7614 28.9999 24 28.9999C21.2386 28.9999 19 26.7614 19 23.9999ZM19.4943 43.468C20.9727 43.8208 22.4874 43.999 24.0073 43.999C25.524 43.9974 27.0353 43.8182 28.5103 43.465C28.898 43.3716 29.2476 43.161 29.5114 42.8618C29.7751 42.5626 29.9402 42.1894 29.9843 41.793L30.3223 38.722C30.3794 38.1728 30.6307 37.662 31.0309 37.2816C31.4311 36.9012 31.9539 36.6762 32.5053 36.647C32.8719 36.6311 33.2372 36.6995 33.5732 36.847L36.3803 38.078C36.6243 38.1877 36.8886 38.2452 37.1562 38.2469C37.4238 38.2487 37.6888 38.1945 37.9343 38.088C38.1807 37.9827 38.4022 37.8266 38.5843 37.63C40.6483 35.4053 42.1891 32.7475 43.0943 29.851C43.2128 29.4667 43.2091 29.0552 43.0837 28.6731C42.9583 28.291 42.7174 27.9573 42.3943 27.718L39.9003 25.878C39.6032 25.6622 39.3614 25.3793 39.1947 25.0522C39.028 24.7251 38.9411 24.3631 38.9411 23.996C38.9411 23.6289 39.028 23.2669 39.1947 22.9398C39.3614 22.6127 39.6032 22.3297 39.9003 22.114L42.3863 20.278C42.7104 20.0383 42.9519 19.7038 43.0774 19.3207C43.2028 18.9376 43.2059 18.5249 43.0863 18.14C42.1808 15.243 40.6381 12.5857 38.5713 10.363C38.2974 10.0703 37.9395 9.86982 37.5469 9.78922C37.1542 9.70861 36.7463 9.75187 36.3793 9.91299L33.5732 11.149C33.2821 11.2802 32.9666 11.3483 32.6473 11.349C32.0711 11.3481 31.5155 11.1345 31.0872 10.7491C30.6588 10.3638 30.3879 9.83385 30.3263 9.26099L29.9863 6.20099C29.9428 5.79937 29.7748 5.42138 29.5058 5.11996C29.2368 4.81855 28.8804 4.60878 28.4863 4.51999C27.019 4.19242 25.5216 4.01847 24.0183 4.00098C22.5043 4.01846 20.9963 4.19274 19.5183 4.521C19.1246 4.60928 18.7684 4.81836 18.4995 5.11905C18.2305 5.41974 18.0623 5.79699 18.0183 6.198L17.6773 9.25998C17.6134 9.83345 17.3403 10.3632 16.9103 10.748C16.471 11.1211 15.9174 11.3328 15.3413 11.348C15.0235 11.3478 14.7092 11.2817 14.4183 11.154L11.6183 9.918C11.25 9.75542 10.8403 9.71157 10.4461 9.79257C10.0518 9.87358 9.69255 10.0754 9.41827 10.37C7.35399 12.5931 5.81275 15.2495 4.90726 18.145C4.78769 18.5298 4.79083 18.9423 4.91627 19.3252C5.0417 19.7081 5.2832 20.0425 5.60726 20.282L8.09626 22.118C8.39089 22.3355 8.63046 22.6191 8.79578 22.9459C8.9611 23.2727 9.04758 23.6337 9.04827 24C9.0486 24.3669 8.9626 24.7286 8.79722 25.0561C8.63183 25.3836 8.3917 25.6675 8.09626 25.885L5.60627 27.724C5.2826 27.9633 5.04136 28.2974 4.91595 28.6799C4.79053 29.0624 4.78714 29.4745 4.90626 29.859C5.80978 32.7571 7.35083 35.4162 9.41627 37.641C9.59569 37.8352 9.81367 37.9898 10.0563 38.095C10.301 38.2026 10.5654 38.2581 10.8328 38.2581C11.1001 38.2581 11.3645 38.2026 11.6093 38.095L14.4283 36.858C14.7191 36.7298 15.0335 36.6637 15.3513 36.664H15.3593C15.9331 36.6647 16.4866 36.8765 16.9144 37.2589C17.3422 37.6414 17.6145 38.1678 17.6793 38.738L18.0173 41.795C18.0614 42.1919 18.227 42.5656 18.4913 42.865C18.7556 43.1644 19.1059 43.375 19.4943 43.468ZM27.5583 41.123C25.2181 41.6234 22.7985 41.6234 20.4583 41.123L20.1543 38.461C20.0221 37.2798 19.4597 36.1886 18.5744 35.3955C17.6891 34.6024 16.5429 34.1629 15.3543 34.161H15.3443C14.6814 34.1583 14.0253 34.2945 13.4183 34.561L10.9723 35.634C9.38518 33.8444 8.17417 31.754 7.41126 29.487L9.57726 27.887C10.1874 27.4371 10.6833 26.8502 11.025 26.1736C11.3668 25.497 11.5449 24.7495 11.5449 23.9915C11.5449 23.2334 11.3668 22.486 11.025 21.8094C10.6833 21.1328 10.1874 20.5459 9.57726 20.096L7.41326 18.496C8.17734 16.2316 9.38828 14.1437 10.9743 12.356L13.4063 13.428C14.0144 13.6972 14.6722 13.8358 15.3373 13.835H15.3473C16.5387 13.8327 17.6877 13.3919 18.5748 12.5966C19.462 11.8012 20.0253 10.7071 20.1573 9.52298L20.4573 6.86298C21.6304 6.6279 22.8229 6.50205 24.0193 6.487C25.2063 6.50208 26.3894 6.62762 27.5533 6.862L27.8533 9.521C27.9816 10.705 28.5424 11.8 29.4281 12.596C30.3139 13.3921 31.4623 13.8333 32.6533 13.835C33.3249 13.8509 33.9911 13.7105 34.5993 13.425L37.0293 12.354C38.6163 14.1415 39.8276 16.2299 40.5913 18.495L38.4343 20.088C37.8198 20.5358 37.3199 21.1226 36.9752 21.8003C36.6305 22.478 36.4508 23.2276 36.4508 23.988C36.4508 24.7483 36.6305 25.4979 36.9752 26.1757C37.3199 26.8534 37.8198 27.4401 38.4343 27.888L40.5993 29.488C39.8348 31.752 38.6243 33.8398 37.0393 35.628L34.5983 34.558C33.9037 34.2496 33.146 34.1098 32.3872 34.1501C31.6283 34.1905 30.8897 34.4098 30.2318 34.7901C29.5738 35.1704 29.0152 35.701 28.6014 36.3384C28.1877 36.9759 27.9307 37.7022 27.8513 38.458L27.5583 41.123Z" /> </svg> </span> </button> <button class="hover:bg-gray-200 h-10 w-10 rounded py-2 transition duration-150 flex items-center justify-center"> <span class="font-icon text-black "> <svg class="h-5 w-5" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M25.25 6.25C25.25 5.55964 24.6904 5 24 5C23.3096 5 22.75 5.55964 22.75 6.25V32.7322L14.3839 24.3661C13.8957 23.878 13.1043 23.878 12.6161 24.3661C12.128 24.8543 12.128 25.6457 12.6161 26.1339L23.1161 36.6339C23.6043 37.122 24.3957 37.122 24.8839 36.6339L35.3839 26.1339C35.872 25.6457 35.872 24.8543 35.3839 24.3661C34.8957 23.878 34.1043 23.878 33.6161 24.3661L25.25 32.7322V6.25ZM11.25 40.5C10.5596 40.5 10 41.0596 10 41.75C10 42.4404 10.5596 43 11.25 43H36.75C37.4404 43 38 42.4404 38 41.75C38 41.0596 37.4404 40.5 36.75 40.5H11.25Z" /> </svg> </span> </button> <button class="hover:bg-gray-200 h-10 w-10 rounded py-2 transition duration-150 v-popper--has-tooltip flex items-center justify-center"> <span class="font-icon text-black "> <svg class="h-5 w-5" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M10.6904 5.26691C10.8522 5.64823 10.6742 6.08849 10.2929 6.25027C6.88678 7.69533 4.5 11.0698 4.5 15C4.5 20.2467 8.75329 24.5 14 24.5C19.2467 24.5 23.5 20.2467 23.5 15C23.5 11.0698 21.1132 7.69533 17.7071 6.25027C17.3258 6.08849 17.1478 5.64823 17.3096 5.26691C17.4713 4.8856 17.9116 4.70762 18.2929 4.8694C22.2336 6.54125 25 10.4467 25 15C25 21.0751 20.0751 26 14 26C7.92487 26 3 21.0751 3 15C3 10.4467 5.76636 6.54125 9.70708 4.8694C10.0884 4.70762 10.5287 4.8856 10.6904 5.26691ZM14 2C14.4142 2 14.75 2.33579 14.75 2.75V12.25C14.75 12.6642 14.4142 13 14 13C13.5858 13 13.25 12.6642 13.25 12.25V2.75C13.25 2.33579 13.5858 2 14 2Z" /> </svg> </span> </button> </div> </div> </div> </div> </div> <div class="h-[48px] bg-[#f3f3f3] text-xs text-black flex items-center justify-end px-6 space-x-2 border-t border-[#c0c0c0]" > <svg class="md:block w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5" /> </svg> <div @click="isOpen = !isOpen" class="px-3 h-6 flex items-center justify-center rounded"> <svg class="h-4 w-4 text-red-500" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 440 550"> <path fill="currentColor" d=" M 0.00 0.00 L 150.06 0.00 L 150.02 198.27 A 0.57 0.57 0.0 0 0 150.58 198.84 C 167.47 199.01 185.36 198.48 201.42 199.56 Q 247.43 202.65 289.75 221.46 Q 346.73 247.69 385.71 296.75 Q 419.64 340.34 432.91 394.00 L 437.71 417.50 L 437.79 419.50 Q 437.83 425.29 439.55 430.80 L 440.00 442.31 L 440.00 550.00 L 290.19 550.00 Q 289.89 505.03 289.98 460.07 Q 290.01 447.06 289.06 440.12 C 282.53 392.50 244.70 355.36 196.96 349.75 C 183.01 348.11 165.77 348.98 150.50 349.05 A 0.51 0.49 0.0 0 0 149.99 349.54 L 149.94 550.00 L 0.00 550.00 L 0.00 0.00 Z" /> <path fill="currentColor" fill-opacity="0.718" d=" M 291.06 0.00 L 440.00 0.00 L 440.00 410.56 L 439.71 412.50 Q 438.01 415.34 438.46 418.75 Q 438.21 413.29 437.71 417.50 L 432.91 394.00 L 434.02 395.06 A 1.22 0.57 -76.8 0 1 434.21 395.98 C 433.99 397.92 434.99 399.36 435.26 400.92 Q 436.36 407.12 437.36 413.33 A 0.51 0.39 84.6 0 0 437.75 413.75 L 438.26 413.76 A 0.82 0.48 -84.6 0 0 438.79 413.02 Q 439.08 410.54 439.09 404.81 Q 439.19 204.13 439.12 2.95 A 1.69 1.69 0.0 0 0 437.43 1.26 L 290.03 1.42 Q 289.77 0.34 291.06 0.00 Z" /> <path fill="currentColor" fill-opacity="0.671" d=" M 432.91 394.00 Q 419.64 340.34 385.71 296.75 C 384.61 293.06 380.98 289.81 378.76 287.15 C 359.29 263.80 331.94 242.48 303.53 227.45 Q 295.45 223.17 290.31 220.80 L 290.19 220.62 A 0.76 0.65 31.6 0 1 290.06 220.22 L 290.03 1.42 L 437.43 1.26 A 1.69 1.69 0.0 0 1 439.12 2.95 Q 439.19 204.13 439.09 404.81 Q 439.08 410.54 438.79 413.02 A 0.82 0.48 -84.6 0 1 438.26 413.76 L 437.75 413.75 A 0.51 0.39 84.6 0 1 437.36 413.33 Q 436.36 407.12 435.26 400.92 C 434.99 399.36 433.99 397.92 434.21 395.98 A 1.22 0.57 -76.8 0 0 434.02 395.06 L 432.91 394.00 Z" /> <path fill="currentColor" fill-opacity="0.788" d=" M 385.71 296.75 Q 346.73 247.69 289.75 221.46 L 290.31 220.80 Q 295.45 223.17 303.53 227.45 C 331.94 242.48 359.29 263.80 378.76 287.15 C 380.98 289.81 384.61 293.06 385.71 296.75 Z" /> <path fill="currentColor" fill-opacity="0.980" d=" M 439.71 412.50 L 439.55 430.80 Q 437.83 425.29 437.79 419.50 Q 438.46 421.97 438.46 418.75 Q 438.01 415.34 439.71 412.50 Z" /> <path fill="currentColor" fill-opacity="0.671" d=" M 438.46 418.75 Q 438.46 421.97 437.79 419.50 L 437.71 417.50 Q 438.21 413.29 438.46 418.75 Z" /> </svg> </div> <svg class="hidden md:block w-5 h-5" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M25.081 6.41893C26.2076 5.40756 28 6.20715 28 7.7212V40.2797C28 41.7938 26.2077 42.5934 25.081 41.582L16.875 34.2157C16.0034 33.4333 14.8734 33.0005 13.702 33.0005H9C6.10051 33.0005 3.75 30.65 3.75 27.7505V20.2505C3.75 17.351 6.10051 15.0005 9 15.0005H13.702C14.8734 15.0005 16.0034 14.5677 16.875 13.7852L25.081 6.41893ZM25.5 9.40232L18.5451 15.6456C17.2146 16.8399 15.4898 17.5005 13.702 17.5005H9C7.48122 17.5005 6.25 18.7317 6.25 20.2505V27.7505C6.25 29.2692 7.48122 30.5005 9 30.5005H13.702C15.4898 30.5005 17.2146 31.1611 18.5451 32.3553L25.5 38.5986V9.40232ZM36.3376 8.39609C36.8095 7.89216 37.6005 7.86617 38.1044 8.33802L38.1053 8.33886C38.1053 8.33886 37.7675 8.00046 38.1151 8.34808L38.1336 8.36583C38.1485 8.38022 38.1685 8.39973 38.1933 8.42435C38.2428 8.47357 38.3113 8.54323 38.396 8.63317C38.5655 8.813 38.8004 9.07422 39.0785 9.41556C39.6344 10.0978 40.3656 11.103 41.094 12.4207C42.5525 15.0592 44.0001 18.9531 44.0001 24.0005C44.0001 29.0479 42.5525 32.9417 41.094 35.5802C40.3656 36.8979 39.6344 37.9031 39.0785 38.5854C38.8004 38.9267 38.5655 39.1879 38.396 39.3678C38.3714 39.3939 38.3481 39.4184 38.3262 39.4411C38.273 39.4965 38.2284 39.5417 38.1933 39.5766C38.1685 39.6012 38.1485 39.6207 38.1336 39.6351L38.1151 39.6528L38.1088 39.6588L38.1063 39.6611L38.1053 39.6621C38.1053 39.6621 38.2392 39.5281 38.3262 39.4411C38.4326 39.3348 38.4688 39.2985 38.1044 39.6629C37.6005 40.1348 36.8095 40.1088 36.3376 39.6048C35.8666 39.1018 35.8917 38.3126 36.3931 37.8405L36.3949 37.8387L36.3981 37.8357C36.404 37.83 36.4148 37.8194 36.4304 37.804C36.4614 37.7731 36.5111 37.7227 36.5767 37.6531C36.708 37.5138 36.9029 37.2977 37.1404 37.0062C37.6157 36.4228 38.2595 35.5405 38.9061 34.3707C40.1976 32.0342 41.5001 28.5531 41.5001 24.0005C41.5001 19.4479 40.1976 15.9667 38.9061 13.6302C38.2595 12.4604 37.6157 11.5781 37.1404 10.9947C36.9029 10.7033 36.708 10.4871 36.5767 10.3478C36.5111 10.2782 36.4614 10.2278 36.4304 10.1969C36.4148 10.1815 36.404 10.1709 36.3981 10.1652L36.3949 10.1622L36.3931 10.1605C35.8917 9.68832 35.8666 8.89914 36.3376 8.39609ZM32.3341 14.3999C32.8038 13.894 33.5947 13.8647 34.1006 14.3345C34.1008 14.3347 34.1014 14.3352 34.1014 14.3352L34.1023 14.336L34.1043 14.3379L34.1092 14.3425L34.1229 14.3555C34.1336 14.3657 34.1477 14.3792 34.1647 14.396C34.1988 14.4294 34.2451 14.4758 34.3018 14.5348C34.4152 14.6529 34.5707 14.8219 34.7541 15.0402C35.1202 15.4761 35.6009 16.1121 36.0798 16.9331C37.0374 18.5747 38.0001 20.9781 38.0001 24.0005C38.0001 27.0228 37.0374 29.4262 36.0798 31.0678C35.6009 31.8888 35.1202 32.5248 34.7541 32.9607C34.5707 33.179 34.4152 33.3481 34.3018 33.4661C34.2451 33.5252 34.1988 33.5715 34.1647 33.605L34.1452 33.624L34.1229 33.6455L34.1092 33.6584L34.1043 33.663L34.1015 33.6656L34.1006 33.6665C33.5947 34.1362 32.8038 34.1069 32.3341 33.601C31.8653 33.0962 31.8935 32.3076 32.3962 31.8375L32.3979 31.836L32.414 31.8203C32.4312 31.8034 32.4601 31.7746 32.4991 31.734C32.5771 31.6529 32.695 31.5251 32.8398 31.3527C33.1299 31.0074 33.5242 30.4872 33.9203 29.8081C34.7127 28.4498 35.5001 26.4781 35.5001 24.0005C35.5001 21.5228 34.7127 19.5512 33.9203 18.1928C33.5242 17.5138 33.1299 16.9935 32.8398 16.6482C32.695 16.4759 32.5771 16.3481 32.4991 16.2669C32.4601 16.2263 32.4312 16.1975 32.414 16.1806L32.3973 16.1644L32.3981 16.1652C31.8929 15.6954 31.8645 14.9055 32.3341 14.3999ZM38.1151 8.34808L38.1053 8.33886L38.1063 8.33982L38.1088 8.34209L38.1151 8.34808ZM34.1006 14.3345L34.1647 14.396C34.0695 14.3069 34.097 14.3313 34.1006 14.3345Z" /> </svg> <svg class="hidden md:block w-5 h-5" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M17.7449 10.7506C18.3357 11.3414 18.8472 12.058 19.2369 12.8199C19.4255 13.1886 19.2795 13.6405 18.9107 13.8291C18.5419 14.0177 18.09 13.8717 17.9014 13.5029C17.5811 12.8766 17.1608 12.2878 16.6843 11.8112C14.1216 9.24857 9.96674 9.24857 7.40409 11.8112C6.90627 12.309 6.50186 12.8688 6.1905 13.4844C6.00354 13.854 5.55234 14.0021 5.18272 13.8151C4.8131 13.6281 4.66503 13.1769 4.85198 12.8073C5.23479 12.0505 5.73283 11.3612 6.34343 10.7506C9.49187 7.60212 14.5965 7.60212 17.7449 10.7506ZM15.6431 13.8194C16.0907 14.267 16.4589 14.8167 16.7152 15.4016C16.8814 15.781 16.7087 16.2233 16.3293 16.3895C15.9499 16.5558 15.5076 16.383 15.3413 16.0036C15.1582 15.5858 14.8946 15.1922 14.5824 14.8801C13.1797 13.4773 10.9054 13.4773 9.50266 14.8801C9.19214 15.1906 8.94004 15.5688 8.75546 15.9906C8.58941 16.3701 8.14718 16.5431 7.76771 16.3771C7.38823 16.211 7.21521 15.7688 7.38125 15.3893C7.6387 14.8009 7.99509 14.2663 8.442 13.8194C10.4305 11.8309 13.6546 11.8309 15.6431 13.8194ZM20.4481 8.27868C20.9571 8.78773 21.4378 9.3693 21.8562 9.97556C22.0915 10.3165 22.0059 10.7836 21.665 11.0188C21.3241 11.2541 20.857 11.1685 20.6217 10.8276C20.2537 10.2944 19.8308 9.78273 19.3874 9.33934C15.3074 5.25928 8.69231 5.25928 4.61225 9.33934C4.19038 9.76121 3.77196 10.2728 3.39022 10.8231C3.15412 11.1634 2.68683 11.2479 2.34649 11.0118C2.00615 10.7757 1.92166 10.3084 2.15776 9.9681C2.58792 9.34803 3.06233 8.76794 3.55159 8.27868C8.21743 3.61284 15.7823 3.61284 20.4481 8.27868ZM13.0606 16.4391C13.6465 17.0249 13.6465 17.9748 13.0606 18.5607C12.4748 19.1465 11.5249 19.1465 10.9391 18.5607C10.3532 17.9748 10.3532 17.0249 10.9391 16.4391C11.5249 15.8532 12.4748 15.8532 13.0606 16.4391Z" /> </svg> <svg class="hidden md:block w-5 h-5" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M10.75 6H17C18.5977 6 19.9037 7.24892 19.9949 8.82373L20 9V10L21.0006 10.0178C21.1827 10.0178 21.3535 10.0665 21.5006 10.1516C21.7663 10.3053 21.9548 10.5778 21.9933 10.8963L22.0006 11.0178V13.0178C22.0006 13.3879 21.7995 13.7111 21.5006 13.884C21.3903 13.9479 21.2667 13.9912 21.1349 14.0089L21.0006 14.0178L20 14V15C20 16.5977 18.7511 17.9037 17.1763 17.9949L17 18H7.99757C7.58336 18 7.24757 17.6642 7.24757 17.25C7.24757 16.8703 7.52973 16.5565 7.8958 16.5068L7.99757 16.5H17C17.7797 16.5 18.4204 15.9051 18.4931 15.1445L18.5 15V9C18.5 8.2203 17.9051 7.57955 17.1445 7.50687L17 7.5H10.75C10.3358 7.5 10 7.16421 10 6.75C10 6.3703 10.2822 6.05651 10.6482 6.00685L10.75 6H17H10.75ZM6.251 10.998L6.25178 17.25C6.25178 17.6642 5.91599 18 5.50178 18C5.12208 18 4.80829 17.7178 4.75862 17.3518L4.75178 17.25L4.75178 10.998L3.75 10.9988C2.7835 10.9988 2 10.2153 2 9.24884V6.75C2 6.33579 2.33579 6 2.75 6H3.501L3.50108 4.75C3.50108 4.3703 3.78324 4.05651 4.14931 4.00685L4.25108 4C4.63078 4 4.94457 4.28215 4.99423 4.64823L5.00108 4.75L5.001 6H5.996L5.9969 4.75C5.9969 4.3703 6.27906 4.05651 6.64513 4.00685L6.7469 4C7.1266 4 7.44039 4.28215 7.49005 4.64823L7.4969 4.75L7.496 6H8.25355C8.66777 6 9.00355 6.33579 9.00355 6.75V9.24884C9.00355 10.2153 8.22005 10.9988 7.25355 10.9988L6.251 10.998L6.25178 17.25L6.251 10.998ZM7.50355 7.5H3.5V9.24884C3.5 9.38692 3.61193 9.49884 3.75 9.49884H7.25355C7.39163 9.49884 7.50355 9.38692 7.50355 9.24884V7.5Z" /> </svg> <div class="font-system text-xs select-none text-right pl-4"> 10:54 PM<br /> 23/11/2024 </div> </div> </div> </div> <p class="relative mx-auto mt-16 max-w-xl px-6 text-lg text-center text-gray-600 lg:mt-24 lg:max-w-4xl" > Herd is a blazing fast, native Laravel and PHP development environment for Windows. It includes everything you need to get started with Laravel development, including PHP and nginx. Once you install Herd, you're ready to start developing with Laravel. </p> </section> <hr class="mx-auto h-px w-full max-w-7xl border-none bg-gradient-to-r from-transparent via-[#F9332B]/[.5] to-transparent" /> <section class="py-16 lg:py-32"> <div class="mx-auto px-6 max-w-xl lg:max-w-7xl"> <h2 class="text-5xl font-bold tracking-tight sm:text-6xl lg:text-7xl" > Features </h2> <div class="mt-16 flex flex-col gap-20 sm:flex-row sm:items-start" > <div class="grid gap-x-14 gap-y-20 lg:grid-cols-3"> <div> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_301_81)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.4286 1.14286C19.4286 0.659088 19.124 0.227726 18.6681 0.0658667C18.2122 -0.0959923 17.7038 0.046721 17.3987 0.422181L2.54159 18.7079C2.26357 19.0501 2.20716 19.5216 2.39665 19.9197C2.58612 20.3178 2.98769 20.5714 3.42858 20.5714H12.5714V30.8571C12.5714 31.3408 12.876 31.7723 13.3319 31.9342C13.7878 32.096 14.2962 31.9534 14.6013 31.5778L29.4585 13.2921C29.7364 12.9499 29.7929 12.4784 29.6034 12.0803C29.4139 11.6822 29.0123 11.4286 28.5714 11.4286H19.4286V1.14286Z" fill="#F9332B"/> </g> <defs> <clipPath id="clip0_301_81"> <rect width="32" height="32" fill="white"/> </clipPath> </defs> </svg> <h3 class="text-2xl font-bold tracking-tight sm:text-3xl" > The fastest environment around </h3> <p class="mt-5 text-gray-600"> Herd uses native binaries for PHP, nginx, and other services, making it faster than other PHP development environments. </p> <p class="mt-5 text-gray-600"> No containers, VMs, or wonky virtualization methods – just plain binaries as it should be. </p> </div> <div> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1907 1.61653C15.4469 1.50908 15.722 1.45367 16 1.45367C16.2767 1.45367 16.5505 1.50855 16.8056 1.61499L29.4439 6.39648L29.4489 6.39838C29.7277 6.50533 29.9796 6.66908 30.1897 6.8779L15.9997 12.3407L1.82839 6.88508C2.05254 6.69369 2.31414 6.55061 2.59683 6.46517L15.1907 1.61653ZM1.14243 9.68254V23.8809L1.14253 23.8958C1.14823 24.3347 1.28526 24.7619 1.53596 25.1223C1.78667 25.4828 2.13955 25.7598 2.54913 25.9177L14.5712 30.5463V14.8523L1.14243 9.68254ZM17.4284 14.8523V30.5463L29.4503 25.918C29.8598 25.76 30.2135 25.4828 30.464 25.1223C30.7147 24.7619 30.8519 24.3347 30.8576 23.8958V9.68231L17.4284 14.8523Z" fill="#F9332B"/> </svg> <h3 class="text-2xl font-bold sm:text-3xl"> Everything you need to get started </h3> <p class="mt-5 text-gray-600"> Herd includes binaries for Composer, the Laravel installer, and Expose, making them available to your CLI automatically. </p> <p class="mt-5 text-gray-600"> This makes it possible to manage your sites via Powershell or use the site wizard of Herd. </p> </div> <div> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_301_89)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.6162 0.66947C16.7236 -0.223157 15.2764 -0.223157 14.3837 0.66947L8.66945 6.38375C8.01575 7.03746 7.82019 8.02059 8.17397 8.8747C8.52775 9.72882 9.36122 10.2857 10.2857 10.2857H13.1428V20.5714C13.1428 23.7273 10.5845 26.2857 7.42855 26.2857C5.85059 26.2857 4.57141 27.5648 4.57141 29.1429C4.57141 30.7209 5.85059 32 7.42855 32C10.842 32 13.9059 30.5035 16 28.131C18.0941 30.5035 21.158 32 24.5714 32C26.1495 32 27.4286 30.7209 27.4286 29.1429C27.4286 27.5648 26.1495 26.2857 24.5714 26.2857C21.4155 26.2857 18.8571 23.7273 18.8571 20.5714V10.2857H21.7143C22.6387 10.2857 23.4722 9.72882 23.826 8.8747C24.1799 8.02059 23.9842 7.03746 23.3305 6.38375L17.6162 0.66947Z" fill="#F9332B"/> </g> <defs> <clipPath id="clip0_301_89"> <rect width="32" height="32" fill="white"/> </clipPath> </defs> </svg> <h3 class="text-2xl font-bold sm:text-3xl"> Unlock the full potential with Herd Pro </h3> <p class="mt-5 text-gray-600"> Herd provides everything that you need to get started with Laravel development for free but it offers great capabilities with Herd Pro. </p> <p class="mt-5 text-gray-600"> Explore all Herd Pro features and get the best development environment for Laravel. </p> </div> </div> </div> </div> </section> <hr class="mx-auto h-px w-full max-w-7xl border-none bg-gradient-to-r from-transparent via-[#F9332B]/[.5] to-transparent" /> <section class="py-16 lg:py-32" id="features"> <div class="mx-auto max-w-xl px-6 sm:max-w-7xl"> <div class="flex flex-col gap-20 sm:flex-row sm:items-start"> <div class="grid gap-8 lg:grid-cols-2"> <div style="background: url('/images/blurs-box.png') no-repeat 0 0, #000; background-size: cover;" class="hidden lg:block lg:col-span-2 rounded-lg bg-gray-100 bg-cover border-opacity-50 border relative"> <div class="absolute top-12 right-6 z-10"> <div class="bg-red-600 rounded-lg text-white px-2 py-1 text-xs"> Pro Feature </div> </div> <div class="flex items-center overflow-hidden"> <div class="pl-10 text-white max-w-lg mr-32"> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.2063 3.99915C23.2066 3.05238 22.4393 2.28461 21.4925 2.2843C20.5457 2.28399 19.778 3.05126 19.7777 3.99803C19.7775 4.64459 19.6039 5.28106 19.2727 5.84326C19.0191 6.27368 18.6795 6.6495 18.2745 6.94831C17.5384 6.80427 16.7778 6.72877 16.0001 6.72877C15.2217 6.72877 14.4606 6.80438 13.724 6.94863C13.3188 6.64977 12.979 6.27382 12.7253 5.84326C12.3941 5.28106 12.2206 4.64459 12.2204 3.99803C12.2201 3.05126 11.4523 2.28399 10.5055 2.2843C9.55876 2.28461 8.79149 3.05238 8.79181 3.99915C8.79222 5.25983 9.13083 6.49654 9.77138 7.58369C9.90674 7.81343 10.0545 8.03471 10.2138 8.24671C9.11538 8.86854 8.12861 9.66212 7.29181 10.591C6.765 10.2045 6.19711 9.87323 5.59714 9.60342C4.37638 9.05448 3.05067 8.77268 1.71071 8.77652C0.763945 8.77924 -0.00136405 9.54895 0.00134997 10.4957C0.00406398 11.4425 0.773772 12.2078 1.72054 12.2051C2.57368 12.2026 3.41652 12.3821 4.19099 12.7304C4.6236 12.9249 5.02888 13.1694 5.39878 13.4575C4.97983 14.3642 4.67672 15.3346 4.5084 16.3508H1.71563C0.768855 16.3508 0.00134289 17.1183 0.00134289 18.065C0.00134289 19.0118 0.768855 19.7793 1.71563 19.7793H4.46086C4.60376 20.8227 4.88825 21.8206 5.29435 22.7541C4.95304 23.0078 4.58324 23.2254 4.19099 23.4018C3.41652 23.7499 2.57368 23.9294 1.72054 23.9271C0.773772 23.9243 0.00406398 24.6896 0.00134997 25.6363C-0.00136405 26.5831 0.763945 27.3529 1.71071 27.3556C3.05067 27.3595 4.37638 27.0777 5.59714 26.5287C6.13359 26.2875 6.6444 25.997 7.12315 25.6619C9.26324 28.1454 12.4526 29.7156 16.0001 29.7156C19.5475 29.7156 22.7368 28.1454 24.877 25.6619C25.3556 25.997 25.8665 26.2875 26.4029 26.5287C27.6235 27.0777 28.9492 27.3595 30.2893 27.3556C31.2361 27.3529 32.0013 26.5831 31.9986 25.6363C31.9958 24.6896 31.2262 23.9243 30.2795 23.9271C29.4262 23.9294 28.5835 23.7499 27.8089 23.4018C27.4169 23.2254 27.047 23.008 26.7058 22.7542C27.1119 21.8206 27.3963 20.8227 27.5391 19.7793H30.2843C31.231 19.7793 31.9986 19.0118 31.9986 18.065C31.9986 17.1183 31.231 16.3508 30.2843 16.3508H27.4916C27.3234 15.3346 27.0203 14.3641 26.6013 13.4574C26.9711 13.1694 27.3764 12.9249 27.8089 12.7304C28.5835 12.3821 29.4262 12.2026 30.2795 12.2051C31.2262 12.2078 31.9958 11.4425 31.9986 10.4957C32.0013 9.54895 31.2361 8.77924 30.2893 8.77652C28.9492 8.77268 27.6235 9.05448 26.4029 9.60342C25.8029 9.87323 25.2349 10.2045 24.7083 10.5909C23.871 9.66168 22.8838 8.86781 21.7848 8.24587C21.9439 8.03414 22.0915 7.81313 22.2267 7.58369C22.8671 6.49654 23.2059 5.25983 23.2063 3.99915ZM16.0001 10.1573C19.294 10.1573 22.1141 12.0521 23.4278 14.7723H8.57229C9.88603 12.0521 12.7061 10.1573 16.0001 10.1573Z" fill="#F9332B"/> </svg> <h3 class="text-2xl font-bold sm:text-[42px] leading-[50px] tracking-tight"> Blazing fast debugging </h3> <p class="mt-5 text-white"> Herd Pro gives you a powerful interface to help you watch and collect your debug information. </p> <p class="mt-5 text-white"> All of your application's <span class="font-mono font-bold">dump()</span> and <span class="font-mono font-bold">dd()</span> calls will be beautifully formatted and can be filtered from Herd's separate Dump window. </p> <p class="mt-5 text-white"> Just keep using <span class="font-mono font-bold">dump()</span> as usual – we will take care of the rest. </p> <div class="mt-8"> <div class="!rounded-lg"> <pre class="!rounded-lg"><code data-theme="olaolu-palenight" data-lang="php" class="torchlight rounded-lg" style="background-color: #292D3E; --theme-selection-background: #7580B850;" id="clipText-0"><div class="line"><span style="color: #FFCB8B;">Route</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">get</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">/</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">, </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">()</span><span style="color: #BFC7D5;"> {</span></div><div class="line"><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">dump</span><span style="color: #BFC7D5;"></span><span style="color: #D9F5DD;">(</span><span style="color: #BFC7D4;">config(<span style="color: #D9F5DD">'app.name'</span>)</span><span style="color: #D9F5DD;">)</span><span style="color: #BFC7D5;">;</span></div><div class="line"><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">dump</span><span style="color: #BFC7D5;"></span><span style="color: #D9F5DD;">(</span><span style="color: #BFC7D4;">User::first()</span><span style="color: #D9F5DD;">)</span><span style="color: #BFC7D5;">;</span></div><div class="line"><span style="color: #BFC7D5;">});</span></div></code></pre> </div> </div> </div> <div class="w-full pt-16"> <div class="rounded-md rounded-r-none bg-osx-gray w-full shadow-sm"> <div class="flex items-center justify-between space-x-4 border-b border-[#d9d9d9] p-4"> <div class="flex space-x-4"> <svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 440 550"> <path fill="currentColor" d=" M 0.00 0.00 L 150.06 0.00 L 150.02 198.27 A 0.57 0.57 0.0 0 0 150.58 198.84 C 167.47 199.01 185.36 198.48 201.42 199.56 Q 247.43 202.65 289.75 221.46 Q 346.73 247.69 385.71 296.75 Q 419.64 340.34 432.91 394.00 L 437.71 417.50 L 437.79 419.50 Q 437.83 425.29 439.55 430.80 L 440.00 442.31 L 440.00 550.00 L 290.19 550.00 Q 289.89 505.03 289.98 460.07 Q 290.01 447.06 289.06 440.12 C 282.53 392.50 244.70 355.36 196.96 349.75 C 183.01 348.11 165.77 348.98 150.50 349.05 A 0.51 0.49 0.0 0 0 149.99 349.54 L 149.94 550.00 L 0.00 550.00 L 0.00 0.00 Z" /> <path fill="currentColor" fill-opacity="0.718" d=" M 291.06 0.00 L 440.00 0.00 L 440.00 410.56 L 439.71 412.50 Q 438.01 415.34 438.46 418.75 Q 438.21 413.29 437.71 417.50 L 432.91 394.00 L 434.02 395.06 A 1.22 0.57 -76.8 0 1 434.21 395.98 C 433.99 397.92 434.99 399.36 435.26 400.92 Q 436.36 407.12 437.36 413.33 A 0.51 0.39 84.6 0 0 437.75 413.75 L 438.26 413.76 A 0.82 0.48 -84.6 0 0 438.79 413.02 Q 439.08 410.54 439.09 404.81 Q 439.19 204.13 439.12 2.95 A 1.69 1.69 0.0 0 0 437.43 1.26 L 290.03 1.42 Q 289.77 0.34 291.06 0.00 Z" /> <path fill="currentColor" fill-opacity="0.671" d=" M 432.91 394.00 Q 419.64 340.34 385.71 296.75 C 384.61 293.06 380.98 289.81 378.76 287.15 C 359.29 263.80 331.94 242.48 303.53 227.45 Q 295.45 223.17 290.31 220.80 L 290.19 220.62 A 0.76 0.65 31.6 0 1 290.06 220.22 L 290.03 1.42 L 437.43 1.26 A 1.69 1.69 0.0 0 1 439.12 2.95 Q 439.19 204.13 439.09 404.81 Q 439.08 410.54 438.79 413.02 A 0.82 0.48 -84.6 0 1 438.26 413.76 L 437.75 413.75 A 0.51 0.39 84.6 0 1 437.36 413.33 Q 436.36 407.12 435.26 400.92 C 434.99 399.36 433.99 397.92 434.21 395.98 A 1.22 0.57 -76.8 0 0 434.02 395.06 L 432.91 394.00 Z" /> <path fill="currentColor" fill-opacity="0.788" d=" M 385.71 296.75 Q 346.73 247.69 289.75 221.46 L 290.31 220.80 Q 295.45 223.17 303.53 227.45 C 331.94 242.48 359.29 263.80 378.76 287.15 C 380.98 289.81 384.61 293.06 385.71 296.75 Z" /> <path fill="currentColor" fill-opacity="0.980" d=" M 439.71 412.50 L 439.55 430.80 Q 437.83 425.29 437.79 419.50 Q 438.46 421.97 438.46 418.75 Q 438.01 415.34 439.71 412.50 Z" /> <path fill="currentColor" fill-opacity="0.671" d=" M 438.46 418.75 Q 438.46 421.97 437.79 419.50 L 437.71 417.50 Q 438.21 413.29 438.46 418.75 Z" /> </svg> </div> <div class="flex space-x-4"> <svg class="h-6 w-6 text-gray-600 animate-pulse" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.98959 4.92865C6.28249 5.22155 6.28249 5.69642 5.98959 5.98931C2.67014 9.30877 2.67014 14.6907 5.98959 18.0101C6.28249 18.303 6.28249 18.7779 5.98959 19.0708C5.6967 19.3637 5.22183 19.3637 4.92893 19.0708C1.02369 15.1655 1.02369 8.8339 4.92893 4.92865C5.22183 4.63576 5.6967 4.63576 5.98959 4.92865ZM19.0711 4.92865C22.9763 8.8339 22.9763 15.1655 19.0711 19.0708C18.7782 19.3637 18.3033 19.3637 18.0104 19.0708C17.7175 18.7779 17.7175 18.303 18.0104 18.0101C21.3299 14.6907 21.3299 9.30877 18.0104 5.98931C17.7175 5.69642 17.7175 5.22155 18.0104 4.92865C18.3033 4.63576 18.7782 4.63576 19.0711 4.92865ZM8.81802 7.75708C9.11091 8.04997 9.11091 8.52485 8.81802 8.81774C7.06066 10.5751 7.06066 13.4243 8.81802 15.1817C9.11091 15.4746 9.11091 15.9495 8.81802 16.2424C8.52513 16.5353 8.05025 16.5353 7.75736 16.2424C5.41421 13.8992 5.41421 10.1002 7.75736 7.75708C8.05025 7.46419 8.52513 7.46419 8.81802 7.75708ZM16.2426 7.75708C18.5858 10.1002 18.5858 13.8992 16.2426 16.2424C15.9497 16.5353 15.4749 16.5353 15.182 16.2424C14.8891 15.9495 14.8891 15.4746 15.182 15.1817C16.9393 13.4243 16.9393 10.5751 15.182 8.81774C14.8891 8.52485 14.8891 8.04997 15.182 7.75708C15.4749 7.46419 15.9497 7.46419 16.2426 7.75708ZM12 10.4997C12.8284 10.4997 13.5 11.1713 13.5 11.9997C13.5 12.8281 12.8284 13.4997 12 13.4997C11.1716 13.4997 10.5 12.8281 10.5 11.9997C10.5 11.1713 11.1716 10.4997 12 10.4997Z" fill="#212121"/> </svg> <svg class="h-6 w-6 text-gray-600" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M42.4502 16.1828L31.8176 5.55023C29.525 3.25768 25.6602 3.88486 24.2103 6.78474L18.938 17.3294C18.7919 17.6217 18.537 17.8451 18.2281 17.9518L10.4583 20.636C8.53836 21.2992 7.97536 23.7435 9.41167 25.1798L15.2323 31.0004L6 40.2326V42.0004H7.76777L17 32.7682L22.8207 38.5888C24.257 40.0251 26.7012 39.4621 27.3645 37.5422L30.0486 29.7723C30.1553 29.4634 30.3788 29.2086 30.6711 29.0624L41.2157 23.7901C44.1155 22.3402 44.7427 18.4754 42.4502 16.1828ZM30.0498 7.318L40.6824 17.9506C41.7683 19.0365 41.4713 20.8672 40.0976 21.554L29.553 26.8264C28.6761 27.2648 28.0058 28.0293 27.6856 28.956L25.0015 36.7259C24.9412 36.9004 24.719 36.9516 24.5884 36.821L11.1794 23.412C11.0489 23.2815 11.1 23.0592 11.2746 22.999L19.0444 20.3148C19.9711 19.9947 20.7356 19.3243 21.1741 18.4474L26.4464 7.90276C27.1332 6.52914 28.9639 6.23205 30.0498 7.318Z" fill="#212121"/> </svg> <svg class="h-6 w-6 text-gray-600" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.03454 3.5C6.13437 3.5 5.4063 4.17543 5.2982 5.02738C5.36232 5.00954 5.4299 5 5.49971 5H18.4997C18.5695 5 18.6371 5.00954 18.7012 5.02738C18.5931 4.17543 17.8651 3.5 16.9649 3.5H7.03454ZM6.85063 19.8306C6.8918 20.2114 7.21327 20.5 7.59629 20.5H16.4031C16.7861 20.5 17.1076 20.2114 17.1488 19.8306L18.5905 6.49456C18.5608 6.49815 18.5304 6.5 18.4997 6.5H5.49971C5.46897 6.5 5.43866 6.49815 5.4089 6.49456L6.85063 19.8306ZM3.80337 5.59932C3.59559 3.67734 5.10136 2 7.03454 2H16.9649C18.8981 2 20.4038 3.67733 20.196 5.59932L18.6401 19.9918C18.5166 21.1342 17.5522 22 16.4031 22H7.59629C6.44725 22 5.48282 21.1342 5.35932 19.9918L3.80337 5.59932ZM11.7919 10.4094C11.8909 10.2614 12.1085 10.2614 12.2075 10.4094L12.8763 11.4092C13.1067 11.7535 13.5725 11.8459 13.9167 11.6156C14.261 11.3852 14.3534 10.9194 14.1231 10.5752L13.4542 9.57538C12.7612 8.53947 11.2382 8.53946 10.5452 9.57538L9.87634 10.5752C9.64602 10.9194 9.7384 11.3852 10.0827 11.6156C10.427 11.8459 10.8928 11.7535 11.1231 11.4092L11.7919 10.4094ZM9.63558 12.5991C9.99077 12.8122 10.1059 13.2729 9.89283 13.6281L9.5287 14.2349C9.32874 14.5682 9.5688 14.9922 9.95745 14.9922H10.7497C11.1639 14.9922 11.4997 15.328 11.4997 15.7422C11.4997 16.1564 11.1639 16.4922 10.7497 16.4922H9.95745C8.40286 16.4922 7.44263 14.7962 8.24246 13.4632L8.60659 12.8563C8.8197 12.5011 9.2804 12.386 9.63558 12.5991ZM14.1087 13.6276C13.8958 13.2723 14.0113 12.8117 14.3666 12.5988C14.722 12.3859 15.1826 12.5014 15.3954 12.8568L15.7594 13.4644C16.558 14.7974 15.5977 16.4922 14.0437 16.4922H13.2497C12.8355 16.4922 12.4997 16.1564 12.4997 15.7422C12.4997 15.328 12.8355 14.9922 13.2497 14.9922H14.0437C14.4322 14.9922 14.6723 14.5685 14.4727 14.2352L14.1087 13.6276Z" fill="#212121"/> </svg> </div> </div> <div class="bg-white border-t border-[#f2f2f2]"> <div class="p-4 overflow-hidden bg-[#f4f5f5] rounded-md m-[10px] p-[10px]"> <span class="text-xs text-gray-600"> 22:54:54 – routes/web.php:29 </span> <p class="font-mono" style="font-size: 14px"> "Laravel Herd" </p> </div> <div class="p-4 overflow-hidden bg-[#f4f5f5] rounded-md m-[10px] p-[10px]"> <span class="text-xs text-gray-600"> 22:54:54 – routes/web.php:30 </span> <p class="font-mono" style="font-size: 14px"> SELECT * FROM `users` LIMIT 1 </p> </div> <div class="p-4 overflow-hidden h-[500px]"> <span class="text-xs text-gray-600"> 22:54:54 – routes/web.php:30 </span> <pre class="!text-sm sf-dump overflow-hidden" data-indent-pad=" " tabindex="0"><div class="sf-dump-search-wrapper sf-dump-search-hidden"> <input type="text" class="sf-dump-search-input"> <span class="sf-dump-search-count">0 of 0</span> <button type="button" class="sf-dump-search-input-previous" tabindex="-1"> <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1683 1331l-166 165q-19 19-45 19t-45-19L896 965l-531 531q-19 19-45 19t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19 45-19t45 19l742 741q19 19 19 45.5t-19 45.5z"></path></svg> </button> <button type="button" class="sf-dump-search-input-next" tabindex="-1"> <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1683 808l-742 741q-19 19-45 19t-45-19L109 808q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"></path></svg> </button> </div><span class="sf-dump-note">App\Models\User</span> {<a class="sf-dump-ref sf-dump-toggle" title="[Cmd+click] Expand all children">#892 <span>▼</span></a><samp data-depth="1" class="sf-dump-expanded"> #<span class="sf-dump-protected" title="Protected property">connection</span>: "<span class="sf-dump-str" title="6 characters">sqlite</span>" #<span class="sf-dump-protected" title="Protected property">table</span>: "<span class="sf-dump-str" title="5 characters">users</span>" #<span class="sf-dump-protected" title="Protected property">primaryKey</span>: "<span class="sf-dump-str" title="2 characters">id</span>" #<span class="sf-dump-protected" title="Protected property">keyType</span>: "<span class="sf-dump-str" title="3 characters">int</span>" +<span class="sf-dump-public" title="Public property">incrementing</span>: <span class="sf-dump-const">true</span> #<span class="sf-dump-protected" title="Protected property">with</span>: [] #<span class="sf-dump-protected" title="Protected property">withCount</span>: [] +<span class="sf-dump-public" title="Public property">preventsLazyLoading</span>: <span class="sf-dump-const">false</span> #<span class="sf-dump-protected" title="Protected property">perPage</span>: <span class="sf-dump-num">15</span> +<span class="sf-dump-public" title="Public property">exists</span>: <span class="sf-dump-const">true</span> +<span class="sf-dump-public" title="Public property">wasRecentlyCreated</span>: <span class="sf-dump-const">false</span> #<span class="sf-dump-protected" title="Protected property">escapeWhenCastingToString</span>: <span class="sf-dump-const">false</span> #<span class="sf-dump-protected" title="Protected property">attributes</span>: <span class="sf-dump-note">array:13</span> [<a class="sf-dump-ref sf-dump-toggle" title="[Cmd+click] Expand all children"><span>▶</span></a><samp data-depth="2" class="sf-dump-compact"> "<span class="sf-dump-key">id</span>" => <span class="sf-dump-num">1</span> "<span class="sf-dump-key">name</span>" => "<span class="sf-dump-str" title="13 characters">Taylor Otwell</span>" "<span class="sf-dump-key">email</span>" => "<span class="sf-dump-str" title="23 characters"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6713061e0b0815270f021503490b06150611020b4904080a">[email protected]</a></span>" "<span class="sf-dump-key">email_verified_at</span>" => "<span class="sf-dump-str" title="19 characters">2024-11-23 22:54:54</span>" "<span class="sf-dump-key">remember_token</span>" => <span class="sf-dump-const">null</span> "<span class="sf-dump-key">current_team_id</span>" => <span class="sf-dump-const">null</span> "<span class="sf-dump-key">profile_photo_path</span>" => <span class="sf-dump-const">null</span> "<span class="sf-dump-key">created_at</span>" => "<span class="sf-dump-str" title="19 characters">2024-11-23 22:54:54</span>" "<span class="sf-dump-key">updated_at</span>" => "<span class="sf-dump-str" title="19 characters">2024-11-23 22:56:41</span>" "<span class="sf-dump-key">two_factor_secret</span>" => <span class="sf-dump-const">null</span> "<span class="sf-dump-key">two_factor_recovery_codes</span>" => <span class="sf-dump-const">null</span> "<span class="sf-dump-key">two_factor_confirmed_at</span>" => <span class="sf-dump-const">null</span> </samp>] #<span class="sf-dump-protected" title="Protected property">fillable</span>: <span class="sf-dump-note">array:3</span> [<a class="sf-dump-ref sf-dump-toggle" title="[Cmd+click] Expand all children"><span>▶</span></a><samp data-depth="2" class="sf-dump-compact"> <span class="sf-dump-index">0</span> => "<span class="sf-dump-str" title="4 characters">name</span>" <span class="sf-dump-index">1</span> => "<span class="sf-dump-str" title="5 characters">email</span>" <span class="sf-dump-index">2</span> => "<span class="sf-dump-str" title="8 characters">password</span>" </samp>] #<span class="sf-dump-protected" title="Protected property">rememberTokenName</span>: "<span class="sf-dump-str" title="14 characters">remember_token</span>" </samp>} </pre> </div> </div> </div> </div> </div> </div> <div style="background: url('/images/blurs-box.png') no-repeat 0 0, #000; background-size: cover;" class="lg:hidden flex flex-col items-start justify-between px-4 pt-8 border border-gray-300 rounded-lg bg-gray-100 border-opacity-50 leading-[1.6875rem]"> <div> <div class="flex justify-end"> <div class="bg-red-600 rounded-lg text-white px-2 py-1 text-xs"> Pro Feature </div> </div> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_301_118)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.9486 0.195408C22.1436 -0.164525 20.2739 -0.0104539 18.5523 0.64008C16.8306 1.29061 15.3262 2.41147 14.2104 3.87506C13.0945 5.33862 12.412 7.0861 12.2405 8.91853C12.1051 10.3658 12.2928 11.8202 12.7841 13.1782L1.05401 24.9084C-0.304278 26.2666 -0.281754 28.4757 1.10396 29.806L2.38574 31.0364C3.72681 32.3239 5.8496 32.3082 7.17129 31.0007L19.0631 19.2377C20.3757 19.6629 21.7679 19.8092 23.1492 19.661C24.9611 19.4668 26.6839 18.7738 28.1252 17.6591C29.5668 16.5444 30.6711 15.0517 31.3152 13.347C31.9586 11.6437 32.1172 9.79542 31.7737 8.00738C31.7003 7.61188 31.5447 7.23618 31.317 6.90445C31.0884 6.57149 30.7924 6.29032 30.4482 6.07917C29.9977 5.80276 29.4164 5.87145 29.0425 6.24523L24.4711 10.8167L24.4564 10.8316C24.3499 10.9423 24.2219 11.0302 24.0807 11.0903C23.9392 11.1504 23.7872 11.1814 23.6336 11.1814C23.48 11.1814 23.328 11.1504 23.1865 11.0903C23.0452 11.0302 22.9172 10.9423 22.8107 10.8316C22.7912 10.8114 22.7709 10.7918 22.7499 10.7731L21.0455 9.24804C20.8495 9.03695 20.7402 8.75926 20.7402 8.47048C20.7402 8.17293 20.8562 7.88717 21.0636 7.67389L25.6304 3.10717C25.96 2.77746 26.0564 2.28047 25.8736 1.85142C25.7083 1.46313 25.4599 1.11592 25.1456 0.834338C24.8311 0.552761 24.4587 0.343698 24.0548 0.221941C24.0199 0.211405 23.9842 0.20255 23.9486 0.195408Z" fill="#F9332B"/> </g> <defs> <clipPath id="clip0_301_118"> <rect width="32" height="32" fill="white" transform="translate(0.000183105 -0.00109863)"/> </clipPath> </defs> </svg> <h3 class="text-2xl font-bold sm:text-[2.625rem] tracking-tighter sm:leading-[3.1rem] text-white"> Blazing fast debugging </h3> <p class="mt-5 text-white"> Herd Pro gives you a powerful interface to help you watch and collect your debug information.<br> All of your application's <span class="font-mono font-bold">dump()</span> and <span class="font-mono font-bold">dd()</span> calls will be beautifully formatted and can be filtered from Herd's separate Dump window. </p> <p class="mt-5 text-white"> Just keep using <span class="font-mono font-bold">dump()</span> as usual – we will take care of the rest. </p> </div> <div class="relative h-[510px] overflow-hidden mt-8 w-full rounded-r-md"> <div class="rounded-md rounded-r-none bg-osx-gray w-full shadow-sm"> <div class="flex items-center justify-between space-x-4 border-b border-[#d9d9d9] p-4"> <div class="flex space-x-4"> <div class="h-4 w-4 bg-osx-red rounded-full border border-red-700"></div> <div class="h-4 w-4 bg-osx-yellow rounded-full border border-yellow-600"></div> <div class="h-4 w-4 bg-osx-green rounded-full border border-green-600"></div> </div> <div class="flex space-x-4"> <svg class="h-6 w-6 text-gray-600 animate-pulse" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.87348 15.1266C4.04217 12.2953 4.04217 7.70484 6.87348 4.87354" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M17.1265 4.87354C19.9578 7.70484 19.9578 12.2953 17.1265 15.1266" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15.0052 6.99475C16.6649 8.65448 16.6649 11.3454 15.0052 13.0052" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M8.9948 13.0052C7.33507 11.3454 7.33507 8.65448 8.9948 6.99475" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12.5 10C12.5 10.2761 12.2761 10.5 12 10.5C11.7239 10.5 11.5 10.2761 11.5 10C11.5 9.72386 11.7239 9.5 12 9.5C12.2761 9.5 12.5 9.72386 12.5 10Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12 13.75V19.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <svg class="h-6 w-6 text-gray-600" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.75 7.75L6.59115 17.4233C6.68102 18.4568 7.54622 19.25 8.58363 19.25H14.4164C15.4538 19.25 16.319 18.4568 16.4088 17.4233L17.25 7.75H5.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9.75 10.75V16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M13.25 10.75V16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M8.75 7.75V6.75C8.75 5.64543 9.64543 4.75 10.75 4.75H12.25C13.3546 4.75 14.25 5.64543 14.25 6.75V7.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.75 7.75H18.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <svg class="h-6 w-6 text-gray-600" fill="none" viewBox="0 0 24 24"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.75 7.75L7.75 4.75H16.25L15.25 7.75V10C18.25 11 18.25 14.25 18.25 14.25H5.75C5.75 14.25 5.75 11 8.75 10V7.75Z"></path> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 14.5V19.25"></path> </svg> </div> </div> <div class="bg-osx-gray flex items-center text-xs py-1 space-x-3 px-2"> <div class="px-2 py-0.5 rounded bg-gray-200">All (6)</div> <div>Dumps (2)</div> <div>Queries (1)</div> <div>Jobs (0)</div> <div class="hidden md:block">Views (0)</div> <div class="hidden md:block">Requests (0)</div> <div>Logs (3)</div> </div> <div class="bg-white border-t border-[#f2f2f2]"> <div class="p-4 overflow-hidden bg-[#f4f5f5] rounded-md m-[10px] p-[10px]"> <span class="text-xs text-gray-600"> 22:54:54 – routes/web.php:29 </span> <p class="font-mono" style="font-size: 14px"> "Laravel Herd" </p> </div> <div class="p-4 overflow-hidden bg-[#f4f5f5] rounded-md m-[10px] p-[10px]"> <span class="text-xs text-gray-600"> 22:54:54 – routes/web.php:30 </span> <p class="font-mono" style="font-size: 14px"> SELECT * FROM `users` LIMIT 1 </p> </div> <div class="p-4 overflow-hidden h-[500px]"> <span class="text-xs text-gray-600"> 22:54:54 – routes/web.php:30 </span> <pre class="!text-sm sf-dump overflow-hidden" data-indent-pad=" " tabindex="0"><div class="sf-dump-search-wrapper sf-dump-search-hidden"> <input type="text" class="sf-dump-search-input"> <span class="sf-dump-search-count">0 of 0</span> <button type="button" class="sf-dump-search-input-previous" tabindex="-1"> <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1683 1331l-166 165q-19 19-45 19t-45-19L896 965l-531 531q-19 19-45 19t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19 45-19t45 19l742 741q19 19 19 45.5t-19 45.5z"></path></svg> </button> <button type="button" class="sf-dump-search-input-next" tabindex="-1"> <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1683 808l-742 741q-19 19-45 19t-45-19L109 808q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"></path></svg> </button> </div><span class="sf-dump-note">App\Models\User</span> {<a class="sf-dump-ref sf-dump-toggle" title="[Cmd+click] Expand all children">#892 <span>▼</span></a><samp data-depth="1" class="sf-dump-expanded"> #<span class="sf-dump-protected" title="Protected property">connection</span>: "<span class="sf-dump-str" title="6 characters">sqlite</span>" #<span class="sf-dump-protected" title="Protected property">table</span>: "<span class="sf-dump-str" title="5 characters">users</span>" #<span class="sf-dump-protected" title="Protected property">primaryKey</span>: "<span class="sf-dump-str" title="2 characters">id</span>" #<span class="sf-dump-protected" title="Protected property">keyType</span>: "<span class="sf-dump-str" title="3 characters">int</span>" +<span class="sf-dump-public" title="Public property">incrementing</span>: <span class="sf-dump-const">true</span> #<span class="sf-dump-protected" title="Protected property">with</span>: [] #<span class="sf-dump-protected" title="Protected property">withCount</span>: [] +<span class="sf-dump-public" title="Public property">preventsLazyLoading</span>: <span class="sf-dump-const">false</span> #<span class="sf-dump-protected" title="Protected property">perPage</span>: <span class="sf-dump-num">15</span> +<span class="sf-dump-public" title="Public property">exists</span>: <span class="sf-dump-const">true</span> +<span class="sf-dump-public" title="Public property">wasRecentlyCreated</span>: <span class="sf-dump-const">false</span> #<span class="sf-dump-protected" title="Protected property">escapeWhenCastingToString</span>: <span class="sf-dump-const">false</span> #<span class="sf-dump-protected" title="Protected property">attributes</span>: <span class="sf-dump-note">array:13</span> [<a class="sf-dump-ref sf-dump-toggle" title="[Cmd+click] Expand all children"><span>▶</span></a><samp data-depth="2" class="sf-dump-compact"> "<span class="sf-dump-key">id</span>" => <span class="sf-dump-num">1</span> "<span class="sf-dump-key">name</span>" => "<span class="sf-dump-str" title="13 characters">Taylor Otwell</span>" "<span class="sf-dump-key">email</span>" => "<span class="sf-dump-str" title="23 characters"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e793869e8b8895a78f829583c98b86958691828bc984888a">[email protected]</a></span>" "<span class="sf-dump-key">email_verified_at</span>" => "<span class="sf-dump-str" title="19 characters">2024-11-23 22:54:54</span>" "<span class="sf-dump-key">remember_token</span>" => <span class="sf-dump-const">null</span> "<span class="sf-dump-key">current_team_id</span>" => <span class="sf-dump-const">null</span> "<span class="sf-dump-key">profile_photo_path</span>" => <span class="sf-dump-const">null</span> "<span class="sf-dump-key">created_at</span>" => "<span class="sf-dump-str" title="19 characters">2024-11-23 22:54:54</span>" "<span class="sf-dump-key">updated_at</span>" => "<span class="sf-dump-str" title="19 characters">2024-11-23 22:56:41</span>" "<span class="sf-dump-key">two_factor_secret</span>" => <span class="sf-dump-const">null</span> "<span class="sf-dump-key">two_factor_recovery_codes</span>" => <span class="sf-dump-const">null</span> "<span class="sf-dump-key">two_factor_confirmed_at</span>" => <span class="sf-dump-const">null</span> </samp>] #<span class="sf-dump-protected" title="Protected property">fillable</span>: <span class="sf-dump-note">array:3</span> [<a class="sf-dump-ref sf-dump-toggle" title="[Cmd+click] Expand all children"><span>▶</span></a><samp data-depth="2" class="sf-dump-compact"> <span class="sf-dump-index">0</span> => "<span class="sf-dump-str" title="4 characters">name</span>" <span class="sf-dump-index">1</span> => "<span class="sf-dump-str" title="5 characters">email</span>" <span class="sf-dump-index">2</span> => "<span class="sf-dump-str" title="8 characters">password</span>" </samp>] #<span class="sf-dump-protected" title="Protected property">rememberTokenName</span>: "<span class="sf-dump-str" title="14 characters">remember_token</span>" </samp>} </pre> </div> </div> </div> </div> </div> <div class="flex flex-col items-start justify-between px-4 md:px-10 pt-4 md:pt-10 border border-gray-300 rounded-lg bg-gray-100 border-opacity-50 leading-[1.6875rem]"> <div> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_301_118)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.9486 0.195408C22.1436 -0.164525 20.2739 -0.0104539 18.5523 0.64008C16.8306 1.29061 15.3262 2.41147 14.2104 3.87506C13.0945 5.33862 12.412 7.0861 12.2405 8.91853C12.1051 10.3658 12.2928 11.8202 12.7841 13.1782L1.05401 24.9084C-0.304278 26.2666 -0.281754 28.4757 1.10396 29.806L2.38574 31.0364C3.72681 32.3239 5.8496 32.3082 7.17129 31.0007L19.0631 19.2377C20.3757 19.6629 21.7679 19.8092 23.1492 19.661C24.9611 19.4668 26.6839 18.7738 28.1252 17.6591C29.5668 16.5444 30.6711 15.0517 31.3152 13.347C31.9586 11.6437 32.1172 9.79542 31.7737 8.00738C31.7003 7.61188 31.5447 7.23618 31.317 6.90445C31.0884 6.57149 30.7924 6.29032 30.4482 6.07917C29.9977 5.80276 29.4164 5.87145 29.0425 6.24523L24.4711 10.8167L24.4564 10.8316C24.3499 10.9423 24.2219 11.0302 24.0807 11.0903C23.9392 11.1504 23.7872 11.1814 23.6336 11.1814C23.48 11.1814 23.328 11.1504 23.1865 11.0903C23.0452 11.0302 22.9172 10.9423 22.8107 10.8316C22.7912 10.8114 22.7709 10.7918 22.7499 10.7731L21.0455 9.24804C20.8495 9.03695 20.7402 8.75926 20.7402 8.47048C20.7402 8.17293 20.8562 7.88717 21.0636 7.67389L25.6304 3.10717C25.96 2.77746 26.0564 2.28047 25.8736 1.85142C25.7083 1.46313 25.4599 1.11592 25.1456 0.834338C24.8311 0.552761 24.4587 0.343698 24.0548 0.221941C24.0199 0.211405 23.9842 0.20255 23.9486 0.195408Z" fill="#F9332B"/> </g> <defs> <clipPath id="clip0_301_118"> <rect width="32" height="32" fill="white" transform="translate(0.000183105 -0.00109863)"/> </clipPath> </defs> </svg> <h3 class="text-2xl font-bold sm:text-[2.625rem] tracking-tighter sm:leading-[3.1rem]"> Easily manage multiple versions of PHP </h3> <p class="mt-5 text-gray-600"> Herd comes with PHP 7.4 - 8.4, and you can switch between these versions in seconds. Herd even lets you pin sites to specific PHP versions. </p> <p class="mt-5 text-gray-600"> Herd keeps all of your PHP installations up to date and notifies you about new updates in time. </p> </div> <div class="relative h-[300px] overflow-hidden mt-8"> <div class="-m-[1px]"> <img src="/images/windows/settings-php.png" alt="PHP Settings" class="rounded-t-md"> </div> </div> </div> <div class="flex flex-col items-start justify-between px-4 md:px-10 pt-4 md:pt-10 border border-gray-300 rounded-lg bg-gray-100 border-opacity-50 leading-[1.6875rem]"> <div> <div class="flex justify-end opacity-0"> <div class="bg-red-600 rounded-lg text-white px-2 py-1 text-xs"> Pro Feature </div> </div> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 1.14819C15.4881 1.14819 14.984 1.26202 14.5202 1.47945L14.4911 1.4936L2.42357 7.57359L2.39123 7.59055C2.00089 7.8031 1.68502 8.12161 1.46929 8.49994C1.25385 8.8778 1.14326 9.30579 1.14326 9.73709C1.14326 10.1684 1.25385 10.5964 1.46929 10.9742C1.68502 11.3526 2.00089 11.6711 2.39123 11.8836C2.40293 11.89 2.41475 11.8962 2.42665 11.9021L14.4942 17.9364L14.5202 17.949C14.984 18.1664 15.4881 18.2803 16.0004 18.2803C16.5127 18.2803 17.0168 18.1664 17.4806 17.949L17.5097 17.9349L29.5772 11.8549L29.6096 11.8379C30 11.6254 30.3157 11.3068 30.5315 10.9285C30.747 10.5507 30.8576 10.1227 30.8576 9.69137C30.8576 9.26008 30.747 8.83208 30.5315 8.45423C30.3157 8.0759 30 7.75738 29.6096 7.54484C29.598 7.53846 29.5861 7.53229 29.5742 7.52632L17.5066 1.49205L17.4806 1.47945C17.0168 1.26202 16.5127 1.14819 16.0004 1.14819ZM30.6782 15.8083C31.0997 16.656 30.7543 17.685 29.9065 18.1065L17.6779 24.1863C17.6608 24.195 17.6435 24.2032 17.6261 24.211C17.105 24.4487 16.5389 24.5719 15.9661 24.5719C15.3933 24.5719 14.8272 24.4487 14.3061 24.211C14.2875 24.2026 14.2691 24.1939 14.2509 24.1847L2.0909 18.1048C1.24408 17.6814 0.900831 16.6516 1.32424 15.8048C1.74764 14.958 2.77737 14.6148 3.62419 15.0382L15.7477 21.0999C15.8169 21.1285 15.8911 21.1432 15.9661 21.1432C16.0416 21.1432 16.1162 21.1283 16.1857 21.0993L28.3801 15.0364C29.2279 14.6149 30.2567 14.9605 30.6782 15.8083ZM29.9065 24.3923C30.7543 23.9708 31.0997 22.9417 30.6782 22.094C30.2567 21.2462 29.2279 20.9007 28.3801 21.3222L16.1857 27.3852C16.1162 27.414 16.0416 27.4291 15.9661 27.4291C15.8911 27.4291 15.8169 27.4142 15.7477 27.3856L3.62419 21.3239C2.77737 20.9005 1.74764 21.2437 1.32424 22.0905C0.900831 22.9374 1.24408 23.9671 2.0909 24.3904L14.2509 30.4704C14.2691 30.4796 14.2875 30.4883 14.3061 30.4967C14.8272 30.7344 15.3933 30.8576 15.9661 30.8576C16.5389 30.8576 17.105 30.7344 17.6261 30.4967C17.6435 30.489 17.6608 30.4807 17.6779 30.472L29.9065 24.3923Z" fill="#F9332B" /> </svg> <h3 class="text-2xl font-bold sm:text-[2.625rem] tracking-tighter sm:leading-[3.1rem]"> Frontend tooling included with nvm </h3> <p class="mt-5 text-gray-600"> Herd ships with nvm, the Node Version Manager, allowing you to easily manage Node.js versions on your machine. </p> <p class="mt-5 text-gray-600"> You can install and switch between versions in seconds via your terminal or the Herd UI. </p> </div> <div class="relative h-[300px] overflow-hidden mt-8"> <div class="-m-[1px]"> <img src="/images/windows/settings-node.png" alt="Node Version Manager" class="rounded-t-md"> </div> </div> </div> <div style="background: url('/images/blurs-mail.png') no-repeat right, #000;" class="hidden lg:block relative lg:col-span-2 py-2 rounded-lg bg-gray-100 bg-cover border-opacity-50"> <div class="absolute top-10 right-6"> <div class="bg-red-600 rounded-lg text-white px-2 py-1 text-xs"> Pro Feature </div> </div> <div class="flex items-center overflow-hidden"> <div class="pl-10 text-white max-w-lg mr-32"> <svg class="w-9 h-8 mb-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#F9332B"> <path d="M5.507 4.048A3 3 0 0 1 7.785 3h8.43a3 3 0 0 1 2.278 1.048l1.722 2.008A4.533 4.533 0 0 0 19.5 6h-15c-.243 0-.482.02-.715.056l1.722-2.008Z" /> <path fill-rule="evenodd" d="M1.5 10.5a3 3 0 0 1 3-3h15a3 3 0 1 1 0 6h-15a3 3 0 0 1-3-3Zm15 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm2.25.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM4.5 15a3 3 0 1 0 0 6h15a3 3 0 1 0 0-6h-15Zm11.25 3.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM19.5 18a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" clip-rule="evenodd" /> </svg> <h3 class="text-2xl font-bold sm:text-[42px] leading-[50px] tracking-tight"> Seamlessly run and manage services </h3> <p class="mt-5 text-white"> Herd is the control panel for your local environment, making it easy to set up and run complementary services to your Laravel applications. </p> <p class="mt-5 text-white"> From databases to storage systems, we got you covered with MySQL, PostgreSQL, Redis, Typesense, Meilisearch, MinIO, and even Laravel Reverb. </p> </div> <div class="py-12 w-[700px] -mr-72"> <div class="-m-[1px] "> <img src="/images/windows/settings-services.png" alt="Herd Services" class="rounded-md"> </div> </div> </div> </div> <div style="background: url('/images/blurs-box.png') no-repeat 0 0, #000; background-size: cover;" class="lg:hidden flex flex-col items-start justify-between px-4 pt-4 border border-gray-300 rounded-lg bg-gray-100 border-opacity-50 leading-[1.6875rem]"> <div> <div class="flex justify-end"> <div class="bg-red-600 rounded-lg text-white px-2 py-1 text-xs"> Pro Feature </div> </div> <svg class="w-8 h-8 mb-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#F9332B"> <path d="M5.507 4.048A3 3 0 0 1 7.785 3h8.43a3 3 0 0 1 2.278 1.048l1.722 2.008A4.533 4.533 0 0 0 19.5 6h-15c-.243 0-.482.02-.715.056l1.722-2.008Z" /> <path fill-rule="evenodd" d="M1.5 10.5a3 3 0 0 1 3-3h15a3 3 0 1 1 0 6h-15a3 3 0 0 1-3-3Zm15 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm2.25.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM4.5 15a3 3 0 1 0 0 6h15a3 3 0 1 0 0-6h-15Zm11.25 3.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM19.5 18a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" clip-rule="evenodd" /> </svg> <h3 class="text-2xl font-bold sm:text-[2.625rem] tracking-tighter sm:leading-[3.1rem] text-white"> Seamlessly run and manage services </h3> <p class="mt-5 text-white"> Herd is the control panel for your local environment, making it easy to set up and run complementary services to your Laravel applications. </p> <p class="mt-5 text-white"> From databases to storage systems, we got you covered with MySQL, PostgreSQL, Redis, Typesense, Meilisearch, MinIO, and even Laravel Reverb. </p> </div> <div class="relative h-[220px] overflow-hidden mt-8"> <div class="-m-[1px]"> <img src="/images/windows/settings-services.png" alt="Herd Services" class="rounded-t-md"> </div> </div> </div> <div class="flex flex-col items-start justify-between px-4 md:px-10 pt-4 md:pt-10 border border-gray-300 rounded-lg bg-gray-100 border-opacity-50 leading-[1.6875rem]"> <div> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.14288 4.57139C1.14288 2.67784 2.6779 1.14282 4.57146 1.14282H27.4286C29.3221 1.14282 30.8572 2.67784 30.8572 4.57139V27.4285C30.8572 29.322 29.3221 30.8571 27.4286 30.8571H4.57146C2.6779 30.8571 1.14288 29.322 1.14288 27.4285V4.57139ZM9.14288 8.85711C8.3539 8.85711 7.71431 9.4967 7.71431 10.2857C7.71431 11.0747 8.3539 11.7143 9.14288 11.7143H17.1429C17.9319 11.7143 18.5715 11.0747 18.5715 10.2857C18.5715 9.4967 17.9319 8.85711 17.1429 8.85711H9.14288ZM9.14288 20.2857C8.3539 20.2857 7.71431 20.9253 7.71431 21.7143C7.71431 22.5032 8.3539 23.1428 9.14288 23.1428H17.1429C17.9319 23.1428 18.5715 22.5032 18.5715 21.7143C18.5715 20.9253 17.9319 20.2857 17.1429 20.2857H9.14288ZM7.71431 16C7.71431 15.211 8.3539 14.5714 9.14288 14.5714H22.8572C23.6462 14.5714 24.2857 15.211 24.2857 16C24.2857 16.7889 23.6462 17.4285 22.8572 17.4285H9.14288C8.3539 17.4285 7.71431 16.7889 7.71431 16Z" fill="#F9332B"/> </svg> <h3 class="text-2xl font-bold sm:text-[2.625rem] tracking-tighter sm:leading-[3.1rem]"> Share site configurations with your team </h3> <p class="mt-5 text-gray-600"> Herd allows your to add a herd.yml file to your project, which contains all the necessary information to set up a the site on a new machine. Pair with Herd Pro to set up sites with all services in seconds. </p> <p class="mt-5 text-gray-600"> Keep PHP versions, services and even Forge configurations in sync across your whole team. </p> </div> <div class="relative h-[300px] overflow-hidden mt-8"> <img src="/images/features/yaml.png" alt="herd.yml" class=""> </div> </div> <div class="flex flex-col items-start justify-between px-4 md:px-10 pt-4 md:pt-10 border border-gray-300 rounded-lg bg-gray-100 border-opacity-50 leading-[1.6875rem]"> <div> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_301_166)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.42857 16C3.42857 13.1466 4.37925 10.5152 5.98112 8.40526L10.3609 12.7851C10.3606 12.7866 10.3604 12.7881 10.3601 12.7897L19.9681 22.3976C19.969 22.3967 19.9699 22.3958 19.9708 22.395L23.5947 26.019C21.4848 27.6208 18.8534 28.5714 16 28.5714C9.05698 28.5714 3.42857 22.9431 3.42857 16ZM17.3656 23.8359L7.86704 14.3372C7.12265 14.524 6.57143 15.1976 6.57143 16C6.57143 16.9468 7.33895 17.7143 8.28571 17.7143H10.2857V18.2857C10.2857 18.6022 10.3115 18.9128 10.3609 19.2153L8.17621 21.4C7.50674 22.0695 7.50674 23.155 8.17621 23.8245C8.84569 24.4939 9.93111 24.4939 10.6006 23.8245L12.0296 22.3954C13.0577 23.3888 14.4575 24 16 24C16.4707 24 16.928 23.9431 17.3656 23.8359ZM12.0294 9.60485L8.40551 5.98094C10.5154 4.37915 13.1467 3.42857 16 3.42857C22.9431 3.42857 28.5714 9.05698 28.5714 16C28.5714 18.8533 27.6208 21.4846 26.019 23.5945L21.6392 19.2146C21.6886 18.9123 21.7143 18.602 21.7143 18.2857V17.7143H23.7141C24.6608 17.7143 25.4283 16.9468 25.4283 16C25.4283 15.0532 24.6608 14.2857 23.7141 14.2857H21.7143V13.7143C21.7143 13.3979 21.6886 13.0875 21.6391 12.785L23.8242 10.6C24.4937 9.93047 24.4937 8.84505 23.8242 8.17559C23.1547 7.5061 22.0693 7.5061 21.3998 8.17559L19.9706 9.60482C18.9425 8.61127 17.5426 8 16 8C14.4574 8 13.0575 8.61129 12.0294 9.60485ZM16 0C7.16345 0 0 7.16345 0 16C0 24.8366 7.16345 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16345 24.8366 0 16 0Z" fill="#F9332B"/> </g> <defs> <clipPath id="clip0_301_166"> <rect width="32" height="32" fill="white"/> </clipPath> </defs> </svg> <h3 class="text-2xl font-bold sm:text-[2.625rem] tracking-tighter sm:leading-[3.1rem]"> Integrate directly with Laravel Forge </h3> <p class="mt-5 text-gray-600"> You can link local Herd sites with Laravel Forge servers, allowing you to deploy your local sites to Forge with a single click. </p> <p class="mt-5 text-gray-600"> The integration with Forge makes opening an SSH connection as fast as grabbing some environment variables or opening the site in the related Forge panel. </p> </div> <div class="relative h-[300px] overflow-hidden mt-8"> <img src="/images/docs/windows/integrations_sites_forge_connected.png" alt="Forge integration" class=""> </div> </div> <div style="background: url('/images/blurs-mail.png') no-repeat 0 0, #000; background-size: cover;" class="hidden lg:block relative lg:col-span-2 py-2 rounded-lg bg-gray-100 bg-cover border-opacity-50"> <div class="absolute top-10 right-6"> <div class="bg-red-600 rounded-lg text-white px-2 py-1 text-xs"> Pro Feature </div> </div> <div class="flex items-center overflow-hidden"> <div class="pl-10 text-white max-w-lg mr-32"> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.000718302 5.64334C0.0384601 3.78251 1.55871 2.28564 3.42857 2.28564H28.5714C30.4414 2.28564 31.9616 3.78251 31.9993 5.64334L16.5143 17.2571C16.2095 17.4856 15.7905 17.4856 15.4857 17.2571L0.000718302 5.64334ZM0 9.21422V26.2856C0 28.1791 1.53502 29.7142 3.42857 29.7142H28.5714C30.4649 29.7142 32 28.1791 32 26.2856V9.21422L18.2286 19.5428C16.9079 20.5333 15.0921 20.5333 13.7714 19.5428L0 9.21422Z" fill="#F9332B"/> </svg> <h3 class="text-2xl font-bold sm:text-[42px] leading-[50px] tracking-tight"> Catch and debug application mails </h3> <p class="mt-5 text-white"> Herd provides an integrated local email service, streamlining the process of testing and debugging application emails. </p> <p class="mt-5 text-white"> The email service organizes emails into distinct inboxes for each application, ensuring they are easily accessible and simple to locate. </p> </div> <div class="py-12 w-[700px] -mr-72"> <div class="-m-[1px] "> <img src="/images/windows/mail.png" alt="Herd Mail" class="rounded-md"> </div> </div> </div> </div> <div style="background: url('/images/blurs-box.png') no-repeat 0 0, #000; background-size: cover;" class="lg:hidden flex flex-col items-start justify-between px-4 pt-4 border border-gray-300 rounded-lg bg-gray-100 border-opacity-50 leading-[1.6875rem]"> <div> <div class="flex justify-end"> <div class="bg-red-600 rounded-lg text-white px-2 py-1 text-xs"> Pro Feature </div> </div> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.000718302 5.64334C0.0384601 3.78251 1.55871 2.28564 3.42857 2.28564H28.5714C30.4414 2.28564 31.9616 3.78251 31.9993 5.64334L16.5143 17.2571C16.2095 17.4856 15.7905 17.4856 15.4857 17.2571L0.000718302 5.64334ZM0 9.21422V26.2856C0 28.1791 1.53502 29.7142 3.42857 29.7142H28.5714C30.4649 29.7142 32 28.1791 32 26.2856V9.21422L18.2286 19.5428C16.9079 20.5333 15.0921 20.5333 13.7714 19.5428L0 9.21422Z" fill="#F9332B"/> </svg> <h3 class="text-2xl font-bold sm:text-[2.625rem] tracking-tighter sm:leading-[3.1rem] text-white"> Catch and debug application mails </h3> <p class="mt-5 text-white"> Herd comes with its own local email service that makes testing and debugging emails as easy as it can get. </p> <p class="mt-5 text-white"> The mail service directs emails into separate inboxes per application so that they are easy to find. </p> </div> <div class="relative h-[220px] overflow-hidden mt-8"> <div class=""> <div class="-m-[1px] "> <img src="/images/windows/mail.png" alt="Herd Mail" class="rounded-md"> </div> </div> </div> </div> <div class="flex flex-col items-start justify-between px-4 md:px-10 pt-4 md:pt-10 border border-gray-300 rounded-lg bg-gray-100 border-opacity-50 leading-[1.6875rem]"> <div> <div class="flex justify-end"> <div class="bg-red-600 rounded-lg text-white px-2 py-1 text-xs"> Pro Feature </div> </div> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.14288 4.57139C1.14288 2.67784 2.6779 1.14282 4.57146 1.14282H27.4286C29.3221 1.14282 30.8572 2.67784 30.8572 4.57139V27.4285C30.8572 29.322 29.3221 30.8571 27.4286 30.8571H4.57146C2.6779 30.8571 1.14288 29.322 1.14288 27.4285V4.57139ZM9.14288 8.85711C8.3539 8.85711 7.71431 9.4967 7.71431 10.2857C7.71431 11.0747 8.3539 11.7143 9.14288 11.7143H17.1429C17.9319 11.7143 18.5715 11.0747 18.5715 10.2857C18.5715 9.4967 17.9319 8.85711 17.1429 8.85711H9.14288ZM9.14288 20.2857C8.3539 20.2857 7.71431 20.9253 7.71431 21.7143C7.71431 22.5032 8.3539 23.1428 9.14288 23.1428H17.1429C17.9319 23.1428 18.5715 22.5032 18.5715 21.7143C18.5715 20.9253 17.9319 20.2857 17.1429 20.2857H9.14288ZM7.71431 16C7.71431 15.211 8.3539 14.5714 9.14288 14.5714H22.8572C23.6462 14.5714 24.2857 15.211 24.2857 16C24.2857 16.7889 23.6462 17.4285 22.8572 17.4285H9.14288C8.3539 17.4285 7.71431 16.7889 7.71431 16Z" fill="#F9332B"/> </svg> <h3 class="text-2xl font-bold sm:text-[2.625rem] tracking-tighter sm:leading-[3.1rem]"> Access and search through local log files </h3> <p class="mt-5 text-gray-600"> No more digging through local log files. Herd's powerful Log Viewer makes it painless to quickly search through your local logs, even allowing you to jump directly to your IDE from a log entry. </p> <p class="mt-5 text-gray-600"> Herd instantly refreshes the log list whenever a new entry is added. </p> </div> <div class="relative h-[300px] overflow-hidden mt-8"> <div class="-m-[1px]"> <img src="/images/windows/logs.png" alt="PHP Settings" class="rounded-t-md"> </div> </div> </div> <div class="flex flex-col items-start justify-between px-4 md:px-10 pt-4 md:pt-10 border border-gray-300 rounded-lg bg-gray-100 border-opacity-50 leading-[1.6875rem]"> <div> <div class="flex justify-end"> <div class="bg-red-600 rounded-lg text-white px-2 py-1 text-xs"> Pro Feature </div> </div> <svg class="w-8 h-8 mb-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_301_166)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.42857 16C3.42857 13.1466 4.37925 10.5152 5.98112 8.40526L10.3609 12.7851C10.3606 12.7866 10.3604 12.7881 10.3601 12.7897L19.9681 22.3976C19.969 22.3967 19.9699 22.3958 19.9708 22.395L23.5947 26.019C21.4848 27.6208 18.8534 28.5714 16 28.5714C9.05698 28.5714 3.42857 22.9431 3.42857 16ZM17.3656 23.8359L7.86704 14.3372C7.12265 14.524 6.57143 15.1976 6.57143 16C6.57143 16.9468 7.33895 17.7143 8.28571 17.7143H10.2857V18.2857C10.2857 18.6022 10.3115 18.9128 10.3609 19.2153L8.17621 21.4C7.50674 22.0695 7.50674 23.155 8.17621 23.8245C8.84569 24.4939 9.93111 24.4939 10.6006 23.8245L12.0296 22.3954C13.0577 23.3888 14.4575 24 16 24C16.4707 24 16.928 23.9431 17.3656 23.8359ZM12.0294 9.60485L8.40551 5.98094C10.5154 4.37915 13.1467 3.42857 16 3.42857C22.9431 3.42857 28.5714 9.05698 28.5714 16C28.5714 18.8533 27.6208 21.4846 26.019 23.5945L21.6392 19.2146C21.6886 18.9123 21.7143 18.602 21.7143 18.2857V17.7143H23.7141C24.6608 17.7143 25.4283 16.9468 25.4283 16C25.4283 15.0532 24.6608 14.2857 23.7141 14.2857H21.7143V13.7143C21.7143 13.3979 21.6886 13.0875 21.6391 12.785L23.8242 10.6C24.4937 9.93047 24.4937 8.84505 23.8242 8.17559C23.1547 7.5061 22.0693 7.5061 21.3998 8.17559L19.9706 9.60482C18.9425 8.61127 17.5426 8 16 8C14.4574 8 13.0575 8.61129 12.0294 9.60485ZM16 0C7.16345 0 0 7.16345 0 16C0 24.8366 7.16345 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16345 24.8366 0 16 0Z" fill="#F9332B"/> </g> <defs> <clipPath id="clip0_301_166"> <rect width="32" height="32" fill="white"/> </clipPath> </defs> </svg> <h3 class="text-2xl font-bold sm:text-[2.625rem] tracking-tighter sm:leading-[3.1rem]"> Painless Xdebug integration </h3> <p class="mt-5 text-gray-600"> Herd's powerful Xdebug detection automatically enables Xdebug when necessary. </p> <p class="mt-5 text-gray-600"> By watching for incoming requests with the Xdebug browser extension, you can be ensured that Xdebug will be available when you need it – and only then. </p> </div> <div class="relative h-[300px] overflow-hidden mt-8"> <div class="-m-[1px]"> <img src="/images/windows/phpstorm.png" alt="Xdebug integration" class="rounded-t-md"> </div> </div> </div> </div> </div> </div> </section> <hr class="mx-auto h-px w-full max-w-7xl border-none bg-gradient-to-r from-transparent via-[#F9332B]/[.5] to-transparent" /> <section class="py-16 lg:py-32" id="testimonials"> <div class="mx-auto max-w-xl px-6 lg:max-w-7xl"> <div class="mx-auto max-w-xl lg:max-w-7xl relative"> <div> <h2 class="text-5xl font-bold tracking-tight sm:text-6xl lg:text-7xl text-center" > Thousands of developers love Herd </h2> <div class="mt-6 max-w-2xl mx-auto text-center mb-16"> <p> This is what they have to say about it. </p> </div> </div> <div class="grid-cols-3 gap-4 lg:grid"> <div class="grid gap-4"> <div class="bg-gray-100 rounded-lg p-4"> <div class="flex items-center gap-4"> <img src="/images/testimonials/eric-l-barnes.jpeg" alt="Eric L. Barnes" class="h-10 w-10 rounded-full border-2 border-white lg:h-11 lg:w-11 xl:h-12 xl:w-12" /> <div class="text-sm"> <span>Eric L. Barnes</span> <div class="text-gray-600">Owner of Laravel News</div> </div> </div> <div class="mt-4 text-gray-900"> Herd is the best thing for PHP since Laravel. </div> </div> <div class="bg-gray-100 rounded-lg p-4"> <div class="flex items-center gap-4"> <img src="/images/testimonials/lucas-giovanny.jpeg" alt="Lucas Giovanny" class="h-10 w-10 rounded-full border-2 border-white lg:h-11 lg:w-11 xl:h-12 xl:w-12" /> <div class="text-sm"> <span>Lucas Giovanny</span> <div class="text-gray-600">Engineering Team Lead at Worksome</div> </div> </div> <div class="mt-4 text-gray-900"> Just use it. There is no coming back! </div> </div> <div class="bg-gray-100 rounded-lg p-4"> <div class="flex items-center gap-4"> <img src="/images/testimonials/janos-horvath.jpeg" alt="János Horváth" class="h-10 w-10 rounded-full border-2 border-white lg:h-11 lg:w-11 xl:h-12 xl:w-12" /> <div class="text-sm"> <span>János Horváth</span> <div class="text-gray-600">CTO of BrokerChooser</div> </div> </div> <div class="mt-4 text-gray-900"> Our Development Team uses Herd (Pro) and onboarding or adding new services is the smoothest it’s ever been. </div> </div> <div class="bg-gray-100 rounded-lg p-4"> <div class="flex items-center gap-4"> <img src="/images/testimonials/stephen-bateman.jpeg" alt="Stephen Bateman" class="h-10 w-10 rounded-full border-2 border-white lg:h-11 lg:w-11 xl:h-12 xl:w-12" /> <div class="text-sm"> <span>Stephen Bateman</span> <div class="text-gray-600">Founder of SellTickets.org</div> </div> </div> <div class="mt-4 text-gray-900"> Herd is our whole team's default tool for local development. It's hard to imagine writing code without it. It improved our experience of Valet and replaced our need for Docker. </div> </div> </div> <div class="grid gap-4"> <div class="bg-gray-100 rounded-lg p-4"> <div class="flex items-center gap-4"> <img src="/images/testimonials/michi-hoffmann.jpeg" alt="Michi Hoffmann" class="h-10 w-10 rounded-full border-2 border-white lg:h-11 lg:w-11 xl:h-12 xl:w-12" /> <div class="text-sm"> <span>Michi Hoffmann</span> <div class="text-gray-600">Senior Software Engineer at Sentry</div> </div> </div> <div class="mt-4 text-gray-900"> Instead of waiting on brew to download half of the internet to setup PHP, it only takes a few seconds using Herd. </div> </div> <div class="bg-gray-100 rounded-lg p-4"> <div class="flex items-center gap-4"> <img src="/images/testimonials/gilbert-pellegrom.jpeg" alt="Gilbert Pellegrom" class="h-10 w-10 rounded-full border-2 border-white lg:h-11 lg:w-11 xl:h-12 xl:w-12" /> <div class="text-sm"> <span>Gilbert Pellegrom</span> <div class="text-gray-600">CTO of Lemon Squeezy</div> </div> </div> <div class="mt-4 text-gray-900"> Herd is by far the easiest way to run PHP/Laravel sites on your Mac that I’ve tried. It’s fast, has a great UI, the debugging experience is top-notch, and the team behind it are excellent. </div> </div> <div class="bg-gray-100 rounded-lg p-4"> <div class="flex items-center gap-4"> <img src="/images/testimonials/alex-garrett-smith.jpeg" alt="Alex Garrett-Smith" class="h-10 w-10 rounded-full border-2 border-white lg:h-11 lg:w-11 xl:h-12 xl:w-12" /> <div class="text-sm"> <span>Alex Garrett-Smith</span> <div class="text-gray-600">Founder of Codecourse</div> </div> </div> <div class="mt-4 text-gray-900"> Herd Pro makes local development so easy, I don’t even think about it anymore. I’m never switching back. </div> </div> <div class="bg-gray-100 rounded-lg p-4"> <div class="flex items-center gap-4"> <img src="/images/testimonials/sascha-gysel.jpeg" alt="Sascha Gysel" class="h-10 w-10 rounded-full border-2 border-white lg:h-11 lg:w-11 xl:h-12 xl:w-12" /> <div class="text-sm"> <span>Sascha Gysel</span> <div class="text-gray-600">Co-Founder of Trenda</div> </div> </div> <div class="mt-4 text-gray-900"> Herd allows our startup to spend more time on working on our product for our clients, instead of fiddling with setting up a dev environment. Brilliant🚀 </div> </div> </div> <div class="grid gap-4"> <div class="bg-gray-100 rounded-lg p-4"> <div class="flex items-center gap-4"> <img src="/images/testimonials/caleb-porzio.jpeg" alt="Caleb Porzio" class="h-10 w-10 rounded-full border-2 border-white lg:h-11 lg:w-11 xl:h-12 xl:w-12" /> <div class="text-sm"> <span>Caleb Porzio</span> <div class="text-gray-600">Creator of Livewire and Alpine.js</div> </div> </div> <div class="mt-4 text-gray-900"> Herd is one of those pieces of software that makes you think “How did we manage without this for so many years”. It’s golden. </div> </div> <div class="bg-gray-100 rounded-lg p-4"> <div class="flex items-center gap-4"> <img src="/images/testimonials/simon-hamp.jpeg" alt="Simon Hamp" class="h-10 w-10 rounded-full border-2 border-white lg:h-11 lg:w-11 xl:h-12 xl:w-12" /> <div class="text-sm"> <span>Simon Hamp</span> <div class="text-gray-600">Founder of Laradir</div> </div> </div> <div class="mt-4 text-gray-900"> Herd has saved me from Brew and Docker hell. </div> </div> <div class="bg-gray-100 rounded-lg p-4"> <div class="flex items-center gap-4"> <img src="/images/testimonials/andreas-herss.jpeg" alt="Andreas Herss" class="h-10 w-10 rounded-full border-2 border-white lg:h-11 lg:w-11 xl:h-12 xl:w-12" /> <div class="text-sm"> <span>Andreas Herss</span> <div class="text-gray-600">Co-owner of Tickethero</div> </div> </div> <div class="mt-4 text-gray-900"> Herd has simplified the way we do local development, how have we managed without for so many years? Herd pro is a no brainer. </div> </div> <div class="bg-gray-100 rounded-lg p-4"> <div class="flex items-center gap-4"> <img src="/images/testimonials/joe-kneeland.jpeg" alt="Joe Kneeland" class="h-10 w-10 rounded-full border-2 border-white lg:h-11 lg:w-11 xl:h-12 xl:w-12" /> <div class="text-sm"> <span>Joe Kneeland</span> <div class="text-gray-600">Founder of SiteBuilderStudio</div> </div> </div> <div class="mt-4 text-gray-900"> Herd is the smoothest, best looking, smartest, and most charming of all the options. Worth every penny for pro. Herd is the way. </div> </div> </div> </div> <div class="pointer-events-none absolute bottom-0 left-0 right-0 z-10 h-32 bg-gradient-to-t from-white to-transparent"></div> </div> </div> </section> <hr class="mx-auto h-px w-full max-w-7xl border-none bg-gradient-to-r from-transparent via-[#F9332B]/[.5] to-transparent" /> <section class="py-16 lg:py-32" id="plans"> <div class="mx-auto max-w-xl px-6 lg:max-w-7xl"> <div class="mx-auto max-w-xl lg:max-w-7xl"> <div> <h2 class="text-5xl font-bold tracking-tight sm:text-6xl lg:text-7xl text-center" > Pricing </h2> <div class="mt-6 max-w-2xl mx-auto text-center mb-16"> <p> All features that you need to get up and running with Laravel are free, but if you want to dig deeper and get the best developer experience, upgrade to Herd Pro. </p> </div> </div> <div class="mt-8"> <div class="grid lg:grid-cols-3 gap-8"> <div class="p-8 lg:my-8 border border-gray-300 rounded-lg bg-gray-100 border-opacity-50"> <div class="flex justify-between"> <h3 class="text-2xl font-bold sm:text-3xl">Herd Basic</h3> <div class="text-2xl font-bold sm:text-3xl">Free</div> </div> <div class="mt-4"> Start with the free version and get a full Laravel development environment by downloading just one Windows app. </div> <div class="mt-8"> <ul class="space-y-2"> <li class="flex items-center" feature="PHP"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">PHP</span> </li> <li class="flex items-center" feature="nginx"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">nginx</span> </li> <li class="flex items-center" feature="DNS"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">DNS</span> </li> <li class="flex items-center" feature="Node.js"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">Node.js</span> </li> <li class="flex items-center" feature="Laravel Forge Integration"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">Laravel Forge Integration</span> </li> <li class="flex items-center" feature="Community support"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">Community support</span> </li> <li class="flex items-center opacity-0 hidden sm:flex" feature=":joy:"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">:joy:</span> </li> <li class="flex items-center opacity-0 hidden sm:flex" feature=":joy:"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">:joy:</span> </li> </ul> <div class="flex justify-center mt-auto"> <a href="https://herd.laravel.com/download/windows" class="mt-2 w-72 inline-flex items-center gap-4 rounded-xl bg-red-600 py-4 justify-center text-white transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600 focus-visible:ring-offset-1 focus-visible:ring-offset-white" > <span> <span class="block font-bold">Download for Windows</span> </span> </a> </div> </div> </div> <div class="py-16 px-8 border border-gray-300 rounded-lg bg-gray-900 border-opacity-50 text-white"> <div class="flex justify-between"> <h3 class="text-2xl font-bold sm:text-3xl">Herd <span class="text-red-500">Pro</span></h3> <div class="text-2xl font-bold sm:text-3xl"> $99 </div> </div> <div class="mt-4"> Upgrade to the full integrated developer experience with amazing testing and debugging capabilities. </div> <div class="mt-8"> <ul class="space-y-2"> <li class="flex items-center" feature="Everything from free"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">Everything from free</span> </li> <li class="flex items-center" feature="Dumps"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">Dumps</span> </li> <li class="flex items-center" feature="Mail"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">Mail</span> </li> <li class="flex items-center" feature="Log Viewer"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">Log Viewer</span> </li> <li class="flex items-center" feature="Services"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">Services</span> </li> <li class="flex items-center" feature="XDebug detection"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">XDebug detection</span> </li> <li class="flex items-center" feature="License for one year"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">License for one year</span> </li> <li class="flex items-center" feature="Email support"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">Email support</span> </li> <li class="flex items-center opacity-0 hidden sm:flex" feature=":joy:"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">:joy:</span> </li> </ul> </div> <div class="flex justify-center"> <a class="inline-flex items-center gap-4 rounded-xl bg-red-600 py-4 px-10 text-white transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600 focus-visible:ring-offset-1 focus-visible:ring-offset-white mt-10" href="https://herd.laravel.com/checkout" > <span> <span class="block font-bold">Purchase license</span> </span> </a> </div> </div> <div class="p-8 lg:my-8 border border-gray-300 rounded-lg bg-gray-100 border-opacity-50"> <div class="flex justify-between"> <h3 class="text-2xl font-bold sm:text-3xl">Herd <span class="text-red-500">Teams</span></h3> <div class="text-2xl font-bold sm:text-3xl"> $299 </div> </div> <div class="mt-4"> Get Herd Pro for your whole team and assign licenses to your team members in the license management portal. </div> <div class="mt-8"> <ul class="space-y-2"> <li class="flex items-center" feature="10 Herd Pro Licenses"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">10 Herd Pro Licenses</span> </li> <li class="flex items-center" feature="License Management Portal"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">License Management Portal</span> </li> <li class="flex items-center" feature="Priority Email Support"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">Priority Email Support</span> </li> <li class="flex items-center opacity-0 hidden sm:flex" feature=":joy:"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">:joy:</span> </li> <li class="flex items-center opacity-0 hidden sm:flex" feature=":joy:"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">:joy:</span> </li> <li class="flex items-center opacity-0 hidden sm:flex" feature=":joy:"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">:joy:</span> </li> <li class="flex items-center opacity-0 hidden sm:flex" feature=":joy:"> <svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.5L6.5 15L20.5 1" stroke="#F9332B"/> </svg> <span class="ml-2">:joy:</span> </li> </ul> </div> <div class="flex justify-center"> <a class="inline-flex items-center gap-4 rounded-xl bg-red-600 py-4 px-10 text-white transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600 focus-visible:ring-offset-1 focus-visible:ring-offset-white mt-10" href="https://herd.laravel.com/checkout?teams=1" > <span> <span class="block font-bold">Purchase license</span> </span> </a> </div> </div> </div> <div class="text-xs opacity-50 text-center px-4 pt-8"> Local taxes may apply. Herd Pro includes a 14 days money-back guarantee. </div> </div> </div> </div> </section> <hr class="mx-auto h-px w-full max-w-7xl border-none bg-gradient-to-r from-transparent via-[#F9332B]/[.5] to-transparent" /> <section class="py-24"> <div class="mx-auto flex max-w-xl flex-col items-start justify-between gap-x-20 gap-y-12 px-6 md:max-w-7xl md:flex-row" > <h2 class="text-5xl font-bold tracking-tight sm:text-6xl lg:text-7xl" > Commonly <br/> asked <br/> questions </h2> <div x-data class="flex-1"> <div x-disclosure x-data="{ isOpen: false, init() { this.$watch('isOpen', value => { if (value) { window.dispatchEvent(new CustomEvent('disclosure-opened', { detail: this.$root })) } }) }, handleDisclosureOpened(event) { if (event.detail !== this.$root) { this.$disclosure.close() } } }" x-on:disclosure-opened.window="handleDisclosureOpened" x-model="isOpen" class="border-t border-black/10 py-4" > <button x-disclosure:button class="group flex w-full items-center justify-between gap-4 rounded py-4 text-left transition hover:text-black/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white lg:gap-8" > <span class="text-xl">Is there a Linux version available?</span> <span aria-hidden="true" class="rounded-full bg-red-600 px-7 py-3"> <svg x-show="!$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" x-cloak="x-cloak" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_9_627)"> <path d="M0 6a.75.75 0 0 0 .75.75h4.375a.125.125 0 0 1 .125.125v4.375a.75.75 0 1 0 1.5 0V6.875a.125.125 0 0 1 .125-.125h4.375a.75.75 0 1 0 0-1.5H6.875a.125.125 0 0 1-.125-.125V.75a.75.75 0 0 0-1.5 0v4.375a.125.125 0 0 1-.125.125H.75A.75.75 0 0 0 0 6Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_9_627"> <path fill="currentColor" d="M0 0h12v12H0z" /> </clipPath> </defs> </svg> <svg x-show="$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1 6h10" stroke="#fff" stroke-width="1.5" stroke-linecap="round" /> </svg> </span> </button> <div x-disclosure:panel x-collapse class="max-w-xl pb-8 text-gray-600"> <p> There are currently no plans for a Linux version of Herd, and we believe that Linux users are more comfortable installing and running their development environment in general. We regularly evaluate our decisions and this might change in the future. </p> </div> </div> <div x-disclosure x-data="{ isOpen: false, init() { this.$watch('isOpen', value => { if (value) { window.dispatchEvent(new CustomEvent('disclosure-opened', { detail: this.$root })) } }) }, handleDisclosureOpened(event) { if (event.detail !== this.$root) { this.$disclosure.close() } } }" x-on:disclosure-opened.window="handleDisclosureOpened" x-model="isOpen" class="border-t border-black/10 py-4" > <button x-disclosure:button class="group flex w-full items-center justify-between gap-4 rounded py-4 text-left transition hover:text-black/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white lg:gap-8" > <span class="text-xl">On how many devices can I activate a Herd Pro license?</span> <span aria-hidden="true" class="rounded-full bg-red-600 px-7 py-3"> <svg x-show="!$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" x-cloak="x-cloak" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_9_627)"> <path d="M0 6a.75.75 0 0 0 .75.75h4.375a.125.125 0 0 1 .125.125v4.375a.75.75 0 1 0 1.5 0V6.875a.125.125 0 0 1 .125-.125h4.375a.75.75 0 1 0 0-1.5H6.875a.125.125 0 0 1-.125-.125V.75a.75.75 0 0 0-1.5 0v4.375a.125.125 0 0 1-.125.125H.75A.75.75 0 0 0 0 6Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_9_627"> <path fill="currentColor" d="M0 0h12v12H0z" /> </clipPath> </defs> </svg> <svg x-show="$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1 6h10" stroke="#fff" stroke-width="1.5" stroke-linecap="round" /> </svg> </span> </button> <div x-disclosure:panel x-collapse class="max-w-xl pb-8 text-gray-600"> <p> You can activate every Herd Pro license key on two devices at the same time. If you get a new device, you can simply disable old activations in the license management portal and activate them on the new device. </p> <p class="mt-5"> Every Herd Team license key comes with one activation. You can reset license keys and assign them to other team members at any time. </p> </div> </div> <div x-disclosure x-data="{ isOpen: false, init() { this.$watch('isOpen', value => { if (value) { window.dispatchEvent(new CustomEvent('disclosure-opened', { detail: this.$root })) } }) }, handleDisclosureOpened(event) { if (event.detail !== this.$root) { this.$disclosure.close() } } }" x-on:disclosure-opened.window="handleDisclosureOpened" x-model="isOpen" class="border-t border-black/10 py-4" > <button x-disclosure:button class="group flex w-full items-center justify-between gap-4 rounded py-4 text-left transition hover:text-black/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white lg:gap-8" > <span class="text-xl">How can I buy licenses for bigger teams?</span> <span aria-hidden="true" class="rounded-full bg-red-600 px-7 py-3"> <svg x-show="!$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" x-cloak="x-cloak" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_9_627)"> <path d="M0 6a.75.75 0 0 0 .75.75h4.375a.125.125 0 0 1 .125.125v4.375a.75.75 0 1 0 1.5 0V6.875a.125.125 0 0 1 .125-.125h4.375a.75.75 0 1 0 0-1.5H6.875a.125.125 0 0 1-.125-.125V.75a.75.75 0 0 0-1.5 0v4.375a.125.125 0 0 1-.125.125H.75A.75.75 0 0 0 0 6Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_9_627"> <path fill="currentColor" d="M0 0h12v12H0z" /> </clipPath> </defs> </svg> <svg x-show="$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1 6h10" stroke="#fff" stroke-width="1.5" stroke-linecap="round" /> </svg> </span> </button> <div x-disclosure:panel x-collapse class="max-w-xl pb-8 text-gray-600"> <p> If your team is bigger than 10 developers, they are usually grouped into more than one team. Please buy multiple team licenses, you can manage them all in one account. </p> </div> </div> <div x-disclosure x-data="{ isOpen: false, init() { this.$watch('isOpen', value => { if (value) { window.dispatchEvent(new CustomEvent('disclosure-opened', { detail: this.$root })) } }) }, handleDisclosureOpened(event) { if (event.detail !== this.$root) { this.$disclosure.close() } } }" x-on:disclosure-opened.window="handleDisclosureOpened" x-model="isOpen" class="border-t border-black/10 py-4" > <button x-disclosure:button class="group flex w-full items-center justify-between gap-4 rounded py-4 text-left transition hover:text-black/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white lg:gap-8" > <span class="text-xl">Is there a trial for Herd Pro?</span> <span aria-hidden="true" class="rounded-full bg-red-600 px-7 py-3"> <svg x-show="!$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" x-cloak="x-cloak" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_9_627)"> <path d="M0 6a.75.75 0 0 0 .75.75h4.375a.125.125 0 0 1 .125.125v4.375a.75.75 0 1 0 1.5 0V6.875a.125.125 0 0 1 .125-.125h4.375a.75.75 0 1 0 0-1.5H6.875a.125.125 0 0 1-.125-.125V.75a.75.75 0 0 0-1.5 0v4.375a.125.125 0 0 1-.125.125H.75A.75.75 0 0 0 0 6Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_9_627"> <path fill="currentColor" d="M0 0h12v12H0z" /> </clipPath> </defs> </svg> <svg x-show="$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1 6h10" stroke="#fff" stroke-width="1.5" stroke-linecap="round" /> </svg> </span> </button> <div x-disclosure:panel x-collapse class="max-w-xl pb-8 text-gray-600"> <p> No, there isn't. However, the <a href="/docs" class="underline">official documentation</a> will get you a long way in understanding all additional features. </p> <p class="mt-5"> All purchases are also covered by a 14-day refund policy. </p> </div> </div> <div x-disclosure x-data="{ isOpen: false, init() { this.$watch('isOpen', value => { if (value) { window.dispatchEvent(new CustomEvent('disclosure-opened', { detail: this.$root })) } }) }, handleDisclosureOpened(event) { if (event.detail !== this.$root) { this.$disclosure.close() } } }" x-on:disclosure-opened.window="handleDisclosureOpened" x-model="isOpen" class="border-t border-black/10 py-4" > <button x-disclosure:button class="group flex w-full items-center justify-between gap-4 rounded py-4 text-left transition hover:text-black/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white lg:gap-8" > <span class="text-xl">Where do I get support?</span> <span aria-hidden="true" class="rounded-full bg-red-600 px-7 py-3"> <svg x-show="!$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" x-cloak="x-cloak" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_9_627)"> <path d="M0 6a.75.75 0 0 0 .75.75h4.375a.125.125 0 0 1 .125.125v4.375a.75.75 0 1 0 1.5 0V6.875a.125.125 0 0 1 .125-.125h4.375a.75.75 0 1 0 0-1.5H6.875a.125.125 0 0 1-.125-.125V.75a.75.75 0 0 0-1.5 0v4.375a.125.125 0 0 1-.125.125H.75A.75.75 0 0 0 0 6Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_9_627"> <path fill="currentColor" d="M0 0h12v12H0z" /> </clipPath> </defs> </svg> <svg x-show="$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1 6h10" stroke="#fff" stroke-width="1.5" stroke-linecap="round" /> </svg> </span> </button> <div x-disclosure:panel x-collapse class="max-w-xl pb-8 text-gray-600"> <p> Users of the free version can create issues in the <a class="underline" href="https://github.com/beyondcode/herd-community">community repository</a>. Herd Pro users and teams can also contact us at <a class="underline" href="/cdn-cgi/l/email-protection#34474144445b46407456514d5b5a50575b1a5051"><span class="__cf_email__" data-cfemail="25565055554a57516547405c4a4b41464a0b4140">[email protected]</span></a> but we recommend checking the community repository or the docs first. </p> </div> </div> <div x-disclosure x-data="{ isOpen: false, init() { this.$watch('isOpen', value => { if (value) { window.dispatchEvent(new CustomEvent('disclosure-opened', { detail: this.$root })) } }) }, handleDisclosureOpened(event) { if (event.detail !== this.$root) { this.$disclosure.close() } } }" x-on:disclosure-opened.window="handleDisclosureOpened" x-model="isOpen" class="border-t border-black/10 py-4" > <button x-disclosure:button class="group flex w-full items-center justify-between gap-4 rounded py-4 text-left transition hover:text-black/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white lg:gap-8" > <span class="text-xl">How does the renewal process work?</span> <span aria-hidden="true" class="rounded-full bg-red-600 px-7 py-3"> <svg x-show="!$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" x-cloak="x-cloak" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_9_627)"> <path d="M0 6a.75.75 0 0 0 .75.75h4.375a.125.125 0 0 1 .125.125v4.375a.75.75 0 1 0 1.5 0V6.875a.125.125 0 0 1 .125-.125h4.375a.75.75 0 1 0 0-1.5H6.875a.125.125 0 0 1-.125-.125V.75a.75.75 0 0 0-1.5 0v4.375a.125.125 0 0 1-.125.125H.75A.75.75 0 0 0 0 6Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_9_627"> <path fill="currentColor" d="M0 0h12v12H0z" /> </clipPath> </defs> </svg> <svg x-show="$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1 6h10" stroke="#fff" stroke-width="1.5" stroke-linecap="round" /> </svg> </span> </button> <div x-disclosure:panel x-collapse class="max-w-xl pb-8 text-gray-600"> <p> We don't charge you automatically. You will receive an email with a renewal link 30 days before your license expires. You can renew your license at any time. </p> </div> </div> <div x-disclosure x-data="{ isOpen: false, init() { this.$watch('isOpen', value => { if (value) { window.dispatchEvent(new CustomEvent('disclosure-opened', { detail: this.$root })) } }) }, handleDisclosureOpened(event) { if (event.detail !== this.$root) { this.$disclosure.close() } } }" x-on:disclosure-opened.window="handleDisclosureOpened" x-model="isOpen" class="border-t border-black/10 py-4" > <button x-disclosure:button class="group flex w-full items-center justify-between gap-4 rounded py-4 text-left transition hover:text-black/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white lg:gap-8" > <span class="text-xl">What happens if I don't renew yearly?</span> <span aria-hidden="true" class="rounded-full bg-red-600 px-7 py-3"> <svg x-show="!$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" x-cloak="x-cloak" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_9_627)"> <path d="M0 6a.75.75 0 0 0 .75.75h4.375a.125.125 0 0 1 .125.125v4.375a.75.75 0 1 0 1.5 0V6.875a.125.125 0 0 1 .125-.125h4.375a.75.75 0 1 0 0-1.5H6.875a.125.125 0 0 1-.125-.125V.75a.75.75 0 0 0-1.5 0v4.375a.125.125 0 0 1-.125.125H.75A.75.75 0 0 0 0 6Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_9_627"> <path fill="currentColor" d="M0 0h12v12H0z" /> </clipPath> </defs> </svg> <svg x-show="$disclosure.isOpen" class="h-3 w-3 text-white transition group-hover:text-white/80" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1 6h10" stroke="#fff" stroke-width="1.5" stroke-linecap="round" /> </svg> </span> </button> <div x-disclosure:panel x-collapse class="max-w-xl pb-8 text-gray-600"> <p> If you decide not do renew your license, Herd automatically downgrades to the free version. Please make sure to backup your databases before your license expires. If you upgrade to Herd Pro again, all your data will be available again – we don't delete it during a downgrade. </p> </div> </div> </div> </div> </section> <hr class="mx-auto h-px w-full max-w-7xl border-none bg-gradient-to-r from-transparent via-[#F9332B]/[.5] to-transparent" /> <section class="py-24"> <div class="mx-auto max-w-xl px-6 sm:max-w-7xl"> <h2 class="text-5xl font-bold tracking-tight sm:text-6xl lg:text-7xl" > Perfect matches for Herd </h2> <div class="mt-16 grid gap-x-14 gap-y-20 lg:grid-cols-2"> <div> <img src="/images/tinkerwell.png" alt="Tinkerwell logo" class="w-20 mb-5"> <h3 class="text-2xl font-bold sm:text-3xl"> Tinkerwell </h3> <p class="mt-5 text-gray-600"> Tinkerwell is the missing graphical UI for interacting with your Laravel app. It provides a powerful code editor allowing you to run and debug code snippets within the context of your local and remote Laravel apps. </p> <p class="mt-5 text-gray-600"> Tinkerwell is "php artisan tinker" on steroids. </p> <a href="https://tinkerwell.app" class="mt-5 flex justify-center items-center gap-4 rounded-xl md:max-w-sm bg-red-600 py-4 text-white transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600 focus-visible:ring-offset-1 focus-visible:ring-offset-white" > <span> <span class="block font-bold">Get Tinkerwell</span> </span> </a> </div> <div> <img src="/images/expose.png" alt="Expose logo" class="w-20 mb-5"> <h3 class="text-2xl font-bold tracking-tight sm:text-3xl" > Expose </h3> <p class="mt-5 text-gray-600"> Create public URLs for local sites through any firewall and VPN. Receive webhooks on your machine, test local sites on mobile devices or share them with others. </p> <p class="mt-5 text-gray-600"> Herd integrates with Expose natively and works great with a free account. </p> <a href="https://expose.dev" class="mt-5 flex justify-center items-center gap-4 rounded-xl md:max-w-sm bg-red-600 py-4 text-white transition hover:text-white/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600 focus-visible:ring-offset-1 focus-visible:ring-offset-white" > <span> <span class="block font-bold">Get Expose</span> </span> </a> </div> </div> </div> </section> <footer class="relative overflow-hidden pb-32 md:pb-48 lg:pb-64"> <img class="absolute inset-x-0 bottom-0 w-full max-w-none" src="/images/blurs-footer.png" aria-hidden="true" loading="lazy" /> <div class="absolute inset-x-0 top-0 h-40 bg-gradient-to-t from-transparent to-white" ></div> <div class="relative flex flex-col items-center px-6"> <svg class="h-14 w-14 text-red-600" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 440 550"> <path fill="currentColor" d=" M 0.00 0.00 L 150.06 0.00 L 150.02 198.27 A 0.57 0.57 0.0 0 0 150.58 198.84 C 167.47 199.01 185.36 198.48 201.42 199.56 Q 247.43 202.65 289.75 221.46 Q 346.73 247.69 385.71 296.75 Q 419.64 340.34 432.91 394.00 L 437.71 417.50 L 437.79 419.50 Q 437.83 425.29 439.55 430.80 L 440.00 442.31 L 440.00 550.00 L 290.19 550.00 Q 289.89 505.03 289.98 460.07 Q 290.01 447.06 289.06 440.12 C 282.53 392.50 244.70 355.36 196.96 349.75 C 183.01 348.11 165.77 348.98 150.50 349.05 A 0.51 0.49 0.0 0 0 149.99 349.54 L 149.94 550.00 L 0.00 550.00 L 0.00 0.00 Z" /> <path fill="currentColor" fill-opacity="0.718" d=" M 291.06 0.00 L 440.00 0.00 L 440.00 410.56 L 439.71 412.50 Q 438.01 415.34 438.46 418.75 Q 438.21 413.29 437.71 417.50 L 432.91 394.00 L 434.02 395.06 A 1.22 0.57 -76.8 0 1 434.21 395.98 C 433.99 397.92 434.99 399.36 435.26 400.92 Q 436.36 407.12 437.36 413.33 A 0.51 0.39 84.6 0 0 437.75 413.75 L 438.26 413.76 A 0.82 0.48 -84.6 0 0 438.79 413.02 Q 439.08 410.54 439.09 404.81 Q 439.19 204.13 439.12 2.95 A 1.69 1.69 0.0 0 0 437.43 1.26 L 290.03 1.42 Q 289.77 0.34 291.06 0.00 Z" /> <path fill="currentColor" fill-opacity="0.671" d=" M 432.91 394.00 Q 419.64 340.34 385.71 296.75 C 384.61 293.06 380.98 289.81 378.76 287.15 C 359.29 263.80 331.94 242.48 303.53 227.45 Q 295.45 223.17 290.31 220.80 L 290.19 220.62 A 0.76 0.65 31.6 0 1 290.06 220.22 L 290.03 1.42 L 437.43 1.26 A 1.69 1.69 0.0 0 1 439.12 2.95 Q 439.19 204.13 439.09 404.81 Q 439.08 410.54 438.79 413.02 A 0.82 0.48 -84.6 0 1 438.26 413.76 L 437.75 413.75 A 0.51 0.39 84.6 0 1 437.36 413.33 Q 436.36 407.12 435.26 400.92 C 434.99 399.36 433.99 397.92 434.21 395.98 A 1.22 0.57 -76.8 0 0 434.02 395.06 L 432.91 394.00 Z" /> <path fill="currentColor" fill-opacity="0.788" d=" M 385.71 296.75 Q 346.73 247.69 289.75 221.46 L 290.31 220.80 Q 295.45 223.17 303.53 227.45 C 331.94 242.48 359.29 263.80 378.76 287.15 C 380.98 289.81 384.61 293.06 385.71 296.75 Z" /> <path fill="currentColor" fill-opacity="0.980" d=" M 439.71 412.50 L 439.55 430.80 Q 437.83 425.29 437.79 419.50 Q 438.46 421.97 438.46 418.75 Q 438.01 415.34 439.71 412.50 Z" /> <path fill="currentColor" fill-opacity="0.671" d=" M 438.46 418.75 Q 438.46 421.97 437.79 419.50 L 437.71 417.50 Q 438.21 413.29 438.46 418.75 Z" /> </svg> <div class="mt-10 flex flex-wrap items-center justify-center gap-6 sm:gap-12"> <a href="https://herd.laravel.com/platform/macos" class="rounded text-gray-600 transition hover:text-gray-600/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20" > Herd for Mac </a> <a href="/docs" class="rounded text-gray-600 transition hover:text-gray-600/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20" > Documentation </a> <a href="/changelog" class="rounded text-gray-600 transition hover:text-gray-600/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20" > Changelog </a> <a href="/disclaimer" class="rounded text-gray-600 transition hover:text-gray-600/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20" > Disclaimer </a> <a href="/privacy" class="rounded text-gray-600 transition hover:text-gray-600/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20" > Privacy </a> <a href="/eula" class="rounded text-gray-600 transition hover:text-gray-600/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20" > EULA </a> <a href="https://github.com/beyondcode/herd-community/issues" class="rounded text-gray-600 transition hover:text-gray-600/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-600/20" > Support </a> </div> <p class="mt-8 text-gray-600 text-center"> Herd is a product by <a href="https://beyondco.de" class="underline">Beyond Code</a> in partnership with <a href="https://laravel.com" class="underline">Laravel</a>. </p> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body> </html>

CINXE.COM

Laravel Herd