Careers - Laravel - The PHP Framework For Web Artisans

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <title>Careers - Laravel - The PHP Framework For Web Artisans</title>  <meta name="title" content="Careers - Laravel - The PHP Framework For Web Artisans"> <meta name="description" content="Laravel is a PHP web application framework with expressive, elegant syntax. We’ve already laid the foundation — freeing you to create without sweating the small things.">  <meta property="og:type" content="website"> <meta property="og:url" content="https://laravel.com/"> <meta property="og:title" content="Careers - Laravel - The PHP Framework For Web Artisans"> <meta property="og:description" content="Laravel is a PHP web application framework with expressive, elegant syntax. We’ve already laid the foundation — freeing you to create without sweating the small things."> <meta property="og:image" content="https://laravel.com/images/og/laravel-careers.png">  <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://laravel.com/"> <meta property="twitter:title" content="Careers - Laravel - The PHP Framework For Web Artisans"> <meta property="twitter:description" content="Laravel is a PHP web application framework with expressive, elegant syntax. We’ve already laid the foundation — freeing you to create without sweating the small things."> <meta property="twitter:image" content="https://laravel.com/images/og/laravel-careers.png">  <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png"> <link rel="manifest" href="/img/favicon/site.webmanifest"> <link rel="mask-icon" href="/img/favicon/safari-pinned-tab.svg" color="#ff2d20"> <link rel="shortcut icon" href="/img/favicon/favicon.ico"> <meta name="msapplication-TileColor" content="#ff2d20"> <meta name="msapplication-config" content="/img/favicon/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <meta name="color-scheme" content="light"> <link rel="preload" href="/fonts/InstrumentSans.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> <link rel="preconnect" href="https://E3MIRNPJH5-dsn.algolia.net" crossorigin /> <link rel="preload" as="style" href="https://laravel.com/build/assets/app-DTuzKHzc.css" /><link rel="modulepreload" href="https://laravel.com/build/assets/app-DsFpo0m6.js" /><link rel="modulepreload" href="https://laravel.com/build/assets/mediaQuery-Bm25Hv93.js" /><link rel="modulepreload" href="https://laravel.com/build/assets/module.esm-BKQTc33J.js" /><link rel="modulepreload" href="https://laravel.com/build/assets/default-BVupqHXQ.js" /><link rel="stylesheet" href="https://laravel.com/build/assets/app-DTuzKHzc.css" /><script type="module" src="https://laravel.com/build/assets/app-DsFpo0m6.js"></script><script type="module" src="https://laravel.com/build/assets/default-BVupqHXQ.js"></script>  <script src="https://cdn.usefathom.com/script.js" data-site="DVMEKBYF" defer></script>   <script async src="https://tag.clearbitscripts.com/v1/pk_97d2bf69f817feb07be42fcda1460119/tags.js" referrerpolicy="strict-origin-when-cross-origin"></script> <script> const alwaysLightMode = true; const algolia_app_id = 'E3MIRNPJH5'; const algolia_search_key = '1fa3a8fec06eb1858d6ca137211225c0'; const version = '12.x'; if (!alwaysLightMode) { if (localStorage.theme === 'dark' || (localStorage.theme === 'system' && window.matchMedia("(prefers-color-scheme: dark)").matches)) { document.documentElement.classList.add("dark"); document.documentElement.setAttribute("data-theme", "dark"); document.documentElement.setAttribute("color-theme", "dark"); } } </script> <script> document.addEventListener('DOMContentLoaded', function () { // Set a CSS variable for the viewport width for the divider component document.documentElement.style.setProperty('--viewport-width', (document.body.clientWidth || 0)+'px'); }); window.addEventListener('resize', function () { document.documentElement.style.setProperty('--viewport-width', (document.body.clientWidth || 0)+'px'); }, { passive: true }); </script> </head> <body class="font-sans antialiased text-sand-light-12 bg-sand-light-1 dark:bg-sand-dark-1"> <div class="xl:px-0 mx-auto xl:max-w-[1400px] w-full max-w-full"> <div class="relative xl:border-l xl:mx-auto bg-sand-light-1 dark:bg-sand-dark-1 xl:border-sand-light-7 xl:dark:border-sand-dark-6"> <div class="fixed top-0 left-0 w-full"> <div class="max-w-[1400px] mx-auto relative"> <div class="absolute top-0 left-0 hidden w-1 transition duration-300 h-28 dark:bg-sand-dark-1 bg-sand-light-1 line-mask"></div> </div> </div> <div id="nav-trigger" class="absolute left-0 top-64"></div> <nav data-has-grid="false" class="sticky top-0 w-[calc(100%+1px)] z-99 px-4 xl:border-l border-b -mx-px xl:border-l-sand-light-7 xl:px-16 py-7 h-(--popover-top-offset) will-change-transform transition-transform duration-300 bg-sand-light-1 dark:bg-sand-dark-1 border-b-transparent sticky-nav max-w-[1400px]"> <div class="relative flex items-center justify-between h-full py-1 overflow-hidden"> <ul class="flex items-start space-x-4 font-medium xl:space-x-8 "> <li class="w-20 transition-transform duration-300 ease-in-out mr-6 xl:mr-18 text-laravel-red" id="nav-left"> <a href="https://laravel.com" class="flex items-center w-20 aspect-[80/23]"> <svg class="w-full h-full" width="1280" height="308" viewBox="0 0 1280 308" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M50.2753 0H0V308.689H144.713V263.27H50.2753V0Z" fill="currentColor" /> <path d="M322.209 130.973C315.796 120.684 306.688 112.602 294.883 106.718C283.081 100.84 271.201 97.8969 259.253 97.8969C243.798 97.8969 229.665 100.764 216.843 106.496C204.014 112.228 193.015 120.099 183.834 130.091C174.654 140.088 167.51 151.628 162.412 164.706C157.308 177.792 154.761 191.54 154.761 205.94C154.761 220.645 157.308 234.457 162.412 247.39C167.508 260.332 174.652 271.796 183.834 281.788C193.015 291.785 204.017 299.647 216.843 305.379C229.665 311.111 243.798 313.978 259.253 313.978C271.201 313.978 283.081 311.038 294.883 305.159C306.688 299.282 315.796 291.197 322.209 280.904V308.685H369.865V103.186H322.209V130.973ZM317.837 231.076C314.922 239.016 310.841 245.925 305.598 251.804C300.35 257.687 294.009 262.389 286.579 265.917C279.146 269.445 270.905 271.208 261.875 271.208C252.837 271.208 244.676 269.445 237.391 265.917C230.104 262.389 223.839 257.687 218.593 251.804C213.345 245.925 209.335 239.016 206.57 231.076C203.794 223.138 202.417 214.759 202.417 205.942C202.417 197.12 203.794 188.742 206.57 180.804C209.335 172.866 213.345 165.961 218.593 160.078C223.839 154.201 230.102 149.493 237.391 145.965C244.676 142.437 252.837 140.674 261.875 140.674C270.908 140.674 279.146 142.437 286.579 145.965C294.009 149.493 300.35 154.199 305.598 160.078C310.844 165.961 314.922 172.866 317.837 180.804C320.748 188.742 322.209 197.12 322.209 205.942C322.209 214.759 320.748 223.138 317.837 231.076Z" fill="currentColor" /> <path d="M709.568 130.973C703.155 120.684 694.047 112.602 682.242 106.718C670.44 100.84 658.56 97.8969 646.612 97.8969C631.157 97.8969 617.024 100.764 604.202 106.496C591.373 112.228 580.374 120.099 571.193 130.091C562.013 140.088 554.869 151.628 549.771 164.706C544.666 177.792 542.12 191.54 542.12 205.94C542.12 220.645 544.666 234.457 549.771 247.39C554.867 260.332 562.01 271.796 571.193 281.788C580.374 291.785 591.375 299.647 604.202 305.379C617.024 311.111 631.157 313.978 646.612 313.978C658.56 313.978 670.44 311.038 682.242 305.159C694.047 299.282 703.155 291.197 709.568 280.904V308.685H757.224V103.186H709.568V130.973ZM705.198 231.076C702.283 239.016 698.202 245.925 692.959 251.804C687.711 257.687 681.37 262.389 673.94 265.917C666.507 269.445 658.266 271.208 649.236 271.208C640.198 271.208 632.037 269.445 624.752 265.917C617.465 262.389 611.2 257.687 605.954 251.804C600.706 245.925 596.696 239.016 593.931 231.076C591.155 223.138 589.778 214.759 589.778 205.942C589.778 197.12 591.155 188.742 593.931 180.804C596.696 172.866 600.706 165.961 605.954 160.078C611.2 154.201 617.463 149.493 624.752 145.965C632.037 142.437 640.198 140.674 649.236 140.674C658.269 140.674 666.507 142.437 673.94 145.965C681.37 149.493 687.711 154.199 692.959 160.078C698.205 165.961 702.283 172.866 705.198 180.804C708.109 188.742 709.57 197.12 709.57 205.942C709.568 214.759 708.107 223.138 705.198 231.076Z" fill="currentColor" /> <path d="M1280 1.12315e-05H1232.35V308.689H1280V1.12315e-05Z" fill="currentColor" /> <path d="M407.466 308.689H455.117V150.486H536.876V103.192H407.466V308.689Z" fill="currentColor" /> <path d="M948.281 103.192L888.386 260.557L828.489 103.192H780.224L858.441 308.689H918.331L996.546 103.192H948.281Z" fill="currentColor" /> <path d="M1100.48 97.908C1042.13 97.908 995.937 146.279 995.937 205.944C995.937 271.9 1040.64 313.98 1106.59 313.98C1143.5 313.98 1167.06 299.745 1195.85 268.746L1163.66 243.621C1163.64 243.646 1139.36 275.802 1103.1 275.802C1060.96 275.802 1043.22 241.533 1043.22 223.803H1201.32C1209.62 155.913 1165.37 97.908 1100.48 97.908ZM1043.35 188.085C1043.71 184.13 1049.2 136.086 1100.1 136.086C1151.01 136.086 1157.19 184.123 1157.55 188.085H1043.35Z" fill="currentColor" /> </svg> <span class="sr-only">Home</span> </a> </li> <li class="hidden lg:block"> <button class="transition duration-100 cursor-pointer popover-button whitespace-nowrap dark:text-sand-light-3 dark:text-sand-12 dark:hover:text-sand-dark-11" popovertarget="nav-products" id="nav-products-button"> Products </button> </li> <li class="hidden lg:block"> <button class="transition duration-100 cursor-pointer popover-button whitespace-nowrap dark:text-sand-light-3 dark:text-sand-12 dark:hover:text-sand-dark-11" popovertarget="nav-open-source" id="nav-open-source-button"> Open Source </button> </li> <li class="hidden lg:block"> <button class="transition duration-100 cursor-pointer popover-button whitespace-nowrap dark:text-sand-light-3 dark:text-sand-12 dark:hover:text-sand-dark-11" popovertarget="nav-developers" id="nav-developers-button"> Developers </button> </li> <li class="hidden lg:block"> <a href="https://partners.laravel.com" class="transition duration-100 cursor-pointer popover-button whitespace-nowrap dark:text-sand-light-3 dark:text-sand-12 dark:hover:text-sand-dark-11" target="_blank" rel="noopener"> Partners </a> </li> </ul> <div class="hidden lg:flex items-center space-x-2.5 xl:space-x-4" id="nav-right"> <ul class="flex items-center space-x-2.5 xl:space-x-4"> <li> <a href="https://github.com/laravel/laravel" class="flex items-center space-x-2 font-medium transition duration-100 text-sand-light-9-alpha-45 hover:text-sand-light-11 dark:text-sand-dark-10 dark:hover:text-sand-dark-12"> <svg class="w-4 h-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12.305C0 17.74 3.438 22.352 8.207 23.979C8.807 24.092 9.027 23.712 9.027 23.386C9.027 23.094 9.016 22.32 9.01 21.293C5.671 22.037 4.967 19.643 4.967 19.643C4.422 18.223 3.635 17.845 3.635 17.845C2.545 17.081 3.718 17.096 3.718 17.096C4.921 17.183 5.555 18.364 5.555 18.364C6.626 20.244 8.364 19.702 9.048 19.386C9.157 18.591 9.468 18.049 9.81 17.741C7.145 17.431 4.344 16.376 4.344 11.661C4.344 10.318 4.811 9.219 5.579 8.359C5.456 8.048 5.044 6.797 5.696 5.103C5.696 5.103 6.704 4.773 8.996 6.364C9.954 6.091 10.98 5.955 12.001 5.95C13.02 5.955 14.047 6.091 15.005 6.364C17.295 4.772 18.302 5.103 18.302 5.103C18.956 6.797 18.544 8.048 18.421 8.359C19.191 9.219 19.655 10.318 19.655 11.661C19.655 16.387 16.849 17.428 14.175 17.732C14.606 18.112 14.99 18.862 14.99 20.011C14.99 21.656 14.975 22.982 14.975 23.386C14.975 23.715 15.191 24.098 15.8 23.977C20.565 22.347 24 17.738 24 12.305C24 5.508 18.627 0 12 0C5.373 0 0 5.508 0 12.305Z" fill="currentColor" /> </svg> <span class="sr-only">GitHub</span> <span>79K</span> </a> </li> <li> <div class="relative flex items-center p-1 w-50 bg-sand-light-3 rounded-xs hover:bg-sand-light-4 dark:hover:bg-sand-dark-4 dark:bg-sand-dark-3 text-sand-light-9-alpha-45 dark:text-sand-light-9"> <svg class="size-5 mr-2 shrink-0" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <g> <path d="M15.8333 15.8333L13.0523 13.0524M13.0523 13.0524C13.9943 12.1104 14.5769 10.8092 14.5769 9.3718C14.5769 6.49708 12.2465 4.16667 9.37176 4.16667C6.49704 4.16667 4.16663 6.49708 4.16663 9.3718C4.16663 12.2465 6.49704 14.5769 9.37176 14.5769C10.8091 14.5769 12.1104 13.9943 13.0523 13.0524Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </g> </svg> <div class="grow"> Search docs <div id="docsearch" class="absolute inset-0 *:px-9 *:py-1.5 *:absolute *:inset-0 text-base bg-transparent text-sand-light-9-alpha-45/70 dark:text-sand-dark-10"></div> </div> <span class="ml-2 mr-1.5 text-sm font-medium shrink-0 text-sand-light-9 dark:text-sand-dark-10">⌘K</span> </div> </li> </ul> <div class="flex items-center gap-4 shrink-0"> <a href="https://cloud.laravel.com" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent shadow-secondary-button hover:shadow-secondary-button-hover text-sand-light-12 dark:text-sand-dark-10 dark:hover:text-sand-dark-12 dark:hover:border-sand-dark-5 px-3 grow text-center py-0.5 text-base whitespace-nowrap"> Deploy </a> <a href="/docs" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent text-white bg-sand-light-12 hover:bg-black shadow-primary-button hover:shadow-primary-button-hover dark:hover:bg-sand-dark-4 px-3 py-0.5 whitespace-nowrap grow text-center"> Documentation </a> </div> </div> <div class="flex items-center space-x-5 lg:hidden"> <div class="overflow-hidden h-9"> <ul class="flex items-center pl-1 space-x-3 transition-transform duration-300 ease-in-out translate-x-full h-9"> <li> <a href="https://cloud.laravel.com" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent shadow-secondary-button hover:shadow-secondary-button-hover text-sand-light-12 dark:text-sand-dark-10 dark:hover:text-sand-dark-12 dark:hover:border-sand-dark-5 px-3 py-1.5 text-[13px] "> Deploy </a> </li> <li> <a href="/docs" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent text-white bg-sand-light-12 hover:bg-black shadow-primary-button hover:shadow-primary-button-hover dark:hover:bg-sand-dark-4 px-3 py-1.5 text-[13px] "> Docs </a> </li> </ul> </div> <button popovertarget="nav-mobile" class="cursor-pointer"> <svg class="w-6 h-6 text-sand-light-9 hamburger-menu" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M2.75 7.25H21.25M2.75 16.75H21.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <svg class="w-6 h-6 text-sand-light-9 close-menu" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M4.75 4.75L19.25 19.25M19.25 4.75L4.75 19.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> </button> </div> </div> </nav> <div popover id="nav-mobile" class="fixed w-full bg-transparent main-nav-popover top-(--popover-top-offset)"> <div class="pt-2 border-b xl:border-l xl:border-r bg-sand-light-1 pb-7 max-w-[1400px] mx-auto border-sand-light-7 dark:bg-sand-dark-1 dark:border-sand-dark-6"> <div class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 max-w-[1400px] lg:px-16 mx-auto relative"> <div class="flex flex-col h-[calc(100dvh-7rem)] col-span-12" x-init="setTabs([{"label":"Products","content":"partials.mobile-menus.products"},{"label":"Open Source","content":"partials.mobile-menus.open-source"},{"label":"Developers","content":"partials.mobile-menus.developers"}])" x-data="sideTabs" x-cloak> <ul class="flex justify-start gap-6 mx-5 font-medium border-b text-sand-light-10 border-sand-light-6-1 dark:text-sand-dark-10 dark:border-sand-dark-6"> <li> <button class="py-3 text-left border-b-2 cursor-pointer tab-button transition duration-100" :class="{ 'text-sand-light-12 border-sand-light-12 dark:text-sand-dark-12 dark:border-sand-dark-12': selected.label === 'Products', 'border-transparent': selected.label !== 'Products', }" @click="clickSelect({"label":"Products","content":"partials.mobile-menus.products"})" > Products </button> </li> <li> <button class="py-3 text-left border-b-2 cursor-pointer tab-button transition duration-100" :class="{ 'text-sand-light-12 border-sand-light-12 dark:text-sand-dark-12 dark:border-sand-dark-12': selected.label === 'Open Source', 'border-transparent': selected.label !== 'Open Source', }" @click="clickSelect({"label":"Open Source","content":"partials.mobile-menus.open-source"})" > Open Source </button> </li> <li> <button class="py-3 text-left border-b-2 cursor-pointer tab-button transition duration-100" :class="{ 'text-sand-light-12 border-sand-light-12 dark:text-sand-dark-12 dark:border-sand-dark-12': selected.label === 'Developers', 'border-transparent': selected.label !== 'Developers', }" @click="clickSelect({"label":"Developers","content":"partials.mobile-menus.developers"})" > Developers </button> </li> <li> <a href="https://partners.laravel.com" class="py-3 text-left border-b-2 border-transparent block transition duration-100" target="_blank" rel="noopener"> Partners </a> </li> </ul> <div class="overflow-auto grow-1"> <div class="px-5 py-8"> <div x-show="selected.label === 'Products'"> <h3 class="mb-4 lg:mb-8 font-medium text-sand-light-12 dark:text-sand-dark-11">All Products</h3> <ul> <li> <a href="https://cloud.laravel.com" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-12 h-12 -mt-1.5 mr-5"> <div class="relative"> <svg class="w-full aspect-[57/66] absolute left-0 bottom-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M28.7119 69.0001L56.4226 52.9985L28.7107 36.999L1 53.0006L28.7119 69.0001Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-1 group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center"> <svg class="w-full" width="57" height="69" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M47.6795 37.3007L42.7863 45.7759L33 51.426V40.1257L37.8932 31.6505L47.6795 26.0004V37.3007ZM37.8932 35.0406V36.1706L43.765 32.7805V39.5607L44.7436 38.9957V31.0855L37.8932 35.0406ZM37.8932 33.9106L45.7222 29.3905V38.4307L46.7009 37.8657V27.6954L37.8932 32.7805V33.9106ZM37.8932 37.3007V42.9508L42.7863 40.1257V34.4756L37.8932 37.3007Z" fill="white" /> </svg> </div> <svg class="w-full aspect-[57/66]" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M28.7119 65.0001L56.4226 48.9985L28.7107 32.999L1 49.0006L28.7119 65.0001Z" class="fill-sand-light-1 dark:fill-sand-dark-1" /> <path d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#001642" stroke-width="0.25" /> <path d="M28.7119 65.0001L56.4226 48.9985L28.7107 32.999L1 49.0006L28.7119 65.0001Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> <path d="M56.4228 48.9984L56.4228 16.9995L28.7109 1L28.7109 32.999L56.4228 48.9984Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> <path opacity="0.8" d="M28.3907 32.9278L6.125 45.7852L6.125 20.0739L28.3907 7.21652L28.3907 32.9278Z" stroke="black" stroke-width="0.25"/> <path d="M28.5167 59.0017L51.0323 46L28.5157 33L6 46.0017L28.5167 59.0017Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <path d="M51.0323 46L51.0323 20L28.5156 7L28.5156 33L51.0323 46Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <path opacity="0.8" d="M6 20.0017L28.5157 7L51.0323 20L51.0333 46.0003L28.5167 59.002L6 46.002V20.0017Z" class="fill-cloud"/> <path d="M28.5167 33.002V59.002L6 46.002V20.002L28.5167 33.002Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <path d="M51.0323 20L28.5167 33.0017L6 20.0017L28.5157 7L51.0323 20Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="25.75" height="25.75" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 28.7863 58.8289)" stroke="black" stroke-width="0.25"/> <path opacity="0.8" d="M28.7119 33.0014L28.7119 65.0004L1 49.0009V17.002L28.7119 33.0014Z" class="fill-[#C8C7C1] dark:fill-sand-dark-2"/> <path opacity="0.9" d="M56.4226 16.9995L28.7119 33.001L1 17.0016L28.7107 1L56.4226 16.9995Z" class="fill-sand-light-1 dark:fill-sand-dark-1" /> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 28.9816 64.828)" stroke="#001642" stroke-width="0.25"/> <path d="M28.7119 33.0014L28.7119 65.0004L1 49.0009V17.002L28.7119 33.0014Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> <path d="M56.4226 16.9995L28.7119 33.001L1 17.0016L28.7107 1L56.4226 16.9995Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Cloud</span> <span class="px-1 font-medium leading-normal rounded-xs text-laravel-red bg-laravel-red-faded dark:!bg-[#3F1018] dark:!text-[#FF91A4] text-sm ">New</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Managed infrastructure</span> </span> </a> </li> <li> <a href="https://forge.laravel.com" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-12 h-12 -mt-1.5 mr-5"> <div class="relative"> <svg class="w-full aspect-[57/66] absolute left-0 bottom-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M28.7119 69.0001L56.4226 52.9985L28.7107 36.999L1 53.0006L28.7119 69.0001Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-1 group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center"> <svg class="w-full" width="57" height="69" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M46.9033 29.1059L34.0445 36.5299C33.9639 36.5795 33.8865 36.6565 33.8241 36.7492C33.7617 36.8419 33.7178 36.9451 33.6992 37.0429L33.3852 38.478C33.3538 38.6352 33.4167 38.7037 33.5104 38.7194C34.0123 38.6036 36.7092 37.1164 36.3015 39.024L36.2071 39.5311L35.1093 44.7278L35.0149 45.2349C34.6072 47.1419 33.1644 48.0447 32.5688 48.5632C32.4436 48.6704 32.3493 48.8639 32.3178 49.0218L32.0051 50.4555C31.9736 50.6476 32.0679 50.7329 32.2245 50.6424L37.4618 47.6187C37.5424 47.5691 37.6198 47.4921 37.6822 47.3994C37.7445 47.3067 37.7884 47.2036 37.8071 47.1057L38.7483 42.522C38.767 42.4242 38.8109 42.321 38.8733 42.2283C38.9357 42.1356 39.0131 42.0586 39.0936 42.009L42.4497 40.0714C42.5301 40.0218 42.6074 39.9447 42.6697 39.8521C42.7319 39.7595 42.7757 39.6565 42.7944 39.5588L43.2964 37.1091C43.3279 36.9169 43.2336 36.8317 43.077 36.9221L39.7215 38.8594C39.5649 38.9498 39.4706 38.8653 39.502 38.6725L39.9726 36.4505C39.9913 36.3527 40.0352 36.2495 40.0976 36.1568C40.16 36.0641 40.2374 35.9871 40.3179 35.9375L45.3671 33.0223C45.4476 32.9727 45.5248 32.8957 45.5871 32.8031C45.6494 32.7105 45.6932 32.6074 45.7118 32.5097L47.0605 29.3624C47.1234 29.1172 47.0605 29.0138 46.9039 29.1042L46.9033 29.1059Z" fill="white" /> </svg> </div> <svg class="w-full aspect-[57/66]" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M28.7119 65.0001L56.4226 48.9985L28.7107 32.999L1 49.0006L28.7119 65.0001Z" class="fill-sand-light-1 dark:fill-sand-dark-1" /> <path d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#001642" stroke-width="0.25" /> <path d="M28.7119 65.0001L56.4226 48.9985L28.7107 32.999L1 49.0006L28.7119 65.0001Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> <path d="M56.4228 48.9984L56.4228 16.9995L28.7109 1L28.7109 32.999L56.4228 48.9984Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> <path opacity="0.8" d="M28.3907 32.9278L6.125 45.7852L6.125 20.0739L28.3907 7.21652L28.3907 32.9278Z" stroke="black" stroke-width="0.25"/> <path d="M28.5167 59.0017L51.0323 46L28.5157 33L6 46.0017L28.5167 59.0017Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <path d="M51.0323 46L51.0323 20L28.5156 7L28.5156 33L51.0323 46Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <path opacity="0.8" d="M6 20.0017L28.5157 7L51.0323 20L51.0333 46.0003L28.5167 59.002L6 46.002V20.0017Z" class="fill-forge"/> <path d="M28.5167 33.002V59.002L6 46.002V20.002L28.5167 33.002Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <path d="M51.0323 20L28.5167 33.0017L6 20.0017L28.5157 7L51.0323 20Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="25.75" height="25.75" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 28.7863 58.8289)" stroke="black" stroke-width="0.25"/> <path opacity="0.8" d="M28.7119 33.0014L28.7119 65.0004L1 49.0009V17.002L28.7119 33.0014Z" class="fill-[#C8C7C1] dark:fill-sand-dark-2"/> <path opacity="0.9" d="M56.4226 16.9995L28.7119 33.001L1 17.0016L28.7107 1L56.4226 16.9995Z" class="fill-sand-light-1 dark:fill-sand-dark-1" /> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 28.9816 64.828)" stroke="#001642" stroke-width="0.25"/> <path d="M28.7119 33.0014L28.7119 65.0004L1 49.0009V17.002L28.7119 33.0014Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> <path d="M56.4226 16.9995L28.7119 33.001L1 17.0016L28.7107 1L56.4226 16.9995Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Forge</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">VPS server management</span> </span> </a> </li> <li> <a href="https://nightwatch.laravel.com" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-12 h-12 -mt-1.5 mr-5"> <div class="relative"> <svg class="w-full aspect-[57/66] absolute left-0 bottom-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M28.7119 69.0001L56.4226 52.9985L28.7107 36.999L1 53.0006L28.7119 69.0001Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-1 group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center"> <svg class="w-full" width="57" height="69" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M44.7047 29.998C44.3453 30.2054 44.013 30.6177 43.8319 31.0806L43.0928 32.9702L48.1657 30.0413V29.1663C48.1658 28.522 47.7135 28.2608 47.1554 28.583L44.7047 29.998Z" fill="white" /> <path d="M48.1656 30.9893L42.6138 34.1946L41.5823 36.8317L48.1654 33.0309L48.1656 30.9893Z" fill="white" /> <path d="M48.1654 33.9788L41.1033 38.0561L40.5876 39.3747L41.1032 40.0978L48.1652 36.0205L48.1654 33.9788Z" fill="white" /> <path d="M48.1651 36.9684L41.582 40.7692L42.6132 42.2154L48.165 39.0101L48.1651 36.9684Z" fill="white" /> <path d="M48.1649 39.958L43.092 42.8868L43.8309 43.923C44.012 44.1769 44.3443 44.2054 44.7036 43.998L47.1544 42.583C47.7124 42.2608 48.1648 41.4773 48.1648 40.833L48.1649 39.958Z" fill="white" /> <path d="M35.4601 49.3347C35.8194 49.1273 36.1518 48.715 36.3328 48.252L37.072 46.3625L31.9991 49.2913L31.999 50.1663C31.999 50.8107 32.4513 51.0718 33.0093 50.7497L35.4601 49.3347Z" fill="white" /> <path d="M31.9992 48.3434L37.5509 45.1381L38.5825 42.501L31.9993 46.3018L31.9992 48.3434Z" fill="white" /> <path d="M31.9994 45.3538L39.0614 41.2766L39.5772 39.958L39.0616 39.2349L31.9995 43.3122L31.9994 45.3538Z" fill="white" /> <path d="M31.9996 42.3643L38.5828 38.5635L37.5515 37.1173L31.9998 40.3226L31.9996 42.3643Z" fill="white" /> <path d="M31.9998 39.3747L37.0727 36.4459L36.3338 35.4097C36.1528 35.1558 35.8205 35.1273 35.4611 35.3347L33.0104 36.7497C32.4524 37.0718 32 37.8553 31.9999 38.4997L31.9998 39.3747Z" fill="white" /> </svg> </div> <svg class="w-full aspect-[57/66]" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M28.7119 65.0001L56.4226 48.9985L28.7107 32.999L1 49.0006L28.7119 65.0001Z" class="fill-sand-light-1 dark:fill-sand-dark-1" /> <path d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#001642" stroke-width="0.25" /> <path d="M28.7119 65.0001L56.4226 48.9985L28.7107 32.999L1 49.0006L28.7119 65.0001Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> <path d="M56.4228 48.9984L56.4228 16.9995L28.7109 1L28.7109 32.999L56.4228 48.9984Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> <path opacity="0.8" d="M28.3907 32.9278L6.125 45.7852L6.125 20.0739L28.3907 7.21652L28.3907 32.9278Z" stroke="black" stroke-width="0.25"/> <path d="M28.5167 59.0017L51.0323 46L28.5157 33L6 46.0017L28.5167 59.0017Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <path d="M51.0323 46L51.0323 20L28.5156 7L28.5156 33L51.0323 46Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <path opacity="0.8" d="M6 20.0017L28.5157 7L51.0323 20L51.0333 46.0003L28.5167 59.002L6 46.002V20.0017Z" class="fill-nightwatch"/> <path d="M28.5167 33.002V59.002L6 46.002V20.002L28.5167 33.002Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <path d="M51.0323 20L28.5167 33.0017L6 20.0017L28.5157 7L51.0323 20Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="25.75" height="25.75" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 28.7863 58.8289)" stroke="black" stroke-width="0.25"/> <path opacity="0.8" d="M28.7119 33.0014L28.7119 65.0004L1 49.0009V17.002L28.7119 33.0014Z" class="fill-[#C8C7C1] dark:fill-sand-dark-2"/> <path opacity="0.9" d="M56.4226 16.9995L28.7119 33.001L1 17.0016L28.7107 1L56.4226 16.9995Z" class="fill-sand-light-1 dark:fill-sand-dark-1" /> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 28.9816 64.828)" stroke="#001642" stroke-width="0.25"/> <path d="M28.7119 33.0014L28.7119 65.0004L1 49.0009V17.002L28.7119 33.0014Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> <path d="M56.4226 16.9995L28.7119 33.001L1 17.0016L28.7107 1L56.4226 16.9995Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Nightwatch</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 dark:bg-[#282826] dark:text-[#EDEDEC] text-sm group-hover:bg-sand-light-5 dark:group-hover:bg-[#3A3A3A] ">Coming Soon</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Monitoring, logs, and insights</span> </span> </a> </li> <li> <a href="https://nova.laravel.com" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-12 h-12 -mt-1.5 mr-5"> <div class="relative"> <svg class="w-full aspect-[57/66] absolute left-0 bottom-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M28.7119 69.0001L56.4226 52.9985L28.7107 36.999L1 53.0006L28.7119 69.0001Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-1 group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center"> <svg class="w-full" width="57" height="69" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M45.7075 33.0136C46.289 33.3562 46.7512 33.8974 47.0672 34.6059C47.3831 35.3144 47.5467 36.1762 47.5484 37.1415C47.5502 38.1067 47.39 39.1563 47.0772 40.2295C46.7643 41.3027 46.3051 42.3783 45.726 43.394C45.0093 44.653 44.1589 45.8139 43.2233 46.8102C42.2877 47.8065 41.2853 48.6187 40.2734 49.2003C39.149 49.8524 38.0378 50.2056 37.0178 50.2349C35.9978 50.2642 35.0938 49.969 34.3693 49.3701C37.3882 50.5777 41.8845 47.7964 44.7192 42.8406C45.1728 42.0497 45.533 41.2113 45.7789 40.3742C46.0247 39.5371 46.1514 38.718 46.1514 37.9645C46.1515 37.2109 46.025 36.5379 45.7792 35.9847C45.5334 35.4314 45.1733 35.0089 44.7199 34.7417C42.8103 33.6076 39.7141 35.3952 37.8042 38.7345C37.6097 39.0735 37.4552 39.4328 37.3498 39.7917C37.2444 40.1505 37.19 40.5017 37.19 40.8247C37.19 41.1477 37.2443 41.4362 37.3496 41.6733C37.455 41.9104 37.6094 42.0915 37.8039 42.2059C38.1988 42.4386 38.7311 42.3895 39.2858 42.0693C39.8404 41.7491 40.3728 41.1835 40.7678 40.4947C40.8994 40.2652 41.0769 40.0766 41.2618 39.9699C41.4466 39.8631 41.6241 39.8468 41.7557 39.9243C41.8204 39.9625 41.8718 40.0229 41.9068 40.1019C41.9419 40.1808 41.9599 40.2769 41.9599 40.3844C41.9599 40.492 41.9418 40.6089 41.9068 40.7283C41.8717 40.8478 41.8203 40.9674 41.7556 41.0803C41.0973 42.2281 40.2101 43.1706 39.2859 43.7043C38.3616 44.2379 37.4744 44.3197 36.8163 43.9321C36.4924 43.7412 36.2353 43.4394 36.0598 43.0442C35.8843 42.649 35.7939 42.1684 35.794 41.6302C35.794 41.092 35.8844 40.507 36.06 39.9092C36.2356 39.3113 36.4928 38.7125 36.8167 38.1476C39.2715 33.8541 43.2523 31.5549 45.7075 33.0136ZM40.2747 31.2004C41.3991 30.5483 42.5103 30.1953 43.5302 30.1661C44.5501 30.1369 45.454 30.4322 46.1783 31.0313C43.159 29.824 38.6623 32.606 35.8293 37.5588C35.3756 38.3498 35.0154 39.1892 34.7695 40.0264C34.5236 40.8635 34.3969 41.6827 34.3969 42.4363C34.3968 43.1899 34.5234 43.863 34.7691 44.4162C35.0149 44.9695 35.3751 45.392 35.8286 45.6592C37.7374 46.7943 40.8332 45.0069 42.7431 41.6672C42.9375 41.3282 43.0919 40.9689 43.1973 40.6101C43.3027 40.2514 43.357 39.9003 43.357 39.5773C43.357 39.2544 43.3028 38.9659 43.1974 38.7288C43.0921 38.4917 42.9377 38.3107 42.7433 38.1962C42.3484 37.9635 41.8161 38.0126 41.2615 38.3328C40.7068 38.653 40.1745 39.2187 39.7795 39.9074C39.6478 40.1368 39.4705 40.3252 39.2857 40.4319C39.1009 40.5386 38.9236 40.555 38.7919 40.4776C38.7272 40.4394 38.6758 40.379 38.6407 40.3C38.6056 40.221 38.5875 40.1249 38.5875 40.0173C38.5875 39.9097 38.6056 39.7928 38.6407 39.6732C38.6758 39.5537 38.7273 39.434 38.792 39.3211C39.4503 38.1733 40.3375 37.2308 41.2618 36.6971C42.1861 36.1635 43.0732 36.0816 43.7314 36.4693C44.0552 36.6602 44.3124 36.962 44.4879 37.3572C44.6634 37.7524 44.7537 38.233 44.7537 38.7712C44.7537 39.3094 44.6632 39.8944 44.4877 40.4922C44.3121 41.0901 44.0549 41.6889 43.731 42.2538C41.2757 46.5475 37.295 48.8458 34.8398 47.3871C34.2575 47.0439 33.795 46.5016 33.4791 45.7915C33.1632 45.0815 33.0001 44.2178 32.9994 43.2507C32.9987 42.2835 33.1603 41.2321 33.4749 40.1573C33.7896 39.0825 34.2509 38.0057 34.8322 36.9894C36.2786 34.4543 38.2359 32.3724 40.2747 31.2004Z" fill="white" /> </svg> </div> <svg class="w-full aspect-[57/66]" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M28.7119 65.0001L56.4226 48.9985L28.7107 32.999L1 49.0006L28.7119 65.0001Z" class="fill-sand-light-1 dark:fill-sand-dark-1" /> <path d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#001642" stroke-width="0.25" /> <path d="M28.7119 65.0001L56.4226 48.9985L28.7107 32.999L1 49.0006L28.7119 65.0001Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> <path d="M56.4228 48.9984L56.4228 16.9995L28.7109 1L28.7109 32.999L56.4228 48.9984Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> <path opacity="0.8" d="M28.3907 32.9278L6.125 45.7852L6.125 20.0739L28.3907 7.21652L28.3907 32.9278Z" stroke="black" stroke-width="0.25"/> <path d="M28.5167 59.0017L51.0323 46L28.5157 33L6 46.0017L28.5167 59.0017Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <path d="M51.0323 46L51.0323 20L28.5156 7L28.5156 33L51.0323 46Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <path opacity="0.8" d="M6 20.0017L28.5157 7L51.0323 20L51.0333 46.0003L28.5167 59.002L6 46.002V20.0017Z" class="fill-nova"/> <path d="M28.5167 33.002V59.002L6 46.002V20.002L28.5167 33.002Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <path d="M51.0323 20L28.5167 33.0017L6 20.0017L28.5157 7L51.0323 20Z" stroke="black" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="25.75" height="25.75" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 28.7863 58.8289)" stroke="black" stroke-width="0.25"/> <path opacity="0.8" d="M28.7119 33.0014L28.7119 65.0004L1 49.0009V17.002L28.7119 33.0014Z" class="fill-[#C8C7C1] dark:fill-sand-dark-2"/> <path opacity="0.9" d="M56.4226 16.9995L28.7119 33.001L1 17.0016L28.7107 1L56.4226 16.9995Z" class="fill-sand-light-1 dark:fill-sand-dark-1" /> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 28.9816 64.828)" stroke="#001642" stroke-width="0.25"/> <path d="M28.7119 33.0014L28.7119 65.0004L1 49.0009V17.002L28.7119 33.0014Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> <path d="M56.4226 16.9995L28.7119 33.001L1 17.0016L28.7107 1L56.4226 16.9995Z" stroke="#001642" stroke-width="0.5" stroke-linejoin="round"/> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Nova</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Production admin panels</span> </span> </a> </li> </ul> </div> <div x-show="selected.label === 'Open Source'"> <h3 class="mb-4 lg:mb-8 font-medium text-sand-light-12 dark:text-sand-dark-11">PHP Framework</h3> <ul> <li> <a href="/" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-12 h-12 -mt-1.5 mr-5"> <span class="block -translate-x-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[57/69] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M28.7119 69.0001L56.4226 52.9985L28.7107 36.999L1 53.0006L28.7119 69.0001Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <svg class="w-full aspect-[57/69]" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.8" d="M28.7119 65.0001L56.4226 48.9985L28.7107 32.999L1 49.0006L28.7119 65.0001Z" class="fill-[#E9E9E6] dark:fill-sand-dark-4"/> <g style="mix-blend-mode:darken"> <path d="M3.59787 47.5004L1.86596 48.5005L1.80345 48.3922L1.125 48.784L1.125 48.0006H1V46.0006H1.125L1.125 44.0007H1V42.0008H1.125L1.125 40.0008H1V38.0009H1.125L1.125 36.0009H1V34.001H1.125L1.125 32.0011H1V30.0011H1.125L1.125 28.0012H1V26.0013H1.125L1.125 24.0013H1V22.0014H1.125L1.125 20.0015H1V18.0015H1.125L1.125 17.0737L1.92847 16.6098L1.86596 16.5015L3.59788 15.5014L3.66039 15.6097L5.39231 14.6096L5.3298 14.5013L7.06172 13.5012L7.12422 13.6095L8.85614 12.6094L8.79363 12.5011L10.5256 11.501L10.5881 11.6093L12.32 10.6092L12.2575 10.5009L13.9894 9.50083L14.0519 9.60908L15.7838 8.60898L15.7213 8.50073L17.4532 7.50064L17.5157 7.60888L19.2477 6.60879L19.1852 6.50054L20.9171 5.50044L20.9796 5.60869L22.7115 4.60859L22.649 4.50034L24.3809 3.50024L24.4434 3.60849L26.1753 2.60839L26.1128 2.50014L27.8447 1.50005L27.9073 1.60829L28.5857 1.21653V1.99997H28.7107V3.9999H28.5857V5.99984L28.7107 5.99984V7.99977L28.5857 7.99977V9.99971H28.7107V11.9996H28.5857V13.9996H28.7107V15.9995H28.5857L28.5857 17.9994H28.7107V19.9994H28.5857V21.9993H28.7107V23.9993H28.5857V25.9992H28.7107V27.9991H28.5857V29.9991H28.7107V31.999H28.5857V32.9268L27.7822 33.3908L27.8447 33.499L26.1128 34.4991L26.0503 34.3909L24.3184 35.391L24.3809 35.4992L22.649 36.4993L22.5865 36.391L20.8546 37.3911L20.9171 37.4994L19.1851 38.4995L19.1226 38.3912L17.3907 39.3913L17.4532 39.4996L15.7213 40.4997L15.6588 40.3914L13.9269 41.3915L13.9894 41.4998L12.2575 42.4999L12.195 42.3916L10.463 43.3917L10.5256 43.5L8.79363 44.5001L8.73112 44.3918L6.99921 45.3919L7.06171 45.5002L5.32979 46.5003L5.26729 46.392L3.53537 47.3921L3.59787 47.5004Z" stroke="#90908C" stroke-width="0.25" stroke-dasharray="2 2"/> </g> <g style="mix-blend-mode:darken"> <path d="M28.7119 65.0001L56.4226 48.9985L28.7107 32.999L1 49.0006L28.7119 65.0001Z" class="stroke-[#90908C] dark:stroke-sand-dark-8" stroke-width="0.5" stroke-linejoin="round" stroke-dasharray="2 2"/> </g> <g style="mix-blend-mode:darken"> <path d="M56.4228 48.9984L56.4228 16.9995L28.7109 1L28.7109 32.999L56.4228 48.9984Z" class="stroke-[#90908C] dark:stroke-sand-dark-8" stroke-width="0.5" stroke-linejoin="round" stroke-dasharray="2 2"/> </g> <path d="M12.6797 42.0666V20.3066L19.2077 23.9333V38.44L25.7357 42.0666V49.32L12.6797 42.0666Z" fill="white"/> <path d="M12.6797 20.3068L19.2077 16.6802L25.7357 20.3068L19.2077 23.9335L12.6797 20.3068Z" fill="white"/> <path d="M38.7891 27.5603V34.8136L45.3171 31.1869V23.9336L38.7891 27.5603Z" fill="white"/> <path d="M19.2109 23.9333V38.44L25.7389 34.8133V20.3066L19.2109 23.9333Z" fill="white"/> <path d="M38.7904 42.0668L25.7344 49.3201V42.0668L38.7904 34.8135V42.0668Z" fill="white"/> <path d="M38.7936 20.3066L45.3216 23.9333L38.7936 27.56L32.2656 23.9333L38.7936 20.3066Z" fill="white"/> <path d="M38.7949 34.8132L32.2669 31.1865L19.2109 38.4399L25.7389 42.0665L38.7949 34.8132Z" fill="white"/> <path d="M32.2656 31.1869V23.9336L38.7936 27.5603V34.8136L32.2656 31.1869Z" fill="white"/> <path d="M45.3197 23.9335L38.7917 20.3068L32.2637 23.9335M45.3197 23.9335L38.7917 27.5602M45.3197 23.9335V31.1868L38.7917 34.8135M32.2637 23.9335V31.1868M32.2637 23.9335L38.7917 27.5602M32.2637 31.1868L38.7917 34.8135M32.2637 31.1868L19.2077 38.4402M38.7917 34.8135V42.0668L25.7357 49.3202M38.7917 34.8135V27.5602M38.7917 34.8135L25.7357 42.0668M19.2077 38.4402L25.7357 42.0668M19.2077 38.4402V23.9335M12.6797 20.3068L19.2077 16.6802L25.7357 20.3068M12.6797 20.3068V42.0668L25.7357 49.3202M12.6797 20.3068L19.2077 23.9335M25.7357 49.3202V42.0668M19.2077 23.9335L25.7357 20.3068M25.7357 20.3068V34.8135" stroke="#F53003" stroke-linejoin="round"/> <rect opacity="0.2" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 28.7109 65.001)" class="fill-[#F3F3F2] dark:fill-sand-dark-1"/> <path opacity="0.2" d="M28.7119 33.0014L28.7119 65.0004L1 49.0009V17.002L28.7119 33.0014Z" class="fill-[#DBDBD7] dark:fill-sand-dark-1"/> <path opacity="0.2" d="M56.4226 16.9995L28.7119 33.001L1 17.0016L28.7107 1L56.4226 16.9995Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <g style="mix-blend-mode:darken" opacity="0.8"> <rect x="0.144327" y="-0.250003" width="31.6656" height="31.6656" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 29.0718 64.7703)" class="stroke-[#90908C] dark:stroke-sand-dark-8" stroke-width="0.333322" stroke-dasharray="2 2"/> </g> <g style="mix-blend-mode:darken"> <path d="M28.7119 33.0014L28.7119 65.0004L1 49.0009V17.002L28.7119 33.0014Z" class="stroke-[#90908C] dark:stroke-sand-dark-8" stroke-width="0.666645" stroke-linejoin="round" stroke-dasharray="2 2"/> </g> <g style="mix-blend-mode:darken"> <path d="M56.4226 16.9995L28.7119 33.001L1 17.0016L28.7107 1L56.4226 16.9995Z" class="stroke-[#90908C] dark:stroke-sand-dark-8" stroke-width="0.666645" stroke-linejoin="round" stroke-dasharray="2 2"/> </g> <path d="M28.7512 1.08739L28.7512 5.99939M28.7512 1.08739L24.4999 3.49906M28.7512 1.08739L33 3.49921" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> <path d="M28.7504 33.1265L28.7504 28.2145M28.7504 33.1265L24.4991 30.7148M28.7504 33.1265L32.9992 30.7146M28.7504 33.1265L28.7504 37.5" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> <path d="M28.7512 65.1265L28.7512 60.2145M28.7512 65.1265L24.4999 62.7148M28.7512 65.1265L33 62.7147" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> <path d="M56.4797 17.1067L52.2258 19.5627M56.4797 17.1067L52.2655 14.6309M56.4797 17.1067L56.5154 21.9922" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> <path d="M56.4797 48.8855L52.2258 46.4295M56.4797 48.8855L52.2655 51.3613M56.4797 48.8855L56.5154 44" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> <path d="M1.01367 49.1267L5.26759 46.6707M1.01367 49.1267L0.976616 44.2392M1.01367 49.1267L5.22677 51.6004" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> <path d="M1.01367 16.7932L5.26759 19.2492M1.01367 16.7932L0.976616 21.6807M1.01367 16.7932L5.22677 14.3195" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Laravel Framework</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Open source PHP web framework</span> </span> </a> </li> </ul> <h3 class="mb-4 lg:mb-8 font-medium text-sand-light-12 dark:text-sand-dark-11 mt-6 lg:mt-10">Starter Kits</h3> <ul> <li> <a href="https://laravel.com/starter-kits" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <div class="relative w-full"> <svg class="w-full aspect-[127/181] absolute bottom-0 left-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M42.5692 181.002L125.701 132.997L84.1321 108.997L1 157.002L42.5692 181.002Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.3rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="127" height="181" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M92.9873 93.7315C92.9874 90.1214 90.3034 88.6583 86.9924 90.4634C83.6815 92.2686 80.9972 96.6584 80.9971 100.269C80.997 103.879 83.6809 105.342 86.9919 103.537C90.3029 101.731 92.9871 97.3415 92.9873 93.7315Z" fill="#20CAF8" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M99.068 108.171C98.0945 108.532 97.0787 108.856 96.0288 109.14C95.7329 110.437 95.4077 111.688 95.056 112.884C94.1374 116.008 93.0141 118.833 91.7055 121.127C90.397 123.421 88.8059 125.344 86.991 126.333C85.1761 127.323 83.5851 127.135 82.2767 126.268C80.9682 125.401 79.8452 123.8 78.9268 121.678C78.5751 120.865 78.25 119.968 77.9542 118.994C76.9043 119.855 75.8885 120.639 74.9149 121.34C72.3723 123.17 70.0528 124.481 68.1432 125.076C66.2337 125.672 64.6 125.588 63.6927 124.369C62.7853 123.15 62.828 121.097 63.4292 118.744C64.0303 116.39 65.2268 113.571 66.8509 110.506C67.4728 109.333 68.1635 108.113 68.9176 106.854C68.1636 106.418 67.4729 105.951 66.8511 105.455C65.2271 104.162 64.0309 102.647 63.4299 100.949C62.8289 99.251 62.7863 97.2443 63.6938 95.0359C64.6013 92.8275 66.2351 90.962 68.1446 89.4757C70.0543 87.9892 72.3738 86.7707 74.9164 85.8286C75.8899 85.4679 76.9057 85.1442 77.9556 84.8602C78.2515 83.5633 78.5767 82.3118 78.9284 81.1158C79.847 77.9921 80.9702 75.1666 82.2789 72.8726C83.5874 70.5789 85.1785 68.6562 86.9934 67.6667C88.8082 66.6772 90.3993 66.8651 91.7076 67.7321C93.0161 68.5992 94.1392 70.2 95.0576 72.3222C95.4093 73.1347 95.7343 74.0317 96.0302 75.006C97.0801 74.1452 98.0959 73.3612 99.0694 72.6604C101.612 70.83 103.932 69.5194 105.841 68.9236C107.751 68.3279 109.384 68.4119 110.292 69.6308C111.199 70.8498 111.156 72.9031 110.555 75.2564C109.954 77.61 108.758 80.4294 107.133 83.4936C106.512 84.6668 105.821 85.8875 105.067 87.1458C105.821 87.5819 106.511 88.0494 107.133 88.5446C108.757 89.8379 109.953 91.3528 110.554 93.051C111.155 94.749 111.198 96.7557 110.291 98.9641C109.383 101.173 107.749 103.038 105.84 104.524C103.93 106.011 101.611 107.229 99.068 108.171ZM91.2953 86.5283C92.7392 86.65 94.117 86.8438 95.4191 87.1011C95.5363 88.7504 95.5979 90.4903 95.5978 92.3082C95.5977 94.1262 95.536 95.9333 95.4187 97.7104C94.1165 99.3875 92.7387 101.084 91.2947 102.78C89.8507 104.476 88.4111 106.09 86.9918 107.609C85.5725 107.637 84.133 107.593 82.6891 107.472C81.2451 107.35 79.8673 107.156 78.5652 106.899C78.4481 105.25 78.3865 103.51 78.3866 101.692C78.3866 99.8738 78.4484 98.0667 78.5657 96.2896C79.8678 94.6125 81.2457 92.9163 82.6897 91.22C84.1337 89.5238 85.5733 87.9105 86.9926 86.3908C88.4119 86.3629 89.8514 86.4066 91.2953 86.5283ZM92.5015 83.5931C93.3939 83.6684 94.2639 83.7704 95.1091 83.8975C94.8994 82.2102 94.6267 80.6447 94.2993 79.2181C92.8606 80.4958 91.3626 81.912 89.8267 83.4522C90.7162 83.4713 91.609 83.5179 92.5015 83.5931ZM98.0099 90.9932C98.01 89.8695 97.9872 88.7723 97.9429 87.7044C99.269 88.0802 100.494 88.527 101.605 89.033C100.494 90.7506 99.2688 92.5333 97.9426 94.3551C97.9871 93.2389 98.0099 92.1168 98.0099 90.9932ZM97.7281 84.3888C99.7999 84.8586 101.684 85.4898 103.339 86.253C104.044 85.0763 104.686 83.9405 105.262 82.8554C106.777 79.9962 107.783 77.5671 108.26 75.6981C108.738 73.8289 108.65 72.6855 108.203 72.0847C107.755 71.4839 106.853 71.2973 105.337 71.7705C103.82 72.2436 101.823 73.3413 99.4509 75.0492C98.5505 75.6974 97.6053 76.4267 96.6234 77.2317C97.1188 79.3569 97.4938 81.7607 97.7281 84.3888ZM97.7276 97.905C99.7995 95.1761 101.684 92.4906 103.339 89.9228C104.044 90.3307 104.686 90.7659 105.261 91.2239C106.777 92.4306 107.782 93.7632 108.259 95.1117C108.737 96.4604 108.649 97.6995 108.202 98.788C107.754 99.8766 106.852 101.047 105.335 102.228C103.819 103.408 101.822 104.487 99.4497 105.367C98.5493 105.7 97.6042 106.001 96.6223 106.267C97.1178 103.602 97.4931 100.789 97.7276 97.905ZM95.1084 101.252C94.8986 103.168 94.6257 105.031 94.2982 106.815C92.8596 107.106 91.3616 107.323 89.8257 107.458C90.7153 106.469 91.6081 105.448 92.5006 104.4C93.3932 103.352 94.2632 102.301 95.1084 101.252ZM93.7074 109.691C91.5571 110.134 89.2978 110.415 86.9916 110.516C84.6854 112.93 82.4261 115.112 80.2757 117.014C80.5524 117.925 80.855 118.76 81.1802 119.511C82.0372 121.491 83.0282 122.841 84.0673 123.529C85.1065 124.218 86.0966 124.191 86.9911 123.703C87.8857 123.216 88.8758 122.163 89.9151 120.341C90.9543 118.52 91.9455 116.089 92.8026 113.175C93.1279 112.068 93.4305 110.904 93.7074 109.691ZM81.4829 110.407C82.3754 110.482 83.2681 110.529 84.1577 110.548C82.6218 112.088 81.1238 113.504 79.6851 114.782C79.3577 113.355 79.0849 111.79 78.8753 110.102C79.7205 110.23 80.5904 110.332 81.4829 110.407ZM76.2562 109.611C76.4905 112.239 76.8656 114.643 77.3609 116.768C76.379 117.573 75.4339 118.303 74.5335 118.951C72.161 120.659 70.1643 121.756 68.6478 122.23C67.1312 122.703 66.2289 122.516 65.7817 121.915C65.3344 121.314 65.2467 120.171 65.7241 118.302C66.2015 116.433 67.2072 114.004 68.7227 111.145C69.2979 110.059 69.9405 108.924 70.6456 107.747C72.3004 108.51 74.1845 109.141 76.2562 109.611ZM76.0415 106.296C74.7154 105.92 73.4902 105.473 72.3791 104.967C73.4903 103.249 74.7155 101.467 76.0418 99.6449C75.9973 100.761 75.9745 101.883 75.9745 103.007C75.9744 104.13 75.9971 105.228 76.0415 106.296ZM81.4837 89.6C80.5912 90.6484 79.7212 91.699 78.876 92.7478C79.0858 90.8318 79.3586 88.9688 79.6862 87.1851C81.1248 86.8941 82.6228 86.6769 84.1587 86.5424C83.269 87.5315 82.3763 88.5515 81.4837 89.6ZM76.2568 96.095C76.4913 93.2112 76.8666 90.3984 77.3621 87.7329C76.3802 87.9986 75.4351 88.2999 74.5347 88.6335C72.1623 89.5125 70.1655 90.592 68.649 91.7724C67.1324 92.953 66.23 94.1234 65.7827 95.212C65.3354 96.3005 65.2476 97.5396 65.7249 98.8883C66.2022 100.237 67.2077 101.569 68.723 102.776C69.2982 103.234 69.9407 103.669 70.6458 104.077C72.3007 101.509 74.1849 98.8239 76.2568 96.095ZM81.1818 80.8254C80.8565 81.9316 80.5538 83.096 80.277 84.3089C82.4273 83.8664 84.6865 83.5845 86.9927 83.4838C89.299 81.0698 91.5583 78.8882 93.7087 76.9859C93.4319 76.0749 93.1294 75.2404 92.8041 74.4889C91.9472 72.5088 90.9562 71.1591 89.9171 70.4705C88.8779 69.7819 87.8878 69.809 86.9933 70.2967C86.0987 70.7844 85.1086 71.8369 84.0693 73.6588C83.0301 75.4804 82.0389 77.9107 81.1818 80.8254Z" fill="#20CAF8" /> </svg> </div> <svg class="w-full aspect-[127/181]" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.8" d="M42.5692 169.002L125.701 120.997L84.1321 96.9971L1 145.002L42.5692 169.002Z" class="fill-sand-light-6-1 dark:fill-sand-dark-6"/> <path d="M125.702 120.997L125.702 25L84.1328 1L84.1328 96.9969L125.702 120.997Z" class="fill-[#F3F3F2] dark:fill-sand-dark-6"/> <path d="M83.7571 96.7804L1.375 144.352L1.375 49.2212L83.7571 1.64957L83.7571 96.7804Z" stroke="#2E0012" stroke-width="0.75"/> <path d="M42.5692 169.002L125.701 120.997L84.1321 96.9971L1 145.002L42.5692 169.002Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M125.702 120.997L125.702 25L84.1328 1L84.1328 96.9969L125.702 120.997Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M77.172 92.8841L10.375 131.456L10.375 54.3222L77.172 15.7502L77.172 92.8841Z" stroke="#2E0012" stroke-width="0.75"/> <g opacity="0.9"> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" fill="#0390B6"/> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" fill="url(#cube_flat_front_pattern_0_HKXGUykWvhYeD13p)" style="mix-blend-mode:soft-light"/> </g> <g opacity="0.9"> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" fill="url(#cube_flat_front_linear_0_HKXGUykWvhYeD13p)"/> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" fill="url(#cube_flat_front_pattern_1_HKXGUykWvhYeD13p)" style="mix-blend-mode:soft-light"/> </g> <path d="M77.172 92.8841L10.375 131.456L10.375 54.3222L77.172 15.7502L77.172 92.8841Z" stroke="#2E0012" stroke-width="0.75"/> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <g opacity="0.9"> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" fill="url(#cube_flat_front_linear_1_HKXGUykWvhYeD13p)"/> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" fill="url(#cube_flat_front_pattern_2_HKXGUykWvhYeD13p)" style="mix-blend-mode:soft-light"/> </g> <g opacity="0.9"> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" fill="url(#cube_flat_front_linear_2_HKXGUykWvhYeD13p)"/> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" fill="url(#cube_flat_front_pattern_3_HKXGUykWvhYeD13p)" style="mix-blend-mode:soft-light"/> </g> <rect opacity="0.9" width="78" height="78" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 51.5781 156.106)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <rect x="0.324745" y="-0.562524" width="77.25" height="77.25" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 52.39 155.587)" stroke="#2E0012" stroke-width="0.75"/> <path opacity="0.8" d="M42.5692 73.0059L42.5692 169.003L1 145.003L1 49.0059L42.5692 73.0059Z" class="fill-[#C8C7C1] dark:fill-sand-dark-5"/> <path opacity="0.8" d="M125.701 25L42.5692 73.0047L1 49.0047L84.1321 1L125.701 25Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path d="M42.5692 73.0059L42.5692 169.003L1 145.003L1 49.0059L42.5692 73.0059Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M125.701 25L42.5692 73.0047L1 49.0047L84.1321 1L125.701 25Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <rect x="0.324745" y="-0.562524" width="95.2469" height="95.2469" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 43.39 168.484)" stroke="#2E0012" stroke-width="0.75"/> <defs> <pattern id="cube_flat_front_pattern_0_HKXGUykWvhYeD13p" patternContentUnits="objectBoundingBox" width="28.1535" height="48.758"> <use href="#cube_flat_front_image_HKXGUykWvhYeD13p" transform="scale(0.0274936 0.0476152)"/> </pattern> <pattern id="cube_flat_front_pattern_1_HKXGUykWvhYeD13p" patternContentUnits="objectBoundingBox" width="73.9008" height="30.1176"> <use href="#cube_flat_front_image_HKXGUykWvhYeD13p" transform="scale(0.0721688 0.0294118)"/> </pattern> <pattern id="cube_flat_front_pattern_2_HKXGUykWvhYeD13p" patternContentUnits="objectBoundingBox" width="73.9008" height="30.1176"> <use href="#cube_flat_front_image_HKXGUykWvhYeD13p" transform="scale(0.0721688 0.0294118)"/> </pattern> <pattern id="cube_flat_front_pattern_3_HKXGUykWvhYeD13p" patternContentUnits="objectBoundingBox" width="28.1535" height="48.758"> <use href="#cube_flat_front_image_HKXGUykWvhYeD13p" transform="scale(0.0274936 0.0476152)"/> </pattern> <linearGradient id="cube_flat_front_linear_0_HKXGUykWvhYeD13p" x1="98.3315" y1="15.1006" x2="98.3315" y2="117.101" gradientUnits="userSpaceOnUse"> <stop stop-color="#20CAF8"/> <stop offset="1" stop-color="#0390B6"/> </linearGradient> <linearGradient id="cube_flat_front_linear_1_HKXGUykWvhYeD13p" x1="30.7846" y1="54.1064" x2="30.7846" y2="156.106" gradientUnits="userSpaceOnUse"> <stop stop-color="#20CAF8"/> <stop offset="1" stop-color="#20CAF8"/> </linearGradient> <linearGradient id="cube_flat_front_linear_2_HKXGUykWvhYeD13p" x1="118" y1="38.5" x2="52" y2="77.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#20CAF8"/> <stop offset="1" stop-color="#20CAF8"/> </linearGradient> <image id="cube_flat_front_image_HKXGUykWvhYeD13p" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">React</span> <span class="px-1 font-medium leading-normal rounded-xs text-laravel-red bg-laravel-red-faded dark:!bg-[#3F1018] dark:!text-[#FF91A4] text-sm ">New</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Laravel, Inertia, React, and Tailwind</span> </span> </a> </li> <li> <a href="https://laravel.com/starter-kits" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <div class="relative w-full"> <svg class="w-full aspect-[127/181] absolute bottom-0 left-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M42.5692 181.002L125.701 132.997L84.1321 108.997L1 157.002L42.5692 181.002Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.3rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="127" height="181" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M79.4657 78.0607L85.0066 85.9446L90.5491 71.6618L109.004 61.007L85.0038 122.854L61.0112 88.7155L79.4657 78.0607Z" fill="#41B883" /> <path d="M79.4534 78.0557L84.9942 85.9396L90.5367 71.6567L99.3928 66.5437L84.9929 103.651L70.5973 83.1687L79.4534 78.0557Z" fill="#34495E" /> </svg> </div> <svg class="w-full aspect-[127/181]" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.8" d="M42.5692 169.002L125.701 120.997L84.1321 96.9971L1 145.002L42.5692 169.002Z" class="fill-sand-light-6-1 dark:fill-sand-dark-6"/> <path d="M125.702 120.997L125.702 25L84.1328 1L84.1328 96.9969L125.702 120.997Z" class="fill-[#F3F3F2] dark:fill-sand-dark-6"/> <path d="M83.7571 96.7804L1.375 144.352L1.375 49.2212L83.7571 1.64957L83.7571 96.7804Z" stroke="#2E0012" stroke-width="0.75"/> <path d="M42.5692 169.002L125.701 120.997L84.1321 96.9971L1 145.002L42.5692 169.002Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M125.702 120.997L125.702 25L84.1328 1L84.1328 96.9969L125.702 120.997Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M77.172 92.8841L10.375 131.456L10.375 54.3222L77.172 15.7502L77.172 92.8841Z" stroke="#2E0012" stroke-width="0.75"/> <g opacity="0.9"> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" fill="#41B883"/> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" fill="url(#cube_flat_front_pattern_0_BCdf1pWR9MnVF8Kf)" style="mix-blend-mode:soft-light"/> </g> <g opacity="0.9"> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" fill="url(#cube_flat_front_linear_0_BCdf1pWR9MnVF8Kf)"/> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" fill="url(#cube_flat_front_pattern_1_BCdf1pWR9MnVF8Kf)" style="mix-blend-mode:soft-light"/> </g> <path d="M77.172 92.8841L10.375 131.456L10.375 54.3222L77.172 15.7502L77.172 92.8841Z" stroke="#2E0012" stroke-width="0.75"/> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <g opacity="0.9"> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" fill="url(#cube_flat_front_linear_1_BCdf1pWR9MnVF8Kf)"/> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" fill="url(#cube_flat_front_pattern_2_BCdf1pWR9MnVF8Kf)" style="mix-blend-mode:soft-light"/> </g> <g opacity="0.9"> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" fill="url(#cube_flat_front_linear_2_BCdf1pWR9MnVF8Kf)"/> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" fill="url(#cube_flat_front_pattern_3_BCdf1pWR9MnVF8Kf)" style="mix-blend-mode:soft-light"/> </g> <rect opacity="0.9" width="78" height="78" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 51.5781 156.106)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <rect x="0.324745" y="-0.562524" width="77.25" height="77.25" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 52.39 155.587)" stroke="#2E0012" stroke-width="0.75"/> <path opacity="0.8" d="M42.5692 73.0059L42.5692 169.003L1 145.003L1 49.0059L42.5692 73.0059Z" class="fill-[#C8C7C1] dark:fill-sand-dark-5"/> <path opacity="0.8" d="M125.701 25L42.5692 73.0047L1 49.0047L84.1321 1L125.701 25Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path d="M42.5692 73.0059L42.5692 169.003L1 145.003L1 49.0059L42.5692 73.0059Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M125.701 25L42.5692 73.0047L1 49.0047L84.1321 1L125.701 25Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <rect x="0.324745" y="-0.562524" width="95.2469" height="95.2469" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 43.39 168.484)" stroke="#2E0012" stroke-width="0.75"/> <defs> <pattern id="cube_flat_front_pattern_0_BCdf1pWR9MnVF8Kf" patternContentUnits="objectBoundingBox" width="28.1535" height="48.758"> <use href="#cube_flat_front_image_BCdf1pWR9MnVF8Kf" transform="scale(0.0274936 0.0476152)"/> </pattern> <pattern id="cube_flat_front_pattern_1_BCdf1pWR9MnVF8Kf" patternContentUnits="objectBoundingBox" width="73.9008" height="30.1176"> <use href="#cube_flat_front_image_BCdf1pWR9MnVF8Kf" transform="scale(0.0721688 0.0294118)"/> </pattern> <pattern id="cube_flat_front_pattern_2_BCdf1pWR9MnVF8Kf" patternContentUnits="objectBoundingBox" width="73.9008" height="30.1176"> <use href="#cube_flat_front_image_BCdf1pWR9MnVF8Kf" transform="scale(0.0721688 0.0294118)"/> </pattern> <pattern id="cube_flat_front_pattern_3_BCdf1pWR9MnVF8Kf" patternContentUnits="objectBoundingBox" width="28.1535" height="48.758"> <use href="#cube_flat_front_image_BCdf1pWR9MnVF8Kf" transform="scale(0.0274936 0.0476152)"/> </pattern> <linearGradient id="cube_flat_front_linear_0_BCdf1pWR9MnVF8Kf" x1="98.3315" y1="15.1006" x2="98.3315" y2="117.101" gradientUnits="userSpaceOnUse"> <stop stop-color="#41B883"/> <stop offset="1" stop-color="#41B883"/> </linearGradient> <linearGradient id="cube_flat_front_linear_1_BCdf1pWR9MnVF8Kf" x1="30.7846" y1="54.1064" x2="30.7846" y2="156.106" gradientUnits="userSpaceOnUse"> <stop stop-color="#41B883"/> <stop offset="1" stop-color="#41B883"/> </linearGradient> <linearGradient id="cube_flat_front_linear_2_BCdf1pWR9MnVF8Kf" x1="118" y1="38.5" x2="52" y2="77.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#41B883"/> <stop offset="1" stop-color="#41B883"/> </linearGradient> <image id="cube_flat_front_image_BCdf1pWR9MnVF8Kf" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Vue</span> <span class="px-1 font-medium leading-normal rounded-xs text-laravel-red bg-laravel-red-faded dark:!bg-[#3F1018] dark:!text-[#FF91A4] text-sm ">New</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Laravel, Inertia, Vue, and Tailwind</span> </span> </a> </li> <li> <a href="https://laravel.com/starter-kits" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <div class="relative w-full"> <svg class="w-full aspect-[127/181] absolute bottom-0 left-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M42.5692 181.002L125.701 132.997L84.1321 108.997L1 157.002L42.5692 181.002Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.3rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="127" height="181" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M66.1382 120.655C66.9168 121.564 67.5082 122.898 69.0914 121.984C71.7557 120.446 71.9001 115.618 74.5659 114.079C77.2316 112.54 77.0872 117.367 79.7516 115.829C82.4159 114.291 82.5603 109.464 85.2261 107.925C87.8918 106.386 87.7474 111.213 90.4117 109.674C93.0761 108.136 93.2205 103.309 95.8863 101.77C98.552 100.231 98.4076 105.058 101.072 103.52C101.909 103.036 102.498 102.228 102.994 101.299C104.901 96.3672 105.998 91.2445 105.998 86.4446C105.999 72.3919 96.5988 66.4278 85.0018 73.1233C73.4048 79.8188 64.0028 96.6385 64.0017 110.691C64.0014 114.709 64.7697 118.066 66.1382 120.655Z" fill="#FB70A9" /> <path d="M93.3887 102.418L93.3879 112.957C93.3877 114.849 94.7154 115.615 96.3533 114.67C97.9912 113.724 99.319 111.424 99.3192 109.533L99.3201 96.8101C98.7667 95.9564 98.1345 95.3057 96.9945 95.9639C95.1387 97.0353 94.4901 100.102 93.3887 102.418ZM82.1851 109.436L82.1838 126.102C82.1837 128.203 83.6588 129.055 85.4787 128.004C87.2986 126.954 88.774 124.398 88.7741 122.297L88.7756 103.434C88.1551 102.411 87.5157 101.437 86.2045 102.193C84.1287 103.392 83.5633 107.086 82.1851 109.436ZM71.6405 115.218L71.6396 127.317C71.6395 129.208 72.9671 129.975 74.605 129.029C76.2429 128.084 77.5708 125.784 77.5709 123.893L77.5721 109.021C77.0558 108.299 76.441 107.83 75.4145 108.423C73.4663 109.548 72.8486 112.871 71.6405 115.218Z" fill="#4E56A6" /> <path d="M93.388 105.648C93.9141 104.601 94.5369 103.689 95.4375 103.169C97.5761 101.934 97.9684 104.82 99.319 105.443L99.3201 92.0192C99.3202 90.1279 97.9925 89.3613 96.3547 90.3069C94.7168 91.2526 93.3889 93.5523 93.3888 95.4436L93.388 105.648ZM82.1844 112.357C82.7455 111.171 83.4014 110.118 84.3966 109.544C86.7759 108.17 86.9937 111.896 88.7745 111.933L88.7749 105.996C88.7751 103.895 87.2999 103.043 85.48 104.094C83.6602 105.145 82.1847 107.7 82.1846 109.801L82.1844 112.357ZM71.6399 117.778C72.0965 116.996 72.6378 116.333 73.3557 115.918C75.6605 114.587 75.937 118.043 77.5709 118.294L77.5718 106.244C77.572 104.353 76.2443 103.586 74.6064 104.532C72.9685 105.477 71.6407 107.777 71.6405 109.669L71.6399 117.778Z" fill="black" fill-opacity="0.298514" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M66.1382 120.655C66.9168 121.564 67.5082 122.898 69.0914 121.984C71.7557 120.446 71.9001 115.618 74.5659 114.079C77.2316 112.54 77.0872 117.367 79.7516 115.829C82.4159 114.291 82.5603 109.464 85.2261 107.925C87.8918 106.386 87.7474 111.213 90.4117 109.674C93.0761 108.136 93.2205 103.309 95.8863 101.77C98.552 100.231 98.4076 105.058 101.072 103.52C101.909 103.036 102.498 102.228 102.994 101.299C104.901 96.3672 105.998 91.2445 105.998 86.4446C105.999 72.3919 96.5988 66.4278 85.0018 73.1233C73.4048 79.8188 64.0028 96.6385 64.0017 110.691C64.0014 114.709 64.7697 118.066 66.1382 120.655Z" fill="#FB70A9" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M70.6773 120.559C65.1753 114.284 65.0339 103.881 70.2531 89.3508C66.3848 96.1596 63.9976 103.817 63.9971 110.745C63.9968 114.748 64.7932 118.074 66.2116 120.621C67.0186 121.51 67.6317 122.824 69.2726 121.877C69.8342 121.553 70.2878 121.095 70.6773 120.559Z" fill="#E24CA6" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M86.1292 104.264C78.8271 108.48 75.7528 105.363 75.7534 98.4168C75.7539 91.4701 80.4002 82.3935 86.1311 79.0848C91.862 75.776 96.5073 79.4881 96.5068 86.4348C96.5063 93.3814 93.4313 100.048 86.1292 104.264Z" fill="white" /> <path d="M88.9127 91.2038C86.7636 92.4446 85.0216 91.2299 85.0218 88.4909C85.022 85.7518 86.7643 82.5255 88.9134 81.2847C91.0625 80.0439 92.8045 81.2585 92.8043 83.9976C92.8041 86.7367 91.0618 89.963 88.9127 91.2038Z" fill="#030776" /> <path d="M89.5696 87.0158C88.4951 87.6362 87.6241 87.1143 87.6242 85.8501C87.6243 84.5859 88.4954 83.0582 89.57 82.4378C90.6445 81.8174 91.5155 82.3393 91.5155 83.6035C91.5154 84.8677 90.6442 86.3954 89.5696 87.0158Z" fill="white" /> </svg> </div> <svg class="w-full aspect-[127/181]" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.8" d="M42.5692 169.002L125.701 120.997L84.1321 96.9971L1 145.002L42.5692 169.002Z" class="fill-sand-light-6-1 dark:fill-sand-dark-6"/> <path d="M125.702 120.997L125.702 25L84.1328 1L84.1328 96.9969L125.702 120.997Z" class="fill-[#F3F3F2] dark:fill-sand-dark-6"/> <path d="M83.7571 96.7804L1.375 144.352L1.375 49.2212L83.7571 1.64957L83.7571 96.7804Z" stroke="#2E0012" stroke-width="0.75"/> <path d="M42.5692 169.002L125.701 120.997L84.1321 96.9971L1 145.002L42.5692 169.002Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M125.702 120.997L125.702 25L84.1328 1L84.1328 96.9969L125.702 120.997Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M77.172 92.8841L10.375 131.456L10.375 54.3222L77.172 15.7502L77.172 92.8841Z" stroke="#2E0012" stroke-width="0.75"/> <g opacity="0.9"> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" fill="#F76F87"/> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" fill="url(#cube_flat_front_pattern_0_9zEQFjRPWzadR3tc)" style="mix-blend-mode:soft-light"/> </g> <g opacity="0.9"> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" fill="url(#cube_flat_front_linear_0_9zEQFjRPWzadR3tc)"/> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" fill="url(#cube_flat_front_pattern_1_9zEQFjRPWzadR3tc)" style="mix-blend-mode:soft-light"/> </g> <path d="M77.172 92.8841L10.375 131.456L10.375 54.3222L77.172 15.7502L77.172 92.8841Z" stroke="#2E0012" stroke-width="0.75"/> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <g opacity="0.9"> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" fill="url(#cube_flat_front_linear_1_9zEQFjRPWzadR3tc)"/> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" fill="url(#cube_flat_front_pattern_2_9zEQFjRPWzadR3tc)" style="mix-blend-mode:soft-light"/> </g> <g opacity="0.9"> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" fill="url(#cube_flat_front_linear_2_9zEQFjRPWzadR3tc)"/> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" fill="url(#cube_flat_front_pattern_3_9zEQFjRPWzadR3tc)" style="mix-blend-mode:soft-light"/> </g> <rect opacity="0.9" width="78" height="78" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 51.5781 156.106)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <rect x="0.324745" y="-0.562524" width="77.25" height="77.25" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 52.39 155.587)" stroke="#2E0012" stroke-width="0.75"/> <path opacity="0.8" d="M42.5692 73.0059L42.5692 169.003L1 145.003L1 49.0059L42.5692 73.0059Z" class="fill-[#C8C7C1] dark:fill-sand-dark-5"/> <path opacity="0.8" d="M125.701 25L42.5692 73.0047L1 49.0047L84.1321 1L125.701 25Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path d="M42.5692 73.0059L42.5692 169.003L1 145.003L1 49.0059L42.5692 73.0059Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M125.701 25L42.5692 73.0047L1 49.0047L84.1321 1L125.701 25Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <rect x="0.324745" y="-0.562524" width="95.2469" height="95.2469" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 43.39 168.484)" stroke="#2E0012" stroke-width="0.75"/> <defs> <pattern id="cube_flat_front_pattern_0_9zEQFjRPWzadR3tc" patternContentUnits="objectBoundingBox" width="28.1535" height="48.758"> <use href="#cube_flat_front_image_9zEQFjRPWzadR3tc" transform="scale(0.0274936 0.0476152)"/> </pattern> <pattern id="cube_flat_front_pattern_1_9zEQFjRPWzadR3tc" patternContentUnits="objectBoundingBox" width="73.9008" height="30.1176"> <use href="#cube_flat_front_image_9zEQFjRPWzadR3tc" transform="scale(0.0721688 0.0294118)"/> </pattern> <pattern id="cube_flat_front_pattern_2_9zEQFjRPWzadR3tc" patternContentUnits="objectBoundingBox" width="73.9008" height="30.1176"> <use href="#cube_flat_front_image_9zEQFjRPWzadR3tc" transform="scale(0.0721688 0.0294118)"/> </pattern> <pattern id="cube_flat_front_pattern_3_9zEQFjRPWzadR3tc" patternContentUnits="objectBoundingBox" width="28.1535" height="48.758"> <use href="#cube_flat_front_image_9zEQFjRPWzadR3tc" transform="scale(0.0274936 0.0476152)"/> </pattern> <linearGradient id="cube_flat_front_linear_0_9zEQFjRPWzadR3tc" x1="98.3315" y1="15.1006" x2="98.3315" y2="117.101" gradientUnits="userSpaceOnUse"> <stop stop-color="#F0ACB8"/> <stop offset="1" stop-color="#F76F87"/> </linearGradient> <linearGradient id="cube_flat_front_linear_1_9zEQFjRPWzadR3tc" x1="30.7846" y1="54.1064" x2="30.7846" y2="156.106" gradientUnits="userSpaceOnUse"> <stop stop-color="#FB9AC2"/> <stop offset="1" stop-color="#FB9AC2"/> </linearGradient> <linearGradient id="cube_flat_front_linear_2_9zEQFjRPWzadR3tc" x1="118" y1="38.5" x2="52" y2="77.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#FB9AC2"/> <stop offset="1" stop-color="#FB9AC2"/> </linearGradient> <image id="cube_flat_front_image_9zEQFjRPWzadR3tc" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Livewire</span> <span class="px-1 font-medium leading-normal rounded-xs text-laravel-red bg-laravel-red-faded dark:!bg-[#3F1018] dark:!text-[#FF91A4] text-sm ">New</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Laravel, Livewire, and Tailwind</span> </span> </a> </li> </ul> <h3 class="mb-4 lg:mb-8 font-medium text-sand-light-12 dark:text-sand-dark-11 mt-6 lg:mt-10">Packages</h3> <ul> <li> <a href="/docs/scout" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter_0_XNUG0ZbIlK)"> <path d="M10.9993 32.9L18.7931 33.35L26.5877 23.9L26.5875 27.05L18.7929 36.5L10.999 36.05L10.9993 32.9ZM11 23L18.7939 23.45L26.5885 14L26.5879 21.65L18.7933 31.1L10.9994 30.65L11 23Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter_0_XNUG0ZbIlK" x="9.999" y="14" width="17.5895" height="24.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_84" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_84" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_JO1UNy5YJDPpz8AE)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_JO1UNy5YJDPpz8AE)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_JO1UNy5YJDPpz8AE" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_JO1UNy5YJDPpz8AE" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_JO1UNy5YJDPpz8AE" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#f01701"/> <stop offset="1" stop-color="#d00000"/> </linearGradient> <image id="cube_sm_image_JO1UNy5YJDPpz8AE" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Scout</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Search for Eloquent models</span> </span> </a> </li> <li> <a href="/docs/octane" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_mT4FGIPJmA)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.2114 30.5976L12.4455 26.1581C12.7703 25.039 13.3548 23.9571 14.1666 23.0803L17.349 19.6481C18.1284 18.79 19.0051 18.2864 19.8169 18.1558L23.0966 17.6893C23.876 17.5774 24.5254 17.9131 24.8826 18.6033L26.3112 21.4384C26.6684 22.1286 26.6683 23.1358 26.3761 24.2364L25.1095 28.7318C24.8172 29.795 24.2002 30.8955 23.4208 31.7536L20.2384 35.2231C19.4591 36.0812 18.5823 36.5848 17.7705 36.7154L14.4908 37.1446C13.7115 37.2565 13.0621 36.9208 12.7049 36.2307L11.2762 33.3955C10.9191 32.7053 10.9191 31.6981 11.2114 30.5976ZM22.1618 19.9494L13.9453 26.3312L15.3915 34.9396L23.608 28.5578L22.1618 19.9494Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_mT4FGIPJmA" x="9.99967" y="17.6681" width="17.5881" height="21.4976" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_40" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_40" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_DhQ5IWVHXNtB9QWv)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_DhQ5IWVHXNtB9QWv)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_DhQ5IWVHXNtB9QWv" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_DhQ5IWVHXNtB9QWv" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_DhQ5IWVHXNtB9QWv" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#f01701"/> <stop offset="1" stop-color="#d00000"/> </linearGradient> <image id="cube_sm_image_DhQ5IWVHXNtB9QWv" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Octane</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">High performance app server</span> </span> </a> </li> <li> <a href="/docs/reverb" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <mask id="mask_0_YxQBoak27L" style="mask-type: luminance" maskUnits="userSpaceOnUse" x="9" y="12" width="19" height="30" > <path d="M27.3205 12L10 22L9.9985 41.9605L27.319 31.9605L27.3205 12Z" fill="white" /> </mask> <g mask="url(#mask_0_YxQBoak27L)"> <g filter="url(#filter_1_YxQBoak27L)"> <path d="M18.6572 29.6084C17.3907 30.3396 16.3981 29.7269 16.3982 28.304C16.3983 26.8811 17.4253 25.1024 18.6576 24.391C19.9242 23.6597 20.9167 24.2724 20.9166 25.6953C20.9165 27.1182 19.9238 28.8771 18.6572 29.6084Z" fill="#F9F9F8" /> <path d="M18.6571 32.0594C16.2268 33.4626 14.2416 32.3163 14.2418 29.5495C14.242 26.7827 16.2275 23.344 18.6579 21.9408C21.0882 20.5377 23.0734 21.6839 23.0732 24.4507C23.073 27.2175 21.0875 30.6562 18.6571 32.0594ZM18.6578 23.0475C16.7751 24.1345 15.2346 26.8025 15.2345 28.9369C15.2343 31.0713 16.7746 31.9606 18.6572 30.8736C20.5399 29.7867 22.0804 27.1187 22.0805 24.9843C22.0807 22.8499 20.5405 21.9606 18.6578 23.0475Z" fill="#F9F9F8" /> <path d="M18.6618 34.5097C15.0677 36.5848 12.1241 34.9247 12.1244 30.7745C12.1247 26.6243 15.0688 21.565 18.663 19.4899C22.2572 17.4148 25.2007 19.0749 25.2004 23.2251C25.2001 27.3753 22.256 32.4346 18.6618 34.5097ZM18.6629 20.5967C15.6164 22.3556 13.1174 26.6441 13.1171 30.1619C13.1169 33.6797 15.6154 35.0828 18.6619 33.3239C21.7084 31.565 24.2075 27.2765 24.2077 23.7587C24.208 20.2409 21.7094 18.8378 18.6629 20.5967Z" fill="#F9F9F8" /> <path d="M18.6587 36.9605C13.8665 39.7273 9.99883 37.4941 9.99925 32C9.99966 26.5059 13.9022 19.747 18.6603 17C23.4525 14.2332 27.3202 16.4664 27.3198 21.9605C27.3193 27.4545 23.451 34.1937 18.6587 36.9605ZM18.6602 18.1462C14.4498 20.5771 10.9923 26.5257 10.9919 31.3874C10.9916 36.249 14.4143 38.2253 18.6588 35.7747C22.9034 33.3636 26.3267 27.4348 26.3271 22.5336C26.3274 17.6324 22.9047 15.6957 18.6602 18.1462Z" fill="#F9F9F8" /> </g> </g> <defs> <filter id="filter_1_YxQBoak27L" x="8.99925" y="15.8119" width="19.3205" height="24.3366" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_2" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_2" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_mISuY98Z3FUA6bQi)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_mISuY98Z3FUA6bQi)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_mISuY98Z3FUA6bQi" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_mISuY98Z3FUA6bQi" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_mISuY98Z3FUA6bQi" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#f0acb8"/> <stop offset="1" stop-color="#f76f87"/> </linearGradient> <image id="cube_sm_image_mISuY98Z3FUA6bQi" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Reverb</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Fast, scalable WebSockets</span> </span> </a> </li> <li> <a href="/docs/broadcasting" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_aSgIHaXye8)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M27.5607 27.6748C25.6055 32.593 20.4831 36.1758 16.1195 35.6773C11.7559 35.1787 9.80359 30.7875 11.7588 25.8693C13.7139 20.9512 18.8363 17.3684 23.2 17.8669C27.5635 18.3655 29.5159 22.7567 27.5607 27.6748ZM16.1883 35.3745C13.9324 35.0851 12.9424 32.7612 13.9777 30.1571C15.0205 27.5341 17.7229 25.6199 20.0138 25.8816C22.3046 26.1434 23.3165 28.482 22.2737 31.105C21.2385 33.709 18.5675 35.6145 16.2874 35.3858C19.4402 35.7142 23.1356 33.0922 24.5619 29.5044C25.9957 25.8978 24.5934 22.681 21.4298 22.3195C18.2662 21.9581 14.5393 24.5888 13.1055 28.1955C11.6791 31.7834 13.0595 34.9855 16.1883 35.3745ZM20.6924 32.0829C19.9277 34.0064 17.9614 35.4119 16.3005 35.2222C14.6396 35.0324 13.9131 33.3192 14.6778 31.3957C15.4425 29.4721 17.4089 28.0666 19.0697 28.2564C20.7306 28.4461 21.4571 30.1593 20.6924 32.0829Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_aSgIHaXye8" x="9.99976" y="17.8206" width="19.32" height="19.903" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_122" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_122" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_N2uH3milnrk8t1F6)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_N2uH3milnrk8t1F6)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_N2uH3milnrk8t1F6" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_N2uH3milnrk8t1F6" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_N2uH3milnrk8t1F6" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#f0acb8"/> <stop offset="1" stop-color="#f76f87"/> </linearGradient> <image id="cube_sm_image_N2uH3milnrk8t1F6" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Echo</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Listen for WebSocket events</span> </span> </a> </li> <li> <a href="/docs/pennant" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_iQ1jbFcUPO)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.2243 28.4549L20.2247 23.3187L12 25.5005L11.9992 35.7704L20.2243 28.4549ZM28.4534 22.9338L20.2262 30.2512L20.2266 25.1162L28.4534 22.9338Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_iQ1jbFcUPO" x="10.9992" y="22.9338" width="18.4542" height="14.8366" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_141" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_141" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_JxaRQY0HMaOUxfJ2)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_JxaRQY0HMaOUxfJ2)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_JxaRQY0HMaOUxfJ2" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_JxaRQY0HMaOUxfJ2" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_JxaRQY0HMaOUxfJ2" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#00794c"/> <stop offset="1" stop-color="#005838"/> </linearGradient> <image id="cube_sm_image_JxaRQY0HMaOUxfJ2" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Pennant</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Feature flag management</span> </span> </a> </li> <li> <a href="/docs/cashier" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_FWdjmHS0Y3)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5881 16.9999L11 26.0005L10.9995 38.0005L26.5877 28.9999L26.5881 16.9999ZM18.7931 30.5004C20.228 29.6719 21.3912 27.6571 21.3912 26.0003C21.3913 24.3434 20.2282 23.6719 18.7933 24.5004C17.3585 25.3289 16.1953 27.3436 16.1952 29.0005C16.1951 30.6573 17.3583 31.3289 18.7931 30.5004Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_FWdjmHS0Y3" x="9.9995" y="16.9999" width="17.5886" height="23.0006" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_103" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_103" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_X5aMY1MgvwUVnnc5)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_X5aMY1MgvwUVnnc5)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_X5aMY1MgvwUVnnc5" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_X5aMY1MgvwUVnnc5" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_X5aMY1MgvwUVnnc5" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#00794c"/> <stop offset="1" stop-color="#005838"/> </linearGradient> <image id="cube_sm_image_X5aMY1MgvwUVnnc5" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Cashier</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Payments and subscriptions</span> </span> </a> </li> <li> <a href="/docs/socialite" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_VOTUmnAwTX)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.2132 31.8383C25.6773 29.3569 26.5876 26.5384 26.5878 24C26.5882 19.0294 23.0989 17.0147 18.7942 19.5C14.4896 21.9853 10.9997 28.0294 10.9993 33C10.9991 35.5406 11.9106 37.3089 13.3766 38.0989C14.6231 35.4985 16.5872 33.1515 18.7965 31.876C21.0042 30.6013 22.9669 30.6795 24.2132 31.8383ZM21.7126 24.5635C21.7125 26.4274 20.4038 28.694 18.7895 29.626C17.1753 30.558 15.8668 29.8024 15.8669 27.9385C15.8671 26.0745 17.1758 23.808 18.79 22.876C20.4043 21.944 21.7127 22.6995 21.7126 24.5635Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_VOTUmnAwTX" x="9.9993" y="18.4355" width="17.5885" height="21.6634" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_198" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_198" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_uJdv2UPBcpdFjed1)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_uJdv2UPBcpdFjed1)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_uJdv2UPBcpdFjed1" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_uJdv2UPBcpdFjed1" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_uJdv2UPBcpdFjed1" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#2781d7"/> <stop offset="1" stop-color="#0a5fb0"/> </linearGradient> <image id="cube_sm_image_uJdv2UPBcpdFjed1" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Socialite</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Social authentication</span> </span> </a> </li> <li> <a href="/docs/sanctum" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_genZpghc3i)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.294 22.7239L22.334 22.2111L23.481 19.7264L21.9025 19.3134L20.7555 21.7982L18.794 21.285L16.8331 24.0621L15.6868 22.902L14.1081 25.1378L15.2544 26.2979L13.2933 29.0751L14.0424 31.3053L12.1869 33.0726L12.7897 34.8674L14.6452 33.1L15.3937 35.3285L17.8181 33.9288L17.8179 36.1819L13.9758 38.4002L10.9995 29.5389L18.7942 18.5L26.588 20.5389L25.4004 25.4435L23.5447 25.8187L24.294 22.7239ZM19.7692 35.0554L19.7694 32.8022L22.1925 31.4032L22.9416 28.3097L24.7973 27.9345L23.61 32.8379L19.7692 35.0554ZM18.7942 30.6665C20.0874 29.9199 21.1359 28.1041 21.136 26.6108C21.1361 25.1176 20.0878 24.5123 18.7946 25.259C17.5015 26.0056 16.453 27.8214 16.4529 29.3146C16.4528 30.8078 17.5011 31.4131 18.7942 30.6665Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_genZpghc3i" x="9.9995" y="18.5" width="17.5885" height="21.9002" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_179" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_179" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_PNQIUcKt2AAxjOTG)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_PNQIUcKt2AAxjOTG)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_PNQIUcKt2AAxjOTG" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_PNQIUcKt2AAxjOTG" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_PNQIUcKt2AAxjOTG" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#2781d7"/> <stop offset="1" stop-color="#0a5fb0"/> </linearGradient> <image id="cube_sm_image_PNQIUcKt2AAxjOTG" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Sanctum</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">API authentication</span> </span> </a> </li> <li> <a href="/docs/sail" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_gKPnlahfm9)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.6417 37.3194L17.6423 22.954L10.9994 37.2684V37.291C12.6535 38.5017 15.0015 38.5884 17.6417 37.3194ZM26.5894 27.3978C24.8107 31.2763 21.931 34.8137 18.6693 36.7648L18.4837 36.872L18.4844 17.6785L26.5894 27.3978Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_gKPnlahfm9" x="9.9994" y="17.6785" width="17.59" height="22.5571" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_21" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_21" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_sfQP8nAEbhx6GDbl)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_sfQP8nAEbhx6GDbl)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_sfQP8nAEbhx6GDbl" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_sfQP8nAEbhx6GDbl" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_sfQP8nAEbhx6GDbl" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#f49201"/> <stop offset="1" stop-color="#f46701"/> </linearGradient> <image id="cube_sm_image_sfQP8nAEbhx6GDbl" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Sail</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Local Docker development</span> </span> </a> </li> <li> <a href="/docs/pint" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_yuEZj1Gm6z)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.2388 35.9949L19.1836 20.6988L21.08 19.6039L18.1353 34.8999L16.2388 35.9949ZM12.6014 31.2955L15.5454 26.1968L14.2445 25.4457L9.99949 32.7977L14.2438 35.2484L15.5449 32.9951L12.6014 31.2955ZM27.32 22.7977L23.0757 20.3471L21.7746 22.6004L24.7181 24.2999L21.7741 29.3986L23.075 30.1497L27.32 22.7977Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_yuEZj1Gm6z" x="8.99949" y="19.6039" width="19.3205" height="18.391" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_160" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_160" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_VjrFyLkJxUXDJxt9)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_VjrFyLkJxUXDJxt9)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_VjrFyLkJxUXDJxt9" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_VjrFyLkJxUXDJxt9" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_VjrFyLkJxUXDJxt9" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#f49201"/> <stop offset="1" stop-color="#f46701"/> </linearGradient> <image id="cube_sm_image_VjrFyLkJxUXDJxt9" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Pint</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Code styler for minimalists</span> </span> </a> </li> <li> <a href="/docs/horizon" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_88nZG51aS0)"> <path d="M13.7301 37.2693C13.728 37.2705 13.7244 37.2701 13.7244 37.2701C12.8684 36.9198 12.1814 36.2674 11.7109 35.3579C11.2399 34.4476 10.9971 33.3014 10.9993 31.9987C10.9995 29.5125 11.8733 26.7581 13.2829 24.3169C16.2711 19.143 21.0942 16.2859 24.1588 17.8738C27.2231 19.4622 27.413 24.9177 24.5866 30.1752C21.7609 35.4318 16.9495 38.5767 13.7359 37.2684C13.7359 37.2684 13.7322 37.2681 13.7301 37.2693ZM13.0996 31.3411L13.1013 31.3394C13.9616 29.9616 14.5724 28.4359 16.1958 27.4987C18.7939 25.9986 18.7937 28.9986 21.3918 27.4985C23.7171 26.1561 24.6049 21.7367 23.0519 20.6351C21.896 19.8153 20.1712 19.9453 18.3136 21.1986C15.1683 23.3209 12.8334 27.8608 13.0971 31.3399L13.0996 31.3411Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_88nZG51aS0" x="9.99928" y="17.4354" width="17.5885" height="22.1292" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_236" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_236" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_zTwoLj0ON9bG0CzU)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_zTwoLj0ON9bG0CzU)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_zTwoLj0ON9bG0CzU" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_zTwoLj0ON9bG0CzU" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_zTwoLj0ON9bG0CzU" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#ae54c5"/> <stop offset="1" stop-color="#ae36c4"/> </linearGradient> <image id="cube_sm_image_zTwoLj0ON9bG0CzU" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Horizon</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Monitor Redis queues</span> </span> </a> </li> <li> <a href="/docs/dusk" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_fZHFhlniC5)"> <path d="M18.5096 28.7238C16.0657 27.3126 15.484 23.4489 16.8227 19.2156C15.9498 20.1899 15.106 21.3154 14.3785 22.5754C11.2067 28.0686 11.2062 34.049 14.3775 35.8801C17.5487 37.7112 22.7279 34.721 25.8997 29.2278C26.6272 27.9678 27.1801 26.7079 27.5875 25.4312C24.6196 28.6902 20.9825 30.1517 18.5096 28.7238Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_fZHFhlniC5" x="10.9993" y="19.2156" width="17.5882" height="19.2032" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_217" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_217" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_ccbnM7kP1xdQN3P7)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_ccbnM7kP1xdQN3P7)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_ccbnM7kP1xdQN3P7" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_ccbnM7kP1xdQN3P7" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_ccbnM7kP1xdQN3P7" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#ae54c5"/> <stop offset="1" stop-color="#ae36c4"/> </linearGradient> <image id="cube_sm_image_ccbnM7kP1xdQN3P7" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Dusk</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Automated browser testing</span> </span> </a> </li> <li> <a href="/docs/telescope" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_KO0du2DTF9)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.7929 36.5C23.0975 34.0147 26.5874 27.9706 26.5878 23C26.5882 18.0294 23.0989 16.0147 18.7942 18.5C14.4896 20.9853 10.9997 27.0294 10.9993 32C10.9989 36.9706 14.4882 38.9853 18.7929 36.5ZM21.9086 19.3995C21.9085 20.8907 22.9553 21.4951 24.2466 20.7495C22.9553 21.4951 21.9083 23.3083 21.9082 24.7995C21.9083 23.3083 20.8615 22.7039 19.5701 23.4495C20.8615 22.7039 21.9085 20.8907 21.9086 19.3995ZM18.0125 23.4499C18.0122 26.4322 20.1058 27.6411 22.6886 26.1499C20.1058 27.6411 18.0119 31.2676 18.0117 34.2499C18.0119 31.2676 15.9183 30.0587 13.3355 31.5499C15.9183 30.0587 18.0122 26.4322 18.0125 23.4499Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_KO0du2DTF9" x="9.9993" y="17.4355" width="17.5885" height="22.1291" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_255" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_255" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_7yQk7xWV3CbKdCPk)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_7yQk7xWV3CbKdCPk)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_7yQk7xWV3CbKdCPk" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_7yQk7xWV3CbKdCPk" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_7yQk7xWV3CbKdCPk" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#8d54c5"/> <stop offset="1" stop-color="#4a36c4"/> </linearGradient> <image id="cube_sm_image_7yQk7xWV3CbKdCPk" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Telescope</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Local debugging and insights</span> </span> </a> </li> <li> <a href="/docs/pulse" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <span class="block w-8 h-8 pt-1.5 ml-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_RKya865xqt)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.1733 19.2831L21.1069 18.1667L22.8428 24.6116L26.5879 22.4493L26.5877 24.9321L21.1948 28.0457L20.1069 24.0067L17.8764 34.3056L15.9733 35.4044L14.3276 32.0104L10.9993 33.9321L10.9994 31.4493L15.734 28.7158L16.6993 30.7066L19.1733 19.2831Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_RKya865xqt" x="9.9993" y="18.1667" width="17.5886" height="19.2377" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_3" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_3" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_Cbh0XQ3tuqwKErSN)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_Cbh0XQ3tuqwKErSN)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_Cbh0XQ3tuqwKErSN" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_Cbh0XQ3tuqwKErSN" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_Cbh0XQ3tuqwKErSN" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#8d54c5"/> <stop offset="1" stop-color="#4a36c4"/> </linearGradient> <image id="cube_sm_image_Cbh0XQ3tuqwKErSN" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Pulse</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Performance insights</span> </span> </a> </li> </ul> </div> <div x-show="selected.label === 'Developers'"> <h3 class="mb-4 lg:mb-8 font-medium text-sand-light-12 dark:text-sand-dark-11">Developers</h3> <ul class="space-y-8 font-medium text-sand-light-12 dark:text-sand-dark-12"> <li> <a href="/docs" class="flex items-center space-x-3"> <span class="text-laravel-red dark:text-sand-dark-11"> <svg class="w-5 h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M16.25 17.9167V2.08333H3.75V17.9167L10 14.5833L16.25 17.9167Z" stroke="currentColor" stroke-linecap="round" /> </svg> </span> <span> Documentation </span> </a> </li> <li> <a href="/docs/releases" class="flex items-center space-x-3"> <span class="text-laravel-red dark:text-sand-dark-11"> <svg class="w-5 h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M12.9165 17.0833V12.9167H17.0832M2.9165 2.91667H17.0832V13.3333L13.3332 17.0833H2.9165V2.91667Z" stroke="currentColor" /> </svg> </span> <span> Release notes </span> </a> </li> </ul> <h3 class="mb-4 lg:mb-8 font-medium text-sand-light-12 dark:text-sand-dark-11 mt-6 lg:mt-10">Resources</h3> <ul class="space-y-8 font-medium text-sand-light-12 dark:text-sand-dark-12"> <li> <a href="https://laracasts.com" class="flex items-center space-x-3"> <span class="text-laravel-red dark:text-sand-dark-11"> <svg class="w-5 h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M3.75016 2.91667H16.2502M2.0835 4.58334H17.9168V17.0833H2.0835V4.58334ZM8.75016 8.75001V12.9167L11.6668 10.8333L8.75016 8.75001Z" stroke="currentColor" stroke-linecap="square" /> </svg> </span> <span> Screencasts </span> </a> </li> <li> <a href="https://laracasts.com/discuss" class="flex items-center space-x-3"> <span class="text-laravel-red dark:text-sand-dark-11"> <svg class="w-5 h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M17.0851 2.91666H2.91846V18.3333L6.25179 16.25H17.0851V2.91666Z" stroke="currentColor" stroke-linecap="square" /> <path d="M5.7085 9.58332C5.7085 9.88248 5.95101 10.125 6.25016 10.125C6.54932 10.125 6.79183 9.88248 6.79183 9.58332C6.79183 9.28417 6.54932 9.04166 6.25016 9.04166C5.95101 9.04166 5.7085 9.28417 5.7085 9.58332ZM9.4585 9.58332C9.4585 9.88248 9.70101 10.125 10.0002 10.125C10.2993 10.125 10.5418 9.88248 10.5418 9.58332C10.5418 9.28417 10.2993 9.04166 10.0002 9.04166C9.70101 9.04166 9.4585 9.28417 9.4585 9.58332ZM13.2085 9.58332C13.2085 9.88248 13.451 10.125 13.7502 10.125C14.0493 10.125 14.2918 9.88248 14.2918 9.58332C14.2918 9.28417 14.0493 9.04166 13.7502 9.04166C13.451 9.04166 13.2085 9.28417 13.2085 9.58332Z" fill="currentColor" stroke="currentColor" stroke-width="0.25" stroke-linecap="square" /> </svg> </span> <span> Forums </span> </a> </li> <li> <a href="https://laravel-news.com" class="flex items-center space-x-3"> <span class="text-laravel-red dark:text-sand-dark-11"> <svg class="w-5 h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_334_4784)"> <path d="M0.416504 7.91667H1.6665M19.5832 7.91667H18.3332M11.8659 7.57987C11.3164 7.26398 10.6792 7.08333 9.99984 7.08333C9.32048 7.08333 8.68332 7.26398 8.13377 7.57987M8.74984 10C8.74984 12.0711 7.07091 13.75 4.99984 13.75C2.92877 13.75 1.24984 12.0711 1.24984 10C1.24984 7.92893 2.92877 6.25 4.99984 6.25C7.07091 6.25 8.74984 7.92893 8.74984 10ZM18.7498 10C18.7498 12.0711 17.0709 13.75 14.9998 13.75C12.9288 13.75 11.2498 12.0711 11.2498 10C11.2498 7.92893 12.9288 6.25 14.9998 6.25C17.0709 6.25 18.7498 7.92893 18.7498 10Z" stroke="currentColor" stroke-linecap="square" /> </g> <defs> <clipPath id="clip0_334_4784"> <rect width="20" height="20" fill="white" /> </clipPath> </defs> </svg> </span> <span> News </span> </a> </li> <li> <a href="https://larajobs.com/?partner=5" class="flex items-center space-x-3"> <span class="text-laravel-red dark:text-sand-dark-11"> <svg class="w-5 h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M2.0835 16.25H1.54503V16.7885H2.0835V16.25ZM2.0835 3.75001V3.21155H1.54503V3.75001H2.0835ZM17.9168 16.25V16.7885H18.4553V16.25H17.9168ZM11.2502 4.28847H11.7886V3.21155H11.2502V4.28847ZM2.62196 16.25V3.75001H1.54503V16.25H2.62196ZM17.9168 15.7115H2.0835V16.7885H17.9168V15.7115ZM2.0835 4.28847H11.2502V3.21155H2.0835V4.28847ZM17.3784 10.4167V16.25H18.4553V10.4167H17.3784ZM10.0002 9.04488C7.12483 9.04488 4.48773 8.03103 2.42475 6.3408L1.74224 7.17383C3.99063 9.01597 6.86698 10.1218 10.0002 10.1218V9.04488ZM13.1902 8.61493C12.1753 8.89506 11.1056 9.04488 10.0002 9.04488V10.1218C11.2034 10.1218 12.3693 9.95869 13.4768 9.65304L13.1902 8.61493ZM19.045 5.00001C19.045 6.31346 17.9803 7.37822 16.6668 7.37822V8.45514C18.575 8.45514 20.122 6.90823 20.122 5.00001H19.045ZM16.6668 7.37822C15.3534 7.37822 14.2886 6.31346 14.2886 5.00001H13.2117C13.2117 6.90823 14.7586 8.45514 16.6668 8.45514V7.37822ZM14.2886 5.00001C14.2886 3.68656 15.3534 2.62181 16.6668 2.62181V1.54488C14.7586 1.54488 13.2117 3.0918 13.2117 5.00001H14.2886ZM16.6668 2.62181C17.9803 2.62181 19.045 3.68656 19.045 5.00001H20.122C20.122 3.0918 18.575 1.54488 16.6668 1.54488V2.62181Z" fill="currentColor" /> </svg> </span> <span> Jobs </span> </a> </li> </ul> <h3 class="mb-4 lg:mb-8 font-medium text-sand-light-12 dark:text-sand-dark-11 mt-6 lg:mt-10">Upcoming Events</h3> <ul class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 font-medium gap-x-4 gap-y-4 text-sand-light-12 dark:text-sand-dark-12" tag="ul"> <li class="grid col-span-12 grid-cols-subgrid"> <a href="https://laracon.us" target="_blank" class="grid dark:hover:bg-sand-dark-2 col-span-12 grid-cols-subgrid hover:bg-sand-light-3 rounded-sm p-1.5 -mx-1.5"> <img src="/images/events/laracon-us-2025.png " alt="Laracon US" class="w-full col-span-3 max-w-none aspect-square rounded-xs"> <span class="col-span-9 font-medium"> <span class="text-sand-light-12 mb-2.5 flex items-center dark:text-sand-dark-12"> <span>Laracon US</span> <span class="flex items-center ml-4"> <span class="px-1 font-medium leading-normal rounded-xs text-laravel-red bg-laravel-red-faded dark:!bg-[#3F1018] dark:!text-[#FF91A4] text-xs ">Featured</span> </span> </span> <span class="text-sm block dark:text-sand-dark-11 text-sand-light-11 mb-0.5">Jul 29-30 2025</span> <span class="block text-sm dark:text-sand-dark-11 text-sand-light-11">Denver, USA</span> </span> </a> </li> <li class="grid col-span-12 grid-cols-subgrid"> <a href="https://laracon.au" target="_blank" class="grid dark:hover:bg-sand-dark-2 col-span-12 grid-cols-subgrid hover:bg-sand-light-3 rounded-sm p-1.5 -mx-1.5"> <img src="/images/events/laracon-au-2025.png " alt="Laracon AU" class="w-full col-span-3 max-w-none aspect-square rounded-xs"> <span class="col-span-9 font-medium"> <span class="text-sand-light-12 mb-2.5 flex items-center dark:text-sand-dark-12"> <span>Laracon AU</span> </span> <span class="text-sm block dark:text-sand-dark-11 text-sand-light-11 mb-0.5">Coming soon</span> <span class="block text-sm dark:text-sand-dark-11 text-sand-light-11">Australia</span> </span> </a> </li> </ul> <div class="flex items-center justify-between mt-6 mb-4"> <h3 class="font-medium text-sand-light-12 dark:text-sand-dark-12"> Learn </h3> <a href="https://laracasts.com" target="_blank" class="flex items-center space-x-1 text-sm font-medium underline text-laravel-red"> <span>Watch series</span> <svg class="w-2.5 h-2.5" width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001" stroke="currentColor" stroke-linecap="square" /> </svg> </a> </div> <a href="https://laracasts.com" target="_blank" class="relative group"> <img src="/images/home/laracasts.png" alt="Laracasts" class="relative w-full"> <span class="absolute inset-0 flex items-center justify-center transition-opacity duration-300 ease-in-out opacity-0 bg-black/20 group-hover:opacity-100"> <svg class="w-9 h-9" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20" cy="20" r="19.5" fill="#F53003" stroke="#FF8774"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M29.543 20.7842L15.373 28.8812H15.372C15.2326 28.9606 15.0749 29.0024 14.9145 29.0024C14.7541 29.0024 14.5964 28.9606 14.457 28.8812C14.3185 28.8023 14.2034 28.6883 14.1231 28.5506C14.0429 28.413 14.0004 28.2566 14 28.0972V11.9062C14 11.5812 14.175 11.2842 14.457 11.1212C14.5964 11.0418 14.7541 11 14.9145 11C15.0749 11 15.2326 11.0418 15.372 11.1212L29.542 19.2172C29.824 19.3782 30 19.6772 30 20.0002C29.9994 20.1594 29.9569 20.3156 29.8766 20.4531C29.7964 20.5905 29.6813 20.7044 29.543 20.7832V20.7842Z" fill="white"/> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> <div popover id="nav-products" class="fixed w-full bg-transparent main-nav-popover top-(--popover-top-offset)"> <div class="pt-2 border-b xl:border-l xl:border-r bg-sand-light-1 pb-7 max-w-[1400px] mx-auto border-sand-light-7 dark:bg-sand-dark-1 dark:border-sand-dark-6"> <div class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 max-w-[1400px] lg:px-16 mx-auto relative"> <div class="grid grid-cols-subgrid col-span-12 auto-rows-min"> <h3 class="col-span-12 mb-8 font-medium">Featured products</h3> <div class="col-span-3"> <a href="https://cloud.laravel.com" class="flex flex-col h-full p-2 -mx-2 group rounded-xs hover:bg-sand-light-3 dark:hover:bg-sand-dark-2 transition duration-100"> <div class="overflow-hidden rounded-xs bg-sand-light-6 dark:bg-sand-dark-6"> <img src="/images/nav/nav-cloud-v2.png" alt="Cloud" class="object-cover w-full"> </div> <p class="flex items-center justify-between mt-4 mb-1.5 font-medium text-sand-light-12 dark:text-sand-dark-12"> <span>Cloud</span> <span class="px-1 font-medium leading-normal rounded-xs text-laravel-red bg-laravel-red-faded dark:!bg-[#3F1018] dark:!text-[#FF91A4] text-sm ">New</span> </p> <p class="text-sm text-sand-light-11 text-pretty grow dark:text-sand-dark-11">A fully managed application platform for deploying and hosting Laravel applications.</p> <p class="mt-4 text-sm text-sand-light-12 dark:text-sand-dark-12">Plans from $0.00 / month</p> </a> </div> <div class="col-span-3"> <a href="https://forge.laravel.com" class="flex flex-col h-full p-2 -mx-2 group rounded-xs hover:bg-sand-light-3 dark:hover:bg-sand-dark-2 transition duration-100"> <div class="overflow-hidden rounded-xs bg-sand-light-6 dark:bg-sand-dark-6"> <img src="/images/nav/nav-forge.png" alt="Forge" class="object-cover w-full"> </div> <p class="flex items-center justify-between mt-4 mb-1.5 font-medium text-sand-light-12 dark:text-sand-dark-12"> <span>Forge</span> </p> <p class="text-sm text-sand-light-11 text-pretty grow dark:text-sand-dark-11">Provision VPS servers and deploy on DigitalOcean, Akamai, Vultr, Amazon, Hetzner, and more.</p> <p class="mt-4 text-sm text-sand-light-12 dark:text-sand-dark-12">Plans from $12.00 / month</p> </a> </div> <div class="col-span-3"> <a href="https://nightwatch.laravel.com" class="flex flex-col h-full p-2 -mx-2 group rounded-xs hover:bg-sand-light-3 dark:hover:bg-sand-dark-2 transition duration-100"> <div class="overflow-hidden rounded-xs bg-sand-light-6 dark:bg-sand-dark-6"> <img src="/images/nav/nav-nightwatch.png" alt="Nightwatch" class="object-cover w-full"> </div> <p class="flex items-center justify-between mt-4 mb-1.5 font-medium text-sand-light-12 dark:text-sand-dark-12"> <span>Nightwatch</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 dark:bg-[#282826] dark:text-[#EDEDEC] text-sm group-hover:bg-sand-light-5 dark:group-hover:bg-[#3A3A3A] ">Coming soon</span> </p> <p class="text-sm text-sand-light-11 text-pretty grow dark:text-sand-dark-11">Unparalleled monitoring and insights into your application's performance.</p> <p class="mt-4 text-sm text-sand-light-12 dark:text-sand-dark-12">Pricing coming soon</p> </a> </div> <div class="col-span-3"> <a href="https://nova.laravel.com" class="flex flex-col h-full p-2 -mx-2 group rounded-xs hover:bg-sand-light-3 dark:hover:bg-sand-dark-2 transition duration-100"> <div class="overflow-hidden rounded-xs bg-sand-light-6 dark:bg-sand-dark-6"> <img src="/images/nav/nav-nova.png" alt="Nova" class="object-cover w-full"> </div> <p class="flex items-center justify-between mt-4 mb-1.5 font-medium text-sand-light-12 dark:text-sand-dark-12"> <span>Nova</span> </p> <p class="text-sm text-sand-light-11 text-pretty grow dark:text-sand-dark-11">The simplest and fastest way to build production-ready administration panels using Laravel.</p> <p class="mt-4 text-sm text-sand-light-12 dark:text-sand-dark-12">License from $99.00</p> </a> </div> </div> </div> </div> </div> <div popover id="nav-open-source" class="fixed w-full bg-transparent main-nav-popover top-(--popover-top-offset)"> <div class="pt-2 border-b xl:border-l xl:border-r bg-sand-light-1 pb-7 max-w-[1400px] mx-auto border-sand-light-7 dark:bg-sand-dark-1 dark:border-sand-dark-6"> <div class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 max-w-[1400px] lg:px-16 mx-auto relative"> <div class="col-span-4"> <h3 class="mb-8 font-medium dark:text-sand-dark-11">PHP Framework</h3> <ul> <li> <a href="/" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-12 h-12 -mt-1.5 mr-5"> <span class="block -translate-x-1"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[57/69] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M28.7119 69.0001L56.4226 52.9985L28.7107 36.999L1 53.0006L28.7119 69.0001Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <svg class="w-full aspect-[57/69]" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.8" d="M28.7119 65.0001L56.4226 48.9985L28.7107 32.999L1 49.0006L28.7119 65.0001Z" class="fill-[#E9E9E6] dark:fill-sand-dark-4"/> <g style="mix-blend-mode:darken"> <path d="M3.59787 47.5004L1.86596 48.5005L1.80345 48.3922L1.125 48.784L1.125 48.0006H1V46.0006H1.125L1.125 44.0007H1V42.0008H1.125L1.125 40.0008H1V38.0009H1.125L1.125 36.0009H1V34.001H1.125L1.125 32.0011H1V30.0011H1.125L1.125 28.0012H1V26.0013H1.125L1.125 24.0013H1V22.0014H1.125L1.125 20.0015H1V18.0015H1.125L1.125 17.0737L1.92847 16.6098L1.86596 16.5015L3.59788 15.5014L3.66039 15.6097L5.39231 14.6096L5.3298 14.5013L7.06172 13.5012L7.12422 13.6095L8.85614 12.6094L8.79363 12.5011L10.5256 11.501L10.5881 11.6093L12.32 10.6092L12.2575 10.5009L13.9894 9.50083L14.0519 9.60908L15.7838 8.60898L15.7213 8.50073L17.4532 7.50064L17.5157 7.60888L19.2477 6.60879L19.1852 6.50054L20.9171 5.50044L20.9796 5.60869L22.7115 4.60859L22.649 4.50034L24.3809 3.50024L24.4434 3.60849L26.1753 2.60839L26.1128 2.50014L27.8447 1.50005L27.9073 1.60829L28.5857 1.21653V1.99997H28.7107V3.9999H28.5857V5.99984L28.7107 5.99984V7.99977L28.5857 7.99977V9.99971H28.7107V11.9996H28.5857V13.9996H28.7107V15.9995H28.5857L28.5857 17.9994H28.7107V19.9994H28.5857V21.9993H28.7107V23.9993H28.5857V25.9992H28.7107V27.9991H28.5857V29.9991H28.7107V31.999H28.5857V32.9268L27.7822 33.3908L27.8447 33.499L26.1128 34.4991L26.0503 34.3909L24.3184 35.391L24.3809 35.4992L22.649 36.4993L22.5865 36.391L20.8546 37.3911L20.9171 37.4994L19.1851 38.4995L19.1226 38.3912L17.3907 39.3913L17.4532 39.4996L15.7213 40.4997L15.6588 40.3914L13.9269 41.3915L13.9894 41.4998L12.2575 42.4999L12.195 42.3916L10.463 43.3917L10.5256 43.5L8.79363 44.5001L8.73112 44.3918L6.99921 45.3919L7.06171 45.5002L5.32979 46.5003L5.26729 46.392L3.53537 47.3921L3.59787 47.5004Z" stroke="#90908C" stroke-width="0.25" stroke-dasharray="2 2"/> </g> <g style="mix-blend-mode:darken"> <path d="M28.7119 65.0001L56.4226 48.9985L28.7107 32.999L1 49.0006L28.7119 65.0001Z" class="stroke-[#90908C] dark:stroke-sand-dark-8" stroke-width="0.5" stroke-linejoin="round" stroke-dasharray="2 2"/> </g> <g style="mix-blend-mode:darken"> <path d="M56.4228 48.9984L56.4228 16.9995L28.7109 1L28.7109 32.999L56.4228 48.9984Z" class="stroke-[#90908C] dark:stroke-sand-dark-8" stroke-width="0.5" stroke-linejoin="round" stroke-dasharray="2 2"/> </g> <path d="M12.6797 42.0666V20.3066L19.2077 23.9333V38.44L25.7357 42.0666V49.32L12.6797 42.0666Z" fill="white"/> <path d="M12.6797 20.3068L19.2077 16.6802L25.7357 20.3068L19.2077 23.9335L12.6797 20.3068Z" fill="white"/> <path d="M38.7891 27.5603V34.8136L45.3171 31.1869V23.9336L38.7891 27.5603Z" fill="white"/> <path d="M19.2109 23.9333V38.44L25.7389 34.8133V20.3066L19.2109 23.9333Z" fill="white"/> <path d="M38.7904 42.0668L25.7344 49.3201V42.0668L38.7904 34.8135V42.0668Z" fill="white"/> <path d="M38.7936 20.3066L45.3216 23.9333L38.7936 27.56L32.2656 23.9333L38.7936 20.3066Z" fill="white"/> <path d="M38.7949 34.8132L32.2669 31.1865L19.2109 38.4399L25.7389 42.0665L38.7949 34.8132Z" fill="white"/> <path d="M32.2656 31.1869V23.9336L38.7936 27.5603V34.8136L32.2656 31.1869Z" fill="white"/> <path d="M45.3197 23.9335L38.7917 20.3068L32.2637 23.9335M45.3197 23.9335L38.7917 27.5602M45.3197 23.9335V31.1868L38.7917 34.8135M32.2637 23.9335V31.1868M32.2637 23.9335L38.7917 27.5602M32.2637 31.1868L38.7917 34.8135M32.2637 31.1868L19.2077 38.4402M38.7917 34.8135V42.0668L25.7357 49.3202M38.7917 34.8135V27.5602M38.7917 34.8135L25.7357 42.0668M19.2077 38.4402L25.7357 42.0668M19.2077 38.4402V23.9335M12.6797 20.3068L19.2077 16.6802L25.7357 20.3068M12.6797 20.3068V42.0668L25.7357 49.3202M12.6797 20.3068L19.2077 23.9335M25.7357 49.3202V42.0668M19.2077 23.9335L25.7357 20.3068M25.7357 20.3068V34.8135" stroke="#F53003" stroke-linejoin="round"/> <rect opacity="0.2" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 28.7109 65.001)" class="fill-[#F3F3F2] dark:fill-sand-dark-1"/> <path opacity="0.2" d="M28.7119 33.0014L28.7119 65.0004L1 49.0009V17.002L28.7119 33.0014Z" class="fill-[#DBDBD7] dark:fill-sand-dark-1"/> <path opacity="0.2" d="M56.4226 16.9995L28.7119 33.001L1 17.0016L28.7107 1L56.4226 16.9995Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <g style="mix-blend-mode:darken" opacity="0.8"> <rect x="0.144327" y="-0.250003" width="31.6656" height="31.6656" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 29.0718 64.7703)" class="stroke-[#90908C] dark:stroke-sand-dark-8" stroke-width="0.333322" stroke-dasharray="2 2"/> </g> <g style="mix-blend-mode:darken"> <path d="M28.7119 33.0014L28.7119 65.0004L1 49.0009V17.002L28.7119 33.0014Z" class="stroke-[#90908C] dark:stroke-sand-dark-8" stroke-width="0.666645" stroke-linejoin="round" stroke-dasharray="2 2"/> </g> <g style="mix-blend-mode:darken"> <path d="M56.4226 16.9995L28.7119 33.001L1 17.0016L28.7107 1L56.4226 16.9995Z" class="stroke-[#90908C] dark:stroke-sand-dark-8" stroke-width="0.666645" stroke-linejoin="round" stroke-dasharray="2 2"/> </g> <path d="M28.7512 1.08739L28.7512 5.99939M28.7512 1.08739L24.4999 3.49906M28.7512 1.08739L33 3.49921" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> <path d="M28.7504 33.1265L28.7504 28.2145M28.7504 33.1265L24.4991 30.7148M28.7504 33.1265L32.9992 30.7146M28.7504 33.1265L28.7504 37.5" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> <path d="M28.7512 65.1265L28.7512 60.2145M28.7512 65.1265L24.4999 62.7148M28.7512 65.1265L33 62.7147" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> <path d="M56.4797 17.1067L52.2258 19.5627M56.4797 17.1067L52.2655 14.6309M56.4797 17.1067L56.5154 21.9922" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> <path d="M56.4797 48.8855L52.2258 46.4295M56.4797 48.8855L52.2655 51.3613M56.4797 48.8855L56.5154 44" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> <path d="M1.01367 49.1267L5.26759 46.6707M1.01367 49.1267L0.976616 44.2392M1.01367 49.1267L5.22677 51.6004" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> <path d="M1.01367 16.7932L5.26759 19.2492M1.01367 16.7932L0.976616 21.6807M1.01367 16.7932L5.22677 14.3195" stroke="#1B1B18" stroke-width="0.75" stroke-linejoin="round"/> </svg> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Laravel Framework</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Open source PHP web framework</span> </span> </a> </li> </ul> <h3 class="mt-10 mb-8 font-medium dark:text-sand-dark-11">Starter Kits</h3> <ul> <li> <a href="https://laravel.com/starter-kits" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <div class="relative w-full"> <svg class="w-full aspect-[127/181] absolute bottom-0 left-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M42.5692 181.002L125.701 132.997L84.1321 108.997L1 157.002L42.5692 181.002Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.3rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="127" height="181" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M92.9873 93.7315C92.9874 90.1214 90.3034 88.6583 86.9924 90.4634C83.6815 92.2686 80.9972 96.6584 80.9971 100.269C80.997 103.879 83.6809 105.342 86.9919 103.537C90.3029 101.731 92.9871 97.3415 92.9873 93.7315Z" fill="#20CAF8" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M99.068 108.171C98.0945 108.532 97.0787 108.856 96.0288 109.14C95.7329 110.437 95.4077 111.688 95.056 112.884C94.1374 116.008 93.0141 118.833 91.7055 121.127C90.397 123.421 88.8059 125.344 86.991 126.333C85.1761 127.323 83.5851 127.135 82.2767 126.268C80.9682 125.401 79.8452 123.8 78.9268 121.678C78.5751 120.865 78.25 119.968 77.9542 118.994C76.9043 119.855 75.8885 120.639 74.9149 121.34C72.3723 123.17 70.0528 124.481 68.1432 125.076C66.2337 125.672 64.6 125.588 63.6927 124.369C62.7853 123.15 62.828 121.097 63.4292 118.744C64.0303 116.39 65.2268 113.571 66.8509 110.506C67.4728 109.333 68.1635 108.113 68.9176 106.854C68.1636 106.418 67.4729 105.951 66.8511 105.455C65.2271 104.162 64.0309 102.647 63.4299 100.949C62.8289 99.251 62.7863 97.2443 63.6938 95.0359C64.6013 92.8275 66.2351 90.962 68.1446 89.4757C70.0543 87.9892 72.3738 86.7707 74.9164 85.8286C75.8899 85.4679 76.9057 85.1442 77.9556 84.8602C78.2515 83.5633 78.5767 82.3118 78.9284 81.1158C79.847 77.9921 80.9702 75.1666 82.2789 72.8726C83.5874 70.5789 85.1785 68.6562 86.9934 67.6667C88.8082 66.6772 90.3993 66.8651 91.7076 67.7321C93.0161 68.5992 94.1392 70.2 95.0576 72.3222C95.4093 73.1347 95.7343 74.0317 96.0302 75.006C97.0801 74.1452 98.0959 73.3612 99.0694 72.6604C101.612 70.83 103.932 69.5194 105.841 68.9236C107.751 68.3279 109.384 68.4119 110.292 69.6308C111.199 70.8498 111.156 72.9031 110.555 75.2564C109.954 77.61 108.758 80.4294 107.133 83.4936C106.512 84.6668 105.821 85.8875 105.067 87.1458C105.821 87.5819 106.511 88.0494 107.133 88.5446C108.757 89.8379 109.953 91.3528 110.554 93.051C111.155 94.749 111.198 96.7557 110.291 98.9641C109.383 101.173 107.749 103.038 105.84 104.524C103.93 106.011 101.611 107.229 99.068 108.171ZM91.2953 86.5283C92.7392 86.65 94.117 86.8438 95.4191 87.1011C95.5363 88.7504 95.5979 90.4903 95.5978 92.3082C95.5977 94.1262 95.536 95.9333 95.4187 97.7104C94.1165 99.3875 92.7387 101.084 91.2947 102.78C89.8507 104.476 88.4111 106.09 86.9918 107.609C85.5725 107.637 84.133 107.593 82.6891 107.472C81.2451 107.35 79.8673 107.156 78.5652 106.899C78.4481 105.25 78.3865 103.51 78.3866 101.692C78.3866 99.8738 78.4484 98.0667 78.5657 96.2896C79.8678 94.6125 81.2457 92.9163 82.6897 91.22C84.1337 89.5238 85.5733 87.9105 86.9926 86.3908C88.4119 86.3629 89.8514 86.4066 91.2953 86.5283ZM92.5015 83.5931C93.3939 83.6684 94.2639 83.7704 95.1091 83.8975C94.8994 82.2102 94.6267 80.6447 94.2993 79.2181C92.8606 80.4958 91.3626 81.912 89.8267 83.4522C90.7162 83.4713 91.609 83.5179 92.5015 83.5931ZM98.0099 90.9932C98.01 89.8695 97.9872 88.7723 97.9429 87.7044C99.269 88.0802 100.494 88.527 101.605 89.033C100.494 90.7506 99.2688 92.5333 97.9426 94.3551C97.9871 93.2389 98.0099 92.1168 98.0099 90.9932ZM97.7281 84.3888C99.7999 84.8586 101.684 85.4898 103.339 86.253C104.044 85.0763 104.686 83.9405 105.262 82.8554C106.777 79.9962 107.783 77.5671 108.26 75.6981C108.738 73.8289 108.65 72.6855 108.203 72.0847C107.755 71.4839 106.853 71.2973 105.337 71.7705C103.82 72.2436 101.823 73.3413 99.4509 75.0492C98.5505 75.6974 97.6053 76.4267 96.6234 77.2317C97.1188 79.3569 97.4938 81.7607 97.7281 84.3888ZM97.7276 97.905C99.7995 95.1761 101.684 92.4906 103.339 89.9228C104.044 90.3307 104.686 90.7659 105.261 91.2239C106.777 92.4306 107.782 93.7632 108.259 95.1117C108.737 96.4604 108.649 97.6995 108.202 98.788C107.754 99.8766 106.852 101.047 105.335 102.228C103.819 103.408 101.822 104.487 99.4497 105.367C98.5493 105.7 97.6042 106.001 96.6223 106.267C97.1178 103.602 97.4931 100.789 97.7276 97.905ZM95.1084 101.252C94.8986 103.168 94.6257 105.031 94.2982 106.815C92.8596 107.106 91.3616 107.323 89.8257 107.458C90.7153 106.469 91.6081 105.448 92.5006 104.4C93.3932 103.352 94.2632 102.301 95.1084 101.252ZM93.7074 109.691C91.5571 110.134 89.2978 110.415 86.9916 110.516C84.6854 112.93 82.4261 115.112 80.2757 117.014C80.5524 117.925 80.855 118.76 81.1802 119.511C82.0372 121.491 83.0282 122.841 84.0673 123.529C85.1065 124.218 86.0966 124.191 86.9911 123.703C87.8857 123.216 88.8758 122.163 89.9151 120.341C90.9543 118.52 91.9455 116.089 92.8026 113.175C93.1279 112.068 93.4305 110.904 93.7074 109.691ZM81.4829 110.407C82.3754 110.482 83.2681 110.529 84.1577 110.548C82.6218 112.088 81.1238 113.504 79.6851 114.782C79.3577 113.355 79.0849 111.79 78.8753 110.102C79.7205 110.23 80.5904 110.332 81.4829 110.407ZM76.2562 109.611C76.4905 112.239 76.8656 114.643 77.3609 116.768C76.379 117.573 75.4339 118.303 74.5335 118.951C72.161 120.659 70.1643 121.756 68.6478 122.23C67.1312 122.703 66.2289 122.516 65.7817 121.915C65.3344 121.314 65.2467 120.171 65.7241 118.302C66.2015 116.433 67.2072 114.004 68.7227 111.145C69.2979 110.059 69.9405 108.924 70.6456 107.747C72.3004 108.51 74.1845 109.141 76.2562 109.611ZM76.0415 106.296C74.7154 105.92 73.4902 105.473 72.3791 104.967C73.4903 103.249 74.7155 101.467 76.0418 99.6449C75.9973 100.761 75.9745 101.883 75.9745 103.007C75.9744 104.13 75.9971 105.228 76.0415 106.296ZM81.4837 89.6C80.5912 90.6484 79.7212 91.699 78.876 92.7478C79.0858 90.8318 79.3586 88.9688 79.6862 87.1851C81.1248 86.8941 82.6228 86.6769 84.1587 86.5424C83.269 87.5315 82.3763 88.5515 81.4837 89.6ZM76.2568 96.095C76.4913 93.2112 76.8666 90.3984 77.3621 87.7329C76.3802 87.9986 75.4351 88.2999 74.5347 88.6335C72.1623 89.5125 70.1655 90.592 68.649 91.7724C67.1324 92.953 66.23 94.1234 65.7827 95.212C65.3354 96.3005 65.2476 97.5396 65.7249 98.8883C66.2022 100.237 67.2077 101.569 68.723 102.776C69.2982 103.234 69.9407 103.669 70.6458 104.077C72.3007 101.509 74.1849 98.8239 76.2568 96.095ZM81.1818 80.8254C80.8565 81.9316 80.5538 83.096 80.277 84.3089C82.4273 83.8664 84.6865 83.5845 86.9927 83.4838C89.299 81.0698 91.5583 78.8882 93.7087 76.9859C93.4319 76.0749 93.1294 75.2404 92.8041 74.4889C91.9472 72.5088 90.9562 71.1591 89.9171 70.4705C88.8779 69.7819 87.8878 69.809 86.9933 70.2967C86.0987 70.7844 85.1086 71.8369 84.0693 73.6588C83.0301 75.4804 82.0389 77.9107 81.1818 80.8254Z" fill="#20CAF8" /> </svg> </div> <svg class="w-full aspect-[127/181]" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.8" d="M42.5692 169.002L125.701 120.997L84.1321 96.9971L1 145.002L42.5692 169.002Z" class="fill-sand-light-6-1 dark:fill-sand-dark-6"/> <path d="M125.702 120.997L125.702 25L84.1328 1L84.1328 96.9969L125.702 120.997Z" class="fill-[#F3F3F2] dark:fill-sand-dark-6"/> <path d="M83.7571 96.7804L1.375 144.352L1.375 49.2212L83.7571 1.64957L83.7571 96.7804Z" stroke="#2E0012" stroke-width="0.75"/> <path d="M42.5692 169.002L125.701 120.997L84.1321 96.9971L1 145.002L42.5692 169.002Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M125.702 120.997L125.702 25L84.1328 1L84.1328 96.9969L125.702 120.997Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M77.172 92.8841L10.375 131.456L10.375 54.3222L77.172 15.7502L77.172 92.8841Z" stroke="#2E0012" stroke-width="0.75"/> <g opacity="0.9"> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" fill="#0390B6"/> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" fill="url(#cube_flat_front_pattern_0_Y9hEcaEBcXi4YJXa)" style="mix-blend-mode:soft-light"/> </g> <g opacity="0.9"> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" fill="url(#cube_flat_front_linear_0_Y9hEcaEBcXi4YJXa)"/> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" fill="url(#cube_flat_front_pattern_1_Y9hEcaEBcXi4YJXa)" style="mix-blend-mode:soft-light"/> </g> <path d="M77.172 92.8841L10.375 131.456L10.375 54.3222L77.172 15.7502L77.172 92.8841Z" stroke="#2E0012" stroke-width="0.75"/> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <g opacity="0.9"> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" fill="url(#cube_flat_front_linear_1_Y9hEcaEBcXi4YJXa)"/> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" fill="url(#cube_flat_front_pattern_2_Y9hEcaEBcXi4YJXa)" style="mix-blend-mode:soft-light"/> </g> <g opacity="0.9"> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" fill="url(#cube_flat_front_linear_2_Y9hEcaEBcXi4YJXa)"/> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" fill="url(#cube_flat_front_pattern_3_Y9hEcaEBcXi4YJXa)" style="mix-blend-mode:soft-light"/> </g> <rect opacity="0.9" width="78" height="78" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 51.5781 156.106)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <rect x="0.324745" y="-0.562524" width="77.25" height="77.25" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 52.39 155.587)" stroke="#2E0012" stroke-width="0.75"/> <path opacity="0.8" d="M42.5692 73.0059L42.5692 169.003L1 145.003L1 49.0059L42.5692 73.0059Z" class="fill-[#C8C7C1] dark:fill-sand-dark-5"/> <path opacity="0.8" d="M125.701 25L42.5692 73.0047L1 49.0047L84.1321 1L125.701 25Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path d="M42.5692 73.0059L42.5692 169.003L1 145.003L1 49.0059L42.5692 73.0059Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M125.701 25L42.5692 73.0047L1 49.0047L84.1321 1L125.701 25Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <rect x="0.324745" y="-0.562524" width="95.2469" height="95.2469" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 43.39 168.484)" stroke="#2E0012" stroke-width="0.75"/> <defs> <pattern id="cube_flat_front_pattern_0_Y9hEcaEBcXi4YJXa" patternContentUnits="objectBoundingBox" width="28.1535" height="48.758"> <use href="#cube_flat_front_image_Y9hEcaEBcXi4YJXa" transform="scale(0.0274936 0.0476152)"/> </pattern> <pattern id="cube_flat_front_pattern_1_Y9hEcaEBcXi4YJXa" patternContentUnits="objectBoundingBox" width="73.9008" height="30.1176"> <use href="#cube_flat_front_image_Y9hEcaEBcXi4YJXa" transform="scale(0.0721688 0.0294118)"/> </pattern> <pattern id="cube_flat_front_pattern_2_Y9hEcaEBcXi4YJXa" patternContentUnits="objectBoundingBox" width="73.9008" height="30.1176"> <use href="#cube_flat_front_image_Y9hEcaEBcXi4YJXa" transform="scale(0.0721688 0.0294118)"/> </pattern> <pattern id="cube_flat_front_pattern_3_Y9hEcaEBcXi4YJXa" patternContentUnits="objectBoundingBox" width="28.1535" height="48.758"> <use href="#cube_flat_front_image_Y9hEcaEBcXi4YJXa" transform="scale(0.0274936 0.0476152)"/> </pattern> <linearGradient id="cube_flat_front_linear_0_Y9hEcaEBcXi4YJXa" x1="98.3315" y1="15.1006" x2="98.3315" y2="117.101" gradientUnits="userSpaceOnUse"> <stop stop-color="#20CAF8"/> <stop offset="1" stop-color="#0390B6"/> </linearGradient> <linearGradient id="cube_flat_front_linear_1_Y9hEcaEBcXi4YJXa" x1="30.7846" y1="54.1064" x2="30.7846" y2="156.106" gradientUnits="userSpaceOnUse"> <stop stop-color="#20CAF8"/> <stop offset="1" stop-color="#20CAF8"/> </linearGradient> <linearGradient id="cube_flat_front_linear_2_Y9hEcaEBcXi4YJXa" x1="118" y1="38.5" x2="52" y2="77.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#20CAF8"/> <stop offset="1" stop-color="#20CAF8"/> </linearGradient> <image id="cube_flat_front_image_Y9hEcaEBcXi4YJXa" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">React</span> <span class="px-1 font-medium leading-normal rounded-xs text-laravel-red bg-laravel-red-faded dark:!bg-[#3F1018] dark:!text-[#FF91A4] text-sm ">New</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Laravel, Inertia, React, and Tailwind</span> </span> </a> </li> <li> <a href="https://laravel.com/starter-kits" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <div class="relative w-full"> <svg class="w-full aspect-[127/181] absolute bottom-0 left-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M42.5692 181.002L125.701 132.997L84.1321 108.997L1 157.002L42.5692 181.002Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.3rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="127" height="181" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M79.4657 78.0607L85.0066 85.9446L90.5491 71.6618L109.004 61.007L85.0038 122.854L61.0112 88.7155L79.4657 78.0607Z" fill="#41B883" /> <path d="M79.4534 78.0557L84.9942 85.9396L90.5367 71.6567L99.3928 66.5437L84.9929 103.651L70.5973 83.1687L79.4534 78.0557Z" fill="#34495E" /> </svg> </div> <svg class="w-full aspect-[127/181]" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.8" d="M42.5692 169.002L125.701 120.997L84.1321 96.9971L1 145.002L42.5692 169.002Z" class="fill-sand-light-6-1 dark:fill-sand-dark-6"/> <path d="M125.702 120.997L125.702 25L84.1328 1L84.1328 96.9969L125.702 120.997Z" class="fill-[#F3F3F2] dark:fill-sand-dark-6"/> <path d="M83.7571 96.7804L1.375 144.352L1.375 49.2212L83.7571 1.64957L83.7571 96.7804Z" stroke="#2E0012" stroke-width="0.75"/> <path d="M42.5692 169.002L125.701 120.997L84.1321 96.9971L1 145.002L42.5692 169.002Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M125.702 120.997L125.702 25L84.1328 1L84.1328 96.9969L125.702 120.997Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M77.172 92.8841L10.375 131.456L10.375 54.3222L77.172 15.7502L77.172 92.8841Z" stroke="#2E0012" stroke-width="0.75"/> <g opacity="0.9"> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" fill="#41B883"/> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" fill="url(#cube_flat_front_pattern_0_x4ch6LSCYQIHvlTu)" style="mix-blend-mode:soft-light"/> </g> <g opacity="0.9"> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" fill="url(#cube_flat_front_linear_0_x4ch6LSCYQIHvlTu)"/> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" fill="url(#cube_flat_front_pattern_1_x4ch6LSCYQIHvlTu)" style="mix-blend-mode:soft-light"/> </g> <path d="M77.172 92.8841L10.375 131.456L10.375 54.3222L77.172 15.7502L77.172 92.8841Z" stroke="#2E0012" stroke-width="0.75"/> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <g opacity="0.9"> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" fill="url(#cube_flat_front_linear_1_x4ch6LSCYQIHvlTu)"/> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" fill="url(#cube_flat_front_pattern_2_x4ch6LSCYQIHvlTu)" style="mix-blend-mode:soft-light"/> </g> <g opacity="0.9"> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" fill="url(#cube_flat_front_linear_2_x4ch6LSCYQIHvlTu)"/> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" fill="url(#cube_flat_front_pattern_3_x4ch6LSCYQIHvlTu)" style="mix-blend-mode:soft-light"/> </g> <rect opacity="0.9" width="78" height="78" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 51.5781 156.106)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <rect x="0.324745" y="-0.562524" width="77.25" height="77.25" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 52.39 155.587)" stroke="#2E0012" stroke-width="0.75"/> <path opacity="0.8" d="M42.5692 73.0059L42.5692 169.003L1 145.003L1 49.0059L42.5692 73.0059Z" class="fill-[#C8C7C1] dark:fill-sand-dark-5"/> <path opacity="0.8" d="M125.701 25L42.5692 73.0047L1 49.0047L84.1321 1L125.701 25Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path d="M42.5692 73.0059L42.5692 169.003L1 145.003L1 49.0059L42.5692 73.0059Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M125.701 25L42.5692 73.0047L1 49.0047L84.1321 1L125.701 25Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <rect x="0.324745" y="-0.562524" width="95.2469" height="95.2469" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 43.39 168.484)" stroke="#2E0012" stroke-width="0.75"/> <defs> <pattern id="cube_flat_front_pattern_0_x4ch6LSCYQIHvlTu" patternContentUnits="objectBoundingBox" width="28.1535" height="48.758"> <use href="#cube_flat_front_image_x4ch6LSCYQIHvlTu" transform="scale(0.0274936 0.0476152)"/> </pattern> <pattern id="cube_flat_front_pattern_1_x4ch6LSCYQIHvlTu" patternContentUnits="objectBoundingBox" width="73.9008" height="30.1176"> <use href="#cube_flat_front_image_x4ch6LSCYQIHvlTu" transform="scale(0.0721688 0.0294118)"/> </pattern> <pattern id="cube_flat_front_pattern_2_x4ch6LSCYQIHvlTu" patternContentUnits="objectBoundingBox" width="73.9008" height="30.1176"> <use href="#cube_flat_front_image_x4ch6LSCYQIHvlTu" transform="scale(0.0721688 0.0294118)"/> </pattern> <pattern id="cube_flat_front_pattern_3_x4ch6LSCYQIHvlTu" patternContentUnits="objectBoundingBox" width="28.1535" height="48.758"> <use href="#cube_flat_front_image_x4ch6LSCYQIHvlTu" transform="scale(0.0274936 0.0476152)"/> </pattern> <linearGradient id="cube_flat_front_linear_0_x4ch6LSCYQIHvlTu" x1="98.3315" y1="15.1006" x2="98.3315" y2="117.101" gradientUnits="userSpaceOnUse"> <stop stop-color="#41B883"/> <stop offset="1" stop-color="#41B883"/> </linearGradient> <linearGradient id="cube_flat_front_linear_1_x4ch6LSCYQIHvlTu" x1="30.7846" y1="54.1064" x2="30.7846" y2="156.106" gradientUnits="userSpaceOnUse"> <stop stop-color="#41B883"/> <stop offset="1" stop-color="#41B883"/> </linearGradient> <linearGradient id="cube_flat_front_linear_2_x4ch6LSCYQIHvlTu" x1="118" y1="38.5" x2="52" y2="77.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#41B883"/> <stop offset="1" stop-color="#41B883"/> </linearGradient> <image id="cube_flat_front_image_x4ch6LSCYQIHvlTu" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Vue</span> <span class="px-1 font-medium leading-normal rounded-xs text-laravel-red bg-laravel-red-faded dark:!bg-[#3F1018] dark:!text-[#FF91A4] text-sm ">New</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Laravel, Inertia, Vue, and Tailwind</span> </span> </a> </li> <li> <a href="https://laravel.com/starter-kits" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-10 h-10 -mt-1.5 mr-7"> <div class="relative w-full"> <svg class="w-full aspect-[127/181] absolute bottom-0 left-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M42.5692 181.002L125.701 132.997L84.1321 108.997L1 157.002L42.5692 181.002Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.3rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="127" height="181" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M66.1382 120.655C66.9168 121.564 67.5082 122.898 69.0914 121.984C71.7557 120.446 71.9001 115.618 74.5659 114.079C77.2316 112.54 77.0872 117.367 79.7516 115.829C82.4159 114.291 82.5603 109.464 85.2261 107.925C87.8918 106.386 87.7474 111.213 90.4117 109.674C93.0761 108.136 93.2205 103.309 95.8863 101.77C98.552 100.231 98.4076 105.058 101.072 103.52C101.909 103.036 102.498 102.228 102.994 101.299C104.901 96.3672 105.998 91.2445 105.998 86.4446C105.999 72.3919 96.5988 66.4278 85.0018 73.1233C73.4048 79.8188 64.0028 96.6385 64.0017 110.691C64.0014 114.709 64.7697 118.066 66.1382 120.655Z" fill="#FB70A9" /> <path d="M93.3887 102.418L93.3879 112.957C93.3877 114.849 94.7154 115.615 96.3533 114.67C97.9912 113.724 99.319 111.424 99.3192 109.533L99.3201 96.8101C98.7667 95.9564 98.1345 95.3057 96.9945 95.9639C95.1387 97.0353 94.4901 100.102 93.3887 102.418ZM82.1851 109.436L82.1838 126.102C82.1837 128.203 83.6588 129.055 85.4787 128.004C87.2986 126.954 88.774 124.398 88.7741 122.297L88.7756 103.434C88.1551 102.411 87.5157 101.437 86.2045 102.193C84.1287 103.392 83.5633 107.086 82.1851 109.436ZM71.6405 115.218L71.6396 127.317C71.6395 129.208 72.9671 129.975 74.605 129.029C76.2429 128.084 77.5708 125.784 77.5709 123.893L77.5721 109.021C77.0558 108.299 76.441 107.83 75.4145 108.423C73.4663 109.548 72.8486 112.871 71.6405 115.218Z" fill="#4E56A6" /> <path d="M93.388 105.648C93.9141 104.601 94.5369 103.689 95.4375 103.169C97.5761 101.934 97.9684 104.82 99.319 105.443L99.3201 92.0192C99.3202 90.1279 97.9925 89.3613 96.3547 90.3069C94.7168 91.2526 93.3889 93.5523 93.3888 95.4436L93.388 105.648ZM82.1844 112.357C82.7455 111.171 83.4014 110.118 84.3966 109.544C86.7759 108.17 86.9937 111.896 88.7745 111.933L88.7749 105.996C88.7751 103.895 87.2999 103.043 85.48 104.094C83.6602 105.145 82.1847 107.7 82.1846 109.801L82.1844 112.357ZM71.6399 117.778C72.0965 116.996 72.6378 116.333 73.3557 115.918C75.6605 114.587 75.937 118.043 77.5709 118.294L77.5718 106.244C77.572 104.353 76.2443 103.586 74.6064 104.532C72.9685 105.477 71.6407 107.777 71.6405 109.669L71.6399 117.778Z" fill="black" fill-opacity="0.298514" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M66.1382 120.655C66.9168 121.564 67.5082 122.898 69.0914 121.984C71.7557 120.446 71.9001 115.618 74.5659 114.079C77.2316 112.54 77.0872 117.367 79.7516 115.829C82.4159 114.291 82.5603 109.464 85.2261 107.925C87.8918 106.386 87.7474 111.213 90.4117 109.674C93.0761 108.136 93.2205 103.309 95.8863 101.77C98.552 100.231 98.4076 105.058 101.072 103.52C101.909 103.036 102.498 102.228 102.994 101.299C104.901 96.3672 105.998 91.2445 105.998 86.4446C105.999 72.3919 96.5988 66.4278 85.0018 73.1233C73.4048 79.8188 64.0028 96.6385 64.0017 110.691C64.0014 114.709 64.7697 118.066 66.1382 120.655Z" fill="#FB70A9" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M70.6773 120.559C65.1753 114.284 65.0339 103.881 70.2531 89.3508C66.3848 96.1596 63.9976 103.817 63.9971 110.745C63.9968 114.748 64.7932 118.074 66.2116 120.621C67.0186 121.51 67.6317 122.824 69.2726 121.877C69.8342 121.553 70.2878 121.095 70.6773 120.559Z" fill="#E24CA6" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M86.1292 104.264C78.8271 108.48 75.7528 105.363 75.7534 98.4168C75.7539 91.4701 80.4002 82.3935 86.1311 79.0848C91.862 75.776 96.5073 79.4881 96.5068 86.4348C96.5063 93.3814 93.4313 100.048 86.1292 104.264Z" fill="white" /> <path d="M88.9127 91.2038C86.7636 92.4446 85.0216 91.2299 85.0218 88.4909C85.022 85.7518 86.7643 82.5255 88.9134 81.2847C91.0625 80.0439 92.8045 81.2585 92.8043 83.9976C92.8041 86.7367 91.0618 89.963 88.9127 91.2038Z" fill="#030776" /> <path d="M89.5696 87.0158C88.4951 87.6362 87.6241 87.1143 87.6242 85.8501C87.6243 84.5859 88.4954 83.0582 89.57 82.4378C90.6445 81.8174 91.5155 82.3393 91.5155 83.6035C91.5154 84.8677 90.6442 86.3954 89.5696 87.0158Z" fill="white" /> </svg> </div> <svg class="w-full aspect-[127/181]" viewBox="0 0 127 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.8" d="M42.5692 169.002L125.701 120.997L84.1321 96.9971L1 145.002L42.5692 169.002Z" class="fill-sand-light-6-1 dark:fill-sand-dark-6"/> <path d="M125.702 120.997L125.702 25L84.1328 1L84.1328 96.9969L125.702 120.997Z" class="fill-[#F3F3F2] dark:fill-sand-dark-6"/> <path d="M83.7571 96.7804L1.375 144.352L1.375 49.2212L83.7571 1.64957L83.7571 96.7804Z" stroke="#2E0012" stroke-width="0.75"/> <path d="M42.5692 169.002L125.701 120.997L84.1321 96.9971L1 145.002L42.5692 169.002Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M125.702 120.997L125.702 25L84.1328 1L84.1328 96.9969L125.702 120.997Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M77.172 92.8841L10.375 131.456L10.375 54.3222L77.172 15.7502L77.172 92.8841Z" stroke="#2E0012" stroke-width="0.75"/> <g opacity="0.9"> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" fill="#F76F87"/> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" fill="url(#cube_flat_front_pattern_0_b5ImvnKCrus4ktTR)" style="mix-blend-mode:soft-light"/> </g> <g opacity="0.9"> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" fill="url(#cube_flat_front_linear_0_b5ImvnKCrus4ktTR)"/> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" fill="url(#cube_flat_front_pattern_1_b5ImvnKCrus4ktTR)" style="mix-blend-mode:soft-light"/> </g> <path d="M77.172 92.8841L10.375 131.456L10.375 54.3222L77.172 15.7502L77.172 92.8841Z" stroke="#2E0012" stroke-width="0.75"/> <path d="M51.5692 156.106L119.116 117.101L77.547 93.1006L10 132.106L51.5692 156.106Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M119.116 117.101L119.116 39.1006L77.5469 15.1006L77.5469 93.1006L119.116 117.101Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <g opacity="0.9"> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" fill="url(#cube_flat_front_linear_1_b5ImvnKCrus4ktTR)"/> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" fill="url(#cube_flat_front_pattern_2_b5ImvnKCrus4ktTR)" style="mix-blend-mode:soft-light"/> </g> <g opacity="0.9"> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" fill="url(#cube_flat_front_linear_2_b5ImvnKCrus4ktTR)"/> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" fill="url(#cube_flat_front_pattern_3_b5ImvnKCrus4ktTR)" style="mix-blend-mode:soft-light"/> </g> <rect opacity="0.9" width="78" height="78" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 51.5781 156.106)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M51.5692 78.1064L51.5692 156.106L10 132.106L10 54.1064L51.5692 78.1064Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M119.116 39.1006L51.5692 78.1057L10 54.1057L77.547 15.1006L119.116 39.1006Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <rect x="0.324745" y="-0.562524" width="77.25" height="77.25" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 52.39 155.587)" stroke="#2E0012" stroke-width="0.75"/> <path opacity="0.8" d="M42.5692 73.0059L42.5692 169.003L1 145.003L1 49.0059L42.5692 73.0059Z" class="fill-[#C8C7C1] dark:fill-sand-dark-5"/> <path opacity="0.8" d="M125.701 25L42.5692 73.0047L1 49.0047L84.1321 1L125.701 25Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path d="M42.5692 73.0059L42.5692 169.003L1 145.003L1 49.0059L42.5692 73.0059Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <path d="M125.701 25L42.5692 73.0047L1 49.0047L84.1321 1L125.701 25Z" stroke="#2E0012" stroke-width="1.5" stroke-linejoin="round"/> <rect x="0.324745" y="-0.562524" width="95.2469" height="95.2469" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 43.39 168.484)" stroke="#2E0012" stroke-width="0.75"/> <defs> <pattern id="cube_flat_front_pattern_0_b5ImvnKCrus4ktTR" patternContentUnits="objectBoundingBox" width="28.1535" height="48.758"> <use href="#cube_flat_front_image_b5ImvnKCrus4ktTR" transform="scale(0.0274936 0.0476152)"/> </pattern> <pattern id="cube_flat_front_pattern_1_b5ImvnKCrus4ktTR" patternContentUnits="objectBoundingBox" width="73.9008" height="30.1176"> <use href="#cube_flat_front_image_b5ImvnKCrus4ktTR" transform="scale(0.0721688 0.0294118)"/> </pattern> <pattern id="cube_flat_front_pattern_2_b5ImvnKCrus4ktTR" patternContentUnits="objectBoundingBox" width="73.9008" height="30.1176"> <use href="#cube_flat_front_image_b5ImvnKCrus4ktTR" transform="scale(0.0721688 0.0294118)"/> </pattern> <pattern id="cube_flat_front_pattern_3_b5ImvnKCrus4ktTR" patternContentUnits="objectBoundingBox" width="28.1535" height="48.758"> <use href="#cube_flat_front_image_b5ImvnKCrus4ktTR" transform="scale(0.0274936 0.0476152)"/> </pattern> <linearGradient id="cube_flat_front_linear_0_b5ImvnKCrus4ktTR" x1="98.3315" y1="15.1006" x2="98.3315" y2="117.101" gradientUnits="userSpaceOnUse"> <stop stop-color="#F0ACB8"/> <stop offset="1" stop-color="#F76F87"/> </linearGradient> <linearGradient id="cube_flat_front_linear_1_b5ImvnKCrus4ktTR" x1="30.7846" y1="54.1064" x2="30.7846" y2="156.106" gradientUnits="userSpaceOnUse"> <stop stop-color="#FB9AC2"/> <stop offset="1" stop-color="#FB9AC2"/> </linearGradient> <linearGradient id="cube_flat_front_linear_2_b5ImvnKCrus4ktTR" x1="118" y1="38.5" x2="52" y2="77.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#FB9AC2"/> <stop offset="1" stop-color="#FB9AC2"/> </linearGradient> <image id="cube_flat_front_image_b5ImvnKCrus4ktTR" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Livewire</span> <span class="px-1 font-medium leading-normal rounded-xs text-laravel-red bg-laravel-red-faded dark:!bg-[#3F1018] dark:!text-[#FF91A4] text-sm ">New</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Laravel, Livewire, and Tailwind</span> </span> </a> </li> </ul> </div> <div class="col-span-8"> <h3 class="mb-8 font-medium dark:text-sand-dark-11">Packages</h3> <ul class="grid grid-flow-col grid-rows-7 grid-cols-subgrid"> <li> <a href="/docs/scout" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter_0_4WVzMyVZgD)"> <path d="M10.9993 32.9L18.7931 33.35L26.5877 23.9L26.5875 27.05L18.7929 36.5L10.999 36.05L10.9993 32.9ZM11 23L18.7939 23.45L26.5885 14L26.5879 21.65L18.7933 31.1L10.9994 30.65L11 23Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter_0_4WVzMyVZgD" x="9.999" y="14" width="17.5895" height="24.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_84" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_84" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_zxzrHKHuLaJBq0V9)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_zxzrHKHuLaJBq0V9)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_zxzrHKHuLaJBq0V9" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_zxzrHKHuLaJBq0V9" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_zxzrHKHuLaJBq0V9" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#f01701"/> <stop offset="1" stop-color="#d00000"/> </linearGradient> <image id="cube_sm_image_zxzrHKHuLaJBq0V9" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Scout</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Search for Eloquent models</span> </span> </a> </li> <li> <a href="/docs/octane" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_D1TtFOsjJC)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.2114 30.5976L12.4455 26.1581C12.7703 25.039 13.3548 23.9571 14.1666 23.0803L17.349 19.6481C18.1284 18.79 19.0051 18.2864 19.8169 18.1558L23.0966 17.6893C23.876 17.5774 24.5254 17.9131 24.8826 18.6033L26.3112 21.4384C26.6684 22.1286 26.6683 23.1358 26.3761 24.2364L25.1095 28.7318C24.8172 29.795 24.2002 30.8955 23.4208 31.7536L20.2384 35.2231C19.4591 36.0812 18.5823 36.5848 17.7705 36.7154L14.4908 37.1446C13.7115 37.2565 13.0621 36.9208 12.7049 36.2307L11.2762 33.3955C10.9191 32.7053 10.9191 31.6981 11.2114 30.5976ZM22.1618 19.9494L13.9453 26.3312L15.3915 34.9396L23.608 28.5578L22.1618 19.9494Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_D1TtFOsjJC" x="9.99967" y="17.6681" width="17.5881" height="21.4976" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_40" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_40" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_Ti2QldcK6WdNO4iB)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_Ti2QldcK6WdNO4iB)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_Ti2QldcK6WdNO4iB" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_Ti2QldcK6WdNO4iB" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_Ti2QldcK6WdNO4iB" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#f01701"/> <stop offset="1" stop-color="#d00000"/> </linearGradient> <image id="cube_sm_image_Ti2QldcK6WdNO4iB" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Octane</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">High performance app server</span> </span> </a> </li> <li> <a href="/docs/reverb" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <mask id="mask_0_qUlL6sxOaH" style="mask-type: luminance" maskUnits="userSpaceOnUse" x="9" y="12" width="19" height="30" > <path d="M27.3205 12L10 22L9.9985 41.9605L27.319 31.9605L27.3205 12Z" fill="white" /> </mask> <g mask="url(#mask_0_qUlL6sxOaH)"> <g filter="url(#filter_1_qUlL6sxOaH)"> <path d="M18.6572 29.6084C17.3907 30.3396 16.3981 29.7269 16.3982 28.304C16.3983 26.8811 17.4253 25.1024 18.6576 24.391C19.9242 23.6597 20.9167 24.2724 20.9166 25.6953C20.9165 27.1182 19.9238 28.8771 18.6572 29.6084Z" fill="#F9F9F8" /> <path d="M18.6571 32.0594C16.2268 33.4626 14.2416 32.3163 14.2418 29.5495C14.242 26.7827 16.2275 23.344 18.6579 21.9408C21.0882 20.5377 23.0734 21.6839 23.0732 24.4507C23.073 27.2175 21.0875 30.6562 18.6571 32.0594ZM18.6578 23.0475C16.7751 24.1345 15.2346 26.8025 15.2345 28.9369C15.2343 31.0713 16.7746 31.9606 18.6572 30.8736C20.5399 29.7867 22.0804 27.1187 22.0805 24.9843C22.0807 22.8499 20.5405 21.9606 18.6578 23.0475Z" fill="#F9F9F8" /> <path d="M18.6618 34.5097C15.0677 36.5848 12.1241 34.9247 12.1244 30.7745C12.1247 26.6243 15.0688 21.565 18.663 19.4899C22.2572 17.4148 25.2007 19.0749 25.2004 23.2251C25.2001 27.3753 22.256 32.4346 18.6618 34.5097ZM18.6629 20.5967C15.6164 22.3556 13.1174 26.6441 13.1171 30.1619C13.1169 33.6797 15.6154 35.0828 18.6619 33.3239C21.7084 31.565 24.2075 27.2765 24.2077 23.7587C24.208 20.2409 21.7094 18.8378 18.6629 20.5967Z" fill="#F9F9F8" /> <path d="M18.6587 36.9605C13.8665 39.7273 9.99883 37.4941 9.99925 32C9.99966 26.5059 13.9022 19.747 18.6603 17C23.4525 14.2332 27.3202 16.4664 27.3198 21.9605C27.3193 27.4545 23.451 34.1937 18.6587 36.9605ZM18.6602 18.1462C14.4498 20.5771 10.9923 26.5257 10.9919 31.3874C10.9916 36.249 14.4143 38.2253 18.6588 35.7747C22.9034 33.3636 26.3267 27.4348 26.3271 22.5336C26.3274 17.6324 22.9047 15.6957 18.6602 18.1462Z" fill="#F9F9F8" /> </g> </g> <defs> <filter id="filter_1_qUlL6sxOaH" x="8.99925" y="15.8119" width="19.3205" height="24.3366" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_2" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_2" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_p053Xb25abCjMKgs)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_p053Xb25abCjMKgs)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_p053Xb25abCjMKgs" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_p053Xb25abCjMKgs" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_p053Xb25abCjMKgs" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#f0acb8"/> <stop offset="1" stop-color="#f76f87"/> </linearGradient> <image id="cube_sm_image_p053Xb25abCjMKgs" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Reverb</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Fast, scalable WebSockets</span> </span> </a> </li> <li> <a href="/docs/broadcasting" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_GRtkJ0a5Zy)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M27.5607 27.6748C25.6055 32.593 20.4831 36.1758 16.1195 35.6773C11.7559 35.1787 9.80359 30.7875 11.7588 25.8693C13.7139 20.9512 18.8363 17.3684 23.2 17.8669C27.5635 18.3655 29.5159 22.7567 27.5607 27.6748ZM16.1883 35.3745C13.9324 35.0851 12.9424 32.7612 13.9777 30.1571C15.0205 27.5341 17.7229 25.6199 20.0138 25.8816C22.3046 26.1434 23.3165 28.482 22.2737 31.105C21.2385 33.709 18.5675 35.6145 16.2874 35.3858C19.4402 35.7142 23.1356 33.0922 24.5619 29.5044C25.9957 25.8978 24.5934 22.681 21.4298 22.3195C18.2662 21.9581 14.5393 24.5888 13.1055 28.1955C11.6791 31.7834 13.0595 34.9855 16.1883 35.3745ZM20.6924 32.0829C19.9277 34.0064 17.9614 35.4119 16.3005 35.2222C14.6396 35.0324 13.9131 33.3192 14.6778 31.3957C15.4425 29.4721 17.4089 28.0666 19.0697 28.2564C20.7306 28.4461 21.4571 30.1593 20.6924 32.0829Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_GRtkJ0a5Zy" x="9.99976" y="17.8206" width="19.32" height="19.903" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_122" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_122" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_XXhwQqyz5vZPWgee)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_XXhwQqyz5vZPWgee)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_XXhwQqyz5vZPWgee" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_XXhwQqyz5vZPWgee" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_XXhwQqyz5vZPWgee" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#f0acb8"/> <stop offset="1" stop-color="#f76f87"/> </linearGradient> <image id="cube_sm_image_XXhwQqyz5vZPWgee" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Echo</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Listen for WebSocket events</span> </span> </a> </li> <li> <a href="/docs/pennant" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_Vl4u2KsOfS)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.2243 28.4549L20.2247 23.3187L12 25.5005L11.9992 35.7704L20.2243 28.4549ZM28.4534 22.9338L20.2262 30.2512L20.2266 25.1162L28.4534 22.9338Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_Vl4u2KsOfS" x="10.9992" y="22.9338" width="18.4542" height="14.8366" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_141" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_141" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_DVFNtAb6VeILBI73)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_DVFNtAb6VeILBI73)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_DVFNtAb6VeILBI73" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_DVFNtAb6VeILBI73" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_DVFNtAb6VeILBI73" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#00794c"/> <stop offset="1" stop-color="#005838"/> </linearGradient> <image id="cube_sm_image_DVFNtAb6VeILBI73" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Pennant</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Feature flag management</span> </span> </a> </li> <li> <a href="/docs/cashier" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_qNZ7s6yhor)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5881 16.9999L11 26.0005L10.9995 38.0005L26.5877 28.9999L26.5881 16.9999ZM18.7931 30.5004C20.228 29.6719 21.3912 27.6571 21.3912 26.0003C21.3913 24.3434 20.2282 23.6719 18.7933 24.5004C17.3585 25.3289 16.1953 27.3436 16.1952 29.0005C16.1951 30.6573 17.3583 31.3289 18.7931 30.5004Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_qNZ7s6yhor" x="9.9995" y="16.9999" width="17.5886" height="23.0006" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_103" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_103" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_2rXP79aNXrrdeBui)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_2rXP79aNXrrdeBui)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_2rXP79aNXrrdeBui" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_2rXP79aNXrrdeBui" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_2rXP79aNXrrdeBui" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#00794c"/> <stop offset="1" stop-color="#005838"/> </linearGradient> <image id="cube_sm_image_2rXP79aNXrrdeBui" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Cashier</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Payments and subscriptions</span> </span> </a> </li> <li> <a href="/docs/socialite" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_hUmH2H7G1d)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.2132 31.8383C25.6773 29.3569 26.5876 26.5384 26.5878 24C26.5882 19.0294 23.0989 17.0147 18.7942 19.5C14.4896 21.9853 10.9997 28.0294 10.9993 33C10.9991 35.5406 11.9106 37.3089 13.3766 38.0989C14.6231 35.4985 16.5872 33.1515 18.7965 31.876C21.0042 30.6013 22.9669 30.6795 24.2132 31.8383ZM21.7126 24.5635C21.7125 26.4274 20.4038 28.694 18.7895 29.626C17.1753 30.558 15.8668 29.8024 15.8669 27.9385C15.8671 26.0745 17.1758 23.808 18.79 22.876C20.4043 21.944 21.7127 22.6995 21.7126 24.5635Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_hUmH2H7G1d" x="9.9993" y="18.4355" width="17.5885" height="21.6634" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_198" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_198" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_H3GbP8THc0kmZHBA)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_H3GbP8THc0kmZHBA)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_H3GbP8THc0kmZHBA" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_H3GbP8THc0kmZHBA" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_H3GbP8THc0kmZHBA" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#2781d7"/> <stop offset="1" stop-color="#0a5fb0"/> </linearGradient> <image id="cube_sm_image_H3GbP8THc0kmZHBA" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Socialite</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Social authentication</span> </span> </a> </li> <li> <a href="/docs/sanctum" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_aElrnFqMSx)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.294 22.7239L22.334 22.2111L23.481 19.7264L21.9025 19.3134L20.7555 21.7982L18.794 21.285L16.8331 24.0621L15.6868 22.902L14.1081 25.1378L15.2544 26.2979L13.2933 29.0751L14.0424 31.3053L12.1869 33.0726L12.7897 34.8674L14.6452 33.1L15.3937 35.3285L17.8181 33.9288L17.8179 36.1819L13.9758 38.4002L10.9995 29.5389L18.7942 18.5L26.588 20.5389L25.4004 25.4435L23.5447 25.8187L24.294 22.7239ZM19.7692 35.0554L19.7694 32.8022L22.1925 31.4032L22.9416 28.3097L24.7973 27.9345L23.61 32.8379L19.7692 35.0554ZM18.7942 30.6665C20.0874 29.9199 21.1359 28.1041 21.136 26.6108C21.1361 25.1176 20.0878 24.5123 18.7946 25.259C17.5015 26.0056 16.453 27.8214 16.4529 29.3146C16.4528 30.8078 17.5011 31.4131 18.7942 30.6665Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_aElrnFqMSx" x="9.9995" y="18.5" width="17.5885" height="21.9002" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_179" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_179" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_myjSGIu1Jt3VFlfE)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_myjSGIu1Jt3VFlfE)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_myjSGIu1Jt3VFlfE" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_myjSGIu1Jt3VFlfE" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_myjSGIu1Jt3VFlfE" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#2781d7"/> <stop offset="1" stop-color="#0a5fb0"/> </linearGradient> <image id="cube_sm_image_myjSGIu1Jt3VFlfE" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Sanctum</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">API authentication</span> </span> </a> </li> <li> <a href="/docs/sail" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_QgO3w2UlIS)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.6417 37.3194L17.6423 22.954L10.9994 37.2684V37.291C12.6535 38.5017 15.0015 38.5884 17.6417 37.3194ZM26.5894 27.3978C24.8107 31.2763 21.931 34.8137 18.6693 36.7648L18.4837 36.872L18.4844 17.6785L26.5894 27.3978Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_QgO3w2UlIS" x="9.9994" y="17.6785" width="17.59" height="22.5571" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_21" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_21" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_E0isrBgpadHZ9EUs)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_E0isrBgpadHZ9EUs)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_E0isrBgpadHZ9EUs" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_E0isrBgpadHZ9EUs" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_E0isrBgpadHZ9EUs" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#f49201"/> <stop offset="1" stop-color="#f46701"/> </linearGradient> <image id="cube_sm_image_E0isrBgpadHZ9EUs" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Sail</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Local Docker development</span> </span> </a> </li> <li> <a href="/docs/pint" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_0JKsXe9ZyS)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.2388 35.9949L19.1836 20.6988L21.08 19.6039L18.1353 34.8999L16.2388 35.9949ZM12.6014 31.2955L15.5454 26.1968L14.2445 25.4457L9.99949 32.7977L14.2438 35.2484L15.5449 32.9951L12.6014 31.2955ZM27.32 22.7977L23.0757 20.3471L21.7746 22.6004L24.7181 24.2999L21.7741 29.3986L23.075 30.1497L27.32 22.7977Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_0JKsXe9ZyS" x="8.99949" y="19.6039" width="19.3205" height="18.391" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_160" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_160" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_pJG9NYZTi8gwHNUm)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_pJG9NYZTi8gwHNUm)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_pJG9NYZTi8gwHNUm" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_pJG9NYZTi8gwHNUm" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_pJG9NYZTi8gwHNUm" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#f49201"/> <stop offset="1" stop-color="#f46701"/> </linearGradient> <image id="cube_sm_image_pJG9NYZTi8gwHNUm" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Pint</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Code styler for minimalists</span> </span> </a> </li> <li> <a href="/docs/horizon" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_7sAxkTG96K)"> <path d="M13.7301 37.2693C13.728 37.2705 13.7244 37.2701 13.7244 37.2701C12.8684 36.9198 12.1814 36.2674 11.7109 35.3579C11.2399 34.4476 10.9971 33.3014 10.9993 31.9987C10.9995 29.5125 11.8733 26.7581 13.2829 24.3169C16.2711 19.143 21.0942 16.2859 24.1588 17.8738C27.2231 19.4622 27.413 24.9177 24.5866 30.1752C21.7609 35.4318 16.9495 38.5767 13.7359 37.2684C13.7359 37.2684 13.7322 37.2681 13.7301 37.2693ZM13.0996 31.3411L13.1013 31.3394C13.9616 29.9616 14.5724 28.4359 16.1958 27.4987C18.7939 25.9986 18.7937 28.9986 21.3918 27.4985C23.7171 26.1561 24.6049 21.7367 23.0519 20.6351C21.896 19.8153 20.1712 19.9453 18.3136 21.1986C15.1683 23.3209 12.8334 27.8608 13.0971 31.3399L13.0996 31.3411Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_7sAxkTG96K" x="9.99928" y="17.4354" width="17.5885" height="22.1292" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_236" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_236" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_XRNPEvwzTpSszvnx)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_XRNPEvwzTpSszvnx)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_XRNPEvwzTpSszvnx" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_XRNPEvwzTpSszvnx" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_XRNPEvwzTpSszvnx" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#ae54c5"/> <stop offset="1" stop-color="#ae36c4"/> </linearGradient> <image id="cube_sm_image_XRNPEvwzTpSszvnx" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Horizon</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Monitor Redis queues</span> </span> </a> </li> <li> <a href="/docs/dusk" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_NTRP7NDQ5G)"> <path d="M18.5096 28.7238C16.0657 27.3126 15.484 23.4489 16.8227 19.2156C15.9498 20.1899 15.106 21.3154 14.3785 22.5754C11.2067 28.0686 11.2062 34.049 14.3775 35.8801C17.5487 37.7112 22.7279 34.721 25.8997 29.2278C26.6272 27.9678 27.1801 26.7079 27.5875 25.4312C24.6196 28.6902 20.9825 30.1517 18.5096 28.7238Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_NTRP7NDQ5G" x="10.9993" y="19.2156" width="17.5882" height="19.2032" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_217" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_217" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_yd40nSM7pYtzKVt6)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_yd40nSM7pYtzKVt6)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_yd40nSM7pYtzKVt6" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_yd40nSM7pYtzKVt6" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_yd40nSM7pYtzKVt6" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#ae54c5"/> <stop offset="1" stop-color="#ae36c4"/> </linearGradient> <image id="cube_sm_image_yd40nSM7pYtzKVt6" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Dusk</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Automated browser testing</span> </span> </a> </li> <li> <a href="/docs/telescope" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_ssTd2Au868)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.7929 36.5C23.0975 34.0147 26.5874 27.9706 26.5878 23C26.5882 18.0294 23.0989 16.0147 18.7942 18.5C14.4896 20.9853 10.9997 27.0294 10.9993 32C10.9989 36.9706 14.4882 38.9853 18.7929 36.5ZM21.9086 19.3995C21.9085 20.8907 22.9553 21.4951 24.2466 20.7495C22.9553 21.4951 21.9083 23.3083 21.9082 24.7995C21.9083 23.3083 20.8615 22.7039 19.5701 23.4495C20.8615 22.7039 21.9085 20.8907 21.9086 19.3995ZM18.0125 23.4499C18.0122 26.4322 20.1058 27.6411 22.6886 26.1499C20.1058 27.6411 18.0119 31.2676 18.0117 34.2499C18.0119 31.2676 15.9183 30.0587 13.3355 31.5499C15.9183 30.0587 18.0122 26.4322 18.0125 23.4499Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_ssTd2Au868" x="9.9993" y="17.4355" width="17.5885" height="22.1291" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_255" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_255" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_KiS93GcfCy5rdjlM)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_KiS93GcfCy5rdjlM)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_KiS93GcfCy5rdjlM" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_KiS93GcfCy5rdjlM" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_KiS93GcfCy5rdjlM" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#8d54c5"/> <stop offset="1" stop-color="#4a36c4"/> </linearGradient> <image id="cube_sm_image_KiS93GcfCy5rdjlM" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Telescope</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Local debugging and insights</span> </span> </a> </li> <li> <a href="/docs/pulse" class="flex items-start px-3 py-4 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-3"> <span class="relative inline-block w-8 h-8 mr-7"> <div class="relative"> <svg class="absolute bottom-0 left-0 w-full aspect-[36/57] opacity-0 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M7.9282 57.0006L35.6389 40.999L28.7107 36.999L1 53.0006L7.9282 57.0006Z" class="fill-sand-light-12 dark:fill-sand-dark-6" /> </svg> <div class="relative transition-transform duration-300 translate-y-[0.2rem] group-hover:translate-y-0"> <div class="absolute inset-0 flex items-center justify-center pt-[0.1rem]"> <svg class="w-full" width="36" height="57" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" > <g filter="url(#filter0_0_GP9n1jmffq)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.1733 19.2831L21.1069 18.1667L22.8428 24.6116L26.5879 22.4493L26.5877 24.9321L21.1948 28.0457L20.1069 24.0067L17.8764 34.3056L15.9733 35.4044L14.3276 32.0104L10.9993 33.9321L10.9994 31.4493L15.734 28.7158L16.6993 30.7066L19.1733 19.2831Z" fill="#F9F9F8" /> </g> <defs> <filter id="filter0_0_GP9n1jmffq" x="9.9993" y="18.1667" width="17.5886" height="19.2377" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="0.5" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_3" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_3" result="shape" /> </filter> </defs> </svg> </div> <svg class="w-full aspect-[36/57]" viewBox="0 0 36 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M3.73438 50.5787L7.92932 53.0006L35.64 36.999L31.5035 34.6108L3.73438 50.5787Z" class="fill-sand-dark-12 dark:fill-sand-light-12"/> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M31.5 34.6093L35.6391 36.999L35.6391 5.00009L31.5 2.61035V34.6093Z" class="fill-sand-light-2 dark:fill-sand-dark-2"/> <path opacity="0.8" d="M28.5857 32.9268L1.125 48.784L1.125 17.0737L28.5857 1.21652L28.5857 32.9268Z" stroke="#270300" stroke-width="0.25"/> <path d="M7.9282 53.0006L35.6389 36.999L28.7107 32.999L1 49.0006L7.9282 53.0006Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6391 36.999L35.6391 5L28.7109 1L28.7109 32.999L35.6391 36.999Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" width="27.3216" height="27.3216" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 7.92969 48.3232)" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <rect opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_linear_YQ1Cu1c8zuYUL9Gb)"/> <rect style="mix-blend-mode:soft-light" opacity="0.8" width="31.999" height="31.999" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4 50.751)" fill="url(#cube_sm_pattern_YQ1Cu1c8zuYUL9Gb)"/> <rect x="0.216497" y="-0.375016" width="31.499" height="31.499" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 4.54126 50.4044)" stroke="#550000" stroke-width="0.5"/> <path opacity="0.8" d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" class="fill-[#C8C7C1] dark:fill-sand-dark-6"/> <path opacity="0.8" d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" class="fill-sand-light-1 dark:fill-sand-dark-1"/> <path d="M7.9282 21.0015L7.9282 53.0004L1 49.0004V17.0015L7.9282 21.0015Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <path d="M35.6389 5L7.9282 21.0016L1 17.0016L28.7107 1L35.6389 5Z" stroke="#270300" stroke-width="0.5" stroke-linejoin="round"/> <rect opacity="0.8" x="0.108248" y="-0.187508" width="31.749" height="31.749" transform="matrix(-4.37114e-08 -1 0.865988 -0.500065 8.20032 52.8275)" stroke="#270300" stroke-width="0.25"/> <defs> <pattern id="cube_sm_pattern_YQ1Cu1c8zuYUL9Gb" patternContentUnits="objectBoundingBox" width="23.0955" height="23.0955"> <use href="#cube_sm_image_YQ1Cu1c8zuYUL9Gb" transform="scale(0.0225542)"/> </pattern> <linearGradient id="cube_sm_linear_YQ1Cu1c8zuYUL9Gb" x1="29.8548" y1="15.9995" x2="2.14413" y2="15.9995" gradientUnits="userSpaceOnUse"> <stop stop-color="#8d54c5"/> <stop offset="1" stop-color="#4a36c4"/> </linearGradient> <image id="cube_sm_image_YQ1Cu1c8zuYUL9Gb" width="1024" height="1024" preserveAspectRatio="none" href="/images/home/cube-noise.png"/> </defs> </svg> </div> </div> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12 dark:text-sand-dark-12">Pulse</span> </span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Performance insights</span> </span> </a> </li> </ul> </div> </div> </div> </div> <div popover id="nav-developers" class="fixed w-full bg-transparent main-nav-popover top-(--popover-top-offset)"> <div class="pt-2 border-b xl:border-l xl:border-r bg-sand-light-1 pb-7 max-w-[1400px] mx-auto border-sand-light-7 dark:bg-sand-dark-1 dark:border-sand-dark-6"> <div class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 max-w-[1400px] lg:px-16 mx-auto relative"> <div class="col-span-2"> <h3 class="mb-8 font-medium text-sand-light-12 dark:text-sand-dark-11">Developers</h3> <ul class="space-y-8 font-medium text-sand-light-12 dark:text-sand-dark-12"> <li> <a href="/docs" class="flex items-center space-x-3 hover:text-sand-light-11 dark:hover:text-sand-dark-11 transition duration-100"> <span class="text-laravel-red dark:text-sand-dark-11"> <svg class="w-5 h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M16.25 17.9167V2.08333H3.75V17.9167L10 14.5833L16.25 17.9167Z" stroke="currentColor" stroke-linecap="round" /> </svg> </span> <span> Documentation </span> </a> </li> <li> <a href="/docs/releases" class="flex items-center space-x-3 hover:text-sand-light-11 dark:hover:text-sand-dark-11 transition duration-100"> <span class="text-laravel-red dark:text-sand-dark-11"> <svg class="w-5 h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M12.9165 17.0833V12.9167H17.0832M2.9165 2.91667H17.0832V13.3333L13.3332 17.0833H2.9165V2.91667Z" stroke="currentColor" /> </svg> </span> <span> Release notes </span> </a> </li> </ul> </div> <div class="col-span-2"> <h3 class="mb-8 font-medium text-sand-light-12 dark:text-sand-dark-11">Resources</h3> <ul class="space-y-8 font-medium text-sand-light-12 dark:text-sand-dark-12"> <li> <a href="https://laracasts.com" class="flex items-center space-x-3 hover:text-sand-light-11 dark:hover:text-sand-dark-11 transition duration-100"> <span class="text-laravel-red dark:text-sand-dark-11"> <svg class="w-5 h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M3.75016 2.91667H16.2502M2.0835 4.58334H17.9168V17.0833H2.0835V4.58334ZM8.75016 8.75001V12.9167L11.6668 10.8333L8.75016 8.75001Z" stroke="currentColor" stroke-linecap="square" /> </svg> </span> <span> Screencasts </span> </a> </li> <li> <a href="https://laracasts.com/discuss" class="flex items-center space-x-3 hover:text-sand-light-11 dark:hover:text-sand-dark-11 transition duration-100"> <span class="text-laravel-red dark:text-sand-dark-11"> <svg class="w-5 h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M17.0851 2.91666H2.91846V18.3333L6.25179 16.25H17.0851V2.91666Z" stroke="currentColor" stroke-linecap="square" /> <path d="M5.7085 9.58332C5.7085 9.88248 5.95101 10.125 6.25016 10.125C6.54932 10.125 6.79183 9.88248 6.79183 9.58332C6.79183 9.28417 6.54932 9.04166 6.25016 9.04166C5.95101 9.04166 5.7085 9.28417 5.7085 9.58332ZM9.4585 9.58332C9.4585 9.88248 9.70101 10.125 10.0002 10.125C10.2993 10.125 10.5418 9.88248 10.5418 9.58332C10.5418 9.28417 10.2993 9.04166 10.0002 9.04166C9.70101 9.04166 9.4585 9.28417 9.4585 9.58332ZM13.2085 9.58332C13.2085 9.88248 13.451 10.125 13.7502 10.125C14.0493 10.125 14.2918 9.88248 14.2918 9.58332C14.2918 9.28417 14.0493 9.04166 13.7502 9.04166C13.451 9.04166 13.2085 9.28417 13.2085 9.58332Z" fill="currentColor" stroke="currentColor" stroke-width="0.25" stroke-linecap="square" /> </svg> </span> <span> Forums </span> </a> </li> <li> <a href="https://laravel-news.com" class="flex items-center space-x-3 hover:text-sand-light-11 dark:hover:text-sand-dark-11 transition duration-100"> <span class="text-laravel-red dark:text-sand-dark-11"> <svg class="w-5 h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_334_4784)"> <path d="M0.416504 7.91667H1.6665M19.5832 7.91667H18.3332M11.8659 7.57987C11.3164 7.26398 10.6792 7.08333 9.99984 7.08333C9.32048 7.08333 8.68332 7.26398 8.13377 7.57987M8.74984 10C8.74984 12.0711 7.07091 13.75 4.99984 13.75C2.92877 13.75 1.24984 12.0711 1.24984 10C1.24984 7.92893 2.92877 6.25 4.99984 6.25C7.07091 6.25 8.74984 7.92893 8.74984 10ZM18.7498 10C18.7498 12.0711 17.0709 13.75 14.9998 13.75C12.9288 13.75 11.2498 12.0711 11.2498 10C11.2498 7.92893 12.9288 6.25 14.9998 6.25C17.0709 6.25 18.7498 7.92893 18.7498 10Z" stroke="currentColor" stroke-linecap="square" /> </g> <defs> <clipPath id="clip0_334_4784"> <rect width="20" height="20" fill="white" /> </clipPath> </defs> </svg> </span> <span> News </span> </a> </li> <li> <a href="https://larajobs.com/?partner=5" class="flex items-center space-x-3 hover:text-sand-light-11 dark:hover:text-sand-dark-11 transition duration-100"> <span class="text-laravel-red dark:text-sand-dark-11"> <svg class="w-5 h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M2.0835 16.25H1.54503V16.7885H2.0835V16.25ZM2.0835 3.75001V3.21155H1.54503V3.75001H2.0835ZM17.9168 16.25V16.7885H18.4553V16.25H17.9168ZM11.2502 4.28847H11.7886V3.21155H11.2502V4.28847ZM2.62196 16.25V3.75001H1.54503V16.25H2.62196ZM17.9168 15.7115H2.0835V16.7885H17.9168V15.7115ZM2.0835 4.28847H11.2502V3.21155H2.0835V4.28847ZM17.3784 10.4167V16.25H18.4553V10.4167H17.3784ZM10.0002 9.04488C7.12483 9.04488 4.48773 8.03103 2.42475 6.3408L1.74224 7.17383C3.99063 9.01597 6.86698 10.1218 10.0002 10.1218V9.04488ZM13.1902 8.61493C12.1753 8.89506 11.1056 9.04488 10.0002 9.04488V10.1218C11.2034 10.1218 12.3693 9.95869 13.4768 9.65304L13.1902 8.61493ZM19.045 5.00001C19.045 6.31346 17.9803 7.37822 16.6668 7.37822V8.45514C18.575 8.45514 20.122 6.90823 20.122 5.00001H19.045ZM16.6668 7.37822C15.3534 7.37822 14.2886 6.31346 14.2886 5.00001H13.2117C13.2117 6.90823 14.7586 8.45514 16.6668 8.45514V7.37822ZM14.2886 5.00001C14.2886 3.68656 15.3534 2.62181 16.6668 2.62181V1.54488C14.7586 1.54488 13.2117 3.0918 13.2117 5.00001H14.2886ZM16.6668 2.62181C17.9803 2.62181 19.045 3.68656 19.045 5.00001H20.122C20.122 3.0918 18.575 1.54488 16.6668 1.54488V2.62181Z" fill="currentColor" /> </svg> </span> <span> Jobs </span> </a> </li> </ul> </div> <div class="col-span-4"> <h3 class="col-span-4 mb-8 font-medium text-sand-light-12 dark:text-sand-dark-11 shrink">Upcoming events</h3> <ul class="space-y-4 font-medium text-sand-light-12 dark:text-sand-dark-12"> <li> <a href="https://laracon.us" target="_blank" class="grid grid-cols-4 gap-4 lg:gap-6 xl:gap-x-8 hover:bg-sand-light-3 dark:hover:bg-sand-dark-2 transition duration-100 rounded-sm p-1.5 -mx-1.5"> <img src="/images/events/laracon-us-2025.png " alt="Laracon US" class="w-full col-span-1 max-w-none aspect-square rounded-xs"> <span class="col-span-3 font-medium"> <span class="text-sand-light-12 mb-1.5 flex items-center dark:text-sand-dark-12"> <span>Laracon US</span> <span class="px-1 font-medium leading-normal rounded-xs text-laravel-red bg-laravel-red-faded dark:!bg-[#3F1018] dark:!text-[#FF91A4] text-xs ml-4">Featured</span> </span> <span class="text-sm block text-sand-light-11 dark:text-sand-dark-11 mb-0.5">Jul 29-30 2025</span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Denver, USA</span> </span> </a> </li> <li> <a href="https://laracon.au" target="_blank" class="grid grid-cols-4 gap-4 lg:gap-6 xl:gap-x-8 hover:bg-sand-light-3 dark:hover:bg-sand-dark-2 transition duration-100 rounded-sm p-1.5 -mx-1.5"> <img src="/images/events/laracon-au-2025.png " alt="Laracon AU" class="w-full col-span-1 max-w-none aspect-square rounded-xs"> <span class="col-span-3 font-medium"> <span class="text-sand-light-12 mb-1.5 flex items-center dark:text-sand-dark-12"> <span>Laracon AU</span> </span> <span class="text-sm block text-sand-light-11 dark:text-sand-dark-11 mb-0.5">Coming soon</span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Australia</span> </span> </a> </li> </ul> </div> <div class="col-span-4"> <div class="flex items-center justify-between mb-8 "> <h3 class="font-medium text-sand-light-12 dark:text-sand-dark-12"> Learn </h3> <a href="https://laracasts.com/series/30-days-to-learn-laravel-11" target="_blank" class="flex items-center space-x-1 text-sm font-medium underline text-laravel-red dark:text-sand-dark-11"> <span>Watch series</span> <svg class="w-2.5 h-2.5" width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001" stroke="currentColor" stroke-linecap="square" /> </svg> </a> </div> <a href="https://laracasts.com/series/30-days-to-learn-laravel-11" target="_blank" class="relative group"> <img src="/images/home/laracasts.png" alt="Laracasts" class="relative w-full"> <span class="absolute inset-0 flex items-center justify-center transition-opacity duration-300 ease-in-out opacity-0 bg-black/20 group-hover:opacity-100"> <svg class="w-9 h-9" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20" cy="20" r="19.5" fill="#F53003" stroke="#FF8774"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M29.543 20.7842L15.373 28.8812H15.372C15.2326 28.9606 15.0749 29.0024 14.9145 29.0024C14.7541 29.0024 14.5964 28.9606 14.457 28.8812C14.3185 28.8023 14.2034 28.6883 14.1231 28.5506C14.0429 28.413 14.0004 28.2566 14 28.0972V11.9062C14 11.5812 14.175 11.2842 14.457 11.1212C14.5964 11.0418 14.7541 11 14.9145 11C15.0749 11 15.2326 11.0418 15.372 11.1212L29.542 19.2172C29.824 19.3782 30 19.6772 30 20.0002C29.9994 20.1594 29.9569 20.3156 29.8766 20.4531C29.7964 20.5905 29.6813 20.7044 29.543 20.7832V20.7842Z" fill="white"/> </svg> </span> </a> </div> </div> </div> </div> <div class="px-4 xl:px-16"> <div class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 relative"> <div class="col-span-12 py-20"> <h1 class="mb-8 text-[40px] leading-[48px] md:leading-tight md:text-5xl lg:text-6xl"> Make the web. <br>Better. <span class="text-laravel-red">Together</span>. </h1> <div class="space-x-4"> <a href="#positions" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent text-white bg-sand-light-12 hover:bg-black shadow-primary-button hover:shadow-primary-button-hover dark:hover:bg-sand-dark-4 px-4 py-2 "> Open positions </a> <a href="#benefits" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent shadow-secondary-button hover:shadow-secondary-button-hover text-sand-light-12 dark:text-sand-dark-10 dark:hover:text-sand-dark-12 dark:hover:border-sand-dark-5 px-4 py-2 "> Benefits </a> </div> </div> <h2 class="col-span-12 mb-8 text-3xl md:text-4xl lg:text-5xl" id="benefits">Benefits</h2> <div class="col-span-12 lg:col-span-4"> <img src="https://laravel.com/build/assets/learn-and-grow-CadDwCLF.svg" class="w-6 h-8 pb-2" height="32" width="24" loading="lazy"> <h3 class="mb-2 font-medium">Learn and grow</h3> <p class="text-sand-light-10">Work with the best and brightest in the Laravel ecosystem, building the tools that Laravel developers love.</p> </div> <div class="col-span-12 lg:col-span-4"> <img src="https://laravel.com/build/assets/health-benefits-Dxxw0Ong.svg" class="w-6 h-8 pb-2" height="32" width="24" loading="lazy"> <h3 class="mb-2 font-medium">Health benefits</h3> <p class="text-sand-light-10">Laravel is proud to offer robust, private health benefits no matter what country you reside in.</p> </div> <div class="col-span-12 lg:col-span-4"> <img src="https://laravel.com/build/assets/life-work-balance-B1DTqUTH.svg" class="w-6 h-8 pb-2" height="32" width="24" loading="lazy"> <h3 class="mb-2 font-medium">Remote workplace</h3> <p class="text-sand-light-10">We are a fully distributed team working together to build the next generation of Laravel packages and products.</p> </div> <div class="col-span-12 lg:col-span-4"> <img src="https://laravel.com/build/assets/vacation-BqXQZecz.svg" class="w-6 h-8 pb-2" height="32" width="24" loading="lazy"> <h3 class="mb-2 font-medium">Take a vacation</h3> <p class="text-sand-light-10">We believe well-rested employees do their best work. Laravel offers generous vacation time plus your country's holidays.</p> </div> <div class="col-span-12 lg:col-span-4"> <img src="https://laravel.com/build/assets/perks-Bu4_l67F.svg" class="w-6 h-8 pb-2" height="32" width="24" loading="lazy"> <h3 class="mb-2 font-medium">Retirement contributions</h3> <p class="text-sand-light-10">Retirement fund / pension contributions are available to Laravel employees, tailored to your country.</p> </div> <div class="col-span-12 lg:col-span-4"> <img src="https://laravel.com/build/assets/diversity-inclusion-BGW9aI5Q.svg" class="w-6 h-8 pb-2" height="32" width="24" loading="lazy"> <h3 class="mb-2 font-medium">Stock option eligibility</h3> <p class="text-sand-light-10">Laravel employees are eligible for stock options so that you share in Laravel's overall success.</p> </div> <h2 class="col-span-12 mt-20 mb-8 text-3xl md:text-4xl lg:text-5xl" id="positions">Open positions</h2> <div class="col-span-12 mb-20"> <div class="flex items-center justify-between mb-8"> <div> <p class="font-medium"> <a href="https://laravel.workable.com/jobs/4556236" target="_blank">Technical Support Engineer</a> </p> <p class="text-sand-light-10">Remote</p> </div> <a href="https://laravel.workable.com/jobs/4556236" target="_blank" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent shadow-secondary-button hover:shadow-secondary-button-hover text-sand-light-12 dark:text-sand-dark-10 dark:hover:text-sand-dark-12 dark:hover:border-sand-dark-5 px-4 py-2 "> Read more </a> </div> <div class="flex items-center justify-between mb-8"> <div> <p class="font-medium"> <a href="https://laravel.workable.com/jobs/4556250" target="_blank">Product Support Agent</a> </p> <p class="text-sand-light-10">Remote</p> </div> <a href="https://laravel.workable.com/jobs/4556250" target="_blank" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent shadow-secondary-button hover:shadow-secondary-button-hover text-sand-light-12 dark:text-sand-dark-10 dark:hover:text-sand-dark-12 dark:hover:border-sand-dark-5 px-4 py-2 "> Read more </a> </div> <div class="flex items-center justify-between mb-8"> <div> <p class="font-medium"> <a href="https://laravel.workable.com/jobs/4574461" target="_blank">Senior Infrastructure Engineer - Databases (EU)</a> </p> <p class="text-sand-light-10">Remote</p> </div> <a href="https://laravel.workable.com/jobs/4574461" target="_blank" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent shadow-secondary-button hover:shadow-secondary-button-hover text-sand-light-12 dark:text-sand-dark-10 dark:hover:text-sand-dark-12 dark:hover:border-sand-dark-5 px-4 py-2 "> Read more </a> </div> <div class="flex items-center justify-between mb-8"> <div> <p class="font-medium"> <a href="https://laravel.workable.com/jobs/4582744" target="_blank">Senior Infrastructure Engineer (EU)</a> </p> <p class="text-sand-light-10">Remote</p> </div> <a href="https://laravel.workable.com/jobs/4582744" target="_blank" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent shadow-secondary-button hover:shadow-secondary-button-hover text-sand-light-12 dark:text-sand-dark-10 dark:hover:text-sand-dark-12 dark:hover:border-sand-dark-5 px-4 py-2 "> Read more </a> </div> <div class="flex items-center justify-between mb-8"> <div> <p class="font-medium"> <a href="https://laravel.workable.com/jobs/4589054" target="_blank">Senior Infrastructure Engineer (US)</a> </p> <p class="text-sand-light-10">Remote</p> </div> <a href="https://laravel.workable.com/jobs/4589054" target="_blank" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent shadow-secondary-button hover:shadow-secondary-button-hover text-sand-light-12 dark:text-sand-dark-10 dark:hover:text-sand-dark-12 dark:hover:border-sand-dark-5 px-4 py-2 "> Read more </a> </div> <div class="flex items-center justify-between mb-8"> <div> <p class="font-medium"> <a href="https://laravel.workable.com/jobs/4589067" target="_blank">Senior Infrastructure Engineer - Databases (US)</a> </p> <p class="text-sand-light-10">Remote</p> </div> <a href="https://laravel.workable.com/jobs/4589067" target="_blank" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent shadow-secondary-button hover:shadow-secondary-button-hover text-sand-light-12 dark:text-sand-dark-10 dark:hover:text-sand-dark-12 dark:hover:border-sand-dark-5 px-4 py-2 "> Read more </a> </div> <div class="flex items-center justify-between mb-8"> <div> <p class="font-medium"> <a href="https://laravel.workable.com/jobs/4664531" target="_blank">Senior Infrastructure Engineer (APAC)</a> </p> <p class="text-sand-light-10">Remote</p> </div> <a href="https://laravel.workable.com/jobs/4664531" target="_blank" class="font-medium rounded-xs transition inline-block duration-100 border border-transparent shadow-secondary-button hover:shadow-secondary-button-hover text-sand-light-12 dark:text-sand-dark-10 dark:hover:text-sand-dark-12 dark:hover:border-sand-dark-5 px-4 py-2 "> Read more </a> </div> </div> </div> </div> </div> </div> <div class="text-sand-dark-10"> <div class="max-w-full w-full xl:max-w-[1400px] pt-10 md:pt-24 px-4 xl:px-16 mx-auto border-l border-sand-light-7"> <div class="grid grid-cols-12 lg:gap-12"> <div class="col-span-12 lg:col-span-3 lg:mt-14"> <p class="text-pretty">Laravel is the most productive way to<br class="block lg:hidden"> build, deploy, and monitor software.</p> <ul class="flex items-center justify-start my-8 space-x-6 lg:my-16"> <li> <a href="https://github.com/laravel" target="_blank" title="Laravel on GitHub" class="transition duration-100 hover:text-sand-dark-6"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12.305C0 17.74 3.438 22.352 8.207 23.979C8.807 24.092 9.027 23.712 9.027 23.386C9.027 23.094 9.016 22.32 9.01 21.293C5.671 22.037 4.967 19.643 4.967 19.643C4.422 18.223 3.635 17.845 3.635 17.845C2.545 17.081 3.718 17.096 3.718 17.096C4.921 17.183 5.555 18.364 5.555 18.364C6.626 20.244 8.364 19.702 9.048 19.386C9.157 18.591 9.468 18.049 9.81 17.741C7.145 17.431 4.344 16.376 4.344 11.661C4.344 10.318 4.811 9.219 5.579 8.359C5.456 8.048 5.044 6.797 5.696 5.103C5.696 5.103 6.704 4.773 8.996 6.364C9.954 6.091 10.98 5.955 12.001 5.95C13.02 5.955 14.047 6.091 15.005 6.364C17.295 4.772 18.302 5.103 18.302 5.103C18.956 6.797 18.544 8.048 18.421 8.359C19.191 9.219 19.655 10.318 19.655 11.661C19.655 16.387 16.849 17.428 14.175 17.732C14.606 18.112 14.99 18.862 14.99 20.011C14.99 21.656 14.975 22.982 14.975 23.386C14.975 23.715 15.191 24.098 15.8 23.977C20.565 22.347 24 17.738 24 12.305C24 5.508 18.627 0 12 0C5.373 0 0 5.508 0 12.305Z" fill="currentColor" /> </svg> </a> </li> <li> <a href="https://x.com/laravelphp" target="_blank" title="Laravel on X" class="transition duration-100 hover:text-sand-dark-6"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M13.969 10.1571L22.7069 0H20.6363L13.0491 8.81931L6.9893 0H0L9.16366 13.3364L0 23.9877H2.07073L10.083 14.6742L16.4826 23.9877H23.4719L13.9684 10.1571H13.969ZM11.1328 13.4538L10.2043 12.1258L2.81684 1.55881H5.99736L11.9592 10.0867L12.8876 11.4147L20.6373 22.4998H17.4567L11.1328 13.4544V13.4538Z" fill="currentColor" /> </svg> </a> </li> <li> <a href="https://www.youtube.com/@LaravelPHP" target="_blank" title="Laravel on YouTube" class="transition duration-100 hover:text-sand-dark-6"> <svg width="35" height="24" viewBox="0 0 35 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M33.892 3.75519C33.4994 2.27706 32.3428 1.11294 30.8742 0.717875C28.2124 0 17.5385 0 17.5385 0C17.5385 0 6.8648 0 4.20286 0.717875C2.7343 1.113 1.57768 2.27706 1.18511 3.75519C0.471863 6.43437 0.471863 12.0243 0.471863 12.0243C0.471863 12.0243 0.471863 17.6141 1.18511 20.2933C1.57768 21.7714 2.7343 22.8871 4.20286 23.2821C6.8648 24 17.5385 24 17.5385 24C17.5385 24 28.2123 24 30.8742 23.2821C32.3428 22.8871 33.4994 21.7714 33.892 20.2933C34.6052 17.6141 34.6052 12.0243 34.6052 12.0243C34.6052 12.0243 34.6052 6.43437 33.892 3.75519ZM14.0476 17.0994V6.94906L22.9688 12.0244L14.0476 17.0994Z" fill="currentColor" /> </svg> </a> </li> <li> <a href="https://discord.com/invite/laravel" target="_blank" title="Laravel on Discord" class="transition duration-100 hover:text-sand-dark-6"> <svg width="33" height="24" viewBox="0 0 33 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M27.4296 2.00996C25.3491 1.05745 23.1528 0.381713 20.8966 0C20.5879 0.551901 20.3086 1.11973 20.0598 1.70112C17.6566 1.33898 15.2127 1.33898 12.8095 1.70112C12.5605 1.11979 12.2812 0.551968 11.9726 0C9.71504 0.384937 7.51722 1.06228 5.43462 2.01494C1.30013 8.132 0.179328 14.0971 0.739727 19.9776C3.16099 21.7665 5.87108 23.127 8.75218 24C9.40092 23.1275 9.97497 22.2018 10.4682 21.2329C9.53134 20.883 8.62706 20.4512 7.76588 19.9427C7.99253 19.7783 8.2142 19.609 8.42839 19.4446C10.9342 20.623 13.6692 21.234 16.4384 21.234C19.2075 21.234 21.9425 20.623 24.4483 19.4446C24.665 19.6214 24.8867 19.7908 25.1108 19.9427C24.248 20.4521 23.3421 20.8846 22.4035 21.2354C22.8962 22.2039 23.4702 23.1287 24.1196 24C27.0031 23.1305 29.7153 21.7707 32.137 19.9801C32.7945 13.1606 31.0137 7.25031 27.4296 2.00996ZM11.1781 16.3611C9.61644 16.3611 8.32628 14.944 8.32628 13.2005C8.32628 11.457 9.57161 10.0274 11.1731 10.0274C12.7746 10.0274 14.0548 11.457 14.0274 13.2005C14 14.944 12.7696 16.3611 11.1781 16.3611ZM21.6986 16.3611C20.1345 16.3611 18.8493 14.944 18.8493 13.2005C18.8493 11.457 20.0946 10.0274 21.6986 10.0274C23.3026 10.0274 24.5729 11.457 24.5455 13.2005C24.5181 14.944 23.2902 16.3611 21.6986 16.3611Z" fill="currentColor" /> </svg> </a> </li> </ul> <div> <ul class="flex justify-start space-x-8"> <li>© 2025 Laravel</li> <li><a href="https://laravel.com/trademark" class="transition duration-100 hover:text-sand-dark-6">Legal</a></li> <li><a href="https://status.laravel.com/" class="transition duration-100 hover:text-sand-dark-6">Status</a></li> </ul> </div> </div> <div class="grid grid-cols-subgrid col-span-12 lg:col-span-9"> <div class="grid grid-cols-subgrid mt-14 lg:mt-0 self-start lg:col-span-2 col-span-6 order-2"> <h4 class="mb-8 text-base text-sand-light-12 dark:text-sand-dark-12 font-medium lg:col-span-2 col-span-6"> Products </h4> <ul class="col-span-6 mb-6 space-y-6 lg:mb-0 lg:col-span-2"> <li> <a href="https://cloud.laravel.com" class="transition duration-100 hover:text-sand-dark-6">Cloud</a> </li> <li> <a href="https://forge.laravel.com" class="transition duration-100 hover:text-sand-dark-6">Forge</a> </li> <li> <a href="https://vapor.laravel.com" class="transition duration-100 hover:text-sand-dark-6">Vapor</a> </li> <li> <a href="https://nightwatch.laravel.com" class="transition duration-100 hover:text-sand-dark-6">Nightwatch</a> </li> <li> <a href="https://nova.laravel.com" class="transition duration-100 hover:text-sand-dark-6">Nova</a> </li> </ul> </div> <div class="grid grid-cols-subgrid mt-14 lg:mt-0 self-start lg:col-span-4 col-span-12 order-3"> <h4 class="mb-8 text-base text-sand-light-12 dark:text-sand-dark-12 font-medium lg:col-span-4 col-span-12"> Packages </h4> <ul class="col-span-6 mb-6 space-y-6 lg:mb-0 lg:col-span-2"> <li> <a href="/docs/cashier" class="transition duration-100 hover:text-sand-dark-6">Cashier</a> </li> <li> <a href="/docs/dusk" class="transition duration-100 hover:text-sand-dark-6">Dusk</a> </li> <li> <a href="/docs/horizon" class="transition duration-100 hover:text-sand-dark-6">Horizon</a> </li> <li> <a href="/docs/octane" class="transition duration-100 hover:text-sand-dark-6">Octane</a> </li> <li> <a href="/docs/scout" class="transition duration-100 hover:text-sand-dark-6">Scout</a> </li> <li> <a href="/docs/pennant" class="transition duration-100 hover:text-sand-dark-6">Pennant</a> </li> <li> <a href="/docs/pint" class="transition duration-100 hover:text-sand-dark-6">Pint</a> </li> </ul> <ul class="col-span-6 mb-6 space-y-6 lg:mb-0 lg:col-span-2"> <li> <a href="/docs/sail" class="transition duration-100 hover:text-sand-dark-6">Sail</a> </li> <li> <a href="/docs/sanctum" class="transition duration-100 hover:text-sand-dark-6">Sanctum</a> </li> <li> <a href="/docs/socialite" class="transition duration-100 hover:text-sand-dark-6">Socialite</a> </li> <li> <a href="/docs/telescope" class="transition duration-100 hover:text-sand-dark-6">Telescope</a> </li> <li> <a href="/docs/pulse" class="transition duration-100 hover:text-sand-dark-6">Pulse</a> </li> <li> <a href="/docs/reverb" class="transition duration-100 hover:text-sand-dark-6">Reverb</a> </li> <li> <a href="/docs/broadcasting" class="transition duration-100 hover:text-sand-dark-6">Echo</a> </li> </ul> </div> <div class="grid grid-cols-subgrid mt-14 lg:mt-0 self-start lg:col-span-2 col-span-6 order-1"> <h4 class="mb-8 text-base text-sand-light-12 dark:text-sand-dark-12 font-medium lg:col-span-2 col-span-6"> Resources </h4> <ul class="col-span-6 mb-6 space-y-6 lg:mb-0 lg:col-span-2"> <li> <a href="/docs" class="transition duration-100 hover:text-sand-dark-6">Documentation</a> </li> <li> <a href="/starter-kits" class="transition duration-100 hover:text-sand-dark-6">Starter Kits</a> </li> <li> <a href="/docs/releases" class="transition duration-100 hover:text-sand-dark-6">Release Notes</a> </li> <li> <a href="https://blog.laravel.com" class="transition duration-100 hover:text-sand-dark-6">Blog</a> </li> <li> <a href="https://partners.laravel.com" class="transition duration-100 hover:text-sand-dark-6">Partners</a> </li> <li> <a href="https://laravel-news.com" class="transition duration-100 hover:text-sand-dark-6">News</a> </li> <li> <a href="https://larabelles.com/" class="transition duration-100 hover:text-sand-dark-6">Larabelles</a> </li> <li> <a href="https://larajobs.com/?partner=5" class="transition duration-100 hover:text-sand-dark-6">Jobs</a> </li> <li> <a href="/careers" class="transition duration-100 hover:text-sand-dark-6">Careers</a> </li> </ul> </div> </div> <div class="col-span-12 text-sand-light-1"> <svg class="w-full h-full text-laravel-red" width="1280" height="308" viewBox="0 0 1280 308" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M50.2753 0H0V308.689H144.713V263.27H50.2753V0Z" fill="currentColor" /> <path d="M322.209 130.973C315.796 120.684 306.688 112.602 294.883 106.718C283.081 100.84 271.201 97.8969 259.253 97.8969C243.798 97.8969 229.665 100.764 216.843 106.496C204.014 112.228 193.015 120.099 183.834 130.091C174.654 140.088 167.51 151.628 162.412 164.706C157.308 177.792 154.761 191.54 154.761 205.94C154.761 220.645 157.308 234.457 162.412 247.39C167.508 260.332 174.652 271.796 183.834 281.788C193.015 291.785 204.017 299.647 216.843 305.379C229.665 311.111 243.798 313.978 259.253 313.978C271.201 313.978 283.081 311.038 294.883 305.159C306.688 299.282 315.796 291.197 322.209 280.904V308.685H369.865V103.186H322.209V130.973ZM317.837 231.076C314.922 239.016 310.841 245.925 305.598 251.804C300.35 257.687 294.009 262.389 286.579 265.917C279.146 269.445 270.905 271.208 261.875 271.208C252.837 271.208 244.676 269.445 237.391 265.917C230.104 262.389 223.839 257.687 218.593 251.804C213.345 245.925 209.335 239.016 206.57 231.076C203.794 223.138 202.417 214.759 202.417 205.942C202.417 197.12 203.794 188.742 206.57 180.804C209.335 172.866 213.345 165.961 218.593 160.078C223.839 154.201 230.102 149.493 237.391 145.965C244.676 142.437 252.837 140.674 261.875 140.674C270.908 140.674 279.146 142.437 286.579 145.965C294.009 149.493 300.35 154.199 305.598 160.078C310.844 165.961 314.922 172.866 317.837 180.804C320.748 188.742 322.209 197.12 322.209 205.942C322.209 214.759 320.748 223.138 317.837 231.076Z" fill="currentColor" /> <path d="M709.568 130.973C703.155 120.684 694.047 112.602 682.242 106.718C670.44 100.84 658.56 97.8969 646.612 97.8969C631.157 97.8969 617.024 100.764 604.202 106.496C591.373 112.228 580.374 120.099 571.193 130.091C562.013 140.088 554.869 151.628 549.771 164.706C544.666 177.792 542.12 191.54 542.12 205.94C542.12 220.645 544.666 234.457 549.771 247.39C554.867 260.332 562.01 271.796 571.193 281.788C580.374 291.785 591.375 299.647 604.202 305.379C617.024 311.111 631.157 313.978 646.612 313.978C658.56 313.978 670.44 311.038 682.242 305.159C694.047 299.282 703.155 291.197 709.568 280.904V308.685H757.224V103.186H709.568V130.973ZM705.198 231.076C702.283 239.016 698.202 245.925 692.959 251.804C687.711 257.687 681.37 262.389 673.94 265.917C666.507 269.445 658.266 271.208 649.236 271.208C640.198 271.208 632.037 269.445 624.752 265.917C617.465 262.389 611.2 257.687 605.954 251.804C600.706 245.925 596.696 239.016 593.931 231.076C591.155 223.138 589.778 214.759 589.778 205.942C589.778 197.12 591.155 188.742 593.931 180.804C596.696 172.866 600.706 165.961 605.954 160.078C611.2 154.201 617.463 149.493 624.752 145.965C632.037 142.437 640.198 140.674 649.236 140.674C658.269 140.674 666.507 142.437 673.94 145.965C681.37 149.493 687.711 154.199 692.959 160.078C698.205 165.961 702.283 172.866 705.198 180.804C708.109 188.742 709.57 197.12 709.57 205.942C709.568 214.759 708.107 223.138 705.198 231.076Z" fill="currentColor" /> <path d="M1280 1.12315e-05H1232.35V308.689H1280V1.12315e-05Z" fill="currentColor" /> <path d="M407.466 308.689H455.117V150.486H536.876V103.192H407.466V308.689Z" fill="currentColor" /> <path d="M948.281 103.192L888.386 260.557L828.489 103.192H780.224L858.441 308.689H918.331L996.546 103.192H948.281Z" fill="currentColor" /> <path d="M1100.48 97.908C1042.13 97.908 995.937 146.279 995.937 205.944C995.937 271.9 1040.64 313.98 1106.59 313.98C1143.5 313.98 1167.06 299.745 1195.85 268.746L1163.66 243.621C1163.64 243.646 1139.36 275.802 1103.1 275.802C1060.96 275.802 1043.22 241.533 1043.22 223.803H1201.32C1209.62 155.913 1165.37 97.908 1100.48 97.908ZM1043.35 188.085C1043.71 184.13 1049.2 136.086 1100.1 136.086C1151.01 136.086 1157.19 184.123 1157.55 188.085H1043.35Z" fill="currentColor" /> </svg> </div> </div> </div> </div> <script> var _gaq=[['_setAccount','UA-23865777-1'],['_trackPageview']]; (function(d,t){ var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js'; s.parentNode.insertBefore(g,s) }(document,'script')); </script>  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/45240648.js"></script> </body> </html>

CINXE.COM

Careers - Laravel - The PHP Framework For Web Artisans