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>Laravel - The PHP Framework For Web Artisans</title>  <meta name="title" content="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="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-home.png">  <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://laravel.com/"> <meta property="twitter:title" content="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-home.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-Bd0UJKiC.css" /><link rel="modulepreload" href="https://laravel.com/build/assets/app-BzGh0S2a.js" /><link rel="modulepreload" href="https://laravel.com/build/assets/marker-BekWfXYR.js" /><link rel="modulepreload" href="https://laravel.com/build/assets/mediaQuery-BbrcqWTM.js" /><link rel="modulepreload" href="https://laravel.com/build/assets/module.esm-BKQTc33J.js" /><link rel="modulepreload" href="https://laravel.com/build/assets/home-C0eSHv5a.js" /><link rel="modulepreload" href="https://laravel.com/build/assets/code-tabs-D6ieWxmr.js" /><link rel="stylesheet" href="https://laravel.com/build/assets/app-Bd0UJKiC.css" /><script type="module" src="https://laravel.com/build/assets/app-BzGh0S2a.js"></script><script type="module" src="https://laravel.com/build/assets/home-C0eSHv5a.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'; </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 class="h-[6.5rem] transition-all w-full"></div> <div id="nav-trigger" class="absolute left-0 top-64"></div> <nav data-has-grid="false" class="max-w-[1400px] fixed top-0 w-[calc(100%+1px)] z-99 px-4 xl:border-l dark: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"> <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] opacity-100 logo-large transition-all duration-300"> <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> <a href="https://laravel.com" class="absolute -top-0.5 left-0 flex items-center w-20 transition-all duration-300 translate-y-2 opacity-0 logo-icon"> <svg class="w-8 h-8" width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M7.4 0.142029L14.55 4.11425V17.5031L19.45 14.7809V7.66981L26.6 3.69758L33.75 7.66981V15.6635L27.35 19.2191V26.3302L13.8 33.858L0.25 26.3302V4.11425L7.4 0.142029ZM27.35 17.5031L32.25 14.7809V9.38575L27.35 12.108V17.5031ZM26.6 10.8087L31.4557 8.11111L26.6 5.41352L21.7443 8.11111L26.6 10.8087ZM20.95 9.38575V14.7809L25.85 17.5031V12.108L20.95 9.38575ZM25.0557 18.7778L20.2 16.0802L8.94434 22.3333L13.8 25.0309L25.0557 18.7778ZM13.05 26.3302L6.65 22.7746V8.55241L1.75 5.83019V25.4476L13.05 31.7254V26.3302ZM14.55 31.7254V26.3302L25.85 20.0524V25.4476L14.55 31.7254ZM2.54434 4.55555L7.4 7.25314L12.2557 4.55555L7.4 1.85797L2.54434 4.55555ZM13.05 5.83019L8.15 8.55241V21.0587L13.05 18.3365V5.83019Z" fill="currentColor" /> </svg> <span class="sr-only">Home</span> </a> </li> <li class="hidden lg:block"> <button class="cursor-pointer popover-button whitespace-nowrap dark:text-sand-light-3 dark:text-sand-12 dark:hover:text-sand-dark-11 transition duration-100" popovertarget="nav-products" id="nav-products-button"> Products </button> </li> <li class="hidden lg:block"> <button class="cursor-pointer popover-button whitespace-nowrap dark:text-sand-light-3 dark:text-sand-12 dark:hover:text-sand-dark-11 transition duration-100" popovertarget="nav-open-source" id="nav-open-source-button"> Open Source </button> </li> <li class="hidden lg:block"> <button class="cursor-pointer popover-button whitespace-nowrap dark:text-sand-light-3 dark:text-sand-12 dark:hover:text-sand-dark-11 transition duration-100" popovertarget="nav-developers" id="nav-developers-button"> Developers </button> </li> </ul> <div class="hidden lg:flex items-center space-x-2.5 xl:space-x-4 translate-x-[16.3rem] transition-transform duration-300 ease-in-out" 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-2 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"> <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="space-x-4 transition-all duration-700 ease-in-out opacity-0 will-change-transform nav-right-buttons"> <a href="https://cloud.laravel.com" class="font-medium rounded-xs transition 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 whitespace-nowrap"> Deploy now </a> <a href="/docs" class="font-medium rounded-xs transition 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 whitespace-nowrap"> Read docs </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 nav-right-buttons-mobile"> <li> <a href="https://cloud.laravel.com" class="font-medium rounded-xs transition 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 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"> <template x-for="tab in tabs" :key="tab.label"> <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': isSelected(tab), 'border-transparent': !isSelected(tab), }" @click="clickSelect(tab)" x-text="tab.label" > </button> </li> </template> </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 p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-4 left-6"> <div class="flex items-center justify-center"> <div class="cube" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: 1.8;"> <div class="shadow face transition-all duration-500 ease-in-out bg-black invisible group-hover:visible"></div> <div class="duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80 group-hover:opacity-75"></div> <div class="face bottom bg-sand-light-1/80 group-hover:opacity-75"></div> <div class="face back bg-sand-light-1/80 group-hover:opacity-75"></div> <div class="cube" style="--cube-inset: 0.15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 1.5;"> <div class="face inner-face transition-all ease-in-out duration-200 right bg-sand-light-1/80 group-hover:bg-cloud/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 bottom bg-sand-light-1/80 group-hover:bg-cloud/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 back bg-sand-light-1/80 group-hover:bg-cloud/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 group-hover:bg-[url(/public/images/home/cube-noise.png)] group-hover:bg-blend-soft-light top bg-sand-light-1/80 group-hover:bg-cloud/80"> <div class="absolute inset-0 flex items-center justify-center transition-opacity duration-500 opacity-0 group-hover:opacity-100"> <svg class="text-white relative rotate-90" style="width: 0.9rem; height: 0.9rem;" width="98" height="98" viewBox="0 0 98 98" fill="none" xmlns="http://www.w3.org/2000/svg" > <g style="mix-blend-mode: plus-lighter"> <path fill-rule="evenodd" clip-rule="evenodd" d="M97.4659 64.9708L64.9805 97.4561H0V32.4854L32.4854 0H97.4659V64.9805V64.9708ZM32.4854 19.4932V25.9942H71.4717V64.9805H77.9727V19.4932H32.4854ZM32.4854 12.9922H84.4639V64.9708H90.9649V6.49123H32.4854V12.9922ZM32.4854 32.4854V64.9708H64.9708V32.4854H32.4854Z" fill="currentColor" /> </g> </svg> </div> </div> <div class="face inner-face transition-all ease-in-out duration-200 left bg-sand-light-10/80 group-hover:bg-cloud/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 front bg-sand-light-4/80 group-hover:bg-cloud/80"> </div> </div> <div class="face top bg-sand-light-1/80 transition-opacity duration-200 group-hover:opacity-0"> <div class="absolute inset-0 flex items-center justify-center"> <svg class="relative rotate-90" style="width: 0.9rem; height: 0.9rem;" width="117" height="120" viewBox="0 0 117 120" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M25.766 0.590759C26.334 0.590759 26.8488 0.768259 27.3103 1.06113L49.1428 13.6104C49.7087 13.9059 50.1542 14.3891 50.403 14.9771C50.5545 15.3886 50.6239 15.8258 50.6071 16.264V61.1271L66.6265 51.9238V28.6358C66.6265 28.0323 66.7685 27.4731 67.1324 26.9584C67.4911 26.4948 67.9451 26.1134 68.4636 25.8401L90.2429 13.3086C90.6314 13.073 91.0754 12.9444 91.5298 12.9359C91.9811 12.9459 92.4218 13.0745 92.8078 13.3086L114.995 26.0975C115.503 26.3676 115.904 26.8027 116.131 27.3311C116.335 27.8104 116.344 28.3074 116.344 28.6713V53.5301C116.367 54.0501 116.254 54.567 116.016 55.03C115.731 55.504 115.327 55.8955 114.844 56.166L114.809 56.1838L94.423 67.8988V91.098C94.4493 91.6661 94.3204 92.2306 94.0503 92.731C93.7459 93.2059 93.324 93.5942 92.8255 93.8581L92.8078 93.867L49.2759 118.895C48.7802 119.187 48.2183 119.349 47.6429 119.365C47.0637 119.348 46.4985 119.183 46.001 118.886L45.9744 118.877L2.56676 93.8404L2.44251 93.7605C2.12419 93.5744 1.82923 93.3509 1.56389 93.0949C1.35367 92.8741 1.18965 92.6136 1.08144 92.3286C0.973239 92.0436 0.923031 91.7399 0.933762 91.4353V15.8913C0.933371 15.4478 1.05168 15.0122 1.2764 14.6299C1.50113 14.2475 1.82409 13.9323 2.21176 13.7169L24.204 1.05226C24.6744 0.76223 25.2136 0.60292 25.766 0.590759ZM9.74664 16.1575L25.7305 6.92751L41.7588 16.1575L25.7305 25.3875L9.75551 16.1486L9.74664 16.1575ZM91.5031 37.777L75.4926 28.5648L91.5031 19.3525L107.478 28.5648L91.5031 37.777ZM44.7408 21.234L28.7214 30.4818V73.7208L44.7408 64.473V21.234ZM22.8195 30.4818L6.75576 21.2606V89.5183L44.7408 111.369V92.9529L24.5146 81.5219L24.4703 81.4864C24.1685 81.3089 23.7248 81.0426 23.4053 80.6344C23.0028 80.1256 22.7951 79.4899 22.8195 78.8416V30.4818ZM72.5373 51.9238V33.6413L88.5921 42.8979V61.1005L72.5373 51.9238ZM94.423 61.1005V42.9068L110.478 33.6501V51.9238L94.4141 61.1005H94.423ZM47.6163 87.832L31.73 78.7973L69.5819 56.9648L85.5569 66.2214L47.6163 87.832ZM50.6071 111.369V92.944L88.5921 71.2358V89.5183L50.6071 111.369Z" fill="#0057FF" /> </svg> </div> </div> <div class="face left bg-sand-light-7/80 group-hover:opacity-75"></div> <div class="face front bg-sand-light-3/80 group-hover:opacity-75"></div> </div> </div> </div> </span> </span> <span> <span class="text-sand-light-12 font-medium mb-0.5 block dark:text-sand-dark-12">Cloud</span> <span class="block text-sm text-sand-light-11">Managed infrastructure</span> </span> </a> </li> <li> <a href="https://forge.laravel.com" class="flex items-start p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-4 left-6"> <div class="flex items-center justify-center"> <div class="cube" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: 1.8;"> <div class="shadow face transition-all duration-500 ease-in-out bg-black invisible group-hover:visible"></div> <div class="duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80 group-hover:opacity-75"></div> <div class="face bottom bg-sand-light-1/80 group-hover:opacity-75"></div> <div class="face back bg-sand-light-1/80 group-hover:opacity-75"></div> <div class="cube" style="--cube-inset: 0.15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 1.5;"> <div class="face inner-face transition-all ease-in-out duration-200 right bg-sand-light-1/80 group-hover:bg-forge/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 bottom bg-sand-light-1/80 group-hover:bg-forge/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 back bg-sand-light-1/80 group-hover:bg-forge/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 group-hover:bg-[url(/public/images/home/cube-noise.png)] group-hover:bg-blend-soft-light top bg-sand-light-1/80 group-hover:bg-forge/80"> <div class="absolute inset-0 flex items-center justify-center transition-opacity duration-500 opacity-0 group-hover:opacity-100"> <svg class="text-white relative rotate-90" style="width: 0.9rem; height: 0.9rem;" width="26" height="20" viewBox="0 0 26 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M25.1212 0.158998H3.44616C3.3104 0.163627 3.17992 0.212713 3.07477 0.29871C2.96962 0.384708 2.89563 0.502857 2.86416 0.634998L2.33516 2.538C2.28216 2.749 2.38816 2.908 2.54616 3.014C3.39216 3.278 7.93816 3.384 7.25116 5.922L7.09216 6.609L5.24216 13.534L5.08316 14.221C4.39616 16.758 1.96416 16.864 0.960157 17.129C0.749157 17.182 0.590157 17.393 0.537157 17.605L0.010157 19.507C-0.042843 19.771 0.116157 19.983 0.380157 19.983H9.20816C9.34392 19.9784 9.4744 19.9293 9.57954 19.8433C9.68469 19.7573 9.75869 19.6391 9.79016 19.507L11.3762 13.375C11.4076 13.2429 11.4816 13.1247 11.5868 13.0387C11.6919 12.9527 11.8224 12.9036 11.9582 12.899H17.6152C17.7507 12.8942 17.881 12.845 17.9859 12.759C18.0909 12.673 18.1647 12.555 18.1962 12.423L19.0422 9.145C19.0952 8.881 18.9362 8.669 18.6722 8.669H13.0162C12.7522 8.669 12.5932 8.458 12.6462 8.193L13.4392 5.233C13.4706 5.10086 13.5446 4.98271 13.6498 4.89671C13.7549 4.81071 13.8854 4.76163 14.0212 4.757H22.5322C22.6677 4.75215 22.798 4.70297 22.9029 4.61699C23.0079 4.53101 23.0817 4.41298 23.1132 4.281L25.3862 0.685998C25.4922 0.368998 25.3862 0.156998 25.1222 0.156998L25.1212 0.158998Z" fill="currentColor" /> </svg> </div> </div> <div class="face inner-face transition-all ease-in-out duration-200 left bg-sand-light-10/80 group-hover:bg-forge/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 front bg-sand-light-4/80 group-hover:bg-forge/80"> </div> </div> <div class="face top bg-sand-light-1/80 transition-opacity duration-200 group-hover:opacity-0"> <div class="absolute inset-0 flex items-center justify-center"> <svg class="relative rotate-90" style="width: 0.9rem; height: 0.9rem;" width="26" height="21" viewBox="0 0 26 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M25.121 0.658998H3.446C3.31025 0.663627 3.17977 0.712713 3.07462 0.79871C2.96947 0.884708 2.89547 1.00286 2.864 1.135L2.335 3.038C2.282 3.249 2.388 3.408 2.546 3.514C3.392 3.778 7.938 3.884 7.251 6.422L7.092 7.109L5.242 14.034L5.083 14.721C4.396 17.258 1.964 17.364 0.960004 17.629C0.749004 17.682 0.590004 17.893 0.537004 18.105L0.0100045 20.007C-0.0429955 20.271 0.116004 20.483 0.380004 20.483H9.208C9.34376 20.4784 9.47424 20.4293 9.57939 20.3433C9.68454 20.2573 9.75853 20.1391 9.79 20.007L11.376 13.875C11.4075 13.7429 11.4815 13.6247 11.5866 13.5387C11.6918 13.4527 11.8222 13.4036 11.958 13.399H17.615C17.7506 13.3942 17.8808 13.345 17.9858 13.259C18.0907 13.173 18.1646 13.055 18.196 12.923L19.042 9.645C19.095 9.381 18.936 9.169 18.672 9.169H13.016C12.752 9.169 12.593 8.958 12.646 8.693L13.439 5.733C13.4705 5.60086 13.5445 5.48271 13.6496 5.39671C13.7548 5.31071 13.8852 5.26163 14.021 5.257H22.532C22.6676 5.25215 22.7978 5.20297 22.9028 5.11699C23.0077 5.03101 23.0816 4.91298 23.113 4.781L25.386 1.186C25.492 0.868998 25.386 0.656998 25.122 0.656998L25.121 0.658998Z" fill="#18B69B"/> </svg> </div> </div> <div class="face left bg-sand-light-7/80 group-hover:opacity-75"></div> <div class="face front bg-sand-light-3/80 group-hover:opacity-75"></div> </div> </div> </div> </span> </span> <span> <span class="text-sand-light-12 font-medium mb-0.5 block dark:text-sand-dark-12">Forge</span> <span class="block text-sm text-sand-light-11">VPS server management</span> </span> </a> </li> <li> <a href="https://nightwatch.laravel.com" class="flex items-start p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-4 left-6"> <div class="flex items-center justify-center"> <div class="cube" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: 1.8;"> <div class="shadow face transition-all duration-500 ease-in-out bg-black invisible group-hover:visible"></div> <div class="duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80 group-hover:opacity-75"></div> <div class="face bottom bg-sand-light-1/80 group-hover:opacity-75"></div> <div class="face back bg-sand-light-1/80 group-hover:opacity-75"></div> <div class="cube" style="--cube-inset: 0.15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 1.5;"> <div class="face inner-face transition-all ease-in-out duration-200 right bg-sand-light-1/80 group-hover:bg-nightwatch/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 bottom bg-sand-light-1/80 group-hover:bg-nightwatch/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 back bg-sand-light-1/80 group-hover:bg-nightwatch/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 group-hover:bg-[url(/public/images/home/cube-noise.png)] group-hover:bg-blend-soft-light top bg-sand-light-1/80 group-hover:bg-nightwatch/80"> <div class="absolute inset-0 flex items-center justify-center transition-opacity duration-500 opacity-0 group-hover:opacity-100"> <svg class="text-white relative rotate-90" style="width: 0.9rem; height: 0.9rem;" width="30" height="22" viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23.553 0C22.901 0 22.298 0.346 21.969 0.91L20.629 3.208H29.833V1.833C29.833 0.821 29.013 0 28 0H23.553Z" fill="white"/> <path d="M29.833 4.698H19.76L17.889 7.906H29.834L29.833 4.698Z" fill="white"/> <path d="M29.833 9.396H17.02L16.083 11L17.019 12.604H29.833V9.396Z" fill="white"/> <path d="M29.833 14.094H17.888L19.759 17.302H29.833V14.094Z" fill="white"/> <path d="M29.833 18.792H20.628L21.969 21.09C22.298 21.654 22.901 22 23.553 22H28C29.012 22 29.833 21.18 29.833 20.167V18.792Z" fill="white"/> <path d="M6.78 22C7.432 22 8.035 21.654 8.364 21.09L9.704 18.792H0.5V20.167C0.5 21.179 1.32 22 2.333 22H6.78Z" fill="white"/> <path d="M0.5 17.302H10.574L12.445 14.094H0.5V17.302Z" fill="white"/> <path d="M0.5 12.604H13.314L14.25 11L13.314 9.396H0.5V12.604Z" fill="white"/> <path d="M0.5 7.906H12.445L10.574 4.698H0.5V7.906Z" fill="white"/> <path d="M0.5 3.208H9.705L8.364 0.91C8.20259 0.633061 7.97138 0.40329 7.69344 0.243614C7.4155 0.0839379 7.10054 -6.04698e-05 6.78 3.2661e-08H2.333C1.321 3.2661e-08 0.5 0.82 0.5 1.833V3.208Z" fill="white"/> </svg> </div> </div> <div class="face inner-face transition-all ease-in-out duration-200 left bg-sand-light-10/80 group-hover:bg-nightwatch/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 front bg-sand-light-4/80 group-hover:bg-nightwatch/80"> </div> </div> <div class="face top bg-sand-light-1/80 transition-opacity duration-200 group-hover:opacity-0"> <div class="absolute inset-0 flex items-center justify-center"> <svg class="relative rotate-90" style="width: 0.9rem; height: 0.9rem;" width="30" height="22" viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M23.553 0C22.901 0 22.298 0.346 21.969 0.91L20.629 3.208H29.833V1.833C29.833 0.821 29.013 0 28 0H23.553Z" fill="url(#a169410092_paint0_linear_2_16)" /> <path d="M29.833 4.698H19.76L17.889 7.906H29.834L29.833 4.698Z" fill="url(#a169410092_paint1_linear_2_16)" /> <path d="M29.833 9.396H17.02L16.083 11L17.019 12.604H29.833V9.396Z" fill="url(#a169410092_paint2_linear_2_16)" /> <path d="M29.833 14.094H17.888L19.759 17.302H29.833V14.094Z" fill="url(#a169410092_paint3_linear_2_16)" /> <path d="M29.833 18.792H20.628L21.969 21.09C22.298 21.654 22.901 22 23.553 22H28C29.012 22 29.833 21.18 29.833 20.167V18.792Z" fill="url(#a169410092_paint4_linear_2_16)" /> <path d="M6.78 22C7.432 22 8.035 21.654 8.364 21.09L9.704 18.792H0.5V20.167C0.5 21.179 1.32 22 2.333 22H6.78Z" fill="url(#a169410092_paint5_linear_2_16)" /> <path d="M0.5 17.302H10.574L12.445 14.094H0.5V17.302Z" fill="url(#a169410092_paint6_linear_2_16)" /> <path d="M0.5 12.604H13.314L14.25 11L13.314 9.396H0.5V12.604Z" fill="url(#a169410092_paint7_linear_2_16)" /> <path d="M0.5 7.906H12.445L10.574 4.698H0.5V7.906Z" fill="url(#a169410092_paint8_linear_2_16)" /> <path d="M0.5 3.208H9.705L8.364 0.91C8.20259 0.633061 7.97138 0.40329 7.69344 0.243614C7.4155 0.0839379 7.10054 -6.04698e-05 6.78 3.2661e-08H2.333C1.321 3.2661e-08 0.5 0.82 0.5 1.833V3.208Z" fill="url(#a169410092_paint9_linear_2_16)" /> <defs> <linearGradient id="a169410092_paint0_linear_2_16" x1="36.5" y1="7" x2="-1.184" y2="-12.778" gradientUnits="userSpaceOnUse" > <stop stop-color="#9206FF" /> <stop offset="1" stop-color="#FF4400" /> </linearGradient> <linearGradient id="a169410092_paint1_linear_2_16" x1="36.5" y1="7" x2="-1.18399" y2="-12.778" gradientUnits="userSpaceOnUse" > <stop stop-color="#9206FF" /> <stop offset="1" stop-color="#FF4400" /> </linearGradient> <linearGradient id="a169410092_paint2_linear_2_16" x1="36.5" y1="7" x2="-1.18399" y2="-12.778" gradientUnits="userSpaceOnUse" > <stop stop-color="#9206FF" /> <stop offset="1" stop-color="#FF4400" /> </linearGradient> <linearGradient id="a169410092_paint3_linear_2_16" x1="36.5" y1="7" x2="-1.184" y2="-12.778" gradientUnits="userSpaceOnUse" > <stop stop-color="#9206FF" /> <stop offset="1" stop-color="#FF4400" /> </linearGradient> <linearGradient id="a169410092_paint4_linear_2_16" x1="36.5" y1="7" x2="-1.18399" y2="-12.778" gradientUnits="userSpaceOnUse" > <stop stop-color="#9206FF" /> <stop offset="1" stop-color="#FF4400" /> </linearGradient> <linearGradient id="a169410092_paint5_linear_2_16" x1="36.5" y1="7" x2="-1.184" y2="-12.778" gradientUnits="userSpaceOnUse" > <stop stop-color="#9206FF" /> <stop offset="1" stop-color="#FF4400" /> </linearGradient> <linearGradient id="a169410092_paint6_linear_2_16" x1="36.5" y1="7" x2="-1.184" y2="-12.778" gradientUnits="userSpaceOnUse" > <stop stop-color="#9206FF" /> <stop offset="1" stop-color="#FF4400" /> </linearGradient> <linearGradient id="a169410092_paint7_linear_2_16" x1="36.5" y1="7" x2="-1.184" y2="-12.778" gradientUnits="userSpaceOnUse" > <stop stop-color="#9206FF" /> <stop offset="1" stop-color="#FF4400" /> </linearGradient> <linearGradient id="a169410092_paint8_linear_2_16" x1="36.5" y1="7" x2="-1.184" y2="-12.778" gradientUnits="userSpaceOnUse" > <stop stop-color="#9206FF" /> <stop offset="1" stop-color="#FF4400" /> </linearGradient> <linearGradient id="a169410092_paint9_linear_2_16" x1="36.5" y1="7" x2="-1.184" y2="-12.778" gradientUnits="userSpaceOnUse" > <stop stop-color="#9206FF" /> <stop offset="1" stop-color="#FF4400" /> </linearGradient> </defs> </svg> </div> </div> <div class="face left bg-sand-light-7/80 group-hover:opacity-75"></div> <div class="face front bg-sand-light-3/80 group-hover:opacity-75"></div> </div> </div> </div> </span> </span> <span> <span class="text-sand-light-12 font-medium mb-0.5 block dark:text-sand-dark-12">Nightwatch</span> <span class="block text-sm text-sand-light-11">Monitoring, logs, and insights</span> </span> </a> </li> <li> <a href="https://nova.laravel.com" class="flex items-start p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-4 left-6"> <div class="flex items-center justify-center"> <div class="cube" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: 1.8;"> <div class="shadow face transition-all duration-500 ease-in-out bg-black invisible group-hover:visible"></div> <div class="duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80 group-hover:opacity-75"></div> <div class="face bottom bg-sand-light-1/80 group-hover:opacity-75"></div> <div class="face back bg-sand-light-1/80 group-hover:opacity-75"></div> <div class="cube" style="--cube-inset: 0.15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 1.5;"> <div class="face inner-face transition-all ease-in-out duration-200 right bg-sand-light-1/80 group-hover:bg-nova/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 bottom bg-sand-light-1/80 group-hover:bg-nova/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 back bg-sand-light-1/80 group-hover:bg-nova/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 group-hover:bg-[url(/public/images/home/cube-noise.png)] group-hover:bg-blend-soft-light top bg-sand-light-1/80 group-hover:bg-nova/80"> <div class="absolute inset-0 flex items-center justify-center transition-opacity duration-500 opacity-0 group-hover:opacity-100"> <svg class="text-white relative rotate-90" style="width: 0.9rem; height: 0.9rem;" width="39" height="40" viewBox="0 0 39 40" xmlns="http://www.w3.org/2000/svg" > <title>nova</title> <path d="M33.533 34.1A20.3 20.3 0 0 1 19.167 40c-6.25 0-11.833-2.8-15.55-7.2 8.071 6.61 19.825 6.078 27.266-1.233a12.617 12.617 0 0 0 0-18c-5.056-4.966-13.16-4.966-18.216 0a5.4 5.4 0 0 0 0 7.716 5.567 5.567 0 0 0 7.8 0 1.85 1.85 0 0 1 2.6 0 1.8 1.8 0 0 1 0 2.567 9.283 9.283 0 0 1-13 0 9 9 0 0 1 0-12.85c6.498-6.39 16.918-6.39 23.416 0a16.217 16.217 0 0 1 .05 23.1zm1.184-26.9C26.646.59 14.892 1.122 7.45 8.433a12.617 12.617 0 0 0 0 18c5.057 4.966 13.16 4.966 18.217 0a5.4 5.4 0 0 0 0-7.716 5.567 5.567 0 0 0-7.8 0c-.717.7-1.883.7-2.6 0a1.8 1.8 0 0 1 0-2.567 9.283 9.283 0 0 1 13 0 9 9 0 0 1 0 12.85c-6.498 6.389-16.919 6.389-23.417 0a16.217 16.217 0 0 1-.016-23.117A20.3 20.3 0 0 1 19.167 0C25.417 0 31 2.8 34.717 7.2z" fill="#FFF" fill-rule="evenodd" /> </svg> </div> </div> <div class="face inner-face transition-all ease-in-out duration-200 left bg-sand-light-10/80 group-hover:bg-nova/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 front bg-sand-light-4/80 group-hover:bg-nova/80"> </div> </div> <div class="face top bg-sand-light-1/80 transition-opacity duration-200 group-hover:opacity-0"> <div class="absolute inset-0 flex items-center justify-center"> <svg class="relative rotate-90" style="width: 0.9rem; height: 0.9rem;" width="35" height="37" viewBox="0 0 35 37" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M30.343 9.99C31.7318 11.3591 32.8354 12.9899 33.59 14.7881C34.3447 16.5863 34.7355 18.5163 34.7397 20.4664C34.744 22.4165 34.3617 24.3482 33.6149 26.1497C32.8682 27.9512 31.7717 29.5868 30.389 30.962C28.678 32.668 26.6475 34.0199 24.4136 34.9405C22.1796 35.861 19.7862 36.3322 17.37 36.327C14.6853 36.333 12.0319 35.7509 9.59627 34.6215C7.16065 33.4922 5.00198 31.843 3.27201 29.79C10.481 35.745 21.217 35.371 27.985 28.672C29.0679 27.6042 29.9279 26.3319 30.5148 24.9289C31.1017 23.5259 31.404 22.0203 31.404 20.4995C31.404 18.9787 31.1017 17.4731 30.5148 16.0701C29.9279 14.6671 29.0679 13.3948 27.985 12.327C23.425 7.813 16.032 7.813 11.472 12.327C11.0077 12.7846 10.6389 13.3299 10.3872 13.9313C10.1355 14.5327 10.0059 15.1781 10.0059 15.83C10.0059 16.4819 10.1355 17.1273 10.3872 17.7287C10.6389 18.3301 11.0077 18.8754 11.472 19.333C12.4151 20.2628 13.6862 20.784 15.0105 20.784C16.3348 20.784 17.606 20.2628 18.549 19.333C18.8634 19.0231 19.2871 18.8493 19.7285 18.8493C20.17 18.8493 20.5937 19.0231 20.908 19.333C21.0625 19.4855 21.1851 19.6671 21.2688 19.8673C21.3526 20.0676 21.3957 20.2825 21.3957 20.4995C21.3957 20.7165 21.3526 20.9314 21.2688 21.1317C21.1851 21.3319 21.0625 21.5135 20.908 21.666C19.3363 23.2153 17.218 24.0839 15.011 24.0839C12.804 24.0839 10.6857 23.2153 9.11401 21.666C8.34066 20.9033 7.72658 19.9946 7.30744 18.9925C6.88829 17.9905 6.67245 16.9152 6.67245 15.829C6.67245 14.7428 6.88829 13.6675 7.30744 12.6655C7.72658 11.6634 8.34066 10.7547 9.11401 9.992C14.975 4.187 24.48 4.187 30.343 9.992V9.99ZM17.37 -1.71911e-06C20.0546 -0.00587941 22.708 0.57642 25.1434 1.70595C27.5789 2.83548 29.7373 4.48482 31.467 6.538C24.257 0.582998 13.52 0.957998 6.75601 7.653V7.655C5.67293 8.72278 4.81288 9.99518 4.22586 11.3982C3.63883 12.8013 3.33653 14.3071 3.33653 15.828C3.33653 17.3489 3.63883 18.8547 4.22586 20.2577C4.81288 21.6608 5.67293 22.9332 6.75601 24.001C11.314 28.516 18.706 28.516 23.266 24.001C23.7302 23.5434 24.0988 22.9982 24.3504 22.3969C24.602 21.7956 24.7316 21.1503 24.7316 20.4985C24.7316 19.8467 24.602 19.2014 24.3504 18.6001C24.0988 17.9988 23.7302 17.4536 23.266 16.996C22.323 16.0662 21.0518 15.545 19.7275 15.545C18.4032 15.545 17.1321 16.0662 16.189 16.996C15.8747 17.3056 15.4512 17.4792 15.01 17.4792C14.5688 17.4792 14.1453 17.3056 13.831 16.996C13.6764 16.8435 13.5536 16.6618 13.4698 16.4615C13.386 16.2612 13.3429 16.0462 13.3429 15.829C13.3429 15.6118 13.386 15.3968 13.4698 15.1965C13.5536 14.9962 13.6764 14.8145 13.831 14.662C15.4027 13.1126 17.521 12.2441 19.728 12.2441C21.935 12.2441 24.0533 13.1126 25.625 14.662C26.3984 15.4247 27.0124 16.3334 27.4316 17.3355C27.8507 18.3375 28.0666 19.4128 28.0666 20.499C28.0666 21.5852 27.8507 22.6605 27.4316 23.6625C27.0124 24.6646 26.3984 25.5733 25.625 26.336C19.763 32.141 10.258 32.141 4.39501 26.336C3.00453 24.9649 1.90004 23.3314 1.14556 21.5302C0.39108 19.729 0.00162291 17.796 -0.000237444 15.8432C-0.00209779 13.8904 0.383676 11.9566 1.13472 10.154C1.88577 8.35139 2.98715 6.71579 4.37501 5.342C7.82848 1.91092 12.5019 -0.0102261 17.37 -1.71911e-06Z" fill="url(#a355541602_paint0_radial_2_23)"/> <defs> <radialGradient id="a355541602_paint0_radial_2_23" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-267.833 106.035) rotate(32.7354) scale(3473.42 3568.34)"> <stop stop-color="#00FFC4"/> <stop offset="1" stop-color="#00E1FF"/> </radialGradient> </defs> </svg> </div> </div> <div class="face left bg-sand-light-7/80 group-hover:opacity-75"></div> <div class="face front bg-sand-light-3/80 group-hover:opacity-75"></div> </div> </div> </div> </span> </span> <span> <span class="text-sand-light-12 font-medium mb-0.5 block dark:text-sand-dark-12">Nova</span> <span class="block text-sm text-sand-light-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 p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-4.5 left-6"> <div class="relative"> <div style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: 1.8; --shadow-distance: 1;" class="relative transition-all duration-500 ease-in-out cube-clear cube"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face origin-center absolute top-0 left-0 right bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> <div class="face origin-center absolute top-0 left-0 bottom bg-sand-light-5"> <div class="cube-clear-corners"></div> </div> <div class="face origin-center absolute top-0 left-0 back bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> <div class="absolute inset-0 flex items-center justify-center origin-center -translate-x-1/2 -translate-y-1/2 opacity-100"> <svg class="w-5/6 h-5/6" width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1.35999 52.1328V8.61279L14.416 15.8661V44.8795L27.472 52.1328V66.6395L1.35999 52.1328Z" fill="white" /> <path d="M1.35999 8.61344L14.416 1.36011L27.472 8.61344L14.416 15.8668L1.35999 8.61344Z" fill="white" /> <path d="M53.5845 23.1205V37.6272L66.6405 30.3739V15.8672L53.5845 23.1205Z" fill="white" /> <path d="M14.4155 15.8661V44.8795L27.4715 37.6261V8.61279L14.4155 15.8661Z" fill="white" /> <path d="M53.5829 52.1339L27.4709 66.6405V52.1339L53.5829 37.6272V52.1339Z" fill="white" /> <path d="M53.5851 8.61279L66.6411 15.8661L53.5851 23.1195L40.5291 15.8661L53.5851 8.61279Z" fill="white" /> <path d="M53.5835 37.6261L40.5275 30.3728L14.4155 44.8795L27.4715 52.1328L53.5835 37.6261Z" fill="white" /> <path d="M40.5291 30.3739V15.8672L53.5851 23.1205V37.6272L40.5291 30.3739Z" fill="white" /> <path d="M66.64 15.8668L53.584 8.61344L40.528 15.8668M66.64 15.8668L53.584 23.1201M66.64 15.8668V30.3734L53.584 37.6268M40.528 15.8668V30.3734M40.528 15.8668L53.584 23.1201M40.528 30.3734L53.584 37.6268M40.528 30.3734L14.416 44.8801M53.584 37.6268V52.1334L27.472 66.6401M53.584 37.6268V23.1201M53.584 37.6268L27.472 52.1334M14.416 44.8801L27.472 52.1334M14.416 44.8801V15.8668M1.35999 8.61344L14.416 1.36011L27.472 8.61344M1.35999 8.61344V52.1334L27.472 66.6401M1.35999 8.61344L14.416 15.8668M27.472 66.6401V52.1334M14.416 15.8668L27.472 8.61344M27.472 8.61344V37.6268" stroke="#F53003" stroke-width="2" stroke-linejoin="round" /> </svg> </div> <div class="face origin-center absolute top-0 left-0 top bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> <div class="face origin-center absolute top-0 left-0 left bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> <div class="face origin-center absolute top-0 left-0 front bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> </div> </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="/starter-kits" class="flex items-start p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".9" inset=".15" flat-front="true" icon="react" color="react-theme" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .9; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-flat-front" style="--cube-inset: .15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 0.75;"> <div class="face inner-face right react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face bottom react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face back react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face top react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face left react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white bg-white/90"> <svg style="width: 1.08rem; height: 1.08rem;" xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348"> <circle cx="0" cy="0" r="2.05" fill="#20caf8" /> <g stroke="#20caf8" stroke-width="1" fill="none"> <ellipse rx="11" ry="4.2" /> <ellipse rx="11" ry="4.2" transform="rotate(60)" /> <ellipse rx="11" ry="4.2" transform="rotate(120)" /> </g> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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">React Starter Kit</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="/starter-kits" class="flex items-start p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".9" inset=".15" flat-front="true" icon="vue" color="vue-theme" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .9; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-flat-front" style="--cube-inset: .15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 0.75;"> <div class="face inner-face right vue-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face bottom vue-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face back vue-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face top vue-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face left vue-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white bg-white/90"> <svg style="width: 1.08rem; height: 1.08rem;" version="1.1" viewBox="0 0 261.76 226.69" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(1.3333 0 0 -1.3333 -76.311 313.34)"><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-75.491l98.16-170.02 98.16 170.02z" fill="#41b883"/></g><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-36.227l58.896-102.01 58.896 102.01z" fill="#34495e"/></g></g></svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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">Vue Starter Kit</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="/starter-kits" class="flex items-start p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".9" inset=".15" flat-front="true" icon="livewire" color="livewire-theme" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .9; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-flat-front" style="--cube-inset: .15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 0.75;"> <div class="face inner-face right livewire-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face bottom livewire-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face back livewire-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face top livewire-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face left livewire-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white bg-white/90"> <svg style="width: 1.08rem; height: 1.08rem;" width="37" height="30" viewBox="0 0 37 30" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M34.8001 27.706C34.1201 28.734 33.6051 30 32.2231 30C29.8971 30 29.7711 26.413 27.4431 26.413C25.1161 26.413 25.2421 30 22.9161 30C20.5901 30 20.4641 26.413 18.1361 26.413C15.8091 26.413 15.9351 30 13.6081 30C11.2821 30 11.1561 26.413 8.82808 26.413C6.50008 26.413 6.62808 30 4.30008 30C3.56908 30 3.05508 29.646 2.62208 29.16C0.894488 26.14 -0.00967084 22.7192 7.80086e-05 19.24C7.80086e-05 8.613 8.20808 0 18.3331 0C28.4601 0 36.6671 8.614 36.6671 19.24C36.6671 22.277 35.9951 25.15 34.8001 27.706Z" fill="#FB70A9" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M34.8001 27.706C34.1201 28.734 33.6051 30 32.2231 30C29.8971 30 29.7711 26.413 27.4431 26.413C25.1161 26.413 25.2421 30 22.9161 30C20.5901 30 20.4641 26.413 18.1361 26.413C15.8091 26.413 15.9351 30 13.6081 30C11.2821 30 11.1561 26.413 8.82808 26.413C6.50008 26.413 6.62808 30 4.30008 30C3.56908 30 3.05508 29.646 2.62208 29.16C0.894488 26.14 -0.00967084 22.7192 7.80086e-05 19.24C7.80086e-05 8.613 8.20808 0 18.3331 0C28.4601 0 36.6671 8.614 36.6671 19.24C36.6671 22.277 35.9951 25.15 34.8001 27.706Z" fill="#FB70A9" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M30.834 29.617C35.638 22.47 35.763 14.542 31.206 5.833C34.7165 9.42758 36.6772 14.2556 36.667 19.28C36.667 22.306 35.972 25.17 34.733 27.714C34.028 28.738 33.493 30 32.06 30C31.57 30 31.174 29.852 30.834 29.617Z" fill="#E24CA6" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.35 24.038C23.726 24.038 26.41 20.34 26.41 15.088C26.41 9.834 22.355 5 17.35 5C12.347 5 8.291 9.835 8.291 15.087C8.291 20.34 10.974 24.038 17.35 24.038Z" fill="white" /> <path d="M14.915 15.385C16.791 15.385 18.312 13.705 18.312 11.635C18.312 9.564 16.792 7.885 14.915 7.885C13.039 7.885 11.518 9.564 11.518 11.635C11.518 13.705 13.038 15.385 14.915 15.385Z" fill="#030776" /> <path d="M14.35 12.5C15.287 12.5 16.048 11.725 16.048 10.77C16.048 9.813 15.288 9.039 14.349 9.039C13.411 9.039 12.65 9.813 12.65 10.769C12.65 11.725 13.41 12.5 14.35 12.5Z" fill="white" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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">Livewire Starter Kit</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 p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="scout" color="package-red" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-red"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 18.4804L16 27.2804L32 18.4804V24.0804L16 32.8804L0 24.0804V18.4804ZM0 0.880371L16 9.68036L32 0.880371V14.4804L16 23.2804L0 14.4804V0.880371Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="octane" color="package-red" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-red"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M0.434554 14.2373L2.96769 7.57114C3.6343 5.90465 4.83421 4.5714 6.50075 3.83813L13.0336 0.971684C14.6335 0.238407 16.4333 0.238407 18.0998 0.838359L24.8327 3.3715C26.4325 3.97145 27.7658 5.23801 28.4991 6.83791L31.4322 13.3707C32.1654 14.9706 32.1654 16.7704 31.5654 18.437L28.9657 25.1698C28.3657 26.7697 27.0991 28.1029 25.4993 28.8362L18.9665 31.7693C17.3665 32.5026 15.5667 32.5026 13.9002 31.9026L7.16735 29.3028C5.56749 28.7029 4.23426 27.4363 3.50098 25.8364L0.567873 19.3036C-0.165402 17.7037 -0.165402 15.9038 0.434554 14.2373ZM22.9297 6.38019L5.94019 9.37132L8.93132 26.3608L25.9208 23.3697L22.9297 6.38019Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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">Supercharged app performance</span> </span> </a> </li> <li> <a href="/docs/reverb" class="flex items-start p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="reverb" color="package-pink" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-pink"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_373_24988)"> <path opacity="0.9" d="M16.0001 20.5627C13.6602 20.5627 11.8262 18.6654 11.8262 16.3888C11.8262 14.1121 13.7234 12.2148 16.0001 12.2148C18.34 12.2148 20.174 14.1121 20.174 16.3888C20.174 18.6654 18.34 20.5627 16.0001 20.5627Z" fill="currentColor" /> <path opacity="0.6" d="M15.9999 24.4837C11.5098 24.4837 7.8418 20.8157 7.8418 16.3888C7.8418 11.9619 11.5098 8.29395 15.9999 8.29395C20.49 8.29395 24.158 11.9619 24.158 16.3888C24.158 20.8157 20.49 24.4837 15.9999 24.4837ZM15.9999 10.0647C12.5216 10.0647 9.67579 12.9105 9.67579 16.3256C9.67579 19.7406 12.5216 22.5864 15.9999 22.5864C19.4782 22.5864 22.324 19.7406 22.324 16.3256C22.324 12.9105 19.4782 10.0647 15.9999 10.0647Z" fill="currentColor" /> <path opacity="0.4" d="M15.9999 28.4047C9.35963 28.4047 3.9209 23.0292 3.9209 16.3889C3.9209 9.74854 9.35963 4.37305 15.9999 4.37305C22.6403 4.37305 28.079 9.74854 28.079 16.3889C28.079 23.0292 22.6403 28.4047 15.9999 28.4047ZM15.9999 6.1438C10.3715 6.1438 5.75489 10.6972 5.75489 16.3256C5.75489 21.9541 10.3715 26.5074 15.9999 26.5074C21.6284 26.5074 26.245 21.9541 26.245 16.3256C26.245 10.6972 21.6284 6.1438 15.9999 6.1438Z" fill="currentColor" /> <path opacity="0.2" d="M16 32.3254C7.14625 32.3254 0 25.1792 0 16.3887C0 7.59816 7.20949 0.388672 16 0.388672C24.8538 0.388672 32 7.53492 32 16.3254C32 25.1159 24.8538 32.3254 16 32.3254ZM16 2.22266C8.22134 2.22266 1.83399 8.54677 1.83399 16.3254C1.83399 24.1041 8.1581 30.4282 16 30.4282C23.8419 30.4914 30.166 24.1673 30.166 16.3254C30.166 8.48353 23.8419 2.22266 16 2.22266Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_373_24988"> <rect width="32" height="31.9368" fill="white" transform="translate(0 0.388672)" /> </clipPath> </defs> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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/echo" class="flex items-start p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="echo" color="package-pink" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-pink"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M30.5979 23.1124C26.9859 29.1753 17.522 30.1756 9.4597 25.3465C1.39754 20.5174 -2.20994 11.6877 1.4021 5.62477C5.01415 -0.438153 14.478 -1.4384 22.5403 3.39068C30.6025 8.21976 34.2099 17.0495 30.5979 23.1124ZM9.58683 24.9257C5.41871 22.3784 3.58949 17.7455 5.50205 14.5353C7.42851 11.3017 12.4214 10.7357 16.6541 13.2709C20.8867 15.8062 22.7563 20.4828 20.8298 23.7163C18.9174 26.9264 13.9826 27.5076 9.76981 25.0353C15.595 28.4735 22.4225 27.6922 25.0574 23.2694C27.7063 18.8232 25.1152 12.3807 19.2701 8.87963C13.425 5.37855 6.53928 6.14468 3.89046 10.5908C1.25535 15.0138 3.80588 21.4125 9.58683 24.9257ZM17.9084 23.8201C16.4956 26.1913 12.8627 26.6236 9.7941 24.7855C6.72537 22.9475 5.383 19.5351 6.79573 17.1638C8.20846 14.7925 11.8414 14.3603 14.91 16.1984C17.9787 18.0364 19.3211 21.4488 17.9084 23.8201Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="pennant" color="package-green" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-green"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="18" viewBox="0 0 32 18" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M16 7.68826V4.66124L0 0.336914V17.6342L16 13.3099V16.3369L32 12.0126L16 7.68826Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 managament</span> </span> </a> </li> <li> <a href="/docs/cashier" class="flex items-start p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="cashier" color="package-green" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-green"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="22" viewBox="0 0 32 22" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M32 0H0V21.3333H32V0ZM16 16C18.9455 16 21.3333 13.6122 21.3333 10.6667C21.3333 7.72115 18.9455 5.33333 16 5.33333C13.0545 5.33333 10.6667 7.72115 10.6667 10.6667C10.6667 13.6122 13.0545 16 16 16Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="socialite" color="package-blue" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-blue"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M27.1248 28.3799C30.1311 25.471 32 21.3939 32 16.8804C32 8.04382 24.8366 0.880371 16 0.880371C7.16344 0.880371 0 8.04382 0 16.8804C0 21.3939 1.86894 25.471 4.87517 28.3799C7.43361 25.0366 11.465 22.8804 16 22.8804C20.535 22.8804 24.5664 25.0366 27.1248 28.3799ZM22 12.8804C22 16.1941 19.3137 18.8804 16 18.8804C12.6863 18.8804 10 16.1941 10 12.8804C10 9.56666 12.6863 6.88037 16 6.88037C19.3137 6.88037 22 9.56666 22 12.8804Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="sanctum" color="package-blue" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-blue"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="31" viewBox="0 0 32 31" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M27.2912 13.6014L23.2656 10.6767L25.6197 7.43654L22.3791 5.08213L20.025 8.32226L16 5.39793L11.9742 8.32286L9.61977 5.08229L16 0.446777L32 12.0715L25.8885 30.8806H18.0022V26.875H22.9783L24.5157 22.1434L28.3247 23.381L29.5625 19.5715L25.7535 18.3339L27.2912 13.6014ZM6.37919 7.4367L8.73361 10.6773L4.70883 13.6014L6.24636 18.3335L2.43684 19.5713L0 12.0715L6.37919 7.4367ZM3.67463 23.3808L7.48415 22.143L9.02167 26.875H13.9966V30.8806H6.11146L3.67463 23.3808ZM16.0004 22.0769C18.655 22.0769 20.8071 19.9248 20.8071 17.2702C20.8071 14.6155 18.655 12.4635 16.0004 12.4635C13.3457 12.4635 11.1937 14.6155 11.1937 17.2702C11.1937 19.9248 13.3457 22.0769 16.0004 22.0769Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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">APl and mobile app authentication</span> </span> </a> </li> <li> <a href="/docs/sail" class="flex items-start p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="sail" color="package-orange" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-orange"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="35" viewBox="0 0 32 35" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6358 34.375V8.83957L0 27.4688V27.5116C3.39657 31.3599 8.2164 33.9222 13.6358 34.375ZM32 25.9186C28.2956 31.0633 22.2636 34.42 15.4462 34.4467H15.3643V0.325195L32 25.9186Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="pint" color="package-orange" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-orange"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="23" viewBox="0 0 32 23" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5289 22.3886L16.9675 0.634277H20.4712L15.0327 22.3886H11.5289ZM4.80708 11.5118L10.2457 6.07322L7.84212 3.66968L0 11.5118L7.84212 19.3539L10.2457 16.9504L4.80708 11.5118ZM32 11.5118L24.1579 3.66968L21.7543 6.07322L27.1929 11.5118L21.7543 16.9504L24.1579 19.3539L32 11.5118Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="horizon" color="package-purple" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5.60687 28.5079C5.60256 28.5079 5.5984 28.5064 5.59513 28.5036C3.83773 27.0021 2.4273 25.1371 1.46127 23.0372C0.494306 20.9353 -0.00427913 18.6483 2.76655e-05 16.3347C2.76655e-05 11.9147 1.79341 7.91473 4.68684 5.02141C10.8204 -1.10987 20.7213 -1.23854 27.0128 4.73008C33.3037 10.6994 33.6944 20.5933 27.8929 27.0393C22.0929 33.4842 12.2162 34.1369 5.61863 28.5123C5.61536 28.5095 5.61117 28.5079 5.60687 28.5079ZM4.31154 17.3213C4.3128 17.3213 4.31401 17.3209 4.31495 17.32C6.0809 15.7535 7.3345 13.668 10.667 13.668C16.0005 13.668 16.0005 19.0013 21.334 19.0013C26.1072 19.0013 27.9291 12.0555 24.7409 8.50316C22.3679 5.8591 18.8269 4.31983 15.0138 4.64142C8.5572 5.18595 3.76448 10.8606 4.30643 17.3166C4.30665 17.3193 4.30888 17.3213 4.31154 17.3213Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="dusk" color="package-purple" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M13.3644 18.9691C8.34718 13.9518 7.15259 6.48562 9.90014 0.333496C8.10826 1.16971 6.37611 2.30457 4.88287 3.7978C-1.62763 10.3083 -1.62763 20.9402 4.88287 27.4507C11.3934 33.9611 22.0252 33.9611 28.5357 27.4507C30.0289 25.9574 31.1638 24.285 32 22.4334C25.9076 25.1809 18.4414 24.0461 13.3644 18.9691Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="telescope" color="package-purple" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M16 32.3799C24.8366 32.3799 32 25.2164 32 16.3799C32 7.54333 24.8366 0.379883 16 0.379883C7.16344 0.379883 0 7.54333 0 16.3799C0 25.2164 7.16344 32.3799 16 32.3799ZM22.4 5.17988C22.4 7.83085 24.549 9.97988 27.2 9.97988C24.549 9.97988 22.4 12.1289 22.4 14.7799C22.4 12.1289 20.251 9.97988 17.6 9.97988C20.251 9.97988 22.4 7.83085 22.4 5.17988ZM14.4 8.37988C14.4 13.6818 18.6981 17.9799 24 17.9799C18.6981 17.9799 14.4 22.278 14.4 27.5799C14.4 22.278 10.1019 17.9799 4.8 17.9799C10.1019 17.9799 14.4 13.6818 14.4 8.37988Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 dark:text-sand-dark-12"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="pulse" color="package-purple" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="26" viewBox="0 0 32 26" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M16.7787 0.379883H20.747L24.312 13.6213H32V18.0351H20.9294L18.6955 9.73764L14.1179 25.7592H10.2118L6.83252 18.0351H0V13.6213H9.71921L11.7011 18.1514L16.7787 0.379883Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 and usage 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://partners.laravel.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="M10.4168 8.75V5.41666M16.2502 8.75V2.08333H10.4168V5.41666M3.75016 8.75V4.86904L5.41683 2.08333H6.25016L7.91683 4.86904V8.75M10.4168 5.41666H12.9168M2.0835 8.75H17.9168V17.0833H2.0835V8.75Z" stroke="currentColor" stroke-linecap="square" /> </svg> </span> <span> Partners </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" tag="ul"> <li class="grid col-span-12 grid-cols-subgrid"> <a href="https://laracon.us" target="_blank" class="grid 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"> <span>Laracon US</span> <span class="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 text-sand-light-11 mb-0.5">Jul 29-30 2025</span> <span class="block text-sm text-sand-light-11">Denver, USA</span> </span> </a> </li> <li class="grid col-span-12 grid-cols-subgrid"> <a href="https://laracon.in" target="_blank" class="grid col-span-12 grid-cols-subgrid hover:bg-sand-light-3 rounded-sm p-1.5 -mx-1.5"> <img src="/images/events/laracon-india-2025.png " alt="Laracon India" 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"> <span>Laracon India</span> </span> <span class="text-sm block text-sand-light-11 mb-0.5">Mar 8-9 2025</span> <span class="block text-sm text-sand-light-11">Ahmedabad, India</span> </span> </a> </li> <li class="grid col-span-12 grid-cols-subgrid"> <a href="https://laracon.au" target="_blank" class="grid 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"> <span>Laracon AU</span> </span> <span class="text-sm block text-sand-light-11 mb-0.5">Coming soon</span> <span class="block text-sm 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.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 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">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 p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-4.5 left-6"> <div class="relative"> <div style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: 1.8; --shadow-distance: 1;" class="relative transition-all duration-500 ease-in-out cube-clear cube"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face origin-center absolute top-0 left-0 right bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> <div class="face origin-center absolute top-0 left-0 bottom bg-sand-light-5"> <div class="cube-clear-corners"></div> </div> <div class="face origin-center absolute top-0 left-0 back bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> <div class="absolute inset-0 flex items-center justify-center origin-center -translate-x-1/2 -translate-y-1/2 opacity-100"> <svg class="w-5/6 h-5/6" width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1.35999 52.1328V8.61279L14.416 15.8661V44.8795L27.472 52.1328V66.6395L1.35999 52.1328Z" fill="white" /> <path d="M1.35999 8.61344L14.416 1.36011L27.472 8.61344L14.416 15.8668L1.35999 8.61344Z" fill="white" /> <path d="M53.5845 23.1205V37.6272L66.6405 30.3739V15.8672L53.5845 23.1205Z" fill="white" /> <path d="M14.4155 15.8661V44.8795L27.4715 37.6261V8.61279L14.4155 15.8661Z" fill="white" /> <path d="M53.5829 52.1339L27.4709 66.6405V52.1339L53.5829 37.6272V52.1339Z" fill="white" /> <path d="M53.5851 8.61279L66.6411 15.8661L53.5851 23.1195L40.5291 15.8661L53.5851 8.61279Z" fill="white" /> <path d="M53.5835 37.6261L40.5275 30.3728L14.4155 44.8795L27.4715 52.1328L53.5835 37.6261Z" fill="white" /> <path d="M40.5291 30.3739V15.8672L53.5851 23.1205V37.6272L40.5291 30.3739Z" fill="white" /> <path d="M66.64 15.8668L53.584 8.61344L40.528 15.8668M66.64 15.8668L53.584 23.1201M66.64 15.8668V30.3734L53.584 37.6268M40.528 15.8668V30.3734M40.528 15.8668L53.584 23.1201M40.528 30.3734L53.584 37.6268M40.528 30.3734L14.416 44.8801M53.584 37.6268V52.1334L27.472 66.6401M53.584 37.6268V23.1201M53.584 37.6268L27.472 52.1334M14.416 44.8801L27.472 52.1334M14.416 44.8801V15.8668M1.35999 8.61344L14.416 1.36011L27.472 8.61344M1.35999 8.61344V52.1334L27.472 66.6401M1.35999 8.61344L14.416 15.8668M27.472 66.6401V52.1334M14.416 15.8668L27.472 8.61344M27.472 8.61344V37.6268" stroke="#F53003" stroke-width="2" stroke-linejoin="round" /> </svg> </div> <div class="face origin-center absolute top-0 left-0 top bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> <div class="face origin-center absolute top-0 left-0 left bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> <div class="face origin-center absolute top-0 left-0 front bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> </div> </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="/starter-kits" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".9" inset=".15" flat-front="true" icon="react" color="react-theme" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .9; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-flat-front" style="--cube-inset: .15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 0.75;"> <div class="face inner-face right react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face bottom react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face back react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face top react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face left react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white bg-white/90"> <svg style="width: 1.08rem; height: 1.08rem;" xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348"> <circle cx="0" cy="0" r="2.05" fill="#20caf8" /> <g stroke="#20caf8" stroke-width="1" fill="none"> <ellipse rx="11" ry="4.2" /> <ellipse rx="11" ry="4.2" transform="rotate(60)" /> <ellipse rx="11" ry="4.2" transform="rotate(120)" /> </g> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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">React Starter Kit</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="/starter-kits" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".9" inset=".15" flat-front="true" icon="vue" color="vue-theme" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .9; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-flat-front" style="--cube-inset: .15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 0.75;"> <div class="face inner-face right vue-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face bottom vue-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face back vue-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face top vue-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face left vue-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white bg-white/90"> <svg style="width: 1.08rem; height: 1.08rem;" version="1.1" viewBox="0 0 261.76 226.69" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(1.3333 0 0 -1.3333 -76.311 313.34)"><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-75.491l98.16-170.02 98.16 170.02z" fill="#41b883"/></g><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-36.227l58.896-102.01 58.896 102.01z" fill="#34495e"/></g></g></svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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">Vue Starter Kit</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="/starter-kits" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".9" inset=".15" flat-front="true" icon="livewire" color="livewire-theme" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .9; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-flat-front" style="--cube-inset: .15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 0.75;"> <div class="face inner-face right livewire-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face bottom livewire-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face back livewire-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face top livewire-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face left livewire-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white bg-white/90"> <svg style="width: 1.08rem; height: 1.08rem;" width="37" height="30" viewBox="0 0 37 30" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M34.8001 27.706C34.1201 28.734 33.6051 30 32.2231 30C29.8971 30 29.7711 26.413 27.4431 26.413C25.1161 26.413 25.2421 30 22.9161 30C20.5901 30 20.4641 26.413 18.1361 26.413C15.8091 26.413 15.9351 30 13.6081 30C11.2821 30 11.1561 26.413 8.82808 26.413C6.50008 26.413 6.62808 30 4.30008 30C3.56908 30 3.05508 29.646 2.62208 29.16C0.894488 26.14 -0.00967084 22.7192 7.80086e-05 19.24C7.80086e-05 8.613 8.20808 0 18.3331 0C28.4601 0 36.6671 8.614 36.6671 19.24C36.6671 22.277 35.9951 25.15 34.8001 27.706Z" fill="#FB70A9" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M34.8001 27.706C34.1201 28.734 33.6051 30 32.2231 30C29.8971 30 29.7711 26.413 27.4431 26.413C25.1161 26.413 25.2421 30 22.9161 30C20.5901 30 20.4641 26.413 18.1361 26.413C15.8091 26.413 15.9351 30 13.6081 30C11.2821 30 11.1561 26.413 8.82808 26.413C6.50008 26.413 6.62808 30 4.30008 30C3.56908 30 3.05508 29.646 2.62208 29.16C0.894488 26.14 -0.00967084 22.7192 7.80086e-05 19.24C7.80086e-05 8.613 8.20808 0 18.3331 0C28.4601 0 36.6671 8.614 36.6671 19.24C36.6671 22.277 35.9951 25.15 34.8001 27.706Z" fill="#FB70A9" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M30.834 29.617C35.638 22.47 35.763 14.542 31.206 5.833C34.7165 9.42758 36.6772 14.2556 36.667 19.28C36.667 22.306 35.972 25.17 34.733 27.714C34.028 28.738 33.493 30 32.06 30C31.57 30 31.174 29.852 30.834 29.617Z" fill="#E24CA6" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.35 24.038C23.726 24.038 26.41 20.34 26.41 15.088C26.41 9.834 22.355 5 17.35 5C12.347 5 8.291 9.835 8.291 15.087C8.291 20.34 10.974 24.038 17.35 24.038Z" fill="white" /> <path d="M14.915 15.385C16.791 15.385 18.312 13.705 18.312 11.635C18.312 9.564 16.792 7.885 14.915 7.885C13.039 7.885 11.518 9.564 11.518 11.635C11.518 13.705 13.038 15.385 14.915 15.385Z" fill="#030776" /> <path d="M14.35 12.5C15.287 12.5 16.048 11.725 16.048 10.77C16.048 9.813 15.288 9.039 14.349 9.039C13.411 9.039 12.65 9.813 12.65 10.769C12.65 11.725 13.41 12.5 14.35 12.5Z" fill="white" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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">Livewire Starter Kit</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 p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="scout" color="package-red" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-red"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 18.4804L16 27.2804L32 18.4804V24.0804L16 32.8804L0 24.0804V18.4804ZM0 0.880371L16 9.68036L32 0.880371V14.4804L16 23.2804L0 14.4804V0.880371Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="octane" color="package-red" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-red"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M0.434554 14.2373L2.96769 7.57114C3.6343 5.90465 4.83421 4.5714 6.50075 3.83813L13.0336 0.971684C14.6335 0.238407 16.4333 0.238407 18.0998 0.838359L24.8327 3.3715C26.4325 3.97145 27.7658 5.23801 28.4991 6.83791L31.4322 13.3707C32.1654 14.9706 32.1654 16.7704 31.5654 18.437L28.9657 25.1698C28.3657 26.7697 27.0991 28.1029 25.4993 28.8362L18.9665 31.7693C17.3665 32.5026 15.5667 32.5026 13.9002 31.9026L7.16735 29.3028C5.56749 28.7029 4.23426 27.4363 3.50098 25.8364L0.567873 19.3036C-0.165402 17.7037 -0.165402 15.9038 0.434554 14.2373ZM22.9297 6.38019L5.94019 9.37132L8.93132 26.3608L25.9208 23.3697L22.9297 6.38019Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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">Supercharged app performance</span> </span> </a> </li> <li> <a href="/docs/reverb" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="reverb" color="package-pink" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-pink"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_373_24988)"> <path opacity="0.9" d="M16.0001 20.5627C13.6602 20.5627 11.8262 18.6654 11.8262 16.3888C11.8262 14.1121 13.7234 12.2148 16.0001 12.2148C18.34 12.2148 20.174 14.1121 20.174 16.3888C20.174 18.6654 18.34 20.5627 16.0001 20.5627Z" fill="currentColor" /> <path opacity="0.6" d="M15.9999 24.4837C11.5098 24.4837 7.8418 20.8157 7.8418 16.3888C7.8418 11.9619 11.5098 8.29395 15.9999 8.29395C20.49 8.29395 24.158 11.9619 24.158 16.3888C24.158 20.8157 20.49 24.4837 15.9999 24.4837ZM15.9999 10.0647C12.5216 10.0647 9.67579 12.9105 9.67579 16.3256C9.67579 19.7406 12.5216 22.5864 15.9999 22.5864C19.4782 22.5864 22.324 19.7406 22.324 16.3256C22.324 12.9105 19.4782 10.0647 15.9999 10.0647Z" fill="currentColor" /> <path opacity="0.4" d="M15.9999 28.4047C9.35963 28.4047 3.9209 23.0292 3.9209 16.3889C3.9209 9.74854 9.35963 4.37305 15.9999 4.37305C22.6403 4.37305 28.079 9.74854 28.079 16.3889C28.079 23.0292 22.6403 28.4047 15.9999 28.4047ZM15.9999 6.1438C10.3715 6.1438 5.75489 10.6972 5.75489 16.3256C5.75489 21.9541 10.3715 26.5074 15.9999 26.5074C21.6284 26.5074 26.245 21.9541 26.245 16.3256C26.245 10.6972 21.6284 6.1438 15.9999 6.1438Z" fill="currentColor" /> <path opacity="0.2" d="M16 32.3254C7.14625 32.3254 0 25.1792 0 16.3887C0 7.59816 7.20949 0.388672 16 0.388672C24.8538 0.388672 32 7.53492 32 16.3254C32 25.1159 24.8538 32.3254 16 32.3254ZM16 2.22266C8.22134 2.22266 1.83399 8.54677 1.83399 16.3254C1.83399 24.1041 8.1581 30.4282 16 30.4282C23.8419 30.4914 30.166 24.1673 30.166 16.3254C30.166 8.48353 23.8419 2.22266 16 2.22266Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_373_24988"> <rect width="32" height="31.9368" fill="white" transform="translate(0 0.388672)" /> </clipPath> </defs> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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/echo" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="echo" color="package-pink" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-pink"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M30.5979 23.1124C26.9859 29.1753 17.522 30.1756 9.4597 25.3465C1.39754 20.5174 -2.20994 11.6877 1.4021 5.62477C5.01415 -0.438153 14.478 -1.4384 22.5403 3.39068C30.6025 8.21976 34.2099 17.0495 30.5979 23.1124ZM9.58683 24.9257C5.41871 22.3784 3.58949 17.7455 5.50205 14.5353C7.42851 11.3017 12.4214 10.7357 16.6541 13.2709C20.8867 15.8062 22.7563 20.4828 20.8298 23.7163C18.9174 26.9264 13.9826 27.5076 9.76981 25.0353C15.595 28.4735 22.4225 27.6922 25.0574 23.2694C27.7063 18.8232 25.1152 12.3807 19.2701 8.87963C13.425 5.37855 6.53928 6.14468 3.89046 10.5908C1.25535 15.0138 3.80588 21.4125 9.58683 24.9257ZM17.9084 23.8201C16.4956 26.1913 12.8627 26.6236 9.7941 24.7855C6.72537 22.9475 5.383 19.5351 6.79573 17.1638C8.20846 14.7925 11.8414 14.3603 14.91 16.1984C17.9787 18.0364 19.3211 21.4488 17.9084 23.8201Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="pennant" color="package-green" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-green"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="18" viewBox="0 0 32 18" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M16 7.68826V4.66124L0 0.336914V17.6342L16 13.3099V16.3369L32 12.0126L16 7.68826Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 managament</span> </span> </a> </li> <li> <a href="/docs/cashier" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="cashier" color="package-green" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-green"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="22" viewBox="0 0 32 22" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M32 0H0V21.3333H32V0ZM16 16C18.9455 16 21.3333 13.6122 21.3333 10.6667C21.3333 7.72115 18.9455 5.33333 16 5.33333C13.0545 5.33333 10.6667 7.72115 10.6667 10.6667C10.6667 13.6122 13.0545 16 16 16Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="socialite" color="package-blue" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-blue"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M27.1248 28.3799C30.1311 25.471 32 21.3939 32 16.8804C32 8.04382 24.8366 0.880371 16 0.880371C7.16344 0.880371 0 8.04382 0 16.8804C0 21.3939 1.86894 25.471 4.87517 28.3799C7.43361 25.0366 11.465 22.8804 16 22.8804C20.535 22.8804 24.5664 25.0366 27.1248 28.3799ZM22 12.8804C22 16.1941 19.3137 18.8804 16 18.8804C12.6863 18.8804 10 16.1941 10 12.8804C10 9.56666 12.6863 6.88037 16 6.88037C19.3137 6.88037 22 9.56666 22 12.8804Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="sanctum" color="package-blue" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-blue"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="31" viewBox="0 0 32 31" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M27.2912 13.6014L23.2656 10.6767L25.6197 7.43654L22.3791 5.08213L20.025 8.32226L16 5.39793L11.9742 8.32286L9.61977 5.08229L16 0.446777L32 12.0715L25.8885 30.8806H18.0022V26.875H22.9783L24.5157 22.1434L28.3247 23.381L29.5625 19.5715L25.7535 18.3339L27.2912 13.6014ZM6.37919 7.4367L8.73361 10.6773L4.70883 13.6014L6.24636 18.3335L2.43684 19.5713L0 12.0715L6.37919 7.4367ZM3.67463 23.3808L7.48415 22.143L9.02167 26.875H13.9966V30.8806H6.11146L3.67463 23.3808ZM16.0004 22.0769C18.655 22.0769 20.8071 19.9248 20.8071 17.2702C20.8071 14.6155 18.655 12.4635 16.0004 12.4635C13.3457 12.4635 11.1937 14.6155 11.1937 17.2702C11.1937 19.9248 13.3457 22.0769 16.0004 22.0769Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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">APl and mobile app authentication</span> </span> </a> </li> <li> <a href="/docs/sail" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="sail" color="package-orange" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-orange"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="35" viewBox="0 0 32 35" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6358 34.375V8.83957L0 27.4688V27.5116C3.39657 31.3599 8.2164 33.9222 13.6358 34.375ZM32 25.9186C28.2956 31.0633 22.2636 34.42 15.4462 34.4467H15.3643V0.325195L32 25.9186Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="pint" color="package-orange" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-orange"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="23" viewBox="0 0 32 23" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5289 22.3886L16.9675 0.634277H20.4712L15.0327 22.3886H11.5289ZM4.80708 11.5118L10.2457 6.07322L7.84212 3.66968L0 11.5118L7.84212 19.3539L10.2457 16.9504L4.80708 11.5118ZM32 11.5118L24.1579 3.66968L21.7543 6.07322L27.1929 11.5118L21.7543 16.9504L24.1579 19.3539L32 11.5118Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="horizon" color="package-purple" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5.60687 28.5079C5.60256 28.5079 5.5984 28.5064 5.59513 28.5036C3.83773 27.0021 2.4273 25.1371 1.46127 23.0372C0.494306 20.9353 -0.00427913 18.6483 2.76655e-05 16.3347C2.76655e-05 11.9147 1.79341 7.91473 4.68684 5.02141C10.8204 -1.10987 20.7213 -1.23854 27.0128 4.73008C33.3037 10.6994 33.6944 20.5933 27.8929 27.0393C22.0929 33.4842 12.2162 34.1369 5.61863 28.5123C5.61536 28.5095 5.61117 28.5079 5.60687 28.5079ZM4.31154 17.3213C4.3128 17.3213 4.31401 17.3209 4.31495 17.32C6.0809 15.7535 7.3345 13.668 10.667 13.668C16.0005 13.668 16.0005 19.0013 21.334 19.0013C26.1072 19.0013 27.9291 12.0555 24.7409 8.50316C22.3679 5.8591 18.8269 4.31983 15.0138 4.64142C8.5572 5.18595 3.76448 10.8606 4.30643 17.3166C4.30665 17.3193 4.30888 17.3213 4.31154 17.3213Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="dusk" color="package-purple" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M13.3644 18.9691C8.34718 13.9518 7.15259 6.48562 9.90014 0.333496C8.10826 1.16971 6.37611 2.30457 4.88287 3.7978C-1.62763 10.3083 -1.62763 20.9402 4.88287 27.4507C11.3934 33.9611 22.0252 33.9611 28.5357 27.4507C30.0289 25.9574 31.1638 24.285 32 22.4334C25.9076 25.1809 18.4414 24.0461 13.3644 18.9691Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="telescope" color="package-purple" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M16 32.3799C24.8366 32.3799 32 25.2164 32 16.3799C32 7.54333 24.8366 0.379883 16 0.379883C7.16344 0.379883 0 7.54333 0 16.3799C0 25.2164 7.16344 32.3799 16 32.3799ZM22.4 5.17988C22.4 7.83085 24.549 9.97988 27.2 9.97988C24.549 9.97988 22.4 12.1289 22.4 14.7799C22.4 12.1289 20.251 9.97988 17.6 9.97988C20.251 9.97988 22.4 7.83085 22.4 5.17988ZM14.4 8.37988C14.4 13.6818 18.6981 17.9799 24 17.9799C18.6981 17.9799 14.4 22.278 14.4 27.5799C14.4 22.278 10.1019 17.9799 4.8 17.9799C10.1019 17.9799 14.4 13.6818 14.4 8.37988Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 p-3 group text-sand-light-12 hover:bg-sand-light-3 dark:text-sand-dark-12 dark:hover:bg-sand-dark-2 transition duration-100"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="pulse" color="package-purple" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="26" viewBox="0 0 32 26" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M16.7787 0.379883H20.747L24.312 13.6213H32V18.0351H20.9294L18.6955 9.73764L14.1179 25.7592H10.2118L6.83252 18.0351H0V13.6213H9.71921L11.7011 18.1514L16.7787 0.379883Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </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 and usage 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://partners.laravel.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="M10.4168 8.75V5.41666M16.2502 8.75V2.08333H10.4168V5.41666M3.75016 8.75V4.86904L5.41683 2.08333H6.25016L7.91683 4.86904V8.75M10.4168 5.41666H12.9168M2.0835 8.75H17.9168V17.0833H2.0835V8.75Z" stroke="currentColor" stroke-linecap="square" /> </svg> </span> <span> Partners </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.in" 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-india-2025.png " alt="Laracon India" 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 India</span> </span> <span class="text-sm block text-sand-light-11 dark:text-sand-dark-11 mb-0.5">Mar 8-9 2025</span> <span class="block text-sm text-sand-light-11 dark:text-sand-dark-11">Ahmedabad, India</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 col-start-1 row-start-1"> <div class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 mt-8 sm:mt-20 md:mt-80"> <div class="grid grid-cols-subgrid col-span-12 relative" id="hero-title"> <div class="-left-3.5 xl:-left-16 h-[1vh] absolute dummy-marker -translate-x-px invisible md:top-1 lg:top-3"> <div class="w-[3px] h-12 bg-laravel-red translate-y-0"></div> </div> <h2 class="col-span-12 mb-8 text-[40px] leading-[48px] md:leading-tight md:text-5xl lg:text-6xl"> Build and ship<br class="block sm:hidden"> software with <span class="block text-laravel-red">tools crafted for<br class="block sm:hidden"> productivity</span> </h2> <p class="col-span-12 col-start-1 mb-12 text-lg leading-normal md:text-lg md:col-span-10 lg:col-span-6"> Laravel provides a complete ecosystem for web artisans. Our open source PHP framework, products, packages, and starter kits offer everything you need to build, deploy, and monitor web applications. </p> <div class="col-span-12 col-start-1 mb-8 space-x-5"> <a href="/docs" class="font-medium rounded-xs transition 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 "> Read docs </a> <a href="https://cloud.laravel.com" class="font-medium rounded-xs transition 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 "> Deploy now </a> </div> <div class="hidden col-span-12 col-start-1 md:block"> <ol class="space-y-4 font-mono text-base leading-tight text-sand-light-10" x-data="{ step: 0 }"> <li class="flex items-center space-x-3" x-show="step >= 0" > <svg class="w-5 h-5 shrink-0" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.95833 5.625L8.33333 10L3.95833 14.375M10.625 14.375H16.0417" stroke="#F53003" stroke-width="1.5" stroke-linecap="square"/> </svg> <button title="Copy command" class="flex items-center space-x-3 cursor-pointer whitespace-nowrap group" @click="step === 0 ? $clipboard('composer global require laravel/installer') : null; step === 0 ? step = 1 : null"> <span>composer global require laravel/installer</span> <span x-show="step === 0"> <svg class="w-5 h-5 opacity-0 group-hover:opacity-100 transition-opacity duration-200 text-[#090900]" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </span> <span x-show="step > 0"> <svg class="w-5 h-5 text-[#090900]" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </span> </button> </li> <li class="flex items-center space-x-3" x-show="step >= 1" x-cloak> <svg class="w-5 h-5 shrink-0" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.95833 5.625L8.33333 10L3.95833 14.375M10.625 14.375H16.0417" stroke="#F53003" stroke-width="1.5" stroke-linecap="square"/> </svg> <button title="Copy command" class="flex items-center space-x-3 cursor-pointer whitespace-nowrap group" @click="step === 1 ? $clipboard('laravel new example-app') : null; step === 1 ? step = 2 : null"> <span>laravel new example-app</span> <span x-show="step === 1"> <svg class="w-5 h-5 opacity-0 group-hover:opacity-100 transition-opacity duration-200 text-[#090900]" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </span> <span x-show="step > 1"> <svg class="w-5 h-5 text-[#090900]" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </span> </button> </li> <li x-show="step > 1" x-cloak class="font-sans text-sand-light-12"> You're all set. <a href="https://laravel.com/docs" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read documentation</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> </li> </ol> </div> </div> </div> </div> <div class="relative items-center justify-center hidden col-span-12 col-start-1 md:flex reel-landing aspect-video"> </div> <div class="relative col-span-12 sticky-marker-wrapper" data-sticky-for="video-container"> <div class="absolute left-0 z-50 col-span-12"> <div class="sticky top-28 [@media(max-height:1000px)]:top-24"> <div class="-left-3.5 xl:-left-16 h-[1vh] absolute dummy-marker -translate-x-px invisible top-0 ignore-initial"> <div class="w-[3px] h-12 bg-laravel-red translate-y-0"></div> </div> </div> </div> </div> <div class="video-container col-span-12 md:col-start-1 md:row-start-1"> <div class="flex flex-col items-end w-full mt-20 md:mt-0 md:h-1 md:sticky md:top-28"> <div class="relative w-full md:w-1/4 aspect-video reel"> <video preload="auto" playsinline loop muted autoplay src="/images/video-preview.mp4" class="block w-full h-full rounded-xs motion-reduce:hidden"></video> <img src="/images/home/video-thumbnail-placeholder.gif" alt="Video Thumbnail" class="hidden aspect-video w-full h-full rounded-xs motion-reduce:block"> <button @click="play" x-data="homepageVideo" class="absolute inset-0 flex items-center justify-center w-full h-full"> <span class="sr-only">Play Video</span> <svg class="w-12 h-12 text-white" width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="39" cy="39" r="33" fill="#161615" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M39 13.5C24.9167 13.5 13.5 24.9167 13.5 39C13.5 53.0833 24.9167 64.5 39 64.5C53.0833 64.5 64.5 53.0833 64.5 39C64.5 24.9167 53.0833 13.5 39 13.5ZM9 39C9 22.4315 22.4315 9 39 9C55.5685 9 69 22.4315 69 39C69 55.5685 55.5685 69 39 69C22.4315 69 9 55.5685 9 39Z" fill="white" /> <path d="M33 47.4118V30.5882C33 29.3831 34.3493 28.67 35.345 29.3489L47.6823 37.7607C48.5556 38.3561 48.5556 39.6439 47.6823 40.2393L35.345 48.6511C34.3493 49.33 33 48.6169 33 47.4118Z" fill="white" /> </svg> </button> <div id="hero-video-container" class="absolute top-0 left-0 hidden w-full h-full transition-opacity duration-300 opacity-0"></div> </div> <p class="mt-3 text-xs transition-opacity duration-300 opacity-100 md:text-base watch-video-label">Watch video <span class="ml-1 md:ml-3 text-sand-light-10">2 mins</span></p> </div> </div> <div class="grid grid-cols-subgrid col-span-12 mt-20 md:mt-48"> <p class="col-span-12 text-base font-medium lg:col-span-3 text-sand-light-11 lg:text-balance"> Trusted by thousands of companies <span class="hidden lg:inline">around the world</span> </p> <div class="relative h-12 col-span-12 mt-8 lg:h-auto lg:mt-0 lg:col-span-9 logo-slideshow"> <div class="flex -mx-4 overflow-hidden lg:overflow-visible lg:block lg:mx-0"> <ul class="lg:absolute pl-4 pr-8 lg:pr-0 space-x-12 lg:space-x-0 lg:top-0 lg:left-0 lg:right-0 items-center flex lg:hidden! h-full grid-cols-2 transition-opacity duration-500 lg:opacity-0 gap-y-5"> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.9375rem] aspect-[144/40] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="144" height="40" viewBox="0 0 144 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24750)"> <path d="M44.8398 19.23C44.8398 25.77 48.9402 30.33 54.6221 30.33C60.304 30.33 64.4043 25.77 64.4043 19.23C64.4043 12.69 60.304 8.13 54.6221 8.13C48.9402 8.13 44.8398 12.69 44.8398 19.23ZM60.6554 19.23C60.6554 23.91 58.1659 26.94 54.6221 26.94C51.0782 26.94 48.5887 23.91 48.5887 19.23C48.5887 14.55 51.0782 11.52 54.6221 11.52C58.1659 11.52 60.6554 14.55 60.6554 19.23Z" fill="#C8C7C1"/> <path d="M74.9615 30.33C79.2669 30.33 81.7271 26.61 81.7271 22.14C81.7271 17.67 79.2669 13.95 74.9615 13.95C72.9699 13.95 71.5055 14.76 70.539 15.93V14.25H67.0244V35.4H70.539V28.35C71.5055 29.52 72.9699 30.33 74.9615 30.33ZM70.4511 21.69C70.4511 18.72 72.0913 17.1 74.2586 17.1C76.8067 17.1 78.1832 19.14 78.1832 22.14C78.1832 25.14 76.8067 27.18 74.2586 27.18C72.0913 27.18 70.4511 25.53 70.4511 22.62V21.69Z" fill="#C8C7C1"/> <path d="M91.239 30.33C94.3142 30.33 96.7452 28.68 97.8288 25.92L94.8121 24.75C94.3435 26.37 92.967 27.27 91.239 27.27C88.9838 27.27 87.4022 25.62 87.1386 22.92H97.9167V21.72C97.9167 17.4 95.5443 13.95 91.0925 13.95C86.6407 13.95 83.7705 17.52 83.7705 22.14C83.7705 27 86.8458 30.33 91.239 30.33ZM91.0633 16.98C93.2892 16.98 94.3435 18.48 94.3728 20.22H87.3144C87.8416 18.09 89.2474 16.98 91.0633 16.98Z" fill="#C8C7C1"/> <path d="M100.554 30H104.068V20.76C104.068 18.51 105.679 17.31 107.261 17.31C109.194 17.31 109.955 18.72 109.955 20.67V30H113.47V19.62C113.47 16.23 111.537 13.95 108.315 13.95C106.323 13.95 104.947 14.88 104.068 15.93V14.25H100.554V30Z" fill="#C8C7C1"/> <path d="M123.763 8.46002L115.797 30H119.516L121.303 25.08H130.382L132.198 30H135.976L128.01 8.46002H123.763ZM125.813 12.72L129.152 21.72H122.533L125.813 12.72Z" fill="#C8C7C1"/> <path d="M142.01 8.52252H138.261V30.0625H142.01V8.52252Z" fill="#C8C7C1"/> <path d="M36.2512 16.3713C37.1372 13.6475 36.8321 10.6638 35.4153 8.18625C33.2846 4.38625 29.0012 2.43125 24.8179 3.35125C22.9569 1.20375 20.2831 -0.0174976 17.48 2.42356e-06C13.2039 -0.00999757 9.40989 2.81 8.09437 6.9775C5.34738 7.55375 2.97626 9.315 1.58874 11.8113C-0.557837 15.6013 -0.0684809 20.3787 2.79932 23.6287C1.91335 26.3525 2.21843 29.3362 3.63525 31.8137C5.76596 35.6137 10.0493 37.5687 14.2327 36.6488C16.0925 38.7962 18.7675 40.0175 21.5706 39.9987C25.8491 40.01 29.6443 37.1875 30.9599 33.0163C33.7068 32.44 36.078 30.6787 37.4655 28.1825C39.6096 24.3925 39.119 19.6187 36.2525 16.3687L36.2512 16.3713ZM21.573 37.385C19.8609 37.3875 18.2024 36.7738 16.8881 35.65C16.9479 35.6175 17.0517 35.5588 17.1188 35.5163L24.8948 30.9162C25.2926 30.685 25.5367 30.2512 25.5342 29.7825V18.5537L28.8206 20.4975C28.856 20.515 28.8792 20.55 28.8841 20.59V29.8887C28.8792 34.0237 25.6099 37.3762 21.573 37.385ZM5.85016 30.5062C4.99226 28.9887 4.68352 27.21 4.97762 25.4837C5.03498 25.5187 5.13626 25.5825 5.20826 25.625L12.9843 30.225C13.3784 30.4612 13.8666 30.4612 14.262 30.225L23.755 24.61V28.4975C23.7574 28.5375 23.7391 28.5762 23.7086 28.6012L15.8484 33.25C12.3472 35.315 7.87593 34.0875 5.85138 30.5062H5.85016ZM3.80365 13.12C4.65789 11.6 6.00637 10.4375 7.61233 9.83375C7.61233 9.9025 7.60867 10.0238 7.60867 10.1088V19.31C7.60623 19.7775 7.8503 20.2112 8.24691 20.4425L17.7399 26.0562L14.4536 28C14.4206 28.0225 14.3791 28.0262 14.3425 28.01L6.48108 23.3575C2.98725 21.285 1.78887 16.7063 3.80243 13.1213L3.80365 13.12ZM30.8049 19.5562L21.3119 13.9413L24.5982 11.9988C24.6312 11.9763 24.6727 11.9725 24.7093 11.9888L32.5707 16.6375C36.0706 18.7087 37.2702 23.295 35.2481 26.88C34.3927 28.3975 33.0454 29.56 31.4407 30.165V20.6887C31.4443 20.2212 31.2015 19.7887 30.8061 19.5562H30.8049ZM34.0754 14.5138C34.018 14.4775 33.9167 14.415 33.8447 14.3725L26.0687 9.7725C25.6746 9.53625 25.1864 9.53625 24.791 9.7725L15.298 15.3875V11.5C15.2956 11.46 15.3139 11.4213 15.3444 11.3963L23.2046 6.75125C26.7058 4.6825 31.182 5.91375 33.2004 9.50125C34.0534 11.0163 34.3622 12.79 34.0729 14.5138H34.0754ZM13.5114 21.4425L10.2239 19.4988C10.1885 19.4813 10.1653 19.4462 10.1604 19.4062V10.1075C10.1628 5.9675 13.4419 2.6125 17.4837 2.615C19.1933 2.615 20.8481 3.23 22.1624 4.35C22.1026 4.3825 22.0001 4.44125 21.9318 4.48375L14.1558 9.08375C13.758 9.315 13.5139 9.7475 13.5163 10.2163L13.5114 21.44V21.4425ZM15.2968 17.5L19.5253 14.9988L23.7538 17.4988V22.5L19.5253 25L15.2968 22.5V17.5Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24750"> <rect width="144" height="40" fill="white"/> </clipPath> </defs> </svg> <svg data-logo="openai" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="144" height="40" viewBox="0 0 144 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24742)"> <path d="M44.8398 19.23C44.8398 25.77 48.9402 30.33 54.6221 30.33C60.304 30.33 64.4043 25.77 64.4043 19.23C64.4043 12.69 60.304 8.13 54.6221 8.13C48.9402 8.13 44.8398 12.69 44.8398 19.23ZM60.6554 19.23C60.6554 23.91 58.1659 26.94 54.6221 26.94C51.0782 26.94 48.5887 23.91 48.5887 19.23C48.5887 14.55 51.0782 11.52 54.6221 11.52C58.1659 11.52 60.6554 14.55 60.6554 19.23Z" fill="black"/> <path d="M74.9615 30.33C79.2669 30.33 81.7271 26.61 81.7271 22.14C81.7271 17.67 79.2669 13.95 74.9615 13.95C72.9699 13.95 71.5055 14.76 70.539 15.93V14.25H67.0244V35.4H70.539V28.35C71.5055 29.52 72.9699 30.33 74.9615 30.33ZM70.4511 21.69C70.4511 18.72 72.0913 17.1 74.2586 17.1C76.8067 17.1 78.1832 19.14 78.1832 22.14C78.1832 25.14 76.8067 27.18 74.2586 27.18C72.0913 27.18 70.4511 25.53 70.4511 22.62V21.69Z" fill="black"/> <path d="M91.239 30.33C94.3142 30.33 96.7452 28.68 97.8288 25.92L94.8121 24.75C94.3435 26.37 92.967 27.27 91.239 27.27C88.9838 27.27 87.4022 25.62 87.1386 22.92H97.9167V21.72C97.9167 17.4 95.5443 13.95 91.0925 13.95C86.6407 13.95 83.7705 17.52 83.7705 22.14C83.7705 27 86.8458 30.33 91.239 30.33ZM91.0633 16.98C93.2892 16.98 94.3435 18.48 94.3728 20.22H87.3144C87.8416 18.09 89.2474 16.98 91.0633 16.98Z" fill="black"/> <path d="M100.554 30H104.068V20.76C104.068 18.51 105.679 17.31 107.261 17.31C109.194 17.31 109.955 18.72 109.955 20.67V30H113.47V19.62C113.47 16.23 111.537 13.95 108.315 13.95C106.323 13.95 104.947 14.88 104.068 15.93V14.25H100.554V30Z" fill="black"/> <path d="M123.763 8.46002L115.797 30H119.516L121.303 25.08H130.382L132.198 30H135.976L128.01 8.46002H123.763ZM125.813 12.72L129.152 21.72H122.533L125.813 12.72Z" fill="black"/> <path d="M142.01 8.52252H138.261V30.0625H142.01V8.52252Z" fill="black"/> <path d="M36.2512 16.3713C37.1372 13.6475 36.8321 10.6638 35.4153 8.18625C33.2846 4.38625 29.0012 2.43125 24.8179 3.35125C22.9569 1.20375 20.2831 -0.0174976 17.48 2.42356e-06C13.2039 -0.00999757 9.40989 2.81 8.09437 6.9775C5.34738 7.55375 2.97626 9.315 1.58874 11.8113C-0.557837 15.6013 -0.0684809 20.3787 2.79932 23.6287C1.91335 26.3525 2.21843 29.3362 3.63525 31.8137C5.76596 35.6137 10.0493 37.5687 14.2327 36.6488C16.0925 38.7962 18.7675 40.0175 21.5706 39.9987C25.8491 40.01 29.6443 37.1875 30.9599 33.0163C33.7068 32.44 36.078 30.6787 37.4655 28.1825C39.6096 24.3925 39.119 19.6187 36.2525 16.3687L36.2512 16.3713ZM21.573 37.385C19.8609 37.3875 18.2024 36.7738 16.8881 35.65C16.9479 35.6175 17.0517 35.5588 17.1188 35.5163L24.8948 30.9162C25.2926 30.685 25.5367 30.2512 25.5342 29.7825V18.5537L28.8206 20.4975C28.856 20.515 28.8792 20.55 28.8841 20.59V29.8887C28.8792 34.0237 25.6099 37.3762 21.573 37.385ZM5.85016 30.5062C4.99226 28.9887 4.68352 27.21 4.97762 25.4837C5.03498 25.5187 5.13626 25.5825 5.20826 25.625L12.9843 30.225C13.3784 30.4612 13.8666 30.4612 14.262 30.225L23.755 24.61V28.4975C23.7574 28.5375 23.7391 28.5762 23.7086 28.6012L15.8484 33.25C12.3472 35.315 7.87593 34.0875 5.85138 30.5062H5.85016ZM3.80365 13.12C4.65789 11.6 6.00637 10.4375 7.61233 9.83375C7.61233 9.9025 7.60867 10.0238 7.60867 10.1088V19.31C7.60623 19.7775 7.8503 20.2112 8.24691 20.4425L17.7399 26.0562L14.4536 28C14.4206 28.0225 14.3791 28.0262 14.3425 28.01L6.48108 23.3575C2.98725 21.285 1.78887 16.7063 3.80243 13.1213L3.80365 13.12ZM30.8049 19.5562L21.3119 13.9413L24.5982 11.9988C24.6312 11.9763 24.6727 11.9725 24.7093 11.9888L32.5707 16.6375C36.0706 18.7087 37.2702 23.295 35.2481 26.88C34.3927 28.3975 33.0454 29.56 31.4407 30.165V20.6887C31.4443 20.2212 31.2015 19.7887 30.8061 19.5562H30.8049ZM34.0754 14.5138C34.018 14.4775 33.9167 14.415 33.8447 14.3725L26.0687 9.7725C25.6746 9.53625 25.1864 9.53625 24.791 9.7725L15.298 15.3875V11.5C15.2956 11.46 15.3139 11.4213 15.3444 11.3963L23.2046 6.75125C26.7058 4.6825 31.182 5.91375 33.2004 9.50125C34.0534 11.0163 34.3622 12.79 34.0729 14.5138H34.0754ZM13.5114 21.4425L10.2239 19.4988C10.1885 19.4813 10.1653 19.4462 10.1604 19.4062V10.1075C10.1628 5.9675 13.4419 2.6125 17.4837 2.615C19.1933 2.615 20.8481 3.23 22.1624 4.35C22.1026 4.3825 22.0001 4.44125 21.9318 4.48375L14.1558 9.08375C13.758 9.315 13.5139 9.7475 13.5163 10.2163L13.5114 21.44V21.4425ZM15.2968 17.5L19.5253 14.9988L23.7538 17.4988V22.5L19.5253 25L15.2968 22.5V17.5Z" fill="black"/> </g> <defs> <clipPath id="clip0_371_24742"> <rect width="144" height="40" fill="white"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[2.41625rem] aspect-[62/76] -translate-y-1"> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="62" height="76" viewBox="0 0 62 76" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M60.0273 25.9084C59.5855 26.2504 51.786 30.6356 51.786 40.3864C51.786 51.6648 61.7106 55.6548 62.0076 55.7536C61.9619 55.9968 60.431 61.218 56.7749 66.538C53.515 71.2196 50.1103 75.8936 44.931 75.8936C39.7516 75.8936 38.4187 72.8916 32.4396 72.8916C26.6128 72.8916 24.541 75.9924 19.8034 75.9924C15.0658 75.9924 11.7602 71.6604 7.95946 66.3404C3.557 60.0932 0 50.388 0 41.1768C0 26.4024 9.62752 18.5668 19.1027 18.5668C24.1373 18.5668 28.3342 21.8652 31.4951 21.8652C34.5037 21.8652 39.1956 18.3692 44.9233 18.3692C47.0941 18.3692 54.8936 18.5668 60.0273 25.9084ZM42.2042 12.1144C44.573 9.31 46.2486 5.4188 46.2486 1.5276C46.2486 0.988 46.2029 0.4408 46.1039 0C42.2499 0.1444 37.6646 2.5612 34.8998 5.7608C32.729 8.2232 30.7029 12.1144 30.7029 16.0588C30.7029 16.6516 30.802 17.2444 30.8477 17.4344C31.0914 17.48 31.4875 17.5332 31.8835 17.5332C35.3415 17.5332 39.6907 15.2228 42.2042 12.1144Z" fill="#C8C7C1"/> </svg> <svg data-logo="apple" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="62" height="76" viewBox="0 0 62 76" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M60.0273 25.9084C59.5855 26.2504 51.786 30.6356 51.786 40.3864C51.786 51.6648 61.7106 55.6548 62.0076 55.7536C61.9619 55.9968 60.431 61.218 56.7749 66.538C53.515 71.2196 50.1103 75.8936 44.931 75.8936C39.7516 75.8936 38.4187 72.8916 32.4396 72.8916C26.6128 72.8916 24.541 75.9924 19.8034 75.9924C15.0658 75.9924 11.7602 71.6604 7.95946 66.3404C3.557 60.0932 0 50.388 0 41.1768C0 26.4024 9.62752 18.5668 19.1027 18.5668C24.1373 18.5668 28.3342 21.8652 31.4951 21.8652C34.5037 21.8652 39.1956 18.3692 44.9233 18.3692C47.0941 18.3692 54.8936 18.5668 60.0273 25.9084ZM42.2042 12.1144C44.573 9.31 46.2486 5.4188 46.2486 1.5276C46.2486 0.988 46.2029 0.4408 46.1039 0C42.2499 0.1444 37.6646 2.5612 34.8998 5.7608C32.729 8.2232 30.7029 12.1144 30.7029 16.0588C30.7029 16.6516 30.802 17.2444 30.8477 17.4344C31.0914 17.48 31.4875 17.5332 31.8835 17.5332C35.3415 17.5332 39.6907 15.2228 42.2042 12.1144Z" fill="black"/> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.4375rem] aspect-[306/52] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="306" height="52" viewBox="0 0 306 52" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24435)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M81.5951 0.19342L55.559 51.0909H31.1039L42 29.9968H41.5111C32.522 41.6658 19.11 49.3476 0 51.0909V30.2888C0 30.2888 12.2251 29.5668 19.4119 22.0108H0V0.193822H21.8169V18.1379L22.3066 18.1359L31.2218 0.193822H47.7214V18.0242L48.2111 18.0234L57.4606 0.19342H81.5951Z" fill="#C8C7C1"/> <path d="M223.57 45.4729H230.597V5.14178H223.57V45.4729Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M184.835 45.061C186.362 45.696 187.915 46.0132 189.494 46.0132C192.102 46.0132 194.435 45.3785 196.494 44.1088C198.553 42.8391 200.149 41.0888 201.282 38.8584C202.414 36.6105 202.98 34.0626 202.98 31.2142C202.98 28.3657 202.397 25.8178 201.23 23.57C200.063 21.3223 198.442 19.5807 196.366 18.3453C194.29 17.0927 191.93 16.475 189.288 16.4922C187.606 16.4922 185.994 16.8182 184.449 17.4702C182.905 18.1222 181.618 19.0488 180.588 20.2499C180.509 20.3413 180.432 20.4337 180.357 20.527V5.16754H173.305V45.4729H180.305L180.291 41.7077C180.473 41.9296 180.666 42.1464 180.872 42.3585C181.987 43.5083 183.308 44.4091 184.835 45.061ZM192.042 38.5494C190.892 39.2528 189.58 39.6048 188.104 39.6048C186.645 39.6048 185.307 39.2443 184.089 38.5236C182.871 37.7857 181.901 36.7821 181.18 35.5124C180.477 34.2427 180.125 32.8014 180.125 31.1884C180.108 29.5755 180.451 28.1342 181.155 26.8645C181.875 25.5776 182.845 24.5824 184.063 23.8789C185.281 23.1582 186.628 22.8065 188.104 22.8236C189.58 22.8065 190.892 23.1496 192.042 23.8531C193.209 24.5395 194.101 25.5261 194.719 26.813C195.353 28.0827 195.671 29.5413 195.671 31.1884C195.671 32.8356 195.353 34.2941 194.719 35.5638C194.101 36.8335 193.209 37.8287 192.042 38.5494Z" fill="#C8C7C1"/> <path d="M91.7754 7.58691H99.8055L106.989 33.8206L114.631 7.58691H121.322L129.61 33.2942L136.508 7.58691H143.869L133.007 45.473H126.084L117.657 20.359L109.92 45.473H102.92L91.7754 7.58691Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M155.726 46.1423C152.929 46.1593 150.407 45.5416 148.159 44.2891C145.929 43.0194 144.17 41.2606 142.883 39.0129C141.614 36.765 140.979 34.1999 140.979 31.3173C140.979 28.5206 141.631 25.9896 142.935 23.7246C144.239 21.4597 146.006 19.6924 148.237 18.4227C150.467 17.1529 152.955 16.5181 155.701 16.5181C158.789 16.5181 161.492 17.2044 163.808 18.5771C166.142 19.9498 167.883 21.8973 169.033 24.4196C170.199 26.9247 170.62 29.7988 170.294 33.0416H148.248C148.309 34.3336 148.632 35.5092 149.215 36.5677C149.867 37.7345 150.776 38.644 151.943 39.296C153.11 39.9479 154.414 40.2739 155.855 40.2739C156.953 40.2569 157.974 40.0681 158.918 39.7079C159.861 39.3304 160.659 38.8241 161.312 38.1894C161.98 37.5544 162.452 36.8337 162.727 36.0274H170.088C169.642 38.0005 168.75 39.7593 167.411 41.3036C166.073 42.8305 164.391 44.0231 162.367 44.8811C160.342 45.7389 158.128 46.1593 155.726 46.1423ZM149.24 25.9638C148.829 26.6809 148.544 27.453 148.386 28.2803H163C162.894 27.2352 162.571 26.2829 162.032 25.4233C161.414 24.411 160.574 23.6303 159.51 23.0812C158.446 22.515 157.245 22.2319 155.906 22.2319C154.482 22.2319 153.187 22.5579 152.02 23.2099C150.853 23.8619 149.927 24.7799 149.24 25.9638Z" fill="#C8C7C1"/> <path d="M208.153 17.1101C208.153 14.8108 208.676 12.769 209.723 10.9845C210.77 9.18285 212.237 7.78443 214.124 6.78925C216.029 5.77688 218.251 5.25356 220.79 5.21924V11.4735C219.606 11.4907 218.594 11.7395 217.753 12.2199C216.93 12.6832 216.295 13.3609 215.848 14.2532C215.438 15.0746 215.216 16.0269 215.184 17.1101H220.636V23.0555H215.179V45.4732H208.153V23.0555H203.623V17.1101H208.153Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M248.459 46.0907C245.593 46.0907 243.028 45.4642 240.763 44.2117C238.516 42.942 236.748 41.1917 235.461 38.9613C234.192 36.7134 233.557 34.1655 233.557 31.3171C233.557 28.4517 234.192 25.895 235.461 23.6472C236.748 21.3823 238.516 19.6236 240.763 18.371C243.028 17.1184 245.593 16.4921 248.459 16.4921C251.342 16.4921 253.915 17.1184 256.18 18.371C258.462 19.6236 260.238 21.3737 261.508 23.6215C262.778 25.8692 263.421 28.4344 263.438 31.3171C263.421 34.1655 262.778 36.7134 261.508 38.9613C260.255 41.1917 258.488 42.942 256.206 44.2117C253.924 45.4642 251.342 46.0907 248.459 46.0907ZM248.459 39.6305C249.969 39.6305 251.307 39.2873 252.474 38.6008C253.641 37.8974 254.542 36.9192 255.176 35.6667C255.811 34.397 256.129 32.9472 256.129 31.3171C256.129 29.6699 255.811 28.2114 255.176 26.9417C254.542 25.6719 253.641 24.6939 252.474 24.0075C251.307 23.304 249.969 22.9523 248.459 22.9523C246.966 22.9523 245.636 23.304 244.47 24.0075C243.32 24.6939 242.428 25.6719 241.793 26.9417C241.158 28.2114 240.849 29.6699 240.866 31.3171C240.866 32.9472 241.184 34.397 241.819 35.6667C242.471 36.9192 243.363 37.8974 244.495 38.6008C245.645 39.2873 246.966 39.6305 248.459 39.6305Z" fill="#C8C7C1"/> <path d="M271.031 17.1099H263.207L271.675 45.4729H278.521L284.09 27.3574L290.104 45.4729H296.847L305.34 17.1099H298.263L293.446 34.764L288.122 17.1099H281.275L275.976 35.153L271.031 17.1099Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24435"> <rect width="305.339" height="51.1726" fill="white"/> </clipPath> </defs> </svg> <svg data-logo="webflow" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="306" height="52" viewBox="0 0 306 52" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24426)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M81.5951 0.19342L55.559 51.0909H31.1039L42 29.9968H41.5111C32.522 41.6658 19.11 49.3476 0 51.0909V30.2888C0 30.2888 12.2251 29.5668 19.4119 22.0108H0V0.193822H21.8169V18.1379L22.3066 18.1359L31.2218 0.193822H47.7214V18.0242L48.2111 18.0234L57.4606 0.19342H81.5951Z" fill="#146EF5"/> <path d="M223.57 45.4729H230.597V5.14178H223.57V45.4729Z" fill="#080808"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M184.835 45.061C186.362 45.696 187.915 46.0132 189.494 46.0132C192.102 46.0132 194.435 45.3785 196.494 44.1088C198.553 42.8391 200.149 41.0888 201.282 38.8584C202.414 36.6105 202.98 34.0626 202.98 31.2142C202.98 28.3657 202.397 25.8178 201.23 23.57C200.063 21.3223 198.442 19.5807 196.366 18.3453C194.29 17.0927 191.93 16.475 189.288 16.4922C187.606 16.4922 185.994 16.8182 184.449 17.4702C182.905 18.1222 181.618 19.0488 180.588 20.2499C180.509 20.3413 180.432 20.4337 180.357 20.527V5.16754H173.305V45.4729H180.305L180.291 41.7077C180.473 41.9296 180.666 42.1464 180.872 42.3585C181.987 43.5083 183.308 44.4091 184.835 45.061ZM192.042 38.5494C190.892 39.2528 189.58 39.6048 188.104 39.6048C186.645 39.6048 185.307 39.2443 184.089 38.5236C182.871 37.7857 181.901 36.7821 181.18 35.5124C180.477 34.2427 180.125 32.8014 180.125 31.1884C180.108 29.5755 180.451 28.1342 181.155 26.8645C181.875 25.5776 182.845 24.5824 184.063 23.8789C185.281 23.1582 186.628 22.8065 188.104 22.8236C189.58 22.8065 190.892 23.1496 192.042 23.8531C193.209 24.5395 194.101 25.5261 194.719 26.813C195.353 28.0827 195.671 29.5413 195.671 31.1884C195.671 32.8356 195.353 34.2941 194.719 35.5638C194.101 36.8335 193.209 37.8287 192.042 38.5494Z" fill="#080808"/> <path d="M91.7754 7.58691H99.8055L106.989 33.8206L114.631 7.58691H121.322L129.61 33.2942L136.508 7.58691H143.869L133.007 45.473H126.084L117.657 20.359L109.92 45.473H102.92L91.7754 7.58691Z" fill="#080808"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M155.726 46.1423C152.929 46.1593 150.407 45.5416 148.159 44.2891C145.929 43.0194 144.17 41.2606 142.883 39.0129C141.614 36.765 140.979 34.1999 140.979 31.3173C140.979 28.5206 141.631 25.9896 142.935 23.7246C144.239 21.4597 146.006 19.6924 148.237 18.4227C150.467 17.1529 152.955 16.5181 155.701 16.5181C158.789 16.5181 161.492 17.2044 163.808 18.5771C166.142 19.9498 167.883 21.8973 169.033 24.4196C170.199 26.9247 170.62 29.7988 170.294 33.0416H148.248C148.309 34.3336 148.632 35.5092 149.215 36.5677C149.867 37.7345 150.776 38.644 151.943 39.296C153.11 39.9479 154.414 40.2739 155.855 40.2739C156.953 40.2569 157.974 40.0681 158.918 39.7079C159.861 39.3304 160.659 38.8241 161.312 38.1894C161.98 37.5544 162.452 36.8337 162.727 36.0274H170.088C169.642 38.0005 168.75 39.7593 167.411 41.3036C166.073 42.8305 164.391 44.0231 162.367 44.8811C160.342 45.7389 158.128 46.1593 155.726 46.1423ZM149.24 25.9638C148.829 26.6809 148.544 27.453 148.386 28.2803H163C162.894 27.2352 162.571 26.2829 162.032 25.4233C161.414 24.411 160.574 23.6303 159.51 23.0812C158.446 22.515 157.245 22.2319 155.906 22.2319C154.482 22.2319 153.187 22.5579 152.02 23.2099C150.853 23.8619 149.927 24.7799 149.24 25.9638Z" fill="#080808"/> <path d="M208.153 17.1101C208.153 14.8108 208.676 12.769 209.723 10.9845C210.77 9.18285 212.237 7.78443 214.124 6.78925C216.029 5.77688 218.251 5.25356 220.79 5.21924V11.4735C219.606 11.4907 218.594 11.7395 217.753 12.2199C216.93 12.6832 216.295 13.3609 215.848 14.2532C215.438 15.0746 215.216 16.0269 215.184 17.1101H220.636V23.0555H215.179V45.4732H208.153V23.0555H203.623V17.1101H208.153Z" fill="#080808"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M248.459 46.0907C245.593 46.0907 243.028 45.4642 240.763 44.2117C238.516 42.942 236.748 41.1917 235.461 38.9613C234.192 36.7134 233.557 34.1655 233.557 31.3171C233.557 28.4517 234.192 25.895 235.461 23.6472C236.748 21.3823 238.516 19.6236 240.763 18.371C243.028 17.1184 245.593 16.4921 248.459 16.4921C251.342 16.4921 253.915 17.1184 256.18 18.371C258.462 19.6236 260.238 21.3737 261.508 23.6215C262.778 25.8692 263.421 28.4344 263.438 31.3171C263.421 34.1655 262.778 36.7134 261.508 38.9613C260.255 41.1917 258.488 42.942 256.206 44.2117C253.924 45.4642 251.342 46.0907 248.459 46.0907ZM248.459 39.6305C249.969 39.6305 251.307 39.2873 252.474 38.6008C253.641 37.8974 254.542 36.9192 255.176 35.6667C255.811 34.397 256.129 32.9472 256.129 31.3171C256.129 29.6699 255.811 28.2114 255.176 26.9417C254.542 25.6719 253.641 24.6939 252.474 24.0075C251.307 23.304 249.969 22.9523 248.459 22.9523C246.966 22.9523 245.636 23.304 244.47 24.0075C243.32 24.6939 242.428 25.6719 241.793 26.9417C241.158 28.2114 240.849 29.6699 240.866 31.3171C240.866 32.9472 241.184 34.397 241.819 35.6667C242.471 36.9192 243.363 37.8974 244.495 38.6008C245.645 39.2873 246.966 39.6305 248.459 39.6305Z" fill="#080808"/> <path d="M271.031 17.1099H263.207L271.675 45.4729H278.521L284.09 27.3574L290.104 45.4729H296.847L305.34 17.1099H298.263L293.446 34.764L288.122 17.1099H281.275L275.976 35.153L271.031 17.1099Z" fill="#080808"/> </g> <defs> <clipPath id="clip0_371_24426"> <rect width="305.339" height="51.1726" fill="white"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.8125rem] aspect-[121/43] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="121" height="43" viewBox="0 0 121 43" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24667)"> <path d="M13.3472 42.9822C9.74191 42.8394 6.79223 41.8557 4.48582 40.0286C4.04565 39.6796 2.99678 38.6331 2.6449 38.1917C1.70962 37.019 1.07375 35.8778 0.649633 34.6115C-0.655437 30.7136 0.016236 25.5988 2.57081 19.9853C4.75807 15.1794 8.1331 10.413 14.0213 3.81145C14.8887 2.84005 17.4717 -0.000854492 17.4884 -0.000854492C17.4945 -0.000854492 17.3538 0.242299 17.1766 0.538397C15.6456 3.09552 14.3356 6.10756 13.6219 8.71518C12.4755 12.8993 12.6138 16.49 14.0269 19.2743C15.0017 21.1924 16.6729 22.8539 18.5521 23.7723C21.8419 25.3796 26.6584 25.5126 32.5405 24.1614C32.9455 24.0678 53.0129 18.7559 77.1351 12.357C101.257 5.95736 120.997 0.725532 121 0.729839C121.007 0.735389 64.9573 24.6508 35.8612 37.0578C31.2533 39.0221 30.0211 39.5183 27.8548 40.2767C22.3172 42.2158 17.3569 43.141 13.3472 42.9822Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24667"> <rect width="121" height="43" fill="white"/> </clipPath> </defs> </svg> <svg data-logo="nike" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="121" height="43" viewBox="0 0 121 43" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24665)"> <path d="M13.3472 42.9822C9.74191 42.8394 6.79223 41.8557 4.48582 40.0286C4.04565 39.6796 2.99678 38.6331 2.6449 38.1917C1.70962 37.019 1.07375 35.8778 0.649633 34.6115C-0.655437 30.7136 0.016236 25.5988 2.57081 19.9853C4.75807 15.1794 8.1331 10.413 14.0213 3.81145C14.8887 2.84005 17.4717 -0.000854492 17.4884 -0.000854492C17.4945 -0.000854492 17.3538 0.242299 17.1766 0.538397C15.6456 3.09552 14.3356 6.10756 13.6219 8.71518C12.4755 12.8993 12.6138 16.49 14.0269 19.2743C15.0017 21.1924 16.6729 22.8539 18.5521 23.7723C21.8419 25.3796 26.6584 25.5126 32.5405 24.1614C32.9455 24.0678 53.0129 18.7559 77.1351 12.357C101.257 5.95736 120.997 0.725532 121 0.729839C121.007 0.735389 64.9573 24.6508 35.8612 37.0578C31.2533 39.0221 30.0211 39.5183 27.8548 40.2767C22.3172 42.2158 17.3569 43.141 13.3472 42.9822Z" fill="black"/> </g> <defs> <clipPath id="clip0_371_24665"> <rect width="121" height="43" fill="white"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.4375rem] aspect-[234/52] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="234" height="52" viewBox="0 0 234 52" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24582)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M29.6457 13.7887C29.8676 13.7302 29.9688 13.8147 30.1002 13.9707C30.854 14.872 33.2834 18.0137 33.9445 18.8738C33.9686 18.9043 33.9863 18.9394 33.9965 18.9769C34.0067 19.0145 34.0091 19.0537 34.0036 19.0923C33.9982 19.1308 33.985 19.1678 33.9648 19.2011C33.9447 19.2343 33.918 19.263 33.8864 19.2855C28.9889 23.3437 23.54 29.0832 20.5033 33.1955C20.4387 33.2822 20.4925 33.2887 20.5356 33.2692C25.8251 30.8512 38.2476 26.9923 43.8516 25.9112V18.3842L21.9484 0L0 18.3842V26.611C6.80355 22.3188 22.5234 15.6737 29.6457 13.7887ZM131.473 2.55883H141.111V50.9448H131.473V2.55883ZM124.333 2.55883H114.696V50.947H124.333V2.55883ZM188.326 19.2855H178.805L188.447 50.9513H197.314L199.735 42.9455C200.695 39.7648 202.297 33.826 202.297 33.826C202.301 33.81 202.31 33.7957 202.323 33.7855C202.336 33.7753 202.352 33.7697 202.369 33.7697C202.401 33.7697 202.429 33.7913 202.44 33.826C202.44 33.826 204.044 39.8797 204.955 42.9997L207.331 50.9448H216.04L225.613 19.2833H216.764L214.003 28.8622C213.16 31.8984 212.341 34.9412 211.545 37.9903C211.542 38.0064 211.533 38.0207 211.52 38.0309C211.507 38.0411 211.491 38.0466 211.474 38.0467C211.458 38.0466 211.442 38.0411 211.429 38.0309C211.416 38.0207 211.407 38.0064 211.403 37.9903C211.403 37.9903 209.917 32.1447 208.955 28.8622L206.112 19.2855H199.078L196.183 28.8622C195.276 31.9258 193.685 37.9947 193.685 37.9947C193.68 38.0095 193.67 38.0223 193.657 38.0313C193.645 38.0403 193.629 38.0449 193.614 38.0445C193.599 38.0444 193.584 38.0396 193.571 38.0307C193.559 38.0217 193.55 38.0091 193.545 37.9947C193.545 37.9947 192.007 32.0363 191.085 28.8622L188.326 19.2855ZM145.881 35.2235C145.881 25.6035 153.189 18.4773 162.129 18.4773C170.98 18.4773 178.29 25.6057 178.29 35.2235C178.29 44.8717 170.985 52 162.129 52C153.191 52 145.881 44.8717 145.881 35.23V35.2235ZM169.042 35.2235C169.042 30.5132 165.876 27.3065 162.129 27.3065C158.293 27.3065 155.129 30.5132 155.129 35.2235C155.129 39.9663 158.293 43.1405 162.129 43.1405C165.876 43.1405 169.042 39.9663 169.042 35.2235ZM58.9447 7.03517V16.3648H75.9784C76.0473 16.3648 76.0732 16.4342 76.0387 16.4948L58.9383 47.3525L58.9081 47.4088C58.5205 48.1628 58.4279 48.3448 58.4279 49.127V50.947H91.6078V41.6347H73.1764C73.1618 41.6346 73.1475 41.6303 73.1352 41.6222C73.123 41.6142 73.1134 41.6027 73.1075 41.5892C73.101 41.5753 73.0983 41.5599 73.0999 41.5446C73.1014 41.5294 73.107 41.5148 73.1161 41.5025L90.4147 10.2397L90.4621 10.14C90.5827 9.88 90.699 9.63733 90.699 8.98733L90.7033 7.03733L58.9447 7.03517ZM102.564 3.4255C105.568 3.4255 108.051 5.9995 108.051 9.16933C108.051 12.3413 105.568 14.9197 102.564 14.9197C99.5593 14.9197 97.0782 12.3457 97.0782 9.17367C97.0782 6.00167 99.5593 3.42767 102.564 3.42767V3.4255ZM97.7459 19.2855H107.382V50.947H97.7459V19.2855ZM11.3522 45.331C11.4706 45.4783 11.6752 45.5087 11.826 45.4047C19.9627 40.9543 37.8621 35.3058 43.8516 34.2247V51.1377H0.00215368V33.566C4.50986 30.8577 16.6869 25.3023 20.9728 23.816C21.0589 23.7857 21.0783 23.8377 21.0051 23.8962C16.8915 27.1397 10.4433 34.7945 7.28383 39.715C7.13953 39.9447 7.14815 40.0183 7.26229 40.1592L11.3522 45.331ZM230.61 13.2253C231.444 13.2253 232.038 13.8623 232.038 14.7723C232.038 15.4613 231.687 16.0052 231.153 16.2197L231.973 17.6497H231.194L230.431 16.3193H229.759V17.6453H229.074V13.2253H230.61ZM229.759 15.6693H230.567C231.021 15.6693 231.355 15.2967 231.355 14.7788C231.355 14.2588 231.021 13.8797 230.569 13.8797H229.759V15.6693ZM230.403 11.6913C228.947 11.6913 227.636 12.623 227.08 14.0487C226.806 14.7458 226.734 15.5065 226.872 16.243C227.01 16.9796 227.353 17.6618 227.86 18.2108C228.347 18.7408 228.986 19.1052 229.688 19.2535C230.391 19.4018 231.122 19.3267 231.78 19.0385C233.123 18.447 234 17.0538 234 15.509C233.998 13.4008 232.389 11.6935 230.403 11.6913ZM230.403 18.5943C229.227 18.5943 228.168 17.8425 227.718 16.6898C227.497 16.1267 227.439 15.5122 227.55 14.9172C227.661 14.3222 227.937 13.771 228.347 13.3272C229.178 12.4432 230.429 12.1788 231.515 12.6577C232.6 13.1343 233.309 14.261 233.309 15.509C233.307 17.212 232.008 18.5922 230.403 18.5943Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24582"> <rect width="234" height="52" fill="white"/> </clipPath> </defs> </svg> <svg data-logo="zillow" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="234" height="52" viewBox="0 0 234 52" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24578)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M29.6457 13.7887C29.8676 13.7302 29.9688 13.8147 30.1002 13.9707C30.854 14.872 33.2834 18.0137 33.9445 18.8738C33.9686 18.9043 33.9863 18.9394 33.9965 18.9769C34.0067 19.0145 34.0091 19.0537 34.0036 19.0923C33.9982 19.1308 33.985 19.1678 33.9648 19.2011C33.9447 19.2343 33.918 19.263 33.8864 19.2855C28.9889 23.3437 23.54 29.0832 20.5033 33.1955C20.4387 33.2822 20.4925 33.2887 20.5356 33.2692C25.8251 30.8512 38.2476 26.9923 43.8516 25.9112V18.3842L21.9484 0L0 18.3842V26.611C6.80355 22.3188 22.5234 15.6737 29.6457 13.7887ZM131.473 2.55883H141.111V50.9448H131.473V2.55883ZM124.333 2.55883H114.696V50.947H124.333V2.55883ZM188.326 19.2855H178.805L188.447 50.9513H197.314L199.735 42.9455C200.695 39.7648 202.297 33.826 202.297 33.826C202.301 33.81 202.31 33.7957 202.323 33.7855C202.336 33.7753 202.352 33.7697 202.369 33.7697C202.401 33.7697 202.429 33.7913 202.44 33.826C202.44 33.826 204.044 39.8797 204.955 42.9997L207.331 50.9448H216.04L225.613 19.2833H216.764L214.003 28.8622C213.16 31.8984 212.341 34.9412 211.545 37.9903C211.542 38.0064 211.533 38.0207 211.52 38.0309C211.507 38.0411 211.491 38.0466 211.474 38.0467C211.458 38.0466 211.442 38.0411 211.429 38.0309C211.416 38.0207 211.407 38.0064 211.403 37.9903C211.403 37.9903 209.917 32.1447 208.955 28.8622L206.112 19.2855H199.078L196.183 28.8622C195.276 31.9258 193.685 37.9947 193.685 37.9947C193.68 38.0095 193.67 38.0223 193.657 38.0313C193.645 38.0403 193.629 38.0449 193.614 38.0445C193.599 38.0444 193.584 38.0396 193.571 38.0307C193.559 38.0217 193.55 38.0091 193.545 37.9947C193.545 37.9947 192.007 32.0363 191.085 28.8622L188.326 19.2855ZM145.881 35.2235C145.881 25.6035 153.189 18.4773 162.129 18.4773C170.98 18.4773 178.29 25.6057 178.29 35.2235C178.29 44.8717 170.985 52 162.129 52C153.191 52 145.881 44.8717 145.881 35.23V35.2235ZM169.042 35.2235C169.042 30.5132 165.876 27.3065 162.129 27.3065C158.293 27.3065 155.129 30.5132 155.129 35.2235C155.129 39.9663 158.293 43.1405 162.129 43.1405C165.876 43.1405 169.042 39.9663 169.042 35.2235ZM58.9447 7.03517V16.3648H75.9784C76.0473 16.3648 76.0732 16.4342 76.0387 16.4948L58.9383 47.3525L58.9081 47.4088C58.5205 48.1628 58.4279 48.3448 58.4279 49.127V50.947H91.6078V41.6347H73.1764C73.1618 41.6346 73.1475 41.6303 73.1352 41.6222C73.123 41.6142 73.1134 41.6027 73.1075 41.5892C73.101 41.5753 73.0983 41.5599 73.0999 41.5446C73.1014 41.5294 73.107 41.5148 73.1161 41.5025L90.4147 10.2397L90.4621 10.14C90.5827 9.88 90.699 9.63733 90.699 8.98733L90.7033 7.03733L58.9447 7.03517ZM102.564 3.4255C105.568 3.4255 108.051 5.9995 108.051 9.16933C108.051 12.3413 105.568 14.9197 102.564 14.9197C99.5593 14.9197 97.0782 12.3457 97.0782 9.17367C97.0782 6.00167 99.5593 3.42767 102.564 3.42767V3.4255ZM97.7459 19.2855H107.382V50.947H97.7459V19.2855ZM11.3522 45.331C11.4706 45.4783 11.6752 45.5087 11.826 45.4047C19.9627 40.9543 37.8621 35.3058 43.8516 34.2247V51.1377H0.00215368V33.566C4.50986 30.8577 16.6869 25.3023 20.9728 23.816C21.0589 23.7857 21.0783 23.8377 21.0051 23.8962C16.8915 27.1397 10.4433 34.7945 7.28383 39.715C7.13953 39.9447 7.14815 40.0183 7.26229 40.1592L11.3522 45.331ZM230.61 13.2253C231.444 13.2253 232.038 13.8623 232.038 14.7723C232.038 15.4613 231.687 16.0052 231.153 16.2197L231.973 17.6497H231.194L230.431 16.3193H229.759V17.6453H229.074V13.2253H230.61ZM229.759 15.6693H230.567C231.021 15.6693 231.355 15.2967 231.355 14.7788C231.355 14.2588 231.021 13.8797 230.569 13.8797H229.759V15.6693ZM230.403 11.6913C228.947 11.6913 227.636 12.623 227.08 14.0487C226.806 14.7458 226.734 15.5065 226.872 16.243C227.01 16.9796 227.353 17.6618 227.86 18.2108C228.347 18.7408 228.986 19.1052 229.688 19.2535C230.391 19.4018 231.122 19.3267 231.78 19.0385C233.123 18.447 234 17.0538 234 15.509C233.998 13.4008 232.389 11.6935 230.403 11.6913ZM230.403 18.5943C229.227 18.5943 228.168 17.8425 227.718 16.6898C227.497 16.1267 227.439 15.5122 227.55 14.9172C227.661 14.3222 227.937 13.771 228.347 13.3272C229.178 12.4432 230.429 12.1788 231.515 12.6577C232.6 13.1343 233.309 14.261 233.309 15.509C233.307 17.212 232.008 18.5922 230.403 18.5943Z" fill="#006AFF"/> </g> <defs> <clipPath id="clip0_371_24578"> <rect width="234" height="52" fill="white"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.3125rem] aspect-[173/48] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="173" height="48" viewBox="0 0 173 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24482)"> <path d="M32.0286 35.4581C32.562 37.4769 33.4226 38.2576 34.9436 38.2576C36.5205 38.2576 37.3473 37.3096 37.3473 35.4581V1.08374H47.2245V35.4581C47.2245 40.3034 46.5964 42.4028 44.1413 44.8602C42.3719 46.6311 39.1082 48 34.9873 48C31.658 48 28.4722 46.8973 26.4405 44.8606C24.6592 43.0748 23.6808 41.2405 22.1517 35.4578L16.0908 12.5419C15.5571 10.5231 14.6967 9.74278 13.1757 9.74278C11.5986 9.74278 10.7718 10.6904 10.7718 12.5419V46.9166H0.894531V12.5419C0.894531 7.69689 1.52303 5.59716 3.97812 3.13979C5.74684 1.36957 9.01082 0 13.1321 0C16.4614 0 19.6472 1.10304 21.6789 3.13945C23.4601 4.92524 24.4386 6.75946 25.9677 12.5422L32.0286 35.4581Z" fill="#C8C7C1"/> <path d="M162.684 46.9166L151.277 11.2085C151.151 10.8143 151.032 10.4797 150.849 10.2565C150.536 9.87486 150.102 9.67437 149.519 9.67437C148.936 9.67437 148.502 9.87486 148.188 10.2565C148.006 10.4794 147.887 10.814 147.761 11.2085L136.354 46.9166H126.145L138.604 7.90992C139.254 5.87791 140.182 4.15274 141.359 3.0033C143.38 1.03192 145.761 0 149.519 0C153.277 0 155.658 1.03192 157.679 3.00296C158.856 4.15274 159.784 5.87757 160.434 7.90958L172.893 46.9163H162.684V46.9166Z" fill="#C8C7C1"/> <path d="M112.2 46.9166C118.671 46.9166 121.828 45.5409 124.322 43.0595C127.081 40.3146 128.401 37.3113 128.401 32.8274C128.401 28.8653 126.951 25.1955 124.744 22.9996C121.859 20.128 118.274 19.2231 112.43 19.2231L104.244 19.2228C101.116 19.2228 99.8698 18.8445 98.8835 17.8749C98.2063 17.2097 97.8888 16.2205 97.8888 15.0544C97.8888 13.8491 98.1789 12.6587 99.0067 11.8456C99.7415 11.1239 100.743 10.7927 102.667 10.7927H126.326V1.08374H104.474C98.0032 1.08374 94.8472 2.45974 92.3532 4.94082C89.5942 7.68572 88.2739 10.6887 88.2739 15.1726C88.2739 19.1354 89.7235 22.8048 91.9305 25.0004C94.8164 27.872 98.4002 28.7772 104.245 28.7772L112.431 28.7779C115.559 28.7779 116.805 29.1555 117.792 30.1255C118.469 30.791 118.786 31.7799 118.786 32.9459C118.786 34.1512 118.496 35.3416 117.669 36.1548C116.934 36.8765 115.932 37.2077 114.008 37.2077H89.6077L80.2493 7.90992C79.6002 5.87791 78.6722 4.15274 77.4947 3.0033C75.4738 1.03192 73.0925 0 69.3347 0C65.577 0 63.1953 1.03192 61.1755 3.00296C59.9977 4.15274 59.07 5.87757 58.4209 7.90958L45.9609 46.9163H56.1705L67.5775 11.2082C67.7034 10.814 67.8222 10.4794 68.005 10.2562C68.3184 9.87452 68.7523 9.67403 69.3354 9.67403C69.9186 9.67403 70.3521 9.87452 70.6659 10.2562C70.8486 10.479 70.9674 10.8136 71.093 11.2082L82.5 46.9163H112.2V46.9166Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24482"> <rect width="172" height="48" fill="white" transform="translate(0.894531)"/> </clipPath> </defs> </svg> <svg data-logo="nasa" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="173" height="48" viewBox="0 0 173 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24476)"> <path d="M32.0286 35.4581C32.562 37.4769 33.4226 38.2576 34.9436 38.2576C36.5205 38.2576 37.3473 37.3096 37.3473 35.4581V1.08374H47.2245V35.4581C47.2245 40.3034 46.5964 42.4028 44.1413 44.8602C42.3719 46.6311 39.1082 48 34.9873 48C31.658 48 28.4722 46.8973 26.4405 44.8606C24.6592 43.0748 23.6808 41.2405 22.1517 35.4578L16.0908 12.5419C15.5571 10.5231 14.6967 9.74278 13.1757 9.74278C11.5986 9.74278 10.7718 10.6904 10.7718 12.5419V46.9166H0.894531V12.5419C0.894531 7.69689 1.52303 5.59716 3.97812 3.13979C5.74684 1.36957 9.01082 0 13.1321 0C16.4614 0 19.6472 1.10304 21.6789 3.13945C23.4601 4.92524 24.4386 6.75946 25.9677 12.5422L32.0286 35.4581Z" fill="black"/> <path d="M162.684 46.9166L151.277 11.2085C151.151 10.8143 151.032 10.4797 150.849 10.2565C150.536 9.87486 150.102 9.67437 149.519 9.67437C148.936 9.67437 148.502 9.87486 148.188 10.2565C148.006 10.4794 147.887 10.814 147.761 11.2085L136.354 46.9166H126.145L138.604 7.90992C139.254 5.87791 140.182 4.15274 141.359 3.0033C143.38 1.03192 145.761 0 149.519 0C153.277 0 155.658 1.03192 157.679 3.00296C158.856 4.15274 159.784 5.87757 160.434 7.90958L172.893 46.9163H162.684V46.9166Z" fill="black"/> <path d="M112.2 46.9166C118.671 46.9166 121.828 45.5409 124.322 43.0595C127.081 40.3146 128.401 37.3113 128.401 32.8274C128.401 28.8653 126.951 25.1955 124.744 22.9996C121.859 20.128 118.274 19.2231 112.43 19.2231L104.244 19.2228C101.116 19.2228 99.8698 18.8445 98.8835 17.8749C98.2063 17.2097 97.8888 16.2205 97.8888 15.0544C97.8888 13.8491 98.1789 12.6587 99.0067 11.8456C99.7415 11.1239 100.743 10.7927 102.667 10.7927H126.326V1.08374H104.474C98.0032 1.08374 94.8472 2.45974 92.3532 4.94082C89.5942 7.68572 88.2739 10.6887 88.2739 15.1726C88.2739 19.1354 89.7235 22.8048 91.9305 25.0004C94.8164 27.872 98.4002 28.7772 104.245 28.7772L112.431 28.7779C115.559 28.7779 116.805 29.1555 117.792 30.1255C118.469 30.791 118.786 31.7799 118.786 32.9459C118.786 34.1512 118.496 35.3416 117.669 36.1548C116.934 36.8765 115.932 37.2077 114.008 37.2077H89.6077L80.2493 7.90992C79.6002 5.87791 78.6722 4.15274 77.4947 3.0033C75.4738 1.03192 73.0925 0 69.3347 0C65.577 0 63.1953 1.03192 61.1755 3.00296C59.9977 4.15274 59.07 5.87757 58.4209 7.90958L45.9609 46.9163H56.1705L67.5775 11.2082C67.7034 10.814 67.8222 10.4794 68.005 10.2562C68.3184 9.87452 68.7523 9.67403 69.3354 9.67403C69.9186 9.67403 70.3521 9.87452 70.6659 10.2562C70.8486 10.479 70.9674 10.8136 71.093 11.2082L82.5 46.9163H112.2V46.9166Z" fill="black"/> </g> <defs> <clipPath id="clip0_371_24476"> <rect width="172" height="48" fill="white" transform="translate(0.894531)"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.4375rem] aspect-[200/42] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="200" height="42" viewBox="0 0 200 42" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24596)"> <path d="M32.655 37.9111C23.3563 37.9111 15.8203 30.3404 15.8203 21.0021C15.8203 11.6633 23.3563 4.09992 32.655 4.09992C35.9325 4.09992 38.9925 5.03847 41.5775 6.6653L32.655 21.0021L49.4525 11.2637C47.6275 8.3441 45.01 5.82842 41.845 3.91943C37.8175 1.49838 32.215 6.10352e-05 26.02 6.10352e-05C17.183 6.10352e-05 9.43025 3.22437 5.10675 8.05292C1.90575 11.6224 0 16.1148 0 21.0019C0 25.8924 1.90575 30.3881 5.10675 33.9601C9.4415 38.7947 17.0788 42.0002 25.77 42.0002C34.46 42.0002 42.095 38.7922 46.4325 33.9601C46.67 33.694 46.9 33.4254 47.1175 33.1468L46.4625 30.6818C43.415 35.0495 38.3675 37.9111 32.655 37.9111Z" fill="#C8C7C1"/> <path d="M88.3466 40.9836L81.2966 14.5766C80.1641 10.3094 76.2941 7.17291 71.6866 7.17291C70.4916 7.17291 69.3466 7.38728 68.2841 7.77535L53.1066 13.3168H68.7166L71.3841 23.3193C68.7966 21.0832 65.4266 19.7227 61.7366 19.7227C54.4091 19.7227 48.4766 24.653 48.4766 30.7346C48.4766 36.8167 54.4091 41.7542 61.7366 41.7542C67.0116 41.7542 71.6766 39.1612 74.5541 35.1776L76.1016 40.9836H88.3466ZM66.8416 36.882C63.4616 36.882 60.7216 34.1334 60.7216 30.7346C60.7216 27.3408 63.4616 24.5897 66.8416 24.5897C70.2216 24.5897 72.9641 27.3408 72.9641 30.7346C72.9641 34.1334 70.2216 36.882 66.8416 36.882Z" fill="#C8C7C1"/> <path d="M117.091 7.17731C116.166 7.17731 115.291 7.38264 114.511 7.75038L104.766 12.3103C104.283 9.39755 101.763 7.17731 98.7233 7.17731C97.8033 7.17731 96.9258 7.38264 96.1358 7.75038L84.2383 13.3167H92.6033V40.9837H104.848V16.3946C104.848 14.698 106.216 13.3169 107.911 13.3169C109.596 13.3169 110.973 14.698 110.973 16.3946V40.9837H123.213V13.3167C123.213 9.92368 120.471 7.17731 117.091 7.17731Z" fill="#C8C7C1"/> <path d="M193.881 7.17731C192.953 7.17731 192.073 7.38264 191.281 7.75038L181.546 12.3103C181.066 9.39755 178.546 7.17731 175.506 7.17731C174.586 7.17731 173.708 7.38264 172.916 7.75038L161.023 13.3167H169.386V40.9837H181.628V16.3946C181.628 14.698 182.998 13.3169 184.693 13.3169C186.383 13.3169 187.751 14.698 187.751 16.3946V40.9837H200.001V13.3167C200.001 9.92368 197.256 7.17731 193.881 7.17731Z" fill="#C8C7C1"/> <path d="M163.004 24.5893C163.004 34.206 155.241 42.0001 145.666 42.0001C136.084 42.0001 128.316 34.206 128.316 24.5893C128.316 14.9751 136.084 7.17731 145.666 7.17731C155.241 7.17731 163.004 14.9754 163.004 24.5893ZM146.384 12.4617C145.839 10.4129 143.741 9.19674 141.701 9.74747C139.664 10.2959 138.446 12.4032 138.994 14.4518L144.941 36.7162C145.491 38.767 147.584 39.9819 149.624 39.4397C151.664 38.885 152.876 36.7789 152.329 34.7306L146.384 12.4617Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24596"> <rect width="200" height="42" fill="white"/> </clipPath> </defs> </svg> <svg data-logo="canon" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="200" height="42" viewBox="0 0 200 42" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24586)"> <path d="M32.655 37.9111C23.3563 37.9111 15.8203 30.3404 15.8203 21.0021C15.8203 11.6633 23.3563 4.09992 32.655 4.09992C35.9325 4.09992 38.9925 5.03847 41.5775 6.6653L32.655 21.0021L49.4525 11.2637C47.6275 8.3441 45.01 5.82842 41.845 3.91943C37.8175 1.49838 32.215 6.10352e-05 26.02 6.10352e-05C17.183 6.10352e-05 9.43025 3.22437 5.10675 8.05292C1.90575 11.6224 0 16.1148 0 21.0019C0 25.8924 1.90575 30.3881 5.10675 33.9601C9.4415 38.7947 17.0788 42.0002 25.77 42.0002C34.46 42.0002 42.095 38.7922 46.4325 33.9601C46.67 33.694 46.9 33.4254 47.1175 33.1468L46.4625 30.6818C43.415 35.0495 38.3675 37.9111 32.655 37.9111Z" fill="#BF1920"/> <path d="M88.3466 40.9836L81.2966 14.5766C80.1641 10.3094 76.2941 7.17291 71.6866 7.17291C70.4916 7.17291 69.3466 7.38728 68.2841 7.77535L53.1066 13.3168H68.7166L71.3841 23.3193C68.7966 21.0832 65.4266 19.7227 61.7366 19.7227C54.4091 19.7227 48.4766 24.653 48.4766 30.7346C48.4766 36.8167 54.4091 41.7542 61.7366 41.7542C67.0116 41.7542 71.6766 39.1612 74.5541 35.1776L76.1016 40.9836H88.3466ZM66.8416 36.882C63.4616 36.882 60.7216 34.1334 60.7216 30.7346C60.7216 27.3408 63.4616 24.5897 66.8416 24.5897C70.2216 24.5897 72.9641 27.3408 72.9641 30.7346C72.9641 34.1334 70.2216 36.882 66.8416 36.882Z" fill="#BF1920"/> <path d="M117.091 7.17731C116.166 7.17731 115.291 7.38264 114.511 7.75038L104.766 12.3103C104.283 9.39755 101.763 7.17731 98.7233 7.17731C97.8033 7.17731 96.9258 7.38264 96.1358 7.75038L84.2383 13.3167H92.6033V40.9837H104.848V16.3946C104.848 14.698 106.216 13.3169 107.911 13.3169C109.596 13.3169 110.973 14.698 110.973 16.3946V40.9837H123.213V13.3167C123.213 9.92368 120.471 7.17731 117.091 7.17731Z" fill="#BF1920"/> <path d="M193.881 7.17731C192.953 7.17731 192.073 7.38264 191.281 7.75038L181.546 12.3103C181.066 9.39755 178.546 7.17731 175.506 7.17731C174.586 7.17731 173.708 7.38264 172.916 7.75038L161.023 13.3167H169.386V40.9837H181.628V16.3946C181.628 14.698 182.998 13.3169 184.693 13.3169C186.383 13.3169 187.751 14.698 187.751 16.3946V40.9837H200.001V13.3167C200.001 9.92368 197.256 7.17731 193.881 7.17731Z" fill="#BF1920"/> <path d="M163.004 24.5893C163.004 34.206 155.241 42.0001 145.666 42.0001C136.084 42.0001 128.316 34.206 128.316 24.5893C128.316 14.9751 136.084 7.17731 145.666 7.17731C155.241 7.17731 163.004 14.9754 163.004 24.5893ZM146.384 12.4617C145.839 10.4129 143.741 9.19674 141.701 9.74747C139.664 10.2959 138.446 12.4032 138.994 14.4518L144.941 36.7162C145.491 38.767 147.584 39.9819 149.624 39.4397C151.664 38.885 152.876 36.7789 152.329 34.7306L146.384 12.4617Z" fill="#BF1920"/> </g> <defs> <clipPath id="clip0_371_24586"> <rect width="200" height="42" fill="white"/> </clipPath> </defs> </svg> </span> </li> </ul> <ul class="lg:absolute pl-4 pr-8 lg:pr-0 space-x-12 lg:space-x-0 lg:top-0 lg:left-0 lg:right-0 items-center flex lg:hidden! h-full grid-cols-2 transition-opacity duration-500 lg:opacity-0 gap-y-5"> <li class="flex justify-center flex-grow"> <span class="relative block group h-[2.4375rem] aspect-[197/80] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="197" height="80" viewBox="0 0 197 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24552)"> <path d="M4.44502 31.9252C6.75572 23.5189 16.3797 21.5182 25.2404 21.2711C32.5245 21.0679 40.6461 22.0263 40.6461 22.0263L36.83 35.9093C36.83 35.9093 28.7083 34.951 21.4242 35.1541C12.5636 35.4013 2.93963 37.4019 0.628906 45.8082L4.44502 31.9252Z" fill="#C8C7C1"/> <path d="M127.058 17.1445C115.393 17.1446 112.404 28.3782 110.732 34.4623L98.2714 79.7855H105.541L116.589 39.5978H124.139L119.113 57.8845H126.382L132.411 35.9543H117.591C118.35 33.1902 119.16 30.2455 119.82 27.8444C121.039 23.4101 123.03 20.1899 125.925 20.2982C129.126 20.4179 127.497 22.5089 127.059 24.1031C126.452 26.3087 128.089 28.5264 130.957 28.5264C137.186 28.5264 138.723 17.1445 127.058 17.1445ZM85.8193 25.0751V25.0755L76.8008 57.8846H84.3795L87.7191 45.735H94.3022C101.566 45.735 106.387 41.7457 107.69 36.2005C108.907 31.023 105.868 25.0751 97.7286 25.0751C93.7586 25.0752 89.7894 25.0751 85.8193 25.0751ZM92.337 28.936H95.2508C98.3016 28.936 100.722 31.366 100.138 35.595C99.5958 39.5152 95.3178 41.865 91.5877 41.865H88.7828L92.337 28.936ZM164.205 35.2901C157.832 35.2901 153.236 40.745 152.132 46.1966C151.072 51.4352 154.092 58.3968 162.404 58.3968C168.311 58.3968 171.282 55.8084 171.282 55.8084L169.923 52.4686C169.923 52.4686 167.439 54.4801 163.978 54.4801C160.518 54.4801 158.347 51.7618 158.827 47.4302H172.959C173.969 44.8793 174.522 35.2901 164.205 35.2901ZM192.374 35.5851C187.634 35.5851 184.84 40.4553 184.84 40.4553L186.077 35.9546H178.807L172.779 57.8845H180.049C180.049 57.8845 181.799 51.4773 182.69 48.2785C184.066 43.2783 186.871 40.1472 188.219 40.0191C189.778 39.871 189.629 43.6078 192.668 43.6078C197.279 43.6078 198.274 35.5851 192.375 35.5851H192.374ZM135.15 35.9546L134.148 39.5985H143.363L128.876 57.8845H149.333L150.334 54.2407H139.94L154.425 35.9546H135.15ZM164.178 38.9112V38.9115C168.13 38.9115 167.231 44.1045 167.231 44.1045L159.313 44.0862C159.313 44.0862 160.626 38.9112 164.178 38.9112Z" fill="#C8C7C1"/> <path d="M59.7399 57.9358C33.6701 56.3182 3.37464 42.9377 4.44403 31.9253L0.847181 45.0109C-0.243869 56.2464 27.8594 69.5861 55.9238 71.8188L59.7399 57.9358Z" fill="#C8C7C1"/> <path d="M69.2166 39.8938C66.9059 48.3001 57.282 50.3007 48.4213 50.5479C41.1372 50.7511 33.0156 49.7927 33.0156 49.7927L36.8317 35.9096C36.8317 35.9096 44.9533 36.868 52.2375 36.6648C61.098 36.4177 70.722 34.417 73.0327 26.0107L69.2166 39.8938Z" fill="#C8C7C1"/> <path d="M13.918 13.8831C39.9879 15.5007 70.2832 28.8812 69.2139 39.8936L72.8108 26.808C73.9018 15.5724 45.7986 2.23278 17.7341 0L13.918 13.8831Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24552"> <rect width="195.837" height="79.7856" fill="white" transform="translate(0.628906)"/> </clipPath> </defs> </svg> <svg data-logo="pfizer" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="197" height="80" viewBox="0 0 197 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24546)"> <path d="M4.44502 31.9252C6.75572 23.5189 16.3797 21.5182 25.2404 21.2711C32.5245 21.0679 40.6461 22.0263 40.6461 22.0263L36.83 35.9093C36.83 35.9093 28.7083 34.951 21.4242 35.1541C12.5636 35.4013 2.93963 37.4019 0.628906 45.8082L4.44502 31.9252Z" fill="#0190FF"/> <path d="M127.058 17.1445C115.393 17.1446 112.404 28.3782 110.732 34.4623L98.2714 79.7855H105.541L116.589 39.5978H124.139L119.113 57.8845H126.382L132.411 35.9543H117.591C118.35 33.1902 119.16 30.2455 119.82 27.8444C121.039 23.4101 123.03 20.1899 125.925 20.2982C129.126 20.4179 127.497 22.5089 127.059 24.1031C126.452 26.3087 128.089 28.5264 130.957 28.5264C137.186 28.5264 138.723 17.1445 127.058 17.1445ZM85.8193 25.0751V25.0755L76.8008 57.8846H84.3795L87.7191 45.735H94.3022C101.566 45.735 106.387 41.7457 107.69 36.2005C108.907 31.023 105.868 25.0751 97.7286 25.0751C93.7586 25.0752 89.7894 25.0751 85.8193 25.0751ZM92.337 28.936H95.2508C98.3016 28.936 100.722 31.366 100.138 35.595C99.5958 39.5152 95.3178 41.865 91.5877 41.865H88.7828L92.337 28.936ZM164.205 35.2901C157.832 35.2901 153.236 40.745 152.132 46.1966C151.072 51.4352 154.092 58.3968 162.404 58.3968C168.311 58.3968 171.282 55.8084 171.282 55.8084L169.923 52.4686C169.923 52.4686 167.439 54.4801 163.978 54.4801C160.518 54.4801 158.347 51.7618 158.827 47.4302H172.959C173.969 44.8793 174.522 35.2901 164.205 35.2901ZM192.374 35.5851C187.634 35.5851 184.84 40.4553 184.84 40.4553L186.077 35.9546H178.807L172.779 57.8845H180.049C180.049 57.8845 181.799 51.4773 182.69 48.2785C184.066 43.2783 186.871 40.1472 188.219 40.0191C189.778 39.871 189.629 43.6078 192.668 43.6078C197.279 43.6078 198.274 35.5851 192.375 35.5851H192.374ZM135.15 35.9546L134.148 39.5985H143.363L128.876 57.8845H149.333L150.334 54.2407H139.94L154.425 35.9546H135.15ZM164.178 38.9112V38.9115C168.13 38.9115 167.231 44.1045 167.231 44.1045L159.313 44.0862C159.313 44.0862 160.626 38.9112 164.178 38.9112Z" fill="#2B01BE"/> <path d="M59.7399 57.9358C33.6701 56.3182 3.37464 42.9377 4.44403 31.9253L0.847181 45.0109C-0.243869 56.2464 27.8594 69.5861 55.9238 71.8188L59.7399 57.9358Z" fill="#2B01BE"/> <path d="M69.2166 39.8938C66.9059 48.3001 57.282 50.3007 48.4213 50.5479C41.1372 50.7511 33.0156 49.7927 33.0156 49.7927L36.8317 35.9096C36.8317 35.9096 44.9533 36.868 52.2375 36.6648C61.098 36.4177 70.722 34.417 73.0327 26.0107L69.2166 39.8938Z" fill="#2B01BE"/> <path d="M13.918 13.8831C39.9879 15.5007 70.2832 28.8812 69.2139 39.8936L72.8108 26.808C73.9018 15.5724 45.7986 2.23278 17.7341 0L13.918 13.8831Z" fill="#0190FF"/> </g> <defs> <clipPath id="clip0_371_24546"> <rect width="195.837" height="79.7856" fill="white" transform="translate(0.628906)"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.6875rem] aspect-[222/55] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="222" height="55" viewBox="0 0 222 55" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24467)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1266 3.87123e-07H46.9125C49.3613 -0.000706698 51.7105 0.967235 53.4423 2.69082C55.1741 4.4144 56.1473 6.75238 56.1473 9.19025V45.807C56.1473 50.8843 52.0126 55 46.9125 55H10.1266C5.02741 54.9985 0.894531 50.8832 0.894531 45.807V9.19025C0.894531 4.1146 5.02783 3.87123e-07 10.1266 3.87123e-07ZM43.1944 45.0013C44.8037 45.0013 46.1084 43.7025 46.1084 42.1005L46.1003 12.9021C46.1003 11.3001 44.7957 10.0014 43.1864 10.0014H13.8579C13.0847 10.0014 12.3431 10.3074 11.7966 10.852C11.2501 11.3965 10.9434 12.135 10.9441 12.9047V42.1005C10.9441 43.7025 12.2487 45.0013 13.8579 45.0013H43.1944Z" fill="#C8C7C1"/> <path d="M22.6593 34.957C21.7407 34.9497 21 34.2065 21 33.292V21.636C20.9979 21.193 21.1732 20.7674 21.4871 20.4534C21.801 20.1394 22.2277 19.9629 22.6727 19.9629H34.3978C34.8426 19.9636 35.2687 20.1403 35.5827 20.4542C35.8963 20.7681 36.0719 21.1932 36.0704 21.636V33.2892C36.0719 33.732 35.8963 34.1572 35.5827 34.471C35.2687 34.785 34.8426 34.9617 34.3978 34.9625L22.6593 34.957Z" fill="#C8C7C1"/> <path d="M84.2616 25.049C82.5514 24.5847 80.9323 24.1471 79.6751 23.5894C77.3483 22.554 76.2654 21.1183 76.2654 19.0743C76.2654 15.2103 80.0182 13.4705 83.7551 13.4705C87.3067 13.4705 90.4082 14.9328 92.4911 17.5853L92.633 17.7667L95.6353 15.4292L95.4907 15.2477C92.7217 11.7413 88.6204 9.82001 83.9372 9.82001C80.8198 9.82001 77.9621 10.6579 75.8955 12.1816C73.5687 13.8761 72.3409 16.3338 72.3409 19.2664C72.3409 26.0845 78.7904 27.7467 83.9748 29.0837C89.2208 30.4607 92.4349 31.5067 92.4349 35.488C92.4349 39.408 89.2502 41.9405 84.3232 41.9405C81.8866 41.9405 77.3752 41.2975 74.5391 36.9852L74.4078 36.7822L71.25 39.0585L71.3733 39.2427C74.0539 43.2827 78.6806 45.6017 84.0821 45.6017C91.4188 45.6017 96.3511 41.4787 96.3511 35.3467C96.3511 28.3285 89.6442 26.5112 84.2616 25.049Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M120.283 23.6319V19.9414H123.813V54.9946H120.283V41.2998C118.267 44.0511 115.243 45.5561 111.689 45.5561C104.976 45.5561 100.285 40.2058 100.285 32.4806C100.285 24.7553 104.987 19.3623 111.689 19.3623C115.219 19.3623 118.243 20.8753 120.283 23.6319ZM104.006 32.4378C104.006 39.5893 108.121 42.1378 111.973 42.1378L111.981 42.1403C117.023 42.1403 120.283 38.2978 120.283 32.4378C120.283 26.5778 117.018 22.7886 111.973 22.7886C106.099 22.7886 104.006 27.7733 104.006 32.4378Z" fill="#C8C7C1"/> <path d="M147.154 19.9415V33.7775C147.154 38.621 143.822 42.138 139.232 42.138C135.421 42.138 133.566 39.8857 133.566 35.256V19.9415H130.035V35.9737C130.035 41.9777 133.313 45.5615 138.803 45.5615C142.224 45.5615 145.162 44.118 147.156 41.4787V44.9905H150.687V19.9415H147.154Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M157.334 22.5728C159.937 20.5367 163.47 19.3706 167.022 19.3706C172.632 19.3706 175.98 22.1485 175.97 26.8076V44.9961H172.437V42.2181C170.654 44.4409 168.075 45.5671 164.757 45.5671C159.35 45.5671 155.988 42.6236 155.988 37.8899C155.988 31.7336 161.816 30.7676 164.298 30.3566C164.703 30.2901 165.121 30.2261 165.539 30.1619L165.555 30.1596C168.946 29.6399 172.447 29.1036 172.447 26.2394C172.447 22.9971 168.22 22.7462 166.925 22.7462C164.639 22.7462 161.409 23.4214 159.213 25.3159L159.012 25.4894L157.168 22.7035L157.334 22.5728ZM159.674 37.6924C159.674 41.7059 163.47 42.1406 165.103 42.1406C168.652 42.1406 172.453 40.2569 172.445 34.9626V31.3386C170.723 32.4214 168.272 32.8444 166.086 33.2216L166.049 33.2281L164.952 33.4229C161.452 34.0686 159.674 34.9011 159.674 37.6924Z" fill="#C8C7C1"/> <path d="M196.423 20.4138C195.584 19.8188 194.262 19.4639 192.884 19.4639C190.053 19.5009 187.404 20.8596 185.729 23.133V19.9309H182.199V44.9772H185.729V31.5815C185.729 25.6415 189.083 22.9809 192.404 22.9809C193.376 22.968 194.339 23.1713 195.222 23.576L195.46 23.7014L196.578 20.5153L196.423 20.4138Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M197.457 32.5341C197.457 24.785 202.312 19.3706 209.252 19.3706C215.937 19.3706 220.609 24.1765 220.596 31.0691C220.594 31.6684 220.561 32.2669 220.497 32.8624L220.475 33.0679H201.175C201.263 38.5836 204.598 42.1406 209.715 42.1406C212.648 42.1406 215.189 40.9534 216.87 38.7944L217.023 38.5971L219.58 40.8651L219.438 41.0359C217.738 43.0986 214.64 45.5591 209.52 45.5591C202.309 45.5591 197.457 40.3261 197.457 32.5341ZM209.155 22.7436C204.842 22.7436 201.783 25.5694 201.306 29.9699H216.865C216.559 26.4314 214.388 22.7436 209.155 22.7436Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24467"> <rect width="221" height="55" fill="white" transform="translate(0.894531)"/> </clipPath> </defs> </svg> <svg data-logo="square" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="222" height="55" viewBox="0 0 222 55" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_371_24458)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1266 3.87123e-07H46.9125C49.3613 -0.000706698 51.7105 0.967235 53.4423 2.69082C55.1741 4.4144 56.1473 6.75238 56.1473 9.19025V45.807C56.1473 50.8843 52.0126 55 46.9125 55H10.1266C5.02741 54.9985 0.894531 50.8832 0.894531 45.807V9.19025C0.894531 4.1146 5.02783 3.87123e-07 10.1266 3.87123e-07ZM43.1944 45.0013C44.8037 45.0013 46.1084 43.7025 46.1084 42.1005L46.1003 12.9021C46.1003 11.3001 44.7957 10.0014 43.1864 10.0014H13.8579C13.0847 10.0014 12.3431 10.3074 11.7966 10.852C11.2501 11.3965 10.9434 12.135 10.9441 12.9047V42.1005C10.9441 43.7025 12.2487 45.0013 13.8579 45.0013H43.1944Z" fill="currentColor" /> <path d="M22.6593 34.957C21.7407 34.9497 21 34.2065 21 33.292V21.636C20.9979 21.193 21.1732 20.7674 21.4871 20.4534C21.801 20.1394 22.2277 19.9629 22.6727 19.9629H34.3978C34.8426 19.9636 35.2687 20.1403 35.5827 20.4542C35.8963 20.7681 36.0719 21.1932 36.0704 21.636V33.2892C36.0719 33.732 35.8963 34.1572 35.5827 34.471C35.2687 34.785 34.8426 34.9617 34.3978 34.9625L22.6593 34.957Z" fill="currentColor" /> <path d="M84.2616 25.049C82.5514 24.5847 80.9323 24.1471 79.6751 23.5894C77.3483 22.554 76.2654 21.1183 76.2654 19.0743C76.2654 15.2103 80.0182 13.4705 83.7551 13.4705C87.3067 13.4705 90.4082 14.9328 92.4911 17.5853L92.633 17.7667L95.6353 15.4292L95.4907 15.2477C92.7217 11.7413 88.6204 9.82001 83.9372 9.82001C80.8198 9.82001 77.9621 10.6579 75.8955 12.1816C73.5687 13.8761 72.3409 16.3338 72.3409 19.2664C72.3409 26.0845 78.7904 27.7467 83.9748 29.0837C89.2208 30.4607 92.4349 31.5067 92.4349 35.488C92.4349 39.408 89.2502 41.9405 84.3232 41.9405C81.8866 41.9405 77.3752 41.2975 74.5391 36.9852L74.4078 36.7822L71.25 39.0585L71.3733 39.2427C74.0539 43.2827 78.6806 45.6017 84.0821 45.6017C91.4188 45.6017 96.3511 41.4787 96.3511 35.3467C96.3511 28.3285 89.6442 26.5112 84.2616 25.049Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M120.283 23.6319V19.9414H123.813V54.9946H120.283V41.2998C118.267 44.0511 115.243 45.5561 111.689 45.5561C104.976 45.5561 100.285 40.2058 100.285 32.4806C100.285 24.7553 104.987 19.3623 111.689 19.3623C115.219 19.3623 118.243 20.8753 120.283 23.6319ZM104.006 32.4378C104.006 39.5893 108.121 42.1378 111.973 42.1378L111.981 42.1403C117.023 42.1403 120.283 38.2978 120.283 32.4378C120.283 26.5778 117.018 22.7886 111.973 22.7886C106.099 22.7886 104.006 27.7733 104.006 32.4378Z" fill="currentColor" /> <path d="M147.154 19.9415V33.7775C147.154 38.621 143.822 42.138 139.232 42.138C135.421 42.138 133.566 39.8857 133.566 35.256V19.9415H130.035V35.9737C130.035 41.9777 133.313 45.5615 138.803 45.5615C142.224 45.5615 145.162 44.118 147.156 41.4787V44.9905H150.687V19.9415H147.154Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M157.334 22.5728C159.937 20.5367 163.47 19.3706 167.022 19.3706C172.632 19.3706 175.98 22.1485 175.97 26.8076V44.9961H172.437V42.2181C170.654 44.4409 168.075 45.5671 164.757 45.5671C159.35 45.5671 155.988 42.6236 155.988 37.8899C155.988 31.7336 161.816 30.7676 164.298 30.3566C164.703 30.2901 165.121 30.2261 165.539 30.1619L165.555 30.1596C168.946 29.6399 172.447 29.1036 172.447 26.2394C172.447 22.9971 168.22 22.7462 166.925 22.7462C164.639 22.7462 161.409 23.4214 159.213 25.3159L159.012 25.4894L157.168 22.7035L157.334 22.5728ZM159.674 37.6924C159.674 41.7059 163.47 42.1406 165.103 42.1406C168.652 42.1406 172.453 40.2569 172.445 34.9626V31.3386C170.723 32.4214 168.272 32.8444 166.086 33.2216L166.049 33.2281L164.952 33.4229C161.452 34.0686 159.674 34.9011 159.674 37.6924Z" fill="currentColor" /> <path d="M196.423 20.4138C195.584 19.8188 194.262 19.4639 192.884 19.4639C190.053 19.5009 187.404 20.8596 185.729 23.133V19.9309H182.199V44.9772H185.729V31.5815C185.729 25.6415 189.083 22.9809 192.404 22.9809C193.376 22.968 194.339 23.1713 195.222 23.576L195.46 23.7014L196.578 20.5153L196.423 20.4138Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M197.457 32.5341C197.457 24.785 202.312 19.3706 209.252 19.3706C215.937 19.3706 220.609 24.1765 220.596 31.0691C220.594 31.6684 220.561 32.2669 220.497 32.8624L220.475 33.0679H201.175C201.263 38.5836 204.598 42.1406 209.715 42.1406C212.648 42.1406 215.189 40.9534 216.87 38.7944L217.023 38.5971L219.58 40.8651L219.438 41.0359C217.738 43.0986 214.64 45.5591 209.52 45.5591C202.309 45.5591 197.457 40.3261 197.457 32.5341ZM209.155 22.7436C204.842 22.7436 201.783 25.5694 201.306 29.9699H216.865C216.559 26.4314 214.388 22.7436 209.155 22.7436Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_371_24458"> <rect width="221" height="55" fill="white" transform="translate(0.894531)" /> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.5625rem] aspect-[283/56] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="283" height="56" viewBox="0 0 283 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24451)"> <path d="M33.0563 10.4104L16.698 20.8208L33.0563 31.2313L16.698 41.6417L0.339844 31.175L16.698 20.7646L0.339844 10.4104L16.698 0L33.0563 10.4104ZM16.6134 44.9899L32.9716 34.5795L49.3298 44.9899L32.9716 55.4003L16.6134 44.9899ZM33.0563 31.175L49.4145 20.7646L33.0563 10.4104L49.3298 0L65.6881 10.4104L49.3298 20.8208L65.6881 31.2313L49.3298 41.6417L33.0563 31.175Z" fill="#C8C7C1"/> <path d="M78.5215 10.4102H91.7491C100.182 10.4102 107.148 15.2778 107.148 26.3916V28.7269C107.148 39.9251 100.633 44.9615 92.0029 44.9615H78.5215V10.4102ZM85.9109 16.6846V38.659H91.5798C96.3745 38.659 99.5897 35.5359 99.5897 28.5862V26.7574C99.5897 19.8077 96.2053 16.6846 91.326 16.6846H85.9109ZM111.069 17.0222H116.991L117.95 23.5217C119.079 19.1043 121.955 16.7408 127.173 16.7408H129.006V24.197H125.96C119.953 24.197 118.486 26.279 118.486 32.1877V45.0459H111.181V17.0222H111.069ZM130.473 31.5968V30.809C130.473 21.4396 136.48 16.3188 144.659 16.3188C153.008 16.3188 158.846 21.4396 158.846 30.809V31.5968C158.846 40.7974 153.177 45.7494 144.659 45.7494C135.606 45.6649 130.473 40.8255 130.473 31.5968ZM151.372 31.5124V30.809C151.372 25.6038 148.749 22.4806 144.575 22.4806C140.485 22.4806 137.778 25.3506 137.778 30.809V31.5124C137.778 36.5488 140.401 39.4187 144.575 39.4187C148.749 39.3343 151.372 36.5488 151.372 31.5124ZM162.682 17.0222H168.774L169.479 22.3118C170.945 18.7667 174.076 16.3188 178.701 16.3188C185.837 16.3188 190.547 21.4396 190.547 30.9215V31.7093C190.547 40.9099 185.329 45.7775 178.701 45.7775C174.273 45.7775 171.227 43.7798 169.733 40.5723V54.7248H162.597L162.682 17.0222ZM183.129 31.5124V30.8934C183.129 25.3224 180.253 22.5651 176.417 22.5651C172.327 22.5651 169.62 25.6882 169.62 30.8934V31.428C169.62 36.38 172.243 39.5031 176.332 39.5031C180.535 39.4187 183.129 36.7457 183.129 31.5124ZM201.349 39.8689L200.729 44.9897H194.467V7.65283H201.603V21.9742C203.182 18.3165 206.313 16.3188 210.741 16.3188C217.453 16.4032 222.417 21.0176 222.417 30.3025V31.1748C222.417 40.4597 217.707 45.7775 210.572 45.7775C205.862 45.6649 202.816 43.4984 201.349 39.8689ZM214.915 31.1748V30.4714C214.915 25.3506 212.123 22.4806 208.203 22.4806C204.198 22.4806 201.405 25.6882 201.405 30.5558V31.1748C201.405 36.38 204.113 39.4187 208.118 39.4187C212.405 39.4187 214.915 36.7457 214.915 31.1748ZM225.548 31.5968V30.809C225.548 21.4396 231.555 16.3188 239.734 16.3188C248.083 16.3188 253.921 21.4396 253.921 30.809V31.5968C253.921 40.7974 248.167 45.7494 239.734 45.7494C230.681 45.6649 225.548 40.8255 225.548 31.5968ZM246.503 31.5124V30.809C246.503 25.6038 243.88 22.4806 239.706 22.4806C235.617 22.4806 232.909 25.3506 232.909 30.809V31.5124C232.909 36.5488 235.532 39.4187 239.706 39.4187C243.909 39.3343 246.503 36.5488 246.503 31.5124ZM263.482 30.4714L253.639 17.0222H262.072L267.741 25.435L273.494 17.0222H281.843L271.859 30.3869L282.379 44.9897H274.115L267.684 35.7047L261.423 44.9897H252.793L263.482 30.4714Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24451"> <rect width="282.038" height="55.4003" fill="white" transform="translate(0.339844)"/> </clipPath> </defs> </svg> <svg data-logo="dropbox" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="283" height="56" viewBox="0 0 283 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24444)"> <path d="M33.0563 10.4104L16.698 20.8208L33.0563 31.2313L16.698 41.6417L0.339844 31.175L16.698 20.7646L0.339844 10.4104L16.698 0L33.0563 10.4104ZM16.6134 44.9899L32.9716 34.5795L49.3298 44.9899L32.9716 55.4003L16.6134 44.9899ZM33.0563 31.175L49.4145 20.7646L33.0563 10.4104L49.3298 0L65.6881 10.4104L49.3298 20.8208L65.6881 31.2313L49.3298 41.6417L33.0563 31.175Z" fill="#0061FF"/> <path d="M78.5215 10.4102H91.7491C100.182 10.4102 107.148 15.2778 107.148 26.3916V28.7269C107.148 39.9251 100.633 44.9615 92.0029 44.9615H78.5215V10.4102ZM85.9109 16.6846V38.659H91.5798C96.3745 38.659 99.5897 35.5359 99.5897 28.5862V26.7574C99.5897 19.8077 96.2053 16.6846 91.326 16.6846H85.9109ZM111.069 17.0222H116.991L117.95 23.5217C119.079 19.1043 121.955 16.7408 127.173 16.7408H129.006V24.197H125.96C119.953 24.197 118.486 26.279 118.486 32.1877V45.0459H111.181V17.0222H111.069ZM130.473 31.5968V30.809C130.473 21.4396 136.48 16.3188 144.659 16.3188C153.008 16.3188 158.846 21.4396 158.846 30.809V31.5968C158.846 40.7974 153.177 45.7494 144.659 45.7494C135.606 45.6649 130.473 40.8255 130.473 31.5968ZM151.372 31.5124V30.809C151.372 25.6038 148.749 22.4806 144.575 22.4806C140.485 22.4806 137.778 25.3506 137.778 30.809V31.5124C137.778 36.5488 140.401 39.4187 144.575 39.4187C148.749 39.3343 151.372 36.5488 151.372 31.5124ZM162.682 17.0222H168.774L169.479 22.3118C170.945 18.7667 174.076 16.3188 178.701 16.3188C185.837 16.3188 190.547 21.4396 190.547 30.9215V31.7093C190.547 40.9099 185.329 45.7775 178.701 45.7775C174.273 45.7775 171.227 43.7798 169.733 40.5723V54.7248H162.597L162.682 17.0222ZM183.129 31.5124V30.8934C183.129 25.3224 180.253 22.5651 176.417 22.5651C172.327 22.5651 169.62 25.6882 169.62 30.8934V31.428C169.62 36.38 172.243 39.5031 176.332 39.5031C180.535 39.4187 183.129 36.7457 183.129 31.5124ZM201.349 39.8689L200.729 44.9897H194.467V7.65283H201.603V21.9742C203.182 18.3165 206.313 16.3188 210.741 16.3188C217.453 16.4032 222.417 21.0176 222.417 30.3025V31.1748C222.417 40.4597 217.707 45.7775 210.572 45.7775C205.862 45.6649 202.816 43.4984 201.349 39.8689ZM214.915 31.1748V30.4714C214.915 25.3506 212.123 22.4806 208.203 22.4806C204.198 22.4806 201.405 25.6882 201.405 30.5558V31.1748C201.405 36.38 204.113 39.4187 208.118 39.4187C212.405 39.4187 214.915 36.7457 214.915 31.1748ZM225.548 31.5968V30.809C225.548 21.4396 231.555 16.3188 239.734 16.3188C248.083 16.3188 253.921 21.4396 253.921 30.809V31.5968C253.921 40.7974 248.167 45.7494 239.734 45.7494C230.681 45.6649 225.548 40.8255 225.548 31.5968ZM246.503 31.5124V30.809C246.503 25.6038 243.88 22.4806 239.706 22.4806C235.617 22.4806 232.909 25.3506 232.909 30.809V31.5124C232.909 36.5488 235.532 39.4187 239.706 39.4187C243.909 39.3343 246.503 36.5488 246.503 31.5124ZM263.482 30.4714L253.639 17.0222H262.072L267.741 25.435L273.494 17.0222H281.843L271.859 30.3869L282.379 44.9897H274.115L267.684 35.7047L261.423 44.9897H252.793L263.482 30.4714Z" fill="black"/> </g> <defs> <clipPath id="clip0_371_24444"> <rect width="282.038" height="55.4003" fill="white" transform="translate(0.339844)"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.1875rem] aspect-[174/34] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="174" height="34" viewBox="0 0 174 34" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24709)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M169.614 25.8388C169.72 27.0226 170.679 28.5293 172.341 28.5293H173.314C173.691 28.5293 174 28.2243 174 27.852V6.74315H173.996C173.976 6.38754 173.678 6.10272 173.314 6.10272H170.3C169.936 6.10272 169.638 6.38754 169.618 6.74315H169.614V8.45838C167.768 6.21225 164.857 5.27997 161.938 5.27997C155.302 5.27997 149.923 10.5926 149.923 17.1465C149.923 23.7008 155.302 29.0135 161.938 29.0135V29.0142C164.857 29.0142 168.038 27.8956 169.614 25.8361L169.614 25.8388ZM161.949 24.8604C157.729 24.8604 154.308 21.4071 154.308 17.1465C154.308 12.8867 157.729 9.43321 161.949 9.43321C166.169 9.43321 169.59 12.8867 169.59 17.1465C169.59 21.4071 166.169 24.8604 161.949 24.8604Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M146.113 26.5648L146.112 15.6419H146.112C146.112 9.48467 142.179 5.33093 135.908 5.33093C132.914 5.33093 130.459 7.04075 129.593 8.50952C129.405 7.36106 128.788 6.15387 126.873 6.15387H125.898C125.52 6.15387 125.212 6.45905 125.212 6.83141V25.8917C125.212 25.8922 125.212 25.8937 125.212 25.8946V27.942H125.216C125.236 28.2971 125.534 28.5823 125.898 28.5823H128.912C128.958 28.5823 129.003 28.5768 129.047 28.5684C129.067 28.5646 129.085 28.5569 129.105 28.5514C129.127 28.5447 129.15 28.5394 129.172 28.5308C129.199 28.5198 129.223 28.505 129.248 28.4913C129.26 28.4839 129.273 28.4788 129.285 28.4709C129.315 28.4518 129.342 28.4288 129.369 28.4053C129.373 28.4008 129.379 28.3981 129.383 28.3941C129.413 28.3654 129.44 28.3338 129.464 28.301C129.465 28.3005 129.465 28.3005 129.465 28.3005C129.54 28.1982 129.586 28.0751 129.593 27.942H129.597V15.4725C129.597 12.1657 132.312 9.48467 135.66 9.48467C139.009 9.48467 141.723 12.1657 141.723 15.4725L141.726 25.8953L141.727 25.8917C141.727 25.9009 141.728 25.9104 141.728 25.9204V27.942H141.732C141.752 28.2971 142.05 28.5823 142.414 28.5823H145.428C145.474 28.5823 145.519 28.5768 145.563 28.5684C145.581 28.5651 145.597 28.5581 145.615 28.5533C145.64 28.5463 145.665 28.5401 145.689 28.5308C145.713 28.5207 145.736 28.5066 145.759 28.4937C145.773 28.4858 145.788 28.48 145.802 28.4709C145.83 28.453 145.855 28.4312 145.88 28.4096C145.886 28.4037 145.894 28.3994 145.9 28.3934C145.928 28.3663 145.954 28.3369 145.977 28.3062C145.978 28.3038 145.98 28.3019 145.982 28.2997C146.056 28.1982 146.102 28.0759 146.11 27.9439C146.11 27.943 146.11 27.942 146.11 27.942H146.114V26.5652L146.113 26.5648Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M114.727 25.8388C114.832 27.0226 115.792 28.5293 117.454 28.5293H118.426C118.803 28.5293 119.112 28.2243 119.112 27.852V6.74315H119.108C119.088 6.38754 118.79 6.10272 118.426 6.10272H115.413C115.048 6.10272 114.751 6.38754 114.73 6.74315H114.727V8.45838C112.88 6.21225 109.969 5.27997 107.05 5.27997C100.414 5.27997 95.0352 10.5926 95.0352 17.1465C95.0352 23.7008 100.414 29.0135 107.05 29.0135V29.0142C109.969 29.0142 113.151 27.8956 114.726 25.8361L114.727 25.8388ZM107.061 24.8604C102.841 24.8604 99.4201 21.4071 99.4201 17.1465C99.4201 12.8867 102.841 9.43321 107.061 9.43321C111.282 9.43321 114.702 12.8867 114.702 17.1465C114.702 21.4071 111.282 24.8604 107.061 24.8604Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M77.2136 22.8156C79.2254 24.1921 81.4215 24.8606 83.5317 24.8606C85.5421 24.8606 87.6206 23.8313 87.6206 22.0396C87.6206 19.6476 83.0917 19.2755 80.2461 18.3202C77.4001 17.3651 74.949 15.3906 74.949 12.1931C74.949 7.30041 79.363 5.27966 83.4828 5.27966C86.0932 5.27966 88.7865 6.1298 90.5326 7.34762C91.134 7.79764 90.7677 8.3143 90.7677 8.3143L89.1009 10.6655C88.9135 10.9303 88.5861 11.1591 88.1158 10.8724C87.6456 10.586 85.9963 9.43304 83.4828 9.43304C80.9692 9.43304 79.4551 10.5795 79.4551 12.0006C79.4551 13.7046 81.423 14.2406 83.728 14.8214C87.7448 15.8907 92.1266 17.176 92.1266 22.0396C92.1266 26.3505 88.0439 29.0146 83.5317 29.0146C80.1123 29.0146 77.2011 28.0517 74.7593 26.2822C74.2507 25.7794 74.6061 25.3127 74.6061 25.3127L76.2646 22.9734C76.602 22.536 77.0276 22.6885 77.2136 22.8156Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M65.6279 25.8388C65.7334 27.0226 66.6928 28.5293 68.355 28.5293H69.3277C69.7046 28.5293 70.0136 28.2243 70.0136 27.852V6.74315H70.0094C69.9898 6.38754 69.6921 6.10272 69.3277 6.10272H66.314C65.9497 6.10272 65.6519 6.38754 65.6316 6.74315H65.6279V8.45838C63.7816 6.21225 60.8704 5.27997 57.9512 5.27997C51.3157 5.27997 45.9365 10.5926 45.9365 17.1465C45.9365 23.7008 51.3157 29.0135 57.9512 29.0135V29.0142C60.8704 29.0142 64.0518 27.8956 65.6276 25.8361L65.6279 25.8388ZM57.9631 24.8604C53.7429 24.8604 50.3215 21.4071 50.3215 17.1465C50.3215 12.8867 53.7429 9.43321 57.9631 9.43321C62.1831 9.43321 65.6039 12.8867 65.6039 17.1465C65.6039 21.4071 62.1831 24.8604 57.9631 24.8604Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M29.0923 17.9537C24.6267 17.9537 21.0068 21.5263 21.0068 25.9334C21.0068 30.3404 24.6267 33.9129 29.0923 33.9129C33.5578 33.9129 37.1777 30.3404 37.1777 25.9334C37.1777 21.5263 33.5578 17.9537 29.0923 17.9537ZM8.08548 17.9544C3.62004 17.9544 0 21.5263 0 25.9334C0 30.3404 3.62004 33.9129 8.08548 33.9129C12.5511 33.9129 16.1713 30.3404 16.1713 25.9334C16.1713 21.5263 12.5511 17.9544 8.08548 17.9544ZM26.6742 7.97923C26.6742 12.3865 23.0543 15.9594 18.5889 15.9594C14.1232 15.9594 10.5034 12.3865 10.5034 7.97923C10.5034 3.57289 14.1232 0 18.5889 0C23.0543 0 26.6742 3.57289 26.6742 7.97923Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24709"> <rect width="174" height="34" fill="white"/> </clipPath> </defs> </svg> <svg data-logo="asana" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="174" height="34" viewBox="0 0 174 34" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24702)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M169.614 25.8388C169.72 27.0226 170.679 28.5293 172.341 28.5293H173.314C173.691 28.5293 174 28.2243 174 27.852V6.74315H173.996C173.976 6.38754 173.678 6.10272 173.314 6.10272H170.3C169.936 6.10272 169.638 6.38754 169.618 6.74315H169.614V8.45838C167.768 6.21225 164.857 5.27997 161.938 5.27997C155.302 5.27997 149.923 10.5926 149.923 17.1465C149.923 23.7008 155.302 29.0135 161.938 29.0135V29.0142C164.857 29.0142 168.038 27.8956 169.614 25.8361L169.614 25.8388ZM161.949 24.8604C157.729 24.8604 154.308 21.4071 154.308 17.1465C154.308 12.8867 157.729 9.43321 161.949 9.43321C166.169 9.43321 169.59 12.8867 169.59 17.1465C169.59 21.4071 166.169 24.8604 161.949 24.8604Z" fill="#0D0E10"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M146.113 26.5648L146.112 15.6419H146.112C146.112 9.48467 142.179 5.33093 135.908 5.33093C132.914 5.33093 130.459 7.04075 129.593 8.50952C129.405 7.36106 128.788 6.15387 126.873 6.15387H125.898C125.52 6.15387 125.212 6.45905 125.212 6.83141V25.8917C125.212 25.8922 125.212 25.8937 125.212 25.8946V27.942H125.216C125.236 28.2971 125.534 28.5823 125.898 28.5823H128.912C128.958 28.5823 129.003 28.5768 129.047 28.5684C129.067 28.5646 129.085 28.5569 129.105 28.5514C129.127 28.5447 129.15 28.5394 129.172 28.5308C129.199 28.5198 129.223 28.505 129.248 28.4913C129.26 28.4839 129.273 28.4788 129.285 28.4709C129.315 28.4518 129.342 28.4288 129.369 28.4053C129.373 28.4008 129.379 28.3981 129.383 28.3941C129.413 28.3654 129.44 28.3338 129.464 28.301C129.465 28.3005 129.465 28.3005 129.465 28.3005C129.54 28.1982 129.586 28.0751 129.593 27.942H129.597V15.4725C129.597 12.1657 132.312 9.48467 135.66 9.48467C139.009 9.48467 141.723 12.1657 141.723 15.4725L141.726 25.8953L141.727 25.8917C141.727 25.9009 141.728 25.9104 141.728 25.9204V27.942H141.732C141.752 28.2971 142.05 28.5823 142.414 28.5823H145.428C145.474 28.5823 145.519 28.5768 145.563 28.5684C145.581 28.5651 145.597 28.5581 145.615 28.5533C145.64 28.5463 145.665 28.5401 145.689 28.5308C145.713 28.5207 145.736 28.5066 145.759 28.4937C145.773 28.4858 145.788 28.48 145.802 28.4709C145.83 28.453 145.855 28.4312 145.88 28.4096C145.886 28.4037 145.894 28.3994 145.9 28.3934C145.928 28.3663 145.954 28.3369 145.977 28.3062C145.978 28.3038 145.98 28.3019 145.982 28.2997C146.056 28.1982 146.102 28.0759 146.11 27.9439C146.11 27.943 146.11 27.942 146.11 27.942H146.114V26.5652L146.113 26.5648Z" fill="#0D0E10"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M114.727 25.8388C114.832 27.0226 115.792 28.5293 117.454 28.5293H118.426C118.803 28.5293 119.112 28.2243 119.112 27.852V6.74315H119.108C119.088 6.38754 118.79 6.10272 118.426 6.10272H115.413C115.048 6.10272 114.751 6.38754 114.73 6.74315H114.727V8.45838C112.88 6.21225 109.969 5.27997 107.05 5.27997C100.414 5.27997 95.0352 10.5926 95.0352 17.1465C95.0352 23.7008 100.414 29.0135 107.05 29.0135V29.0142C109.969 29.0142 113.151 27.8956 114.726 25.8361L114.727 25.8388ZM107.061 24.8604C102.841 24.8604 99.4201 21.4071 99.4201 17.1465C99.4201 12.8867 102.841 9.43321 107.061 9.43321C111.282 9.43321 114.702 12.8867 114.702 17.1465C114.702 21.4071 111.282 24.8604 107.061 24.8604Z" fill="#0D0E10"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M77.2136 22.8156C79.2254 24.1921 81.4215 24.8606 83.5317 24.8606C85.5421 24.8606 87.6206 23.8313 87.6206 22.0396C87.6206 19.6476 83.0917 19.2755 80.2461 18.3202C77.4001 17.3651 74.949 15.3906 74.949 12.1931C74.949 7.30041 79.363 5.27966 83.4828 5.27966C86.0932 5.27966 88.7865 6.1298 90.5326 7.34762C91.134 7.79764 90.7677 8.3143 90.7677 8.3143L89.1009 10.6655C88.9135 10.9303 88.5861 11.1591 88.1158 10.8724C87.6456 10.586 85.9963 9.43304 83.4828 9.43304C80.9692 9.43304 79.4551 10.5795 79.4551 12.0006C79.4551 13.7046 81.423 14.2406 83.728 14.8214C87.7448 15.8907 92.1266 17.176 92.1266 22.0396C92.1266 26.3505 88.0439 29.0146 83.5317 29.0146C80.1123 29.0146 77.2011 28.0517 74.7593 26.2822C74.2507 25.7794 74.6061 25.3127 74.6061 25.3127L76.2646 22.9734C76.602 22.536 77.0276 22.6885 77.2136 22.8156Z" fill="#0D0E10"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M65.6279 25.8388C65.7334 27.0226 66.6928 28.5293 68.355 28.5293H69.3277C69.7046 28.5293 70.0136 28.2243 70.0136 27.852V6.74315H70.0094C69.9898 6.38754 69.6921 6.10272 69.3277 6.10272H66.314C65.9497 6.10272 65.6519 6.38754 65.6316 6.74315H65.6279V8.45838C63.7816 6.21225 60.8704 5.27997 57.9512 5.27997C51.3157 5.27997 45.9365 10.5926 45.9365 17.1465C45.9365 23.7008 51.3157 29.0135 57.9512 29.0135V29.0142C60.8704 29.0142 64.0518 27.8956 65.6276 25.8361L65.6279 25.8388ZM57.9631 24.8604C53.7429 24.8604 50.3215 21.4071 50.3215 17.1465C50.3215 12.8867 53.7429 9.43321 57.9631 9.43321C62.1831 9.43321 65.6039 12.8867 65.6039 17.1465C65.6039 21.4071 62.1831 24.8604 57.9631 24.8604Z" fill="#0D0E10"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M29.0923 17.9537C24.6267 17.9537 21.0068 21.5263 21.0068 25.9334C21.0068 30.3404 24.6267 33.9129 29.0923 33.9129C33.5578 33.9129 37.1777 30.3404 37.1777 25.9334C37.1777 21.5263 33.5578 17.9537 29.0923 17.9537ZM8.08548 17.9544C3.62004 17.9544 0 21.5263 0 25.9334C0 30.3404 3.62004 33.9129 8.08548 33.9129C12.5511 33.9129 16.1713 30.3404 16.1713 25.9334C16.1713 21.5263 12.5511 17.9544 8.08548 17.9544ZM26.6742 7.97923C26.6742 12.3865 23.0543 15.9594 18.5889 15.9594C14.1232 15.9594 10.5034 12.3865 10.5034 7.97923C10.5034 3.57289 14.1232 0 18.5889 0C23.0543 0 26.6742 3.57289 26.6742 7.97923Z" fill="#F06A6A"/> </g> <defs> <clipPath id="clip0_371_24702"> <rect width="174" height="34" fill="white"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[0.9375rem] aspect-[259/36] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="259" height="36" viewBox="0 0 259 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24621)"> <path d="M0 33.3H31.4049L29.6 35.82H0V33.3Z" fill="#C8C7C1"/> <path d="M258.999 35.82H220.555L222.54 33.3H259.179V35.82H258.999Z" fill="#C8C7C1"/> <path d="M0 28.62H35.0146L33.0293 31.14H0V28.62Z" fill="#C8C7C1"/> <path d="M0 23.94H38.6244L36.639 26.46H0V23.94Z" fill="#C8C7C1"/> <path d="M258.998 31.1398H224.164L226.149 28.6198H259.179V31.1398H258.998Z" fill="#C8C7C1"/> <path d="M229.579 23.9401H258.999V26.4601H227.594L229.579 23.9401Z" fill="#C8C7C1"/> <path d="M33.9336 35.8199L50.5385 13.6799C50.5385 13.6799 68.9482 13.6799 71.1141 13.6799C73.4604 13.6799 73.4604 14.5799 72.197 16.0199C71.1141 17.4599 69.1287 20.1599 68.0458 21.5999C67.5043 22.4999 66.4214 23.7599 69.8507 23.7599C73.6409 23.7599 97.4653 23.7599 97.4653 23.7599C95.2994 26.9999 87.719 35.9999 74.3629 35.9999C63.5336 35.8199 33.9336 35.8199 33.9336 35.8199Z" fill="#C8C7C1"/> <path d="M129.047 23.9401L120.023 36.0001H96.3789L105.403 23.9401H129.047Z" fill="#C8C7C1"/> <path d="M163.521 23.9401L154.496 36.0001H130.672L139.696 23.9401H163.521Z" fill="#C8C7C1"/> <path d="M171.281 23.9401C171.281 23.9401 169.476 26.2801 168.755 27.3601C165.686 31.3201 168.394 36.0001 178.14 36.0001C189.33 36.0001 216.403 36.0001 216.403 36.0001L225.428 23.9401H171.281Z" fill="#C8C7C1"/> <path d="M45.6618 7.31647e-06L37.3594 10.98C37.3594 10.98 80.135 10.98 82.4813 10.98C84.8277 10.98 84.8277 11.88 83.5642 13.32C82.4813 14.76 80.496 17.46 79.413 18.9C78.8716 19.62 77.7886 21.06 81.2179 21.06C85.0082 21.06 99.6277 21.06 99.6277 21.06C99.6277 21.06 102.696 17.1 105.042 13.68C108.472 9.18001 105.403 -0.179993 93.3106 -0.179993C82.4813 7.31647e-06 45.6618 7.31647e-06 45.6618 7.31647e-06Z" fill="#C8C7C1"/> <path d="M165.508 21.0602H107.391L123.274 0.000183105H147.098L138.074 12.0602H148.722L157.747 0.000183105H181.571L165.508 21.0602Z" fill="#C8C7C1"/> <path d="M214.421 0.000183105L198.538 21.0602H173.27L189.152 0.000183105H214.421Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24621"> <rect width="259" height="36" fill="white"/> </clipPath> </defs> </svg> <svg data-logo="dhl" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="259" height="36" viewBox="0 0 259 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24606)"> <path d="M0 33.3H31.4049L29.6 35.82H0V33.3Z" fill="#D40511"/> <path d="M258.999 35.82H220.555L222.54 33.3H259.179V35.82H258.999Z" fill="#D40511"/> <path d="M0 28.62H35.0146L33.0293 31.14H0V28.62Z" fill="#D40511"/> <path d="M0 23.94H38.6244L36.639 26.46H0V23.94Z" fill="#D40511"/> <path d="M258.998 31.1398H224.164L226.149 28.6198H259.179V31.1398H258.998Z" fill="#D40511"/> <path d="M229.579 23.9401H258.999V26.4601H227.594L229.579 23.9401Z" fill="#D40511"/> <path d="M33.9336 35.8199L50.5385 13.6799C50.5385 13.6799 68.9482 13.6799 71.1141 13.6799C73.4604 13.6799 73.4604 14.5799 72.197 16.0199C71.1141 17.4599 69.1287 20.1599 68.0458 21.5999C67.5043 22.4999 66.4214 23.7599 69.8507 23.7599C73.6409 23.7599 97.4653 23.7599 97.4653 23.7599C95.2994 26.9999 87.719 35.9999 74.3629 35.9999C63.5336 35.8199 33.9336 35.8199 33.9336 35.8199Z" fill="#D40511"/> <path d="M129.047 23.9401L120.023 36.0001H96.3789L105.403 23.9401H129.047Z" fill="#D40511"/> <path d="M163.521 23.9401L154.496 36.0001H130.672L139.696 23.9401H163.521Z" fill="#D40511"/> <path d="M171.281 23.9401C171.281 23.9401 169.476 26.2801 168.755 27.3601C165.686 31.3201 168.394 36.0001 178.14 36.0001C189.33 36.0001 216.403 36.0001 216.403 36.0001L225.428 23.9401H171.281Z" fill="#D40511"/> <path d="M45.6618 7.31647e-06L37.3594 10.98C37.3594 10.98 80.135 10.98 82.4813 10.98C84.8277 10.98 84.8277 11.88 83.5642 13.32C82.4813 14.76 80.496 17.46 79.413 18.9C78.8716 19.62 77.7886 21.06 81.2179 21.06C85.0082 21.06 99.6277 21.06 99.6277 21.06C99.6277 21.06 102.696 17.1 105.042 13.68C108.472 9.18001 105.403 -0.179993 93.3106 -0.179993C82.4813 7.31647e-06 45.6618 7.31647e-06 45.6618 7.31647e-06Z" fill="#D40511"/> <path d="M165.508 21.0602H107.391L123.274 0.000183105H147.098L138.074 12.0602H148.722L157.747 0.000183105H181.571L165.508 21.0602Z" fill="#D40511"/> <path d="M214.421 0.000183105L198.538 21.0602H173.27L189.152 0.000183105H214.421Z" fill="#D40511"/> </g> <defs> <clipPath id="clip0_371_24606"> <rect width="259" height="36" fill="white"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.5625rem] aspect-[176/41] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="176" height="41" viewBox="0 0 176 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.560547 20.369C0.560547 17.6356 2.72631 15.4194 5.39658 15.4194C8.06796 15.4194 10.2338 17.6356 10.2338 20.369C10.2338 23.1034 8.06796 25.3197 5.39658 25.3197C2.72631 25.3197 0.560547 23.1046 0.560547 20.369ZM34.5331 25.3197C31.8617 25.3197 29.697 23.1034 29.697 20.369C29.697 17.6356 31.8617 15.4194 34.5331 15.4194C37.2033 15.4194 39.3702 17.6356 39.3702 20.369C39.3702 23.1034 37.2033 25.3197 34.5331 25.3197ZM34.5331 0.569458C23.8497 0.569458 15.1876 9.43451 15.1876 20.369C15.1876 31.3057 23.8486 40.1698 34.5331 40.1698C45.2186 40.1698 53.8796 31.3057 53.8796 20.369C53.8796 9.43563 45.2186 0.569458 34.5331 0.569458Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M172.803 18.8373C173.108 18.8373 173.289 18.6969 173.289 18.443C173.289 18.2118 173.166 18.0603 172.825 18.0603H172.508V18.837L172.803 18.8373ZM172.044 17.6677H172.903C173.379 17.6677 173.787 17.8648 173.787 18.4193C173.788 18.5559 173.748 18.6896 173.674 18.8033C173.599 18.917 173.493 19.0054 173.368 19.0571L173.889 20.0194H173.368L172.971 19.2085H172.508V20.0194H172.044L172.044 17.6677ZM174.543 18.8715C174.543 17.7838 173.809 17.007 172.86 17.007C171.908 17.007 171.184 17.7838 171.184 18.8715C171.184 19.9727 171.908 20.7243 172.86 20.7243C173.809 20.7243 174.543 19.9727 174.543 18.8715ZM170.731 18.8715C170.731 17.5162 171.693 16.5902 172.86 16.5902C174.036 16.5902 174.997 17.5162 174.997 18.8715C174.997 20.2268 174.036 21.1537 172.86 21.1537C171.693 21.1537 170.731 20.2268 170.731 18.8715ZM156.533 28.134C156.673 28.1325 156.807 28.0754 156.906 27.975C157.005 27.8745 157.061 27.7386 157.062 27.5965V25.6091C157.061 25.4674 157.006 25.3317 156.907 25.2312C156.809 25.1307 156.676 25.0733 156.536 25.0715H156.452C156.215 25.0715 155.978 24.83 155.978 24.5863V12.8103C155.978 12.5417 155.714 12.2726 155.452 12.2726H153.518C153.256 12.2726 152.994 12.5413 152.994 12.8103V25.8562L153.002 26.1954C153.002 27.1669 153.952 28.1372 154.9 28.1372L156.533 28.134ZM71.4197 15.383C74.0507 15.383 76.2715 17.6641 76.2715 20.369C76.2724 21.6779 75.762 22.9338 74.8523 23.8607C73.9426 24.7876 72.7081 25.3099 71.4197 25.3129C68.7573 25.3129 66.5927 23.0977 66.5927 20.369C66.5927 17.6197 68.7573 15.383 71.4197 15.383ZM71.4197 12.2431C67.0668 12.2431 63.5244 15.8874 63.5244 20.369C63.5244 24.9017 66.9906 28.454 71.4197 28.454C75.8612 28.454 79.3398 24.9018 79.3398 20.3679C79.3398 15.8887 75.7861 12.2431 71.4197 12.2431ZM134.423 24.9144C134.281 25.3302 133.421 26.1113 132.442 26.1113C131.416 26.1113 130.843 25.4759 130.843 24.5226C130.843 23.5204 131.534 22.9099 132.8 22.9099C133.683 22.9099 134.423 23.2517 134.423 23.2517V24.9144ZM133.134 16.5812C131.344 16.5812 129.601 17.0446 129.362 17.1426C129.123 17.2153 128.908 17.4111 129.003 17.827L129.243 19.0981C129.29 19.4398 129.505 19.7084 129.863 19.5866C130.508 19.3907 131.965 19.1708 132.968 19.1708C134.137 19.1708 134.543 19.8553 134.495 21.2972C134.495 21.2972 133.493 20.9794 132.37 20.9794C129.577 20.9794 127.976 22.5192 127.976 24.5225C127.976 26.9426 129.505 28.3834 131.701 28.3834C132.342 28.3934 132.979 28.2732 133.573 28.0299C134.168 27.7866 134.709 27.4251 135.164 26.9666V27.5736C135.164 27.8676 135.403 28.1112 135.69 28.1112H135.884C135.906 28.1148 135.929 28.1163 135.951 28.1155H136.764C136.903 28.1137 137.037 28.0564 137.135 27.9559C137.233 27.8554 137.289 27.7196 137.29 27.5778V21.4928C137.29 18.4132 136.572 16.5812 133.134 16.5812ZM113.09 16.5812C110.976 16.5812 109.95 17.7416 109.54 18.2097V17.3624C109.539 17.2207 109.484 17.085 109.385 16.9844C109.287 16.8839 109.154 16.8266 109.014 16.8248H107.765C107.626 16.8263 107.492 16.8836 107.394 16.9842C107.296 17.0848 107.24 17.2206 107.24 17.3624V27.5782C107.245 27.7186 107.302 27.8519 107.399 27.9516C107.496 28.0512 107.627 28.1098 107.765 28.1158H109.532C110.058 28.1158 110.225 27.9927 110.225 27.5782V21.1264C110.487 20.344 111.18 19.3668 112.613 19.3668C113.949 19.3668 114.522 20.2711 114.522 21.7368V27.5782C114.522 27.8709 114.762 28.1158 115.049 28.1158H116.981C117.12 28.1098 117.25 28.0512 117.348 27.9516C117.445 27.8519 117.502 27.7186 117.507 27.5782V21.7368C117.507 19.0001 116.599 16.5812 113.09 16.5812ZM86.8001 25.5989C85.4145 25.5989 84.5076 24.9634 84.5076 24.9634V20.9294C84.7466 20.2939 85.5109 19.3656 86.9436 19.3656C88.6621 19.3656 89.5455 20.9055 89.5455 22.4931C89.5455 24.0818 88.6162 25.5989 86.8001 25.5989ZM87.3494 16.5812C85.0805 16.5812 83.8227 18.1642 83.7476 18.2632V17.3636C83.747 17.2217 83.6916 17.0856 83.5932 16.9848C83.4949 16.8841 83.3615 16.8266 83.2219 16.8248H82.0482C81.9089 16.8269 81.7759 16.8843 81.6778 16.9848C81.5798 17.0853 81.5243 17.2209 81.5234 17.3624V32.1713C81.5281 32.3117 81.5848 32.4452 81.682 32.545C81.7793 32.6449 81.91 32.7038 82.0482 32.71H83.983C84.2453 32.71 84.5076 32.4401 84.5076 32.1713V27.9199C85.0087 28.1158 86.0602 28.3845 87.1577 28.3845C90.4535 28.3845 92.6261 25.7935 92.6261 22.4941C92.6261 19.0729 90.3571 16.5812 87.3494 16.5812ZM166.09 21.0523C166.043 19.9521 165.183 19.0969 163.965 19.0969C162.628 19.0969 161.768 19.9283 161.626 21.0523H166.09ZM164.038 16.58C166.903 16.58 169.099 18.7553 169.099 21.8098C169.099 21.9806 169.073 22.3712 169.052 22.5431C169.038 22.6781 168.978 22.8039 168.882 22.8978C168.785 22.9917 168.659 23.0477 168.526 23.0557H161.459C161.484 24.4486 162.605 25.6706 164.205 25.6706C165.303 25.6706 166.066 25.2548 166.569 24.8392C166.831 24.6193 167.118 24.5956 167.285 24.8392L168.215 26.1101C168.406 26.3301 168.431 26.5999 168.168 26.8437C167.029 27.8472 165.569 28.3945 164.061 28.3834C160.766 28.3834 158.474 25.6957 158.474 22.4692C158.474 19.2928 160.767 16.58 164.038 16.58ZM145.351 25.5989C143.918 25.5989 143.154 24.6695 142.915 24.034V20.0023C142.915 20.0023 143.823 19.3668 145.207 19.3668C147.022 19.3668 147.954 20.8816 147.954 22.4704C147.954 24.0591 147.069 25.5989 145.351 25.5989ZM145.613 16.5812C144.515 16.5812 143.416 16.8497 142.915 17.0697V12.7681C142.91 12.6277 142.853 12.4944 142.756 12.3948C142.658 12.2952 142.527 12.2365 142.389 12.2306H140.455C140.193 12.2306 139.931 12.4992 139.931 12.7681V27.5782C139.936 27.7184 139.992 27.8516 140.09 27.9512C140.187 28.0508 140.317 28.1096 140.455 28.1158H141.292C141.309 28.1158 141.321 28.1157 141.339 28.1114H141.563C141.703 28.1102 141.836 28.0532 141.935 27.9526C142.034 27.852 142.09 27.716 142.091 27.5739V26.7391L142.104 26.696C142.104 26.696 143.37 28.3815 145.78 28.3815C148.79 28.3815 150.963 25.6939 150.963 22.4685C150.963 19.1692 148.884 16.5812 145.613 16.5812ZM128.719 12.2306H117.489C117.429 12.2309 117.37 12.2431 117.315 12.2666C117.26 12.2901 117.21 12.3245 117.168 12.3676C117.126 12.4107 117.093 12.4619 117.07 12.5181C117.047 12.5744 117.036 12.6345 117.036 12.6952V14.6997C117.036 14.9433 117.227 15.1632 117.489 15.1632H121.54V27.6511C121.544 27.7727 121.593 27.8884 121.677 27.9747C121.761 28.061 121.875 28.1115 121.994 28.1158H124.214C124.334 28.1118 124.448 28.0614 124.532 27.9751C124.617 27.8887 124.666 27.7729 124.669 27.6511V15.1632H128.719C128.779 15.1631 128.838 15.1508 128.894 15.1274C128.949 15.1039 128.999 15.0697 129.041 15.0265C129.084 14.9833 129.117 14.9322 129.14 14.876C129.162 14.8197 129.174 14.7593 129.173 14.6985V12.6952C129.174 12.6344 129.162 12.5742 129.14 12.5179C129.117 12.4616 129.084 12.4104 129.041 12.3672C128.999 12.324 128.949 12.2898 128.894 12.2663C128.838 12.2429 128.779 12.2307 128.719 12.2306ZM101.985 21.0523C101.937 19.9521 101.077 19.0969 99.8599 19.0969C98.5237 19.0969 97.6627 19.9283 97.5203 21.0523H101.985ZM99.9317 16.58C102.797 16.58 104.993 18.7553 104.993 21.8098C104.993 21.9806 104.972 22.3712 104.946 22.5431C104.932 22.678 104.872 22.8037 104.776 22.8976C104.68 22.9914 104.553 23.0475 104.42 23.0557H97.3533C97.3788 24.4486 98.499 25.6706 100.1 25.6706C101.198 25.6706 101.961 25.2548 102.463 24.8392C102.725 24.6193 103.012 24.5956 103.179 24.8392L104.11 26.1101C104.301 26.3301 104.325 26.5999 104.063 26.8437C102.923 27.8472 101.463 28.3945 99.9553 28.3834C96.6606 28.3834 94.3693 25.6957 94.3693 22.4692C94.3693 19.2928 96.6605 16.58 99.9317 16.58Z" fill="#C8C7C1"/> </svg> <svg data-logo="opentable" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="176" height="41" viewBox="0 0 176 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.560547 20.369C0.560547 17.6356 2.72631 15.4194 5.39658 15.4194C8.06796 15.4194 10.2338 17.6356 10.2338 20.369C10.2338 23.1034 8.06796 25.3197 5.39658 25.3197C2.72631 25.3197 0.560547 23.1046 0.560547 20.369ZM34.5331 25.3197C31.8617 25.3197 29.697 23.1034 29.697 20.369C29.697 17.6356 31.8617 15.4194 34.5331 15.4194C37.2033 15.4194 39.3702 17.6356 39.3702 20.369C39.3702 23.1034 37.2033 25.3197 34.5331 25.3197ZM34.5331 0.569458C23.8497 0.569458 15.1876 9.43451 15.1876 20.369C15.1876 31.3057 23.8486 40.1698 34.5331 40.1698C45.2186 40.1698 53.8796 31.3057 53.8796 20.369C53.8796 9.43563 45.2186 0.569458 34.5331 0.569458Z" fill="#DA3743"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M172.803 18.8373C173.108 18.8373 173.289 18.6969 173.289 18.443C173.289 18.2118 173.166 18.0603 172.825 18.0603H172.508V18.837L172.803 18.8373ZM172.044 17.6677H172.903C173.379 17.6677 173.787 17.8648 173.787 18.4193C173.788 18.5559 173.748 18.6896 173.674 18.8033C173.599 18.917 173.493 19.0054 173.368 19.0571L173.889 20.0194H173.368L172.971 19.2085H172.508V20.0194H172.044L172.044 17.6677ZM174.543 18.8715C174.543 17.7838 173.809 17.007 172.86 17.007C171.908 17.007 171.184 17.7838 171.184 18.8715C171.184 19.9727 171.908 20.7243 172.86 20.7243C173.809 20.7243 174.543 19.9727 174.543 18.8715ZM170.731 18.8715C170.731 17.5162 171.693 16.5902 172.86 16.5902C174.036 16.5902 174.997 17.5162 174.997 18.8715C174.997 20.2268 174.036 21.1537 172.86 21.1537C171.693 21.1537 170.731 20.2268 170.731 18.8715ZM156.533 28.134C156.673 28.1325 156.807 28.0754 156.906 27.975C157.005 27.8745 157.061 27.7386 157.062 27.5965V25.6091C157.061 25.4674 157.006 25.3317 156.907 25.2312C156.809 25.1307 156.676 25.0733 156.536 25.0715H156.452C156.215 25.0715 155.978 24.83 155.978 24.5863V12.8103C155.978 12.5417 155.714 12.2726 155.452 12.2726H153.518C153.256 12.2726 152.994 12.5413 152.994 12.8103V25.8562L153.002 26.1954C153.002 27.1669 153.952 28.1372 154.9 28.1372L156.533 28.134ZM71.4197 15.383C74.0507 15.383 76.2715 17.6641 76.2715 20.369C76.2724 21.6779 75.762 22.9338 74.8523 23.8607C73.9426 24.7876 72.7081 25.3099 71.4197 25.3129C68.7573 25.3129 66.5927 23.0977 66.5927 20.369C66.5927 17.6197 68.7573 15.383 71.4197 15.383ZM71.4197 12.2431C67.0668 12.2431 63.5244 15.8874 63.5244 20.369C63.5244 24.9017 66.9906 28.454 71.4197 28.454C75.8612 28.454 79.3398 24.9018 79.3398 20.3679C79.3398 15.8887 75.7861 12.2431 71.4197 12.2431ZM134.423 24.9144C134.281 25.3302 133.421 26.1113 132.442 26.1113C131.416 26.1113 130.843 25.4759 130.843 24.5226C130.843 23.5204 131.534 22.9099 132.8 22.9099C133.683 22.9099 134.423 23.2517 134.423 23.2517V24.9144ZM133.134 16.5812C131.344 16.5812 129.601 17.0446 129.362 17.1426C129.123 17.2153 128.908 17.4111 129.003 17.827L129.243 19.0981C129.29 19.4398 129.505 19.7084 129.863 19.5866C130.508 19.3907 131.965 19.1708 132.968 19.1708C134.137 19.1708 134.543 19.8553 134.495 21.2972C134.495 21.2972 133.493 20.9794 132.37 20.9794C129.577 20.9794 127.976 22.5192 127.976 24.5225C127.976 26.9426 129.505 28.3834 131.701 28.3834C132.342 28.3934 132.979 28.2732 133.573 28.0299C134.168 27.7866 134.709 27.4251 135.164 26.9666V27.5736C135.164 27.8676 135.403 28.1112 135.69 28.1112H135.884C135.906 28.1148 135.929 28.1163 135.951 28.1155H136.764C136.903 28.1137 137.037 28.0564 137.135 27.9559C137.233 27.8554 137.289 27.7196 137.29 27.5778V21.4928C137.29 18.4132 136.572 16.5812 133.134 16.5812ZM113.09 16.5812C110.976 16.5812 109.95 17.7416 109.54 18.2097V17.3624C109.539 17.2207 109.484 17.085 109.385 16.9844C109.287 16.8839 109.154 16.8266 109.014 16.8248H107.765C107.626 16.8263 107.492 16.8836 107.394 16.9842C107.296 17.0848 107.24 17.2206 107.24 17.3624V27.5782C107.245 27.7186 107.302 27.8519 107.399 27.9516C107.496 28.0512 107.627 28.1098 107.765 28.1158H109.532C110.058 28.1158 110.225 27.9927 110.225 27.5782V21.1264C110.487 20.344 111.18 19.3668 112.613 19.3668C113.949 19.3668 114.522 20.2711 114.522 21.7368V27.5782C114.522 27.8709 114.762 28.1158 115.049 28.1158H116.981C117.12 28.1098 117.25 28.0512 117.348 27.9516C117.445 27.8519 117.502 27.7186 117.507 27.5782V21.7368C117.507 19.0001 116.599 16.5812 113.09 16.5812ZM86.8001 25.5989C85.4145 25.5989 84.5076 24.9634 84.5076 24.9634V20.9294C84.7466 20.2939 85.5109 19.3656 86.9436 19.3656C88.6621 19.3656 89.5455 20.9055 89.5455 22.4931C89.5455 24.0818 88.6162 25.5989 86.8001 25.5989ZM87.3494 16.5812C85.0805 16.5812 83.8227 18.1642 83.7476 18.2632V17.3636C83.747 17.2217 83.6916 17.0856 83.5932 16.9848C83.4949 16.8841 83.3615 16.8266 83.2219 16.8248H82.0482C81.9089 16.8269 81.7759 16.8843 81.6778 16.9848C81.5798 17.0853 81.5243 17.2209 81.5234 17.3624V32.1713C81.5281 32.3117 81.5848 32.4452 81.682 32.545C81.7793 32.6449 81.91 32.7038 82.0482 32.71H83.983C84.2453 32.71 84.5076 32.4401 84.5076 32.1713V27.9199C85.0087 28.1158 86.0602 28.3845 87.1577 28.3845C90.4535 28.3845 92.6261 25.7935 92.6261 22.4941C92.6261 19.0729 90.3571 16.5812 87.3494 16.5812ZM166.09 21.0523C166.043 19.9521 165.183 19.0969 163.965 19.0969C162.628 19.0969 161.768 19.9283 161.626 21.0523H166.09ZM164.038 16.58C166.903 16.58 169.099 18.7553 169.099 21.8098C169.099 21.9806 169.073 22.3712 169.052 22.5431C169.038 22.6781 168.978 22.8039 168.882 22.8978C168.785 22.9917 168.659 23.0477 168.526 23.0557H161.459C161.484 24.4486 162.605 25.6706 164.205 25.6706C165.303 25.6706 166.066 25.2548 166.569 24.8392C166.831 24.6193 167.118 24.5956 167.285 24.8392L168.215 26.1101C168.406 26.3301 168.431 26.5999 168.168 26.8437C167.029 27.8472 165.569 28.3945 164.061 28.3834C160.766 28.3834 158.474 25.6957 158.474 22.4692C158.474 19.2928 160.767 16.58 164.038 16.58ZM145.351 25.5989C143.918 25.5989 143.154 24.6695 142.915 24.034V20.0023C142.915 20.0023 143.823 19.3668 145.207 19.3668C147.022 19.3668 147.954 20.8816 147.954 22.4704C147.954 24.0591 147.069 25.5989 145.351 25.5989ZM145.613 16.5812C144.515 16.5812 143.416 16.8497 142.915 17.0697V12.7681C142.91 12.6277 142.853 12.4944 142.756 12.3948C142.658 12.2952 142.527 12.2365 142.389 12.2306H140.455C140.193 12.2306 139.931 12.4992 139.931 12.7681V27.5782C139.936 27.7184 139.992 27.8516 140.09 27.9512C140.187 28.0508 140.317 28.1096 140.455 28.1158H141.292C141.309 28.1158 141.321 28.1157 141.339 28.1114H141.563C141.703 28.1102 141.836 28.0532 141.935 27.9526C142.034 27.852 142.09 27.716 142.091 27.5739V26.7391L142.104 26.696C142.104 26.696 143.37 28.3815 145.78 28.3815C148.79 28.3815 150.963 25.6939 150.963 22.4685C150.963 19.1692 148.884 16.5812 145.613 16.5812ZM128.719 12.2306H117.489C117.429 12.2309 117.37 12.2431 117.315 12.2666C117.26 12.2901 117.21 12.3245 117.168 12.3676C117.126 12.4107 117.093 12.4619 117.07 12.5181C117.047 12.5744 117.036 12.6345 117.036 12.6952V14.6997C117.036 14.9433 117.227 15.1632 117.489 15.1632H121.54V27.6511C121.544 27.7727 121.593 27.8884 121.677 27.9747C121.761 28.061 121.875 28.1115 121.994 28.1158H124.214C124.334 28.1118 124.448 28.0614 124.532 27.9751C124.617 27.8887 124.666 27.7729 124.669 27.6511V15.1632H128.719C128.779 15.1631 128.838 15.1508 128.894 15.1274C128.949 15.1039 128.999 15.0697 129.041 15.0265C129.084 14.9833 129.117 14.9322 129.14 14.876C129.162 14.8197 129.174 14.7593 129.173 14.6985V12.6952C129.174 12.6344 129.162 12.5742 129.14 12.5179C129.117 12.4616 129.084 12.4104 129.041 12.3672C128.999 12.324 128.949 12.2898 128.894 12.2663C128.838 12.2429 128.779 12.2307 128.719 12.2306ZM101.985 21.0523C101.937 19.9521 101.077 19.0969 99.8599 19.0969C98.5237 19.0969 97.6627 19.9283 97.5203 21.0523H101.985ZM99.9317 16.58C102.797 16.58 104.993 18.7553 104.993 21.8098C104.993 21.9806 104.972 22.3712 104.946 22.5431C104.932 22.678 104.872 22.8037 104.776 22.8976C104.68 22.9914 104.553 23.0475 104.42 23.0557H97.3533C97.3788 24.4486 98.499 25.6706 100.1 25.6706C101.198 25.6706 101.961 25.2548 102.463 24.8392C102.725 24.6193 103.012 24.5956 103.179 24.8392L104.11 26.1101C104.301 26.3301 104.325 26.5999 104.063 26.8437C102.923 27.8472 101.463 28.3945 99.9553 28.3834C96.6606 28.3834 94.3693 25.6957 94.3693 22.4692C94.3693 19.2928 96.6605 16.58 99.9317 16.58Z" fill="#141A26"/> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.9375rem] aspect-[239/66] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="239" height="66" viewBox="0 0 239 66" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M97.6575 43.7958C97.6575 43.3023 97.3285 42.9734 96.6706 42.809V42.48C96.9996 42.48 98.2331 42.5623 98.562 42.5623C98.8087 42.5623 100.042 42.48 100.371 42.48V42.809C99.7955 42.9734 99.4666 43.3024 99.4666 43.7958V49.9635C99.4666 51.9371 100.536 53.0061 102.756 53.0061C104.73 53.0061 106.21 52.1015 106.21 50.0457V43.7135C106.21 43.2201 105.881 42.8912 105.223 42.7267V42.48C105.47 42.48 106.456 42.5623 106.785 42.5623C107.114 42.5623 108.101 42.48 108.348 42.48V42.809C107.608 42.9734 107.361 43.3024 107.361 43.7958V49.799C107.361 52.5127 105.799 54.0753 102.427 54.0753C99.302 54.0753 97.6572 52.6773 97.6572 50.128L97.6575 43.7958ZM111.144 53.5815C111.884 53.417 112.131 53.088 112.131 52.5947V44.0425C112.131 43.3024 111.719 42.9735 111.062 42.809V42.4801H113.446L120.848 51.1967V43.7954C120.848 43.302 120.519 42.9731 119.861 42.8087V42.4797C120.107 42.4797 121.094 42.562 121.423 42.562C121.752 42.562 122.739 42.4797 122.986 42.4797V42.8087C122.246 42.9731 121.917 43.3021 121.917 43.7954V54.0746H121.505C121.259 53.9923 120.683 53.7456 119.861 52.8411L113.2 45.1109V52.6766C113.2 53.17 113.446 53.499 114.186 53.6634V53.9923C113.94 53.9923 112.953 53.9101 112.624 53.9101C112.295 53.9101 111.308 53.9923 111.062 53.9923L111.144 53.5815ZM169.694 51.2789H170.023C170.188 51.9368 170.517 52.5124 171.092 52.8413C171.586 53.2525 172.49 53.417 173.148 53.417C174.628 53.417 175.615 52.6769 175.615 51.5256C175.615 50.2921 174.382 49.7164 172.984 48.9764C171.915 48.4007 169.777 47.5784 169.777 45.5225C169.777 43.6311 171.257 42.3976 173.559 42.3976C175.122 42.3976 175.78 42.8088 176.849 42.7266V45.0291H176.52C176.109 43.6312 174.875 43.22 173.477 43.22C171.915 43.22 171.421 44.1246 171.421 44.9469C171.421 46.1804 172.655 46.8383 174.053 47.4961C175.615 48.154 177.342 49.0586 177.342 51.0322C177.342 52.9236 175.862 54.2393 173.23 54.2393C171.668 54.2393 170.681 53.7459 169.859 53.6637L169.694 51.2789ZM201.519 49.1408L198.476 44.2889C197.983 43.4665 197.572 42.9731 196.996 42.8086V42.4797C197.407 42.4797 198.558 42.5619 198.805 42.5619C199.134 42.5619 200.285 42.4797 200.779 42.4797V42.8086C200.368 42.8909 200.203 43.0554 200.203 43.3843C200.203 43.631 200.368 43.96 200.532 44.2889C200.697 44.5356 202.752 47.9894 202.752 47.9894L204.891 44.2889C205.137 43.8777 205.219 43.5488 205.219 43.3021C205.219 43.0554 205.055 42.8909 204.726 42.8909V42.4797C205.055 42.4797 205.877 42.562 206.124 42.562C206.371 42.562 207.275 42.4797 207.604 42.4797V42.8087C206.782 43.1376 206.289 43.8777 205.795 44.7001L203.081 49.3053M203.246 48.7296V52.5947C203.246 53.0058 203.575 53.4993 204.233 53.5815V53.9104C203.904 53.9104 202.67 53.8282 202.341 53.8282C202.012 53.8282 200.861 53.9104 200.45 53.9104V53.5815C201.108 53.417 201.437 53.0058 201.437 52.5947V48.8941M145.437 42.4797H152.509C152.756 42.4797 153.085 42.4797 153.331 42.3152H153.66L153.578 44.6178H153.249C153.002 43.8777 152.673 43.3021 151.358 43.3021H148.315V47.4139H150.7C151.029 47.4139 151.44 47.4139 151.604 47.3316C152.098 47.2494 152.345 46.9205 152.509 46.427H152.838V49.3052H152.509C152.345 48.8118 152.18 48.4829 151.604 48.4006C151.44 48.3184 151.029 48.3184 150.7 48.3184H148.315V53.0059H151.687C153.167 53.0059 153.578 52.4302 153.907 51.5256H154.236L153.907 53.9104C152.838 53.8282 152.18 53.8282 150.947 53.8282H147.411C147.082 53.8282 145.848 53.9104 145.437 53.9104V53.5815C146.095 53.417 146.424 53.1703 146.424 52.5125V43.7958C146.424 43.2202 146.095 42.8913 145.437 42.8091L145.437 42.4797ZM127.345 43.8777C127.345 43.302 127.016 42.9731 126.358 42.8086V42.4797C126.769 42.4797 127.921 42.5619 128.332 42.5619C128.661 42.5619 129.894 42.4797 130.306 42.4797V42.8086C129.648 42.9731 129.237 43.2198 129.237 43.8777V52.5121C129.237 53.0877 129.565 53.4167 130.306 53.5811V53.91C129.894 53.91 128.743 53.8278 128.332 53.8278C128.003 53.8278 126.769 53.91 126.358 53.91V53.5811C127.098 53.4166 127.427 53.1699 127.427 52.5121L127.345 43.8777ZM181.045 43.8777C181.045 43.302 180.716 42.9731 180.058 42.8086V42.4797C180.469 42.4797 181.703 42.5619 182.032 42.5619C182.361 42.5619 183.594 42.4797 184.005 42.4797V42.8086C183.347 42.9731 183.019 43.2198 183.019 43.8777V52.5121C183.019 53.0877 183.348 53.4167 184.005 53.5811V53.91C183.594 53.91 182.443 53.8278 182.032 53.8278C181.703 53.8278 180.469 53.91 180.058 53.91V53.5811C180.798 53.4166 181.045 53.1699 181.045 52.5121V43.8777ZM190.913 42.5619C187.048 42.5619 186.39 42.4797 185.65 42.3975V44.7H185.979C186.308 43.631 186.883 43.3843 187.623 43.3843H190.09V52.4299C190.09 53.0055 189.761 53.3344 189.021 53.4989V53.8278C189.433 53.8278 190.666 53.7456 190.995 53.7456C191.324 53.7456 192.557 53.8278 192.969 53.8278V53.4989C192.311 53.3344 191.9 53.0055 191.9 52.4299V43.3843H194.284C195.024 43.3843 195.6 43.631 195.929 44.7H196.258V42.3975C195.353 42.4797 194.778 42.5619 190.913 42.5619ZM159.911 52.5121C159.911 53.0878 160.24 53.4167 160.98 53.5811V53.9101C160.568 53.9101 159.335 53.8278 159.006 53.8278C158.677 53.8278 157.526 53.9101 157.115 53.9101V53.5811C157.773 53.4167 158.101 53.17 158.101 52.5121V43.7955C158.101 43.2198 157.773 42.8909 157.115 42.8087V42.4797C157.526 42.4797 158.677 42.562 159.006 42.562C159.582 42.562 161.144 42.4797 161.802 42.4797C164.516 42.4797 165.996 43.631 165.996 45.5224C165.996 47.0026 164.845 48.0716 163.118 48.4828C163.118 48.4828 163.529 48.7295 163.94 49.1407C164.434 49.7164 165.749 51.5255 166.243 52.1834C166.736 52.8412 167.476 53.5813 168.216 53.5813V53.828C167.887 53.9103 167.312 53.9925 166.901 53.9925C165.996 53.9925 165.256 53.6636 164.516 52.8412C163.858 52.1011 162.871 50.5387 162.213 49.7164C161.802 49.2229 161.309 48.8118 160.486 48.6473C160.322 48.6473 160.157 48.5651 159.993 48.5651L159.911 52.5121ZM159.911 47.9069C160.24 47.9891 160.815 47.9891 161.309 47.9891C163.447 47.9891 164.105 46.7556 164.105 45.6865C164.105 44.1241 163.118 43.2195 161.226 43.2195C160.815 43.2195 160.322 43.3018 159.911 43.384V47.9069ZM132.938 43.8773C132.691 43.3017 132.28 42.8905 131.622 42.8083V42.4793C132.033 42.4793 133.431 42.5616 133.76 42.5616C134.007 42.5616 135.241 42.4793 135.652 42.4793V42.8083C135.323 42.8905 134.829 43.055 134.829 43.4662C134.829 43.7129 134.994 44.1241 135.323 44.7819L138.283 51.443L141.079 44.7819C141.326 44.2063 141.49 43.7951 141.49 43.5484C141.49 43.2195 141.161 42.9728 140.668 42.8905V42.4793C140.997 42.4793 141.901 42.5616 142.23 42.5616C142.477 42.5616 143.546 42.4793 143.957 42.4793V42.8083C143.299 42.9727 142.806 43.3839 142.477 44.2885L138.365 53.9097H137.461L132.938 43.8773ZM143.464 13.533C142.97 12.4639 142.23 11.7238 141.079 11.4771V10.9014C141.819 10.9014 144.368 10.9837 144.944 10.9837C145.437 10.9837 147.904 10.9014 148.727 10.9014V11.4771C148.069 11.6416 147.247 11.9705 147.247 12.7106C147.247 13.204 147.576 13.9441 148.151 15.1776L153.743 27.8416L159.006 15.1776C159.418 14.1908 159.746 13.3685 159.746 12.7928C159.746 12.1349 159.089 11.6415 158.266 11.4771V10.9014C159.006 10.9014 160.651 10.9836 161.227 10.9836C161.72 10.9836 163.694 10.9014 164.516 10.9014V11.4771C163.2 11.806 162.378 12.6283 161.638 14.273L153.908 32.529H152.181L143.464 13.533ZM68.6289 31.789C69.6157 31.5423 70.3558 31.1311 70.3558 29.9798V13.2863C70.3558 12.2173 69.6979 11.7239 68.6289 11.4771V10.8193C69.1223 10.8193 71.4249 10.9015 72.0005 10.9015C72.6584 10.9015 75.0432 10.8193 75.5366 10.8193V11.3949C74.5498 11.6416 73.8097 12.0528 73.8097 13.2041V20.2764H86.3092V13.2863C86.3092 12.135 85.6513 11.6416 84.5822 11.4771V10.8193C85.0757 10.8193 87.4604 10.9015 88.1183 10.9015C88.694 10.9015 90.9965 10.8193 91.5722 10.8193V11.3949C90.5854 11.6416 89.8452 12.0528 89.8452 13.2041V29.8976C89.8452 30.9666 90.5031 31.4601 91.5722 31.7068V32.2824C91.0787 32.2824 88.694 32.2002 88.1183 32.2002C87.4604 32.2002 85.1579 32.2824 84.5822 32.2824V31.789C85.569 31.5423 86.3092 31.1311 86.3092 29.9798V22.0852H73.8097V29.9798C73.8097 31.1311 74.4676 31.5423 75.5366 31.789V32.3646C75.0432 32.3646 72.5762 32.2824 72.0005 32.2824C71.4249 32.2824 69.2046 32.3646 68.6289 32.3646V31.789ZM212.705 31.789C214.021 31.5423 214.679 31.0489 214.679 29.8976V13.2863C214.679 12.135 213.939 11.6416 212.705 11.4771V10.8193C213.445 10.8193 215.748 10.9015 216.406 10.9015C217.475 10.9015 220.353 10.6548 222.656 10.6548C230.304 10.6548 234.991 14.9311 234.991 21.4273C234.991 27.7595 230.139 32.4466 222.244 32.4466C219.942 32.4466 217.31 32.2821 216.241 32.2821C215.583 32.2821 213.445 32.3643 212.705 32.3643V31.789ZM218.133 30.72C218.955 30.8844 220.353 30.9667 221.504 30.9667C227.919 30.9667 231.29 27.1016 231.29 21.6744C231.29 16.0823 227.754 12.1354 221.751 12.1354C220.517 12.1354 218.955 12.2176 218.133 12.3821V30.72ZM125.949 29.8154C125.949 30.8844 126.689 31.5423 127.922 31.789V32.3647C127.182 32.3647 124.88 32.2825 124.14 32.2825C123.564 32.2825 121.261 32.3647 120.521 32.3647V31.789C121.755 31.5423 122.413 30.9667 122.413 29.8154V13.3686C122.413 12.3818 121.837 11.7239 120.521 11.4772V10.8193C121.261 10.8193 123.482 10.9015 124.14 10.9015C125.209 10.9015 128.169 10.7371 129.403 10.7371C134.584 10.7371 137.462 12.8752 137.462 16.4936C137.462 19.3718 135.324 21.2633 132.034 22.0856C132.034 22.0856 132.774 22.4968 133.514 23.4014C134.419 24.4704 136.968 28.0888 137.955 29.3224C138.942 30.5559 140.258 31.9539 141.656 31.9539V32.4473C140.998 32.6118 139.929 32.694 139.106 32.694C137.38 32.694 135.982 32.0361 134.583 30.3914C133.432 28.9934 131.376 25.9507 130.225 24.4704C129.485 23.4836 128.58 22.7435 126.936 22.4968C126.607 22.4145 126.278 22.4146 125.949 22.3323L125.949 29.8154ZM125.949 21.0988C126.607 21.181 127.676 21.2632 128.662 21.2632C132.692 21.2632 133.926 18.9607 133.926 16.9047C133.926 14.0265 131.952 12.2173 128.498 12.2173C127.758 12.2173 126.689 12.2995 125.949 12.464V21.0988ZM193.875 29.8154C193.875 30.8844 194.615 31.5423 195.849 31.789V32.3647C195.108 32.3647 192.806 32.2825 192.148 32.2825C191.572 32.2825 189.27 32.3647 188.53 32.3647V31.789C189.763 31.5423 190.421 30.9667 190.421 29.8154V13.3686C190.421 12.3818 189.845 11.7239 188.53 11.4772V10.8193C189.27 10.8193 191.49 10.9015 192.148 10.9015C193.217 10.9015 196.178 10.7371 197.329 10.7371C202.51 10.7371 205.388 12.8752 205.388 16.4936C205.388 19.3718 203.25 21.2633 199.96 22.0856C199.96 22.0856 200.701 22.4968 201.441 23.4014C202.345 24.4704 204.895 28.0888 205.881 29.3224C206.868 30.5559 208.184 31.9539 209.582 31.9539V32.4473C208.924 32.6118 207.855 32.694 207.033 32.694C205.306 32.694 203.908 32.0361 202.51 30.3914C201.358 28.9934 199.303 25.9507 198.151 24.4704C197.411 23.4836 196.507 22.7435 194.862 22.4968C194.533 22.4145 194.204 22.4146 193.875 22.3323L193.875 29.8154ZM193.875 21.0988C194.533 21.181 195.602 21.2632 196.589 21.2632C200.618 21.2632 201.852 18.9607 201.852 16.9047C201.852 14.0265 199.878 12.2173 196.424 12.2173C195.684 12.2173 194.615 12.2995 193.875 12.464V21.0988ZM94.699 31.7891C96.0969 31.4601 96.8371 30.5556 97.3304 29.4043L104.238 12.793C104.567 12.1351 104.896 10.7371 104.896 10.7371H106.87C106.87 10.7371 107.199 12.1351 107.528 12.8752L114.847 29.4865C115.34 30.6378 115.916 31.4601 117.396 31.7891V32.3647C116.574 32.3647 114.189 32.2825 113.613 32.2825C113.037 32.2825 110.735 32.3647 109.913 32.3647V31.7891C110.982 31.5424 111.311 30.9667 111.311 30.4733C111.311 30.0622 111.146 29.4865 110.899 28.9931L109.337 25.4571H101.278L99.8798 29.0754C99.7154 29.4865 99.5509 30.0622 99.5509 30.4733C99.5509 31.049 99.8798 31.5424 101.031 31.8713V32.447C100.291 32.447 98.3996 32.3647 97.9885 32.3647L94.8636 32.447L94.699 31.7891ZM108.432 23.7299L104.978 15.753L101.771 23.7299H108.432ZM163.117 31.7891C164.515 31.4601 165.255 30.5556 165.749 29.4043L172.656 12.793C172.985 12.1351 173.314 10.7371 173.314 10.7371H175.288C175.288 10.7371 175.617 12.1351 175.946 12.8752L183.265 29.4865C183.758 30.6378 184.334 31.4601 185.814 31.7891V32.3647C184.992 32.3647 182.607 32.2825 182.031 32.2825C181.456 32.2825 179.153 32.3647 178.331 32.3647V31.7891C179.4 31.5424 179.729 30.9667 179.729 30.4733C179.729 30.0622 179.564 29.4865 179.317 28.9931L177.755 25.4571H169.696L168.298 29.0754C168.133 29.4865 167.969 30.0622 167.969 30.4733C167.969 31.049 168.298 31.5424 169.449 31.8713V32.447C168.709 32.447 166.818 32.3647 166.407 32.3647L163.282 32.447V31.7891H163.117ZM176.768 23.7299L173.314 15.753L170.107 23.7299H176.768Z" fill="#C8C7C1"/> <path d="M4.89572 4.15967H53.0019V22.3335C53.0019 30.6389 49.877 48.3193 29.1538 61.4771C29.1538 61.4771 6.62149 52.1026 4.89453 22.3335L4.89572 4.15967Z" fill="#EEEEEC"/> <path d="M20.7136 32.8309C20.5928 32.8259 20.488 32.8862 20.4036 32.9594C20.2391 33.102 20.1405 33.299 20.1354 33.3095C19.9518 33.5664 19.5657 33.6311 19.215 33.6211C18.8644 33.6111 18.5629 33.5311 18.5629 33.5311L18.5437 33.5262L18.5244 33.5328C18.0203 33.7008 17.7959 33.9152 17.7037 34.0998C17.6575 34.192 17.6458 34.2755 17.6458 34.3359C17.6458 34.3832 17.6518 34.4041 17.6555 34.4178V36.3018C17.6371 36.4056 17.589 36.4692 17.5222 36.5138C17.4544 36.559 17.364 36.5829 17.2732 36.5925C17.0916 36.6116 16.9151 36.5733 16.9151 36.5733H16.9134C16.2811 36.4468 15.8475 36.5949 15.5771 36.7788C15.3111 36.9597 15.2049 37.1701 15.2013 37.1772C14.9308 37.5432 15.1097 38.0573 15.1097 38.0573V38.0605C15.1272 38.1072 15.1476 38.1515 15.1708 38.1922C15.171 38.193 15.174 38.2018 15.174 38.2018C15.4207 38.8597 16.3256 38.8587 16.3256 38.8587C16.6545 39.1054 17.2298 38.9406 17.2298 38.9406C17.3988 38.9406 17.4971 39.0108 17.5575 39.0996C17.5874 39.2208 17.5735 39.3421 17.5735 39.3421L17.5719 39.3566L17.5751 39.3694C17.5806 39.3913 17.592 39.5055 17.5976 39.6618C17.6032 39.8181 17.6053 40.0238 17.6072 40.2624C17.6111 40.7397 17.6091 41.3464 17.604 41.9424C17.5937 43.1344 17.5735 44.2858 17.5735 44.2858C17.5735 44.688 17.4948 44.9234 17.4948 44.9234L17.4916 44.933V44.9442C17.4916 44.9643 17.485 44.9746 17.4627 44.9924C17.4403 45.0102 17.401 45.0298 17.3486 45.0438C17.2438 45.0718 17.0935 45.0824 16.9423 45.0824C16.6399 45.0824 16.3336 45.0422 16.3336 45.0422L16.3255 45.0407L16.3175 45.0422C15.4611 45.1279 15.196 45.8965 15.1932 45.9047V45.9063C15.1253 46.0659 15.1312 46.2277 15.1771 46.3737C15.2001 46.447 15.2336 46.5169 15.2719 46.5825C15.4247 46.9558 15.8324 47.2474 15.8324 47.2474C15.8324 47.4119 17.3952 47.4932 17.3952 47.4932C17.4899 47.5169 17.5544 47.5834 17.6024 47.6634C17.6072 47.678 17.6129 47.692 17.6168 47.7068C17.6553 47.8509 17.6554 47.9862 17.6554 47.9862C17.6437 48.0301 17.6392 48.0793 17.6361 48.1501C17.6327 48.2299 17.6309 48.3285 17.6329 48.4392C17.6367 48.6605 17.6496 48.9314 17.665 49.1941C17.6959 49.7193 17.7373 50.2124 17.7373 50.2124L17.7389 50.2155V50.2187C17.7477 50.2712 17.7732 50.3165 17.8048 50.3568C17.8048 50.357 17.8064 50.3713 17.8064 50.3713C17.8886 50.8647 19.4511 50.7006 19.4511 50.7006C19.4511 50.7006 24.9275 50.5742 26.4074 50.5978C26.6187 50.601 26.7482 50.6084 26.7688 50.6187C26.9332 50.6187 27.3454 50.5368 27.3454 50.5368L27.9203 50.948C28.1516 51.1278 28.3912 51.1791 28.611 51.1648C28.6549 51.1624 28.6989 51.1564 28.7411 51.1487C29.1627 51.0724 29.4831 50.7825 29.4831 50.7825L30.3055 50.6187C30.4699 50.6187 37.1315 50.5368 37.1315 50.5368C37.7071 50.7013 37.9538 50.4533 37.9538 50.4533L39.0219 50.3714C39.063 50.3714 39.1014 50.3682 39.1375 50.3618C39.3988 50.3139 39.5332 50.105 39.6033 49.9008C39.6242 49.8603 39.6462 49.8199 39.6611 49.7787C39.7483 49.539 39.7463 49.3033 39.7463 49.3033V47.9124C39.76 47.8024 39.7854 47.7164 39.8137 47.6394C39.9636 47.3751 40.1735 47.3294 40.1735 47.3294L41.1596 47.164L41.6543 46.9182C41.8441 46.8708 41.9441 46.738 42.0013 46.5777C42.0159 46.5549 42.0315 46.5331 42.043 46.5086C42.1112 46.3638 42.1313 46.195 42.1313 46.0348C42.1313 45.7145 42.0462 45.4197 42.0462 45.4197L42.0446 45.4132L42.043 45.4066C41.863 45.0465 41.4477 44.8997 41.089 44.8364C40.7303 44.7731 40.4144 44.7946 40.4144 44.7946H40.4128C40.0169 44.8342 39.8676 44.7208 39.7993 44.6099C39.731 44.4989 39.7463 44.3786 39.7463 44.3786V44.3737L39.8298 39.2774C39.8622 39.0864 39.9178 38.9343 39.9727 38.81C40.0371 38.687 40.0916 38.6125 40.0916 38.6125C40.3383 38.6947 41.1597 38.4471 41.1597 38.4471C41.6323 38.3998 41.8291 38.11 41.9146 37.8705C41.9221 37.8565 41.9336 37.8426 41.9403 37.8287C42.0486 37.6011 42.0479 37.3915 42.0479 37.3854C42.0918 37.0629 41.8675 36.7964 41.6447 36.6161C41.421 36.435 41.187 36.3302 41.187 36.3302L41.1741 36.3236H40.0193C39.9873 36.317 39.9613 36.3001 39.9342 36.2641C39.9065 36.2275 39.88 36.173 39.8603 36.1067C39.8209 35.9742 39.8027 35.7952 39.7977 35.6185C39.7876 35.2651 39.8282 34.9198 39.8282 34.9198L39.8298 34.9149V34.2536C39.8298 33.9337 39.6013 33.7091 39.3865 33.5694C39.1716 33.4297 38.9593 33.367 38.9593 33.367L38.9496 33.3639H37.4832C37.4501 33.3089 37.4131 33.255 37.3579 33.2193C37.285 33.1721 37.2007 33.1369 37.1202 33.1101C36.9592 33.0564 36.8102 33.0362 36.8102 33.0362C36.5422 32.952 36.1437 32.9527 36.1437 32.9527H36.1228L36.1051 32.964C35.5932 33.3184 34.6949 33.467 33.9288 33.5181C33.1627 33.5692 32.5299 33.5294 32.5299 33.5294L29.9504 33.3624L29.9279 33.3833C29.9355 33.3759 29.9191 33.389 29.8926 33.3977C29.866 33.4066 29.8279 33.4173 29.785 33.4267C29.6992 33.4454 29.5901 33.4628 29.483 33.4781C29.2689 33.5087 29.0638 33.5295 29.0638 33.5295L29.0221 33.5327L29.0076 33.5744C28.9367 33.787 28.7217 33.8603 28.7217 33.8603L28.4952 33.9374C28.345 33.8097 28.1106 33.7128 27.8881 33.6451C27.6534 33.5736 27.4585 33.5344 27.4497 33.5326C27.448 33.5318 27.4464 33.5303 27.4448 33.5295C27.437 33.5263 27.4291 33.5245 27.4223 33.5229C27.4087 33.5197 27.3958 33.5179 27.379 33.5163C27.3453 33.5131 27.3021 33.5122 27.2489 33.5113C27.1424 33.5105 26.9969 33.5137 26.8248 33.5196C26.4807 33.5312 26.0307 33.5533 25.5833 33.579C24.6893 33.6304 23.8069 33.6929 23.8053 33.6931C22.7858 33.7338 22.0972 33.5703 21.6644 33.3991C21.2315 33.228 21.0605 33.0554 21.0605 33.0554C20.9519 32.9071 20.832 32.8356 20.7136 32.8309ZM20.7087 32.9658C20.7807 32.969 20.864 33.009 20.9593 33.1425L20.9609 33.1456L20.9641 33.1506C20.9641 33.1506 21.1635 33.3464 21.6146 33.5248C22.0658 33.7032 22.7739 33.8698 23.8102 33.8284H23.8151C23.8151 33.8284 24.6977 33.7657 25.5914 33.7143C26.0383 33.6887 26.4877 33.6665 26.8298 33.6549C27.0008 33.6491 27.1463 33.6459 27.249 33.6466C27.3003 33.647 27.3406 33.649 27.3678 33.6516C27.3792 33.6524 27.3866 33.654 27.3919 33.6547L27.3952 33.6579L27.4144 33.6629C27.4144 33.6629 27.6185 33.7028 27.8513 33.7737C28.0842 33.8446 28.3482 33.9526 28.4504 34.0547L28.4793 34.0837L28.7652 33.9889C28.7652 33.9889 28.9407 33.8861 29.0591 33.7079C28.9676 33.9304 28.7427 34.0066 28.7427 34.0066L28.497 34.172C28.2503 33.9253 27.4273 33.7609 27.4273 33.7609C27.3451 33.6786 23.8087 33.9247 23.8087 33.9247C21.7528 34.0069 21.0124 33.2678 21.0124 33.2678C20.6012 32.6921 20.19 33.5135 20.19 33.5135C19.7788 34.0892 18.5453 33.7609 18.5453 33.7609C18.0902 33.9126 17.8865 34.0984 17.7921 34.2556C17.7985 34.2269 17.8084 34.1957 17.8258 34.1608C17.8972 34.0181 18.0893 33.826 18.5598 33.6661C18.5862 33.6727 18.8611 33.746 19.2135 33.7561C19.5824 33.7666 20.0186 33.707 20.2462 33.3883L20.2495 33.3851L20.2527 33.3802C20.2527 33.3802 20.3525 33.1815 20.492 33.0605C20.5618 33.0001 20.6367 32.9629 20.7087 32.9658ZM36.1632 33.0895C36.1924 33.0898 36.5647 33.0944 36.7815 33.1665L36.7879 33.1681L36.7928 33.1697C36.7928 33.1697 36.9329 33.1897 37.0803 33.2388C37.1539 33.2634 37.2293 33.2943 37.2875 33.3319C37.2968 33.3377 37.3017 33.3449 37.3099 33.3512C37.1125 33.2296 36.8024 33.1841 36.8024 33.1841C36.5557 33.1019 36.1439 33.1022 36.1439 33.1022C35.0749 33.8423 32.5253 33.6788 32.5253 33.6788L29.9763 33.5134C29.895 33.5946 29.1002 33.6754 29.0817 33.6772C29.0852 33.6715 29.0897 33.6671 29.093 33.6612C29.1049 33.6604 29.2931 33.6415 29.5041 33.6113C29.613 33.5958 29.7242 33.5782 29.8157 33.5584C29.8615 33.5484 29.902 33.5376 29.9362 33.5262C29.9553 33.5196 29.97 33.5087 29.986 33.5006L32.5221 33.6628C32.5221 33.6628 33.1645 33.7049 33.9403 33.6532C34.707 33.602 35.6045 33.4649 36.1632 33.0895ZM37.4513 33.499H38.9289C38.9337 33.5006 39.0511 33.5456 39.1875 33.6163C39.0497 33.5474 38.9402 33.5135 38.9402 33.5135H37.4593C37.4577 33.5085 37.4534 33.504 37.4513 33.499ZM39.2148 33.6307C39.2501 33.6498 39.2791 33.6598 39.316 33.6837C39.3262 33.6903 39.3349 33.6993 39.3449 33.7061C39.3005 33.6776 39.257 33.6527 39.2148 33.6307ZM39.8011 36.2985C39.8102 36.314 39.8177 36.331 39.8283 36.345C39.8703 36.4006 39.9272 36.4435 39.997 36.4575L40.0034 36.4591H41.1437C41.1534 36.4632 41.3581 36.5579 41.5613 36.7225C41.7038 36.8378 41.8291 36.9822 41.8857 37.1417C41.7385 36.9051 41.467 36.7237 41.3011 36.6293C41.2176 36.5818 41.1598 36.557 41.1598 36.557H40.0098C39.9091 36.5369 39.8436 36.4366 39.8011 36.2985ZM17.6831 36.5491C17.4763 36.9403 16.9009 36.8028 16.9009 36.8028C15.6674 36.5561 15.2562 37.3794 15.2562 37.3794C15.245 37.3944 15.2385 37.4104 15.2289 37.426C15.2476 37.3655 15.2729 37.3068 15.3124 37.2541L15.3189 37.2443C15.3189 37.2443 15.4126 37.0549 15.6562 36.8893C15.8994 36.7239 16.2882 36.5852 16.8881 36.7046C16.8881 36.7046 17.0806 36.7475 17.2896 36.7255C17.3941 36.7145 17.5055 36.6887 17.5996 36.6259C17.6307 36.6052 17.6576 36.5783 17.6831 36.5491ZM39.6954 44.6904C39.7948 44.8418 40.0112 44.9707 40.4262 44.9297C40.4262 44.9297 40.7283 44.9098 41.0686 44.9699C41.4082 45.0298 41.772 45.1698 41.9215 45.4662C41.9219 45.4678 41.9309 45.509 41.9343 45.5224C41.5487 44.9527 40.4214 45.0262 40.4214 45.0262C39.8837 45.0799 39.7355 44.8544 39.6954 44.6904ZM17.5675 45.0775C17.5663 45.0816 17.5594 45.108 17.5594 45.108C17.5594 45.1491 17.5402 45.1838 17.5064 45.2108C17.4727 45.2378 17.4245 45.258 17.3667 45.2735C17.0198 45.366 16.3259 45.2735 16.3259 45.2735C15.7306 45.333 15.4389 45.7342 15.3221 45.9529C15.3221 45.9529 15.5508 45.2569 16.3324 45.1771C16.3463 45.1787 16.6372 45.2172 16.9443 45.2172C17.1015 45.2172 17.2579 45.2076 17.3843 45.1739C17.4476 45.1571 17.5046 45.1345 17.5498 45.0984C17.5568 45.0926 17.5612 45.0842 17.5675 45.0775ZM23.2966 10.0044L23.2725 10.0253C21.9892 11.068 20.1245 10.5874 20.1245 10.5874L20.1164 10.5858H20.1084C18.2972 10.5858 17.7136 10.6678 17.7136 10.6678L17.6879 10.6727L17.6719 10.6919C17.4847 10.9165 17.2553 10.9134 17.0535 10.8557C16.8566 10.7994 16.7073 10.6892 16.7002 10.6839C16.6631 10.6298 16.6039 10.599 16.5396 10.5763C16.4667 10.5505 16.3833 10.5355 16.3035 10.5249C16.1438 10.5036 15.9967 10.5024 15.9967 10.5024H15.9935L15.9918 10.504C14.1871 10.6271 13.0618 10.5238 12.3909 10.3916C12.0554 10.3255 11.8338 10.2516 11.697 10.1956C11.5602 10.1396 11.5123 10.1041 11.5123 10.1041L11.5204 10.1123C11.4942 10.0862 11.4691 10.0766 11.4385 10.0673C11.4079 10.058 11.3726 10.051 11.3341 10.0449C11.257 10.0327 11.1657 10.026 11.0771 10.0208C10.8999 10.0101 10.7334 10.0095 10.7334 10.0095H10.6916L10.6724 10.0464C10.6008 10.1894 10.3791 10.4895 10.3624 10.5122C10.3524 10.5153 10.3303 10.522 10.2901 10.5266C10.2437 10.5315 10.1832 10.536 10.115 10.5379C9.97862 10.542 9.80977 10.5395 9.64605 10.5347C9.3186 10.5245 9.01164 10.5042 9.01164 10.5042L9.00842 10.5026H9.00679C8.66381 10.5026 8.45736 10.6136 8.34187 10.7291C8.22637 10.8446 8.20054 10.9684 8.20054 10.9684L8.19891 10.9733L8.11699 12.5457V12.5507C8.15767 13.0388 8.10842 13.2364 8.07523 13.2895C8.05864 13.3161 8.05825 13.3104 8.05757 13.3104L8.00136 13.2735L7.96281 13.3297C7.94136 13.3619 7.85941 13.4054 7.74277 13.4309C7.62613 13.4564 7.48119 13.4692 7.33962 13.4742C7.05649 13.4844 6.79193 13.4646 6.79193 13.4646L6.78552 13.463L6.7791 13.4646C6.55569 13.487 6.3885 13.5963 6.27158 13.7425C6.15465 13.8887 6.0845 14.0695 6.0419 14.2452C5.95671 14.5966 5.97927 14.9342 5.97927 14.9342V14.9423C6.0239 15.1655 6.15115 15.3222 6.31013 15.4226C6.4691 15.523 6.65908 15.5715 6.84013 15.5928C7.1923 15.6343 7.50172 15.5752 7.51952 15.5719H7.52115C7.9589 15.6122 8.11789 15.7475 8.17645 15.8562C8.23511 15.9651 8.20215 16.0602 8.20215 16.0602L8.19893 16.0698V16.0811C8.19893 16.2512 8.22013 17.6034 8.24069 18.9191C8.26118 20.23 8.28069 21.4908 8.28085 21.5002C8.26129 21.6762 8.21408 21.7868 8.15878 21.8552C8.10348 21.9235 8.04035 21.953 7.97568 21.966C7.84636 21.9919 7.71709 21.9403 7.71709 21.9403L7.70424 21.9337H7.69139C6.7715 21.9337 6.34852 22.2548 6.17197 22.5858C5.99626 22.9153 6.06213 23.2412 6.06275 23.2443C6.10787 23.8414 6.48418 24.1167 6.83851 24.2241C7.19408 24.3318 7.53398 24.2883 7.53398 24.2883L7.52592 24.2899C7.96595 24.2899 8.14631 24.4061 8.22299 24.5083C8.29968 24.6106 8.28242 24.7043 8.28242 24.7043L8.2792 24.7252L8.28884 24.7461C8.28606 24.7403 8.29846 24.788 8.30168 24.8504C8.3049 24.9129 8.30678 24.9959 8.3049 25.0914C8.30113 25.2822 8.28816 25.5236 8.27278 25.7595C8.24201 26.2313 8.2005 26.6831 8.2005 26.6831V26.6913L8.20213 26.7009C8.2881 27.1737 8.56152 27.3677 8.80766 27.4237C9.03574 27.4755 9.22369 27.4221 9.25257 27.414H9.25579L15.82 27.5795C16.7571 28.2622 17.3623 28.2818 17.7248 28.0951C18.0719 27.9163 18.163 27.5971 18.1746 27.5602L18.2886 27.5779C18.362 27.5901 18.5056 27.5963 18.7158 27.602C18.9261 27.6078 19.1987 27.6113 19.5125 27.6132C20.1401 27.6174 20.9315 27.6148 21.7129 27.6101C22.4942 27.6051 23.2663 27.5972 23.8522 27.5908C24.4355 27.5842 24.835 27.5796 24.8738 27.5796H24.8786C25.1482 27.6395 25.3588 27.6259 25.521 27.5635C25.6864 27.4999 25.7983 27.3873 25.8712 27.2696C26.016 27.0356 26.0157 26.778 26.0157 26.7749V26.7717L26.0976 24.8122C26.1311 24.6835 26.2709 24.5891 26.4157 24.5312C26.5558 24.4751 26.6822 24.4571 26.6919 24.4557C27.6048 24.5763 28.0524 24.2543 28.2482 23.8951C28.4443 23.5356 28.4012 23.1514 28.4008 23.1483V23.1467C28.3574 22.5483 28.0028 22.253 27.6685 22.1236C27.3338 21.994 27.0131 22.0176 27.0131 22.0176L27.018 22.016C26.5821 22.016 26.382 21.8644 26.2808 21.7172C26.1801 21.5708 26.1796 21.4295 26.1796 21.4281V21.4265C26.2024 21.2836 26.2163 20.9292 26.2278 20.4484C26.2393 19.9621 26.2467 19.3609 26.2519 18.7748C26.2621 17.6026 26.2631 16.4925 26.2631 16.4925C26.2631 16.3916 26.3203 16.229 26.3804 16.099C26.4329 15.9852 26.4725 15.9191 26.4848 15.8982C26.9912 15.9498 27.3781 15.9195 27.6492 15.8227C27.9322 15.7216 28.1065 15.5566 28.2065 15.3843C28.4044 15.0435 28.3161 14.6842 28.3142 14.6759C28.3517 14.3671 28.3053 14.1334 28.1969 13.9709C28.0861 13.8046 27.9213 13.7118 27.7568 13.6625C27.438 13.5668 27.1199 13.625 27.1 13.6288C26.5372 13.6288 26.3442 13.4728 26.276 13.3364C26.2079 13.1995 26.2584 13.0612 26.2584 13.0612L26.26 13.0546L26.2616 13.048C26.3861 12.2598 26.3451 11.7162 26.2713 11.368C26.1974 11.0199 26.0849 10.8605 26.0849 10.8605L26.0785 10.8509L26.0673 10.8426C25.9833 10.7866 25.8622 10.7653 25.7155 10.7495C25.5689 10.7336 25.3993 10.7286 25.2385 10.7286C24.917 10.7286 24.6282 10.7495 24.6282 10.7495L24.6073 10.7511L24.5929 10.7623C24.534 10.8065 24.4703 10.8015 24.3825 10.7574C24.2946 10.7135 24.1958 10.6287 24.1062 10.5341C23.927 10.345 23.785 10.123 23.785 10.123L23.7689 10.0988L23.2966 10.0044ZM46.5694 10.0044L46.5454 10.0253C45.2621 11.068 43.3974 10.5874 43.3974 10.5874L43.3893 10.5858H43.3796C41.6506 10.5858 41.0684 10.6678 41.0684 10.6678L41.0427 10.6727L41.0266 10.6919C40.8395 10.9165 40.61 10.9134 40.4083 10.8557C40.2142 10.8003 40.0679 10.6938 40.0565 10.6855C40.0196 10.6301 39.9594 10.5992 39.8943 10.5763C39.8215 10.5505 39.738 10.5355 39.6582 10.5249C39.4986 10.5036 39.3515 10.5024 39.3515 10.5024H39.3483L39.3467 10.504C37.542 10.6271 36.4167 10.5238 35.7457 10.3916C35.4103 10.3255 35.1887 10.2516 35.0519 10.1956C34.9151 10.1396 34.8672 10.1041 34.8672 10.1041L34.8752 10.1123C34.8491 10.0862 34.8223 10.0766 34.7917 10.0673C34.7611 10.058 34.7275 10.051 34.6889 10.0449C34.6119 10.0327 34.519 10.026 34.4304 10.0208C34.2531 10.0103 34.0882 10.0095 34.0882 10.0095H34.0465L34.0272 10.0464C33.9555 10.1898 33.7313 10.4925 33.7156 10.5138C33.7049 10.517 33.6826 10.5222 33.6433 10.5266C33.597 10.5315 33.5381 10.536 33.4699 10.5379C33.3335 10.542 33.1646 10.5395 33.0009 10.5347C32.6734 10.5245 32.3649 10.5042 32.3649 10.5042L32.3632 10.5026H32.3616C31.9791 10.5026 31.7542 10.6108 31.6276 10.7259C31.501 10.841 31.4718 10.9684 31.4718 10.9684V12.6325C31.5124 13.0791 31.4612 13.2561 31.4316 13.2974C31.4169 13.318 31.4182 13.3104 31.4156 13.3102C31.413 13.3101 31.4107 13.3102 31.4107 13.3102L31.3561 13.2733L31.3176 13.3296C31.2961 13.3617 31.2142 13.4052 31.0975 13.4307C30.9809 13.4562 30.8344 13.4691 30.6928 13.4741C30.4097 13.4842 30.1451 13.4645 30.1451 13.4645L30.1403 13.4629L30.1338 13.4645C29.8915 13.4865 29.7089 13.5933 29.5797 13.7391C29.4506 13.8849 29.3724 14.0673 29.3243 14.2434C29.2282 14.5958 29.2505 14.9341 29.2505 14.9341V14.9373L29.2521 14.9422C29.2967 15.1654 29.424 15.322 29.583 15.4224C29.7419 15.5228 29.9303 15.5714 30.1114 15.5927C30.4636 15.6341 30.7746 15.5751 30.7924 15.5718H30.794C31.2318 15.6121 31.3892 15.7473 31.4477 15.856C31.5063 15.965 31.475 16.06 31.475 16.06L31.4734 16.0616V16.0648C31.4578 16.127 31.4533 16.2334 31.4477 16.4053C31.442 16.5772 31.4384 16.8046 31.4364 17.067C31.4326 17.5919 31.4345 18.2608 31.4396 18.9189C31.4499 20.2301 31.4716 21.4905 31.4718 21.5C31.4522 21.676 31.4034 21.7866 31.3481 21.8549C31.2928 21.9233 31.2296 21.9528 31.165 21.9657C31.0357 21.9916 30.908 21.9401 30.908 21.9401L30.8951 21.9335H30.8807C29.9608 21.9335 29.5378 22.2545 29.3613 22.5856C29.1856 22.915 29.2514 23.241 29.2521 23.2441C29.2972 23.8411 29.6735 24.1165 30.0278 24.2238C30.3834 24.3316 30.7249 24.288 30.7249 24.288L30.7168 24.2896C31.1145 24.2896 31.2947 24.4049 31.3834 24.5113C31.472 24.6177 31.4717 24.7153 31.4717 24.7153V24.7313L31.4781 24.7458C31.4753 24.74 31.4877 24.7877 31.491 24.8502C31.4942 24.9126 31.4945 24.9957 31.4926 25.0911C31.4888 25.282 31.4759 25.5234 31.4605 25.7592C31.4297 26.231 31.3898 26.6828 31.3898 26.6828L31.3882 26.691L31.3898 26.7006C31.4758 27.1734 31.7508 27.3674 31.9969 27.4234C32.2248 27.4752 32.4127 27.4238 32.4418 27.4152H32.445L39.0092 27.5806C39.9464 28.2633 40.55 28.2829 40.9125 28.0962C41.2621 27.9161 41.3745 27.5746 41.3847 27.5421L41.3863 27.5405C41.4159 27.4838 41.4787 27.457 41.51 27.457C41.5258 27.457 41.5244 27.4601 41.5212 27.4554C41.518 27.4504 41.5244 27.4538 41.51 27.4827L41.4698 27.5646L41.5598 27.579C41.6331 27.5913 41.7767 27.5975 41.987 27.6031C42.1972 27.6089 42.4698 27.6124 42.7837 27.6144C43.4112 27.6186 44.2027 27.616 44.984 27.6112C45.7654 27.6063 46.5358 27.5984 47.1218 27.592C47.7078 27.5854 48.1143 27.5807 48.1497 27.5807C48.4388 27.6405 48.6594 27.6256 48.8259 27.5631C48.9953 27.4996 49.1065 27.3865 49.1744 27.2675C49.3104 27.0296 49.2853 26.7648 49.2853 26.7648L49.2868 26.7744L49.3688 24.8117C49.4022 24.683 49.5404 24.5886 49.6852 24.5307C49.8266 24.4741 49.9555 24.4579 49.963 24.4568C50.876 24.5775 51.3235 24.2539 51.5194 23.8947C51.7155 23.5351 51.6707 23.1526 51.6704 23.1494V23.1462C51.6269 22.5478 51.2739 22.2525 50.9396 22.1231C50.6049 21.9936 50.2827 22.0171 50.2827 22.0171L50.2891 22.0155C49.8107 22.0155 49.6145 21.8623 49.5246 21.7184C49.4346 21.5745 49.4523 21.4341 49.4523 21.4341V21.426C49.4523 20.9401 49.5342 16.4934 49.5342 16.4934V16.4918C49.5342 16.391 49.5914 16.2284 49.6515 16.0983C49.704 15.9845 49.7452 15.9184 49.7575 15.8976C50.2639 15.9491 50.6509 15.9189 50.9219 15.8221C51.2049 15.721 51.3792 15.5559 51.4793 15.3836C51.6771 15.0428 51.5888 14.6836 51.5869 14.6753C51.6244 14.3664 51.5764 14.1327 51.468 13.9702C51.3572 13.8039 51.1924 13.7112 51.0279 13.6618C50.7078 13.5658 50.3885 13.6248 50.371 13.6281C49.8082 13.6281 49.6168 13.4721 49.5486 13.3358C49.4805 13.1995 49.531 13.0611 49.531 13.0611L49.5341 13.048C49.6586 12.2598 49.6176 11.7161 49.5438 11.3679C49.4699 11.0198 49.3575 10.8604 49.3575 10.8604L49.3494 10.8508L49.3398 10.8426C49.2558 10.7866 49.1347 10.7653 48.988 10.7494C48.8414 10.7335 48.6718 10.7285 48.511 10.7285C48.1895 10.7285 47.8991 10.7494 47.8991 10.7494L47.8798 10.751L47.8638 10.7623C47.8049 10.8064 47.7428 10.8015 47.655 10.7573C47.5671 10.7134 47.4667 10.6286 47.3771 10.5341C47.198 10.345 47.0575 10.1229 47.0575 10.1229L47.0414 10.0988L46.5694 10.0044Z" fill="#C8C7C1"/> <path d="M29.0724 61.7208L28.9079 61.6386C28.7434 61.5563 6.29337 51.8529 4.56641 22.3305V3.82776H53.2486V22.2483C53.2486 29.485 50.946 47.9051 29.2361 61.5563L29.0724 61.7208ZM5.14206 4.40182V22.2467C6.78674 50.2062 27.1809 60.239 29.0724 61.0613C50.3711 47.4928 52.6738 29.4012 52.6738 22.2467V4.40182H5.14206Z" fill="#C8C7C1"/> <path d="M11.8017 10.7384C11.8017 10.7384 11.3083 10.7387 11.3905 11.0676L11.2267 23.5667C11.2267 23.5667 11.2264 24.143 12.1309 24.2252C12.1309 24.2252 13.2816 24.3075 13.5283 24.2252H16.1607C16.1607 24.2252 16.6538 24.7174 16.6538 24.1417C16.6538 24.1417 16.9821 14.0283 16.8177 11.8901C16.8177 11.8901 16.8173 10.9843 16.0772 10.9843C16.0772 10.9843 13.1181 11.231 12.8714 10.9843L11.8017 10.7384ZM23.2166 10.7576C23.1082 10.748 22.9336 10.7788 22.6561 10.9021C22.6561 10.9021 22.7396 11.232 19.0391 11.0676C18.9568 11.0676 17.5585 11.0668 17.4763 11.6426C17.4763 11.6426 17.3944 17.5636 17.3944 17.7281L17.3109 22.6622L17.229 24.3888C17.229 24.3888 17.4757 24.7174 17.6401 24.4707C17.6401 24.4707 18.8737 24.1424 19.696 24.3069C19.696 24.3069 22.164 24.5526 22.7396 24.1415C22.7396 24.1415 23.1505 24.3059 23.2327 23.7303C23.2327 23.7303 23.3969 12.7933 23.3146 12.6288C23.3146 12.6288 23.4788 11.0667 23.3966 10.9022C23.3966 10.9022 23.3973 10.7736 23.2166 10.7576ZM9.65919 11.0644C9.49778 11.0693 9.2628 11.1704 8.9236 11.4787L8.84168 13.1234C8.84168 13.1234 8.84168 14.028 8.01932 13.9458C8.01932 13.9458 7.11377 13.9458 6.62039 14.3569C6.62039 14.3569 6.37433 15.178 7.27892 15.0958C7.27892 15.0958 8.67753 15.0966 8.75976 15.6724L8.67624 21.5926C8.67624 21.5926 9.00646 22.5804 7.93743 22.5804C7.93743 22.5804 6.62038 22.4968 6.62038 23.3192C6.62038 23.3192 6.86805 23.9783 8.01931 23.8139C8.01931 23.8139 8.84199 23.978 8.75975 24.7181V26.1974C8.75975 26.1974 8.67623 26.7736 9.49857 26.8559H15.584C15.584 26.8559 15.9133 26.8556 15.9133 26.5266C15.9133 26.5266 15.9136 26.1974 15.4202 26.1974L10.4042 26.0336C10.4042 26.0336 9.58056 26.2809 9.49832 25.0474C9.49832 25.0474 9.57794 14.4878 9.58024 14.023C9.58028 14.0232 9.58187 14.0279 9.58187 14.0279C9.58187 14.0279 9.58048 13.9891 9.58024 13.9846C9.58026 13.9805 9.58187 13.8643 9.58187 13.8625C9.58032 13.8593 9.58016 13.8593 9.57865 13.8559C9.56992 13.4518 9.56837 12.0212 9.99305 11.3134C9.99305 11.3134 9.92822 11.0563 9.65919 11.0644ZM25.2308 11.0949C24.878 11.1254 24.8775 11.5606 24.8775 11.5606C25.0419 11.7251 25.1232 12.3011 25.1232 12.3011C25.2055 13.6168 25.1232 15.0967 25.1232 16.4947C25.041 21.1822 24.8775 25.4585 24.8775 25.4585C24.8775 26.363 24.3844 26.1154 24.3844 26.1154H18.9556C18.3799 26.1154 18.3806 26.4446 18.3806 26.4446C18.4629 26.938 18.9556 26.7739 18.9556 26.7739C19.449 26.8561 24.8774 26.7739 24.8774 26.7739C25.6997 26.8561 25.6178 25.7861 25.6178 25.7861C25.7001 23.8947 25.8636 23.7302 25.8636 23.7302C26.028 23.648 26.9333 23.6483 26.9333 23.6483C28.4135 23.7306 27.7556 22.7441 27.7556 22.7441C27.5912 22.4974 26.6041 22.4967 26.6041 22.4967C25.6995 22.579 25.7817 21.5925 25.7817 21.5925L25.8636 15.9182C25.6991 15.4248 26.111 15.1794 26.111 15.1794H27.0152C28.2487 15.2616 27.9194 14.4389 27.9194 14.4389C27.9194 14.0278 26.8514 13.8623 26.8514 13.8623C25.8646 14.0268 25.9455 13.4512 25.9455 13.4512V12.0539C26.11 11.1493 25.5343 11.1496 25.5343 11.1496C25.411 11.1034 25.3123 11.0878 25.2308 11.0949ZM24.0696 11.278C23.9647 11.292 23.8492 11.3756 23.7259 11.5607V23.8957C23.7259 23.8957 24.0548 24.9641 24.5482 24.8818C24.5482 24.8818 24.6301 24.6361 24.6301 24.2249L24.7956 12.4648C24.7956 12.4648 24.5243 11.2169 24.0696 11.278ZM10.8157 11.3952C10.0755 11.3952 9.9933 12.7941 9.9933 12.7941L9.90978 24.4709C9.99202 25.0465 10.1571 24.964 10.1571 24.964C10.8973 24.4706 10.8157 23.6486 10.8157 23.6486C10.8157 23.6486 10.8976 12.5475 10.8976 12.383C10.8976 12.2185 10.8157 11.3952 10.8157 11.3952ZM11.1578 24.5478C11.1227 24.5494 11.0832 24.5552 11.0421 24.5671C10.8777 24.614 10.6749 24.7555 10.5041 25.0971L10.5008 25.1037L10.4992 25.1103C10.4992 25.1103 10.4504 25.2635 10.488 25.4138C10.5068 25.489 10.5548 25.5687 10.6422 25.6098C10.7265 25.6495 10.8383 25.6509 10.9843 25.6114H14.9995L16.0773 25.8603L16.0917 25.8571C16.0917 25.8571 16.1687 25.8394 16.2636 25.8041C16.3584 25.7689 16.474 25.7173 16.5591 25.6322C16.6016 25.5897 16.6372 25.5373 16.6523 25.4748C16.6673 25.4123 16.6592 25.3407 16.6266 25.2709C16.5614 25.1312 16.4065 24.9891 16.1126 24.8211L16.0965 24.8115H12.221C12.215 24.8099 12.0398 24.7719 11.8387 24.7216C11.6342 24.6704 11.4003 24.6028 11.3392 24.5722L11.336 24.5706H11.3344C11.3344 24.5706 11.2631 24.5422 11.1578 24.5478ZM23.3756 24.7647C23.1443 24.7531 22.8215 24.8 22.8215 24.8C22.1636 25.2112 18.2985 24.8819 18.2985 24.8819C18.0518 24.8819 17.7219 25.2931 17.7219 25.2931C17.6396 26.0332 18.8738 25.7043 18.7916 25.7043H23.3964C24.1365 25.8688 24.1369 25.5405 24.1369 25.5405C24.1369 25.2938 23.5619 24.8 23.5619 24.8C23.5208 24.7795 23.4527 24.7685 23.3756 24.7647ZM17.2917 25.6866C17.2706 25.6882 17.2496 25.694 17.2291 25.7043C17.2291 25.7043 16.4886 25.7051 16.4886 26.6921C16.4886 26.6921 16.5709 27.4309 17.311 27.4309C17.311 27.4309 17.9695 27.2667 17.9695 26.5266C17.9695 26.5266 17.6079 25.6595 17.2917 25.6866ZM34.9912 10.7383C34.9912 10.7383 34.4977 10.7386 34.58 11.0675L34.4162 23.5666C34.4162 23.5666 34.4158 24.1429 35.3204 24.2252C35.3204 24.2252 36.4727 24.3074 36.7193 24.2252H39.3502C39.3502 24.2252 39.8433 24.7176 39.8433 24.0597C39.8433 24.0597 40.1732 13.9447 40.0087 11.8065C40.0087 11.8065 40.0084 10.9023 39.2683 10.9023C39.2683 10.9023 36.3075 11.149 36.0608 10.9023L34.9912 10.7383ZM46.3739 10.8395C46.2767 10.8436 46.1346 10.8812 45.929 10.984C45.929 10.984 46.0109 11.3139 42.3104 11.1495C42.2281 11.1495 40.7476 11.0666 40.7476 11.7245C40.7476 11.7245 40.6657 17.6455 40.6657 17.8099L40.5838 22.7441L40.42 24.4707C40.42 24.4707 40.6667 24.7993 40.8311 24.5526C40.8311 24.5526 42.0646 24.2243 42.887 24.3888C42.887 24.3888 45.3534 24.6361 45.929 24.225C45.929 24.225 46.3399 24.3894 46.4221 23.8138C46.4221 23.8138 46.5863 12.8768 46.504 12.7123C46.504 12.7123 46.6698 11.1486 46.5876 10.9841C46.5876 10.9841 46.5877 10.8298 46.3739 10.8395ZM32.7668 11.0643C32.6054 11.0693 32.3704 11.1703 32.0312 11.4787V13.0399C32.0312 13.0399 32.0312 13.9445 31.2089 13.8622C31.2089 13.8622 30.3049 13.8622 29.8115 14.2734C29.8115 14.2734 29.5638 15.0961 30.4684 15.0139C30.4684 15.0139 31.867 15.0146 31.9493 15.5905L31.8673 21.5107C31.8673 21.5107 32.1963 22.4968 31.045 22.4968C31.045 22.4968 29.7296 22.4149 29.7296 23.2373C29.7296 23.2373 29.9756 23.8948 31.1269 23.7304C31.1269 23.7304 31.9493 23.8961 31.9493 24.6362V26.1155C31.9493 26.1155 31.8677 26.6918 32.6078 26.774H38.6917C38.6917 26.774 39.0209 26.7737 39.0209 26.4448C39.0209 26.4448 39.0212 26.1155 38.5278 26.1155L33.5937 26.0336C33.5937 26.0336 32.7717 26.2809 32.6894 25.0474C32.6894 25.0474 32.7717 14.0266 32.6894 13.8621V14.0276C32.6894 14.0276 32.6072 12.1355 33.1006 11.3132C33.1006 11.3132 33.0358 11.0563 32.7668 11.0643ZM48.4203 11.0948C48.0674 11.1254 48.0669 11.5606 48.0669 11.5606C48.1492 11.7251 48.3143 12.3011 48.3143 12.3011C48.3965 13.6168 48.3143 15.0967 48.3143 16.4947C48.232 21.1822 48.0669 25.4584 48.0669 25.4584C48.0669 26.363 47.5738 26.1153 47.5738 26.1153H42.1466C41.571 26.1153 41.57 26.4446 41.57 26.4446C41.6523 26.938 42.2286 26.7742 42.2286 26.6919C42.722 26.7742 48.1488 26.6919 48.1488 26.6919C48.9711 26.7742 48.8892 25.7042 48.8892 25.7042C48.9714 23.8128 49.1366 23.6483 49.1366 23.6483C49.301 23.5661 50.2046 23.5664 50.2046 23.5664C51.6026 23.6486 50.9451 22.6621 50.9451 22.6621C50.7806 22.4154 49.7935 22.4148 49.7935 22.4148C48.8889 22.497 48.9711 21.5106 48.9711 21.5106L49.0547 15.8363C48.8902 15.3429 49.3004 15.0958 49.3004 15.0958H50.2046C51.4381 15.1781 51.1105 14.357 51.1105 14.357C51.1105 13.9458 50.0408 13.7804 50.0408 13.7804C49.054 13.9449 49.1366 13.3692 49.1366 13.3692V12.0538C49.301 11.1492 48.7254 11.1496 48.7254 11.1496C48.602 11.1034 48.5017 11.0878 48.4203 11.0948ZM47.259 11.3085C47.1541 11.3171 47.0387 11.391 46.9153 11.5606V23.8957C46.9153 23.8957 47.2443 24.964 47.7377 24.8818C47.7377 24.8818 47.8212 24.6361 47.8212 24.2249L47.985 12.4647C47.985 12.4647 47.7137 11.2712 47.259 11.3085ZM34.0051 11.3952C33.265 11.3952 33.1828 12.7941 33.1828 12.7941L33.1008 24.4709C33.1831 25.0465 33.3466 24.964 33.3466 24.964C34.0867 24.4705 34.0051 23.6485 34.0051 23.6485C34.0051 23.6485 34.087 12.5475 34.087 12.383C34.087 12.2185 34.0051 11.3952 34.0051 11.3952ZM34.4757 24.5351C34.3322 24.531 34.0675 24.5951 33.8413 25.0475C33.8413 25.0475 33.6769 25.6231 34.2525 25.4587H38.2809L39.3506 25.7044C39.3506 25.7044 40.5019 25.458 39.3506 24.8001H35.4862C35.4862 24.8001 34.7448 24.635 34.5804 24.5528C34.5804 24.5528 34.541 24.5372 34.4757 24.5351ZM46.6101 24.6813C46.4013 24.6854 46.1765 24.7182 46.1765 24.7182C45.5186 25.1294 41.6535 24.8001 41.6535 24.8001C41.4068 24.8001 41.0769 25.2113 41.0769 25.2113C40.9124 25.9514 42.1466 25.6225 42.1466 25.6225H46.7514C47.4915 25.7869 47.4918 25.4586 47.4918 25.4586C47.4918 25.2119 46.9152 24.7182 46.9152 24.7182C46.8536 24.6874 46.7354 24.6789 46.6101 24.6813ZM40.5648 25.6048C40.5431 25.6064 40.5227 25.6122 40.5021 25.6225C40.5021 25.6225 39.7614 25.6217 39.8436 26.6086C39.8436 26.6086 39.9259 27.3491 40.666 27.3491C40.666 27.3491 41.3245 27.2672 41.3245 26.4448C41.3245 26.4448 40.89 25.5777 40.5648 25.6048ZM28.3315 41.5761C28.3315 41.5761 28.3315 42.4807 28.2492 43.3853C28.167 43.8787 28.4137 46.1812 28.2492 47.3325C28.2492 47.3325 28.2492 47.7437 27.4269 47.4147C27.4269 47.4147 22.4105 47.497 22.3282 47.3325C22.3282 47.3325 20.9302 47.4147 20.848 46.6746C20.848 46.6746 21.0125 41.3293 20.9302 41.1648C20.9302 41.1648 20.848 38.2866 20.9302 37.9577C20.9302 37.9577 21.0125 35.244 20.9302 34.915C20.9302 34.915 20.9302 34.2571 20.848 34.0105C20.848 34.0105 20.848 33.5993 21.5059 33.846C21.5059 33.846 21.7526 34.2572 22.9861 34.0927C22.9861 34.0927 23.8907 34.2572 24.7953 34.0927C24.7953 34.0927 26.7689 33.9282 27.2623 34.0927C27.2623 34.0927 28.0846 33.9282 28.2491 34.8328V37.2176L28.4958 38.0399L28.7425 37.8755L28.8247 37.2998V34.7506C28.8247 34.7506 28.9892 34.2572 29.6471 34.1749C29.6471 34.1749 30.6339 34.0927 30.7983 34.1749C30.9628 34.2572 33.1009 34.3394 33.6765 34.2572C34.2522 34.1749 34.3344 34.6683 36.1436 33.7637C36.1436 33.7637 36.637 33.7637 36.637 34.0927C36.637 34.0927 36.4725 37.382 36.637 38.0399C36.637 38.0399 36.637 44.1254 36.4725 44.5366L36.5547 46.5102C36.5547 46.5102 36.637 47.3326 35.239 47.4148C35.239 47.4148 36.0614 47.497 30.716 47.3325C30.716 47.3325 29.8937 47.2503 28.9069 47.7437C28.9069 47.7437 28.7424 47.6615 28.7424 47.1681C28.7424 47.1681 28.9069 45.3589 28.7424 43.5498L28.6602 41.5761L28.3315 41.5761ZM36.9659 46.9215C36.9659 46.9215 37.4593 47.826 37.6237 47.9082C37.6237 47.9082 38.0349 48.4017 37.9527 47.4971L38.0349 36.2311C38.0349 36.2311 37.9527 35.8199 38.0349 35.2443L37.5415 34.422C37.5415 34.422 37.0481 34.0108 37.0481 34.6687V46.5925L36.9659 46.9215ZM20.6013 47.4149C20.6013 47.4149 21.1769 47.9905 22.0815 47.9905L27.3446 48.0728C27.3446 48.0728 27.9202 48.155 27.9202 48.4017C27.9202 48.4017 27.838 48.8951 27.0979 48.7306L20.6835 48.6484L19.9433 48.7306C19.9433 48.7306 19.4499 48.6484 20.19 47.7438L20.6013 47.4149ZM19.45 34.5042C19.45 34.5042 18.9566 35.3266 19.0388 35.5732V48.5661C19.0388 48.5661 18.9566 49.4707 19.6967 49.224C19.6967 49.224 26.5223 49.0596 27.0157 49.224C27.0157 49.224 27.6736 49.3063 27.4269 49.6352C27.4269 49.6352 27.4269 49.8819 27.0157 49.7997C27.0157 49.7997 23.8086 50.1286 20.848 49.9641C20.848 49.9641 18.8744 50.0464 18.7921 49.8819C18.7921 49.8819 18.4632 49.7997 18.4632 48.7306C18.4632 48.7306 18.4632 47.6616 18.381 47.4971C18.381 47.4971 18.4632 46.9215 17.4764 46.8392C17.4764 46.8392 16.0784 47.0859 16.0784 46.2636C16.0784 46.2636 16.2429 45.6879 17.6409 45.7702C17.6409 45.7702 18.6277 45.9346 18.381 45.1123L18.4632 39.3558C18.4632 39.3558 18.6277 38.369 17.8876 38.2867H17.0652C17.0652 38.2867 15.914 38.2867 15.9962 37.6288C15.9962 37.6288 16.4074 36.9709 17.5587 37.0532C17.5587 37.0532 18.381 37.2177 18.4632 36.2308C18.4632 36.2308 18.4632 34.2572 18.8744 34.175C18.7922 34.175 19.7789 34.2575 19.45 34.5042ZM20.1079 34.4217C20.1079 34.4217 20.3546 34.4217 20.3546 34.9151L20.2724 46.6745C20.2724 46.6745 20.3546 47.4146 19.6967 47.9902C19.6967 47.9902 19.3678 48.4014 19.3678 47.7435L19.5323 35.7374C19.5323 35.7374 19.5323 34.8328 20.1079 34.4217ZM29.318 48.2369C29.318 48.2369 29.9759 47.7435 30.3048 47.8258C30.3048 47.8258 33.8409 48.0725 34.91 47.908C35.979 47.7435 35.3212 47.8258 35.3212 47.8258C35.3212 47.8258 36.2258 47.8258 36.5547 47.4968C36.5547 47.4968 36.8014 47.4146 36.9659 47.6613L37.5415 48.3192C37.5415 48.3192 37.5415 48.7304 36.8836 48.6481C36.8836 48.6481 30.5514 48.6481 30.3047 48.7304C30.387 48.7304 29.2357 48.8948 29.318 48.2369ZM29.7291 49.306C29.7291 49.306 30.2225 49.0593 30.5515 49.1415C30.8804 49.2237 35.4034 49.0593 35.4034 49.0593C35.4034 49.0593 37.377 49.2237 37.706 48.8948L38.1994 48.7303C38.1994 48.7303 38.3639 48.4836 38.3639 48.1547V46.7567L38.4461 46.3455V35.573C38.4461 35.573 38.6106 34.7506 38.1172 34.2573C38.1172 34.2573 38.1172 33.9283 38.2816 34.0106C38.4461 34.0928 38.3639 34.0106 38.3639 34.0106C38.3639 34.0106 39.0218 33.8461 39.1862 34.0928C39.1862 34.0928 39.5152 34.9974 39.1862 35.573C39.1862 35.573 39.104 36.7243 39.6797 36.7243C39.6797 36.7243 39.9264 36.971 40.3375 36.8065C40.3375 36.8065 41.3243 36.8887 41.3243 37.2177C41.3243 37.2177 41.3243 37.9578 40.6664 37.7933L39.7618 37.8756C39.7618 37.8756 39.104 38.04 39.1862 38.6979C39.2684 39.438 39.1862 44.7834 39.1862 44.7834C39.1862 44.7834 39.1862 45.4413 40.173 45.3591C40.173 45.3591 41.4065 45.2768 41.4065 45.688C41.4065 45.688 41.7354 46.4281 40.8308 46.5103C40.8308 46.5103 39.1862 46.4281 39.3506 46.9215C39.3506 46.9215 39.2684 47.9906 39.1862 48.2373C39.1862 48.2373 39.3506 49.1419 39.1862 49.3063C39.1862 49.3063 39.1039 49.7997 38.0349 49.7175C38.0349 49.7175 31.3738 49.7175 30.3047 49.7997C30.2225 49.9642 29.5646 49.8816 29.7291 49.306ZM28.5778 48.5662C28.5778 48.5662 29.2357 48.6484 29.2357 49.3063C29.2357 49.9642 29.2357 50.2931 28.9067 50.3753C28.4955 50.4576 28.0844 50.2931 28.0022 49.7997C27.8377 49.3063 28.0021 48.7306 28.5778 48.5662Z" fill="white"/> <path d="M16.3274 15.2596L15.9985 15.9997C15.9985 15.9997 15.1761 19.7825 14.6827 20.5227C14.6827 20.5227 14.6005 21.345 13.9426 20.6872C13.9426 20.6872 12.3802 15.9175 12.2979 15.753L11.8045 15.424C11.8045 15.424 11.4756 15.0129 12.0512 14.9306H13.5314C13.5314 14.9306 14.0248 15.3418 13.3669 15.753C13.3669 15.753 13.4492 16.4109 14.2715 18.7956C14.2715 18.7956 14.5182 19.7002 14.7649 19.0424L15.5873 16.2464L15.3406 15.424C15.3406 15.424 15.0939 15.0129 15.4228 15.0129C15.4228 15.0129 16.2452 14.9306 16.3274 15.2596ZM18.5477 15.9175V20.0293L18.4655 20.3582C18.4655 20.3582 18.0543 20.8516 18.3832 20.9339C18.3832 20.9339 18.0543 21.1806 20.8502 21.1806C20.8502 21.1806 21.9193 21.345 21.6726 19.9471C21.6726 19.9471 21.5904 19.4536 21.1792 20.1938C21.1792 20.1938 21.097 20.8516 19.6167 20.6049C19.6167 20.6049 19.2878 20.3582 19.2878 20.0293V18.3024C19.2878 18.3024 19.2878 17.8912 19.9457 17.8912C19.9457 17.8912 20.6858 18.3846 20.7681 18.1379C20.7681 18.1379 21.0148 17.48 20.7681 17.1511C20.7681 17.1511 20.4391 17.1511 20.3569 17.2333C20.3569 17.2333 20.1102 17.7267 19.4523 17.3978C19.4523 17.3978 19.1234 16.7399 19.3701 16.2465C19.3701 16.2465 19.2878 15.2597 19.9457 15.3419C19.9457 15.3419 20.7681 15.5064 20.7681 15.7531C20.7681 15.7531 20.9326 16.2465 21.1793 15.6709L21.0148 15.0952C21.0148 15.0952 20.9326 14.8485 20.6859 14.9308C20.6859 14.9308 19.3701 15.0952 19.2057 14.9308L18.1366 15.013C18.1366 15.013 17.9722 15.4242 18.4656 15.5886C18.4656 15.6709 18.5477 15.753 18.5477 15.9175ZM42.1492 15.2597C42.0669 14.9308 42.8071 14.9308 42.8071 14.9308L43.2183 15.013C43.465 15.013 43.7939 15.0952 43.7939 15.0952C44.0406 15.5064 43.6294 15.7531 43.6294 15.7531L43.465 16.2465V20.3583C43.5472 20.5228 43.8761 20.934 43.8761 20.934C43.8761 21.2629 43.465 21.1807 43.465 21.1807H42.3137C41.9848 21.1807 42.067 20.7695 42.067 20.7695C42.4782 20.605 42.5604 19.8649 42.5604 19.8649V15.9999L42.1492 15.2597ZM36.8861 18.878L36.8038 20.1115L37.1328 20.6872C37.3795 21.0161 36.9683 21.2628 36.9683 21.2628L35.7348 21.0983C35.4881 21.0161 35.7348 20.6049 35.7348 20.6049C36.0637 20.4405 36.0637 19.947 36.0637 19.947V15.9998C36.0637 15.8353 35.7348 15.4241 35.7348 15.4241C35.4881 15.4241 35.5703 15.013 35.5703 15.013C35.6526 14.8485 36.3105 14.9307 36.3105 14.9307H37.9551C39.5176 15.4241 39.2709 16.5754 39.2709 16.5754C39.3531 17.7267 38.2018 18.1378 38.2018 18.1378L38.1196 18.7957L39.2709 20.6049C39.4353 20.7694 39.4353 20.9338 39.4353 20.9338C39.2709 21.345 38.613 20.9338 38.613 20.9338L37.215 18.7135C37.0505 18.549 36.8861 18.878 36.8861 18.878ZM36.8861 15.7531V17.8089C37.6262 18.3846 38.0373 17.5622 38.0373 17.5622C39.0241 16.6577 38.0373 15.7531 37.8729 15.5064C37.7084 15.2597 36.9683 15.5064 36.9683 15.5064L36.8861 15.7531ZM24.88 38.7788C24.88 38.7788 24.9622 41.657 24.88 42.0681V42.726C24.88 42.726 25.0445 43.1372 25.2912 43.3017C25.2912 43.3017 25.4556 43.8773 25.0445 43.7951C25.0445 43.7951 24.0577 43.7129 23.811 43.7951C23.811 43.7951 23.2353 43.7951 23.811 43.1372C23.811 43.1372 23.9754 42.8905 23.9754 42.1504C23.9754 42.1504 23.9754 38.8611 24.0577 38.6966C24.0577 38.6966 24.1399 38.2854 23.8932 38.1209H23.3998L22.8241 38.6966C22.8241 38.6966 22.6597 39.2722 22.413 38.6966V38.3676L22.7419 37.4631H22.9886C22.9886 37.4631 23.3175 37.7098 23.6465 37.792H25.4556L26.1135 37.4631C26.1135 37.4631 26.3602 37.4631 26.278 37.8742C26.278 37.8742 26.3602 38.7788 25.8668 38.861C25.8668 38.861 25.5379 38.7788 25.3734 38.2854C25.3734 38.2031 24.88 37.8742 24.88 38.7788ZM33.4321 37.7098C33.4321 37.7098 31.9519 37.5453 31.9519 39.19C31.9519 39.19 31.7875 40.259 33.4321 40.9991C33.4321 40.9991 34.6656 41.5748 34.5834 42.3149C34.5834 42.3149 34.4189 43.6306 33.1032 42.9728C33.1032 42.9728 32.4453 42.6438 32.5275 42.3149C32.5275 42.3149 32.3631 41.9037 32.1164 41.9859C32.1164 41.9859 31.8697 42.0682 31.9519 43.3839C31.9519 43.3839 31.9519 43.8773 32.5275 43.3839L32.8565 43.4661C32.8565 43.4661 33.9255 44.2885 34.8301 43.3017C34.8301 43.3017 35.8169 42.3971 35.0768 41.328C35.0768 41.328 34.5834 40.5057 33.6788 40.1768C33.6788 40.1768 32.8565 39.7656 32.6098 39.1077C32.6098 39.1077 32.8565 37.9565 33.9255 38.5321C33.9255 38.5321 34.3367 39.0255 34.5834 39.1077C34.5834 39.1077 34.9124 39.1077 34.8301 38.3676L34.7479 37.792C34.7479 37.792 34.6657 37.3808 34.09 37.792C34.09 37.7097 33.5966 37.9565 33.4321 37.7098ZM28.7447 36.8874C28.9914 37.0518 29.0736 37.463 29.0736 37.463C29.896 39.5189 30.5538 42.5617 30.5538 42.5617C30.7183 42.9729 31.1295 43.2196 31.1295 43.2196C31.7873 43.4663 31.1295 43.6307 31.1295 43.6307C30.8828 43.713 29.9782 43.6307 29.9782 43.6307C29.4848 43.5485 29.7315 43.384 29.7315 43.384C29.896 43.2196 29.7315 42.3972 29.7315 42.3972C29.7315 42.0683 29.3203 41.5749 29.3203 41.5749C29.1558 41.4926 28.9091 41.8216 28.9091 41.8216C28.9091 41.8216 28.498 41.9861 28.4157 41.8216C28.3335 41.6571 28.0868 41.4926 28.0868 41.4926C27.5934 41.4926 27.4289 42.6439 27.4289 42.6439C27.6756 43.6307 27.4289 43.4663 27.4289 43.4663C27.1822 43.7952 26.4421 43.5485 26.4421 43.5485C26.1132 43.4663 26.3599 43.2196 26.3599 43.2196C26.771 43.1373 26.9355 42.6439 26.9355 42.6439C27.1 42.3972 28.4157 37.2986 28.4157 37.2986C28.3335 37.2163 28.4157 36.7229 28.7447 36.8874ZM28.0868 39.5189C28.0868 39.6833 27.7578 40.8346 27.7578 40.8346L28.0045 41.2458H28.8269C28.9914 41.2458 29.0736 41.0813 29.0736 40.8346C29.0736 40.6701 28.6624 39.4366 28.6624 39.4366L28.4979 39.1899L28.0868 39.5189Z" fill="#C8C7C1"/> </svg> <svg data-logo="harvard" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="239" height="66" viewBox="0 0 239 66" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M97.6575 43.7958C97.6575 43.3023 97.3285 42.9734 96.6706 42.809V42.48C96.9996 42.48 98.2331 42.5623 98.562 42.5623C98.8087 42.5623 100.042 42.48 100.371 42.48V42.809C99.7955 42.9734 99.4666 43.3024 99.4666 43.7958V49.9635C99.4666 51.9371 100.536 53.0061 102.756 53.0061C104.73 53.0061 106.21 52.1015 106.21 50.0457V43.7135C106.21 43.2201 105.881 42.8912 105.223 42.7267V42.48C105.47 42.48 106.456 42.5623 106.785 42.5623C107.114 42.5623 108.101 42.48 108.348 42.48V42.809C107.608 42.9734 107.361 43.3024 107.361 43.7958V49.799C107.361 52.5127 105.799 54.0753 102.427 54.0753C99.302 54.0753 97.6572 52.6773 97.6572 50.128L97.6575 43.7958ZM111.144 53.5815C111.884 53.417 112.131 53.088 112.131 52.5947V44.0425C112.131 43.3024 111.719 42.9735 111.062 42.809V42.4801H113.446L120.848 51.1967V43.7954C120.848 43.302 120.519 42.9731 119.861 42.8087V42.4797C120.107 42.4797 121.094 42.562 121.423 42.562C121.752 42.562 122.739 42.4797 122.986 42.4797V42.8087C122.246 42.9731 121.917 43.3021 121.917 43.7954V54.0746H121.505C121.259 53.9923 120.683 53.7456 119.861 52.8411L113.2 45.1109V52.6766C113.2 53.17 113.446 53.499 114.186 53.6634V53.9923C113.94 53.9923 112.953 53.9101 112.624 53.9101C112.295 53.9101 111.308 53.9923 111.062 53.9923L111.144 53.5815ZM169.694 51.2789H170.023C170.188 51.9368 170.517 52.5124 171.092 52.8413C171.586 53.2525 172.49 53.417 173.148 53.417C174.628 53.417 175.615 52.6769 175.615 51.5256C175.615 50.2921 174.382 49.7164 172.984 48.9764C171.915 48.4007 169.777 47.5784 169.777 45.5225C169.777 43.6311 171.257 42.3976 173.559 42.3976C175.122 42.3976 175.78 42.8088 176.849 42.7266V45.0291H176.52C176.109 43.6312 174.875 43.22 173.477 43.22C171.915 43.22 171.421 44.1246 171.421 44.9469C171.421 46.1804 172.655 46.8383 174.053 47.4961C175.615 48.154 177.342 49.0586 177.342 51.0322C177.342 52.9236 175.862 54.2393 173.23 54.2393C171.668 54.2393 170.681 53.7459 169.859 53.6637L169.694 51.2789ZM201.519 49.1408L198.476 44.2889C197.983 43.4665 197.572 42.9731 196.996 42.8086V42.4797C197.407 42.4797 198.558 42.5619 198.805 42.5619C199.134 42.5619 200.285 42.4797 200.779 42.4797V42.8086C200.368 42.8909 200.203 43.0554 200.203 43.3843C200.203 43.631 200.368 43.96 200.532 44.2889C200.697 44.5356 202.752 47.9894 202.752 47.9894L204.891 44.2889C205.137 43.8777 205.219 43.5488 205.219 43.3021C205.219 43.0554 205.055 42.8909 204.726 42.8909V42.4797C205.055 42.4797 205.877 42.562 206.124 42.562C206.371 42.562 207.275 42.4797 207.604 42.4797V42.8087C206.782 43.1376 206.289 43.8777 205.795 44.7001L203.081 49.3053M203.246 48.7296V52.5947C203.246 53.0058 203.575 53.4993 204.233 53.5815V53.9104C203.904 53.9104 202.67 53.8282 202.341 53.8282C202.012 53.8282 200.861 53.9104 200.45 53.9104V53.5815C201.108 53.417 201.437 53.0058 201.437 52.5947V48.8941M145.437 42.4797H152.509C152.756 42.4797 153.085 42.4797 153.331 42.3152H153.66L153.578 44.6178H153.249C153.002 43.8777 152.673 43.3021 151.358 43.3021H148.315V47.4139H150.7C151.029 47.4139 151.44 47.4139 151.604 47.3316C152.098 47.2494 152.345 46.9205 152.509 46.427H152.838V49.3052H152.509C152.345 48.8118 152.18 48.4829 151.604 48.4006C151.44 48.3184 151.029 48.3184 150.7 48.3184H148.315V53.0059H151.687C153.167 53.0059 153.578 52.4302 153.907 51.5256H154.236L153.907 53.9104C152.838 53.8282 152.18 53.8282 150.947 53.8282H147.411C147.082 53.8282 145.848 53.9104 145.437 53.9104V53.5815C146.095 53.417 146.424 53.1703 146.424 52.5125V43.7958C146.424 43.2202 146.095 42.8913 145.437 42.8091L145.437 42.4797ZM127.345 43.8777C127.345 43.302 127.016 42.9731 126.358 42.8086V42.4797C126.769 42.4797 127.921 42.5619 128.332 42.5619C128.661 42.5619 129.894 42.4797 130.306 42.4797V42.8086C129.648 42.9731 129.237 43.2198 129.237 43.8777V52.5121C129.237 53.0877 129.565 53.4167 130.306 53.5811V53.91C129.894 53.91 128.743 53.8278 128.332 53.8278C128.003 53.8278 126.769 53.91 126.358 53.91V53.5811C127.098 53.4166 127.427 53.1699 127.427 52.5121L127.345 43.8777ZM181.045 43.8777C181.045 43.302 180.716 42.9731 180.058 42.8086V42.4797C180.469 42.4797 181.703 42.5619 182.032 42.5619C182.361 42.5619 183.594 42.4797 184.005 42.4797V42.8086C183.347 42.9731 183.019 43.2198 183.019 43.8777V52.5121C183.019 53.0877 183.348 53.4167 184.005 53.5811V53.91C183.594 53.91 182.443 53.8278 182.032 53.8278C181.703 53.8278 180.469 53.91 180.058 53.91V53.5811C180.798 53.4166 181.045 53.1699 181.045 52.5121V43.8777ZM190.913 42.5619C187.048 42.5619 186.39 42.4797 185.65 42.3975V44.7H185.979C186.308 43.631 186.883 43.3843 187.623 43.3843H190.09V52.4299C190.09 53.0055 189.761 53.3344 189.021 53.4989V53.8278C189.433 53.8278 190.666 53.7456 190.995 53.7456C191.324 53.7456 192.557 53.8278 192.969 53.8278V53.4989C192.311 53.3344 191.9 53.0055 191.9 52.4299V43.3843H194.284C195.024 43.3843 195.6 43.631 195.929 44.7H196.258V42.3975C195.353 42.4797 194.778 42.5619 190.913 42.5619ZM159.911 52.5121C159.911 53.0878 160.24 53.4167 160.98 53.5811V53.9101C160.568 53.9101 159.335 53.8278 159.006 53.8278C158.677 53.8278 157.526 53.9101 157.115 53.9101V53.5811C157.773 53.4167 158.101 53.17 158.101 52.5121V43.7955C158.101 43.2198 157.773 42.8909 157.115 42.8087V42.4797C157.526 42.4797 158.677 42.562 159.006 42.562C159.582 42.562 161.144 42.4797 161.802 42.4797C164.516 42.4797 165.996 43.631 165.996 45.5224C165.996 47.0026 164.845 48.0716 163.118 48.4828C163.118 48.4828 163.529 48.7295 163.94 49.1407C164.434 49.7164 165.749 51.5255 166.243 52.1834C166.736 52.8412 167.476 53.5813 168.216 53.5813V53.828C167.887 53.9103 167.312 53.9925 166.901 53.9925C165.996 53.9925 165.256 53.6636 164.516 52.8412C163.858 52.1011 162.871 50.5387 162.213 49.7164C161.802 49.2229 161.309 48.8118 160.486 48.6473C160.322 48.6473 160.157 48.5651 159.993 48.5651L159.911 52.5121ZM159.911 47.9069C160.24 47.9891 160.815 47.9891 161.309 47.9891C163.447 47.9891 164.105 46.7556 164.105 45.6865C164.105 44.1241 163.118 43.2195 161.226 43.2195C160.815 43.2195 160.322 43.3018 159.911 43.384V47.9069ZM132.938 43.8773C132.691 43.3017 132.28 42.8905 131.622 42.8083V42.4793C132.033 42.4793 133.431 42.5616 133.76 42.5616C134.007 42.5616 135.241 42.4793 135.652 42.4793V42.8083C135.323 42.8905 134.829 43.055 134.829 43.4662C134.829 43.7129 134.994 44.1241 135.323 44.7819L138.283 51.443L141.079 44.7819C141.326 44.2063 141.49 43.7951 141.49 43.5484C141.49 43.2195 141.161 42.9728 140.668 42.8905V42.4793C140.997 42.4793 141.901 42.5616 142.23 42.5616C142.477 42.5616 143.546 42.4793 143.957 42.4793V42.8083C143.299 42.9727 142.806 43.3839 142.477 44.2885L138.365 53.9097H137.461L132.938 43.8773ZM143.464 13.533C142.97 12.4639 142.23 11.7238 141.079 11.4771V10.9014C141.819 10.9014 144.368 10.9837 144.944 10.9837C145.437 10.9837 147.904 10.9014 148.727 10.9014V11.4771C148.069 11.6416 147.247 11.9705 147.247 12.7106C147.247 13.204 147.576 13.9441 148.151 15.1776L153.743 27.8416L159.006 15.1776C159.418 14.1908 159.746 13.3685 159.746 12.7928C159.746 12.1349 159.089 11.6415 158.266 11.4771V10.9014C159.006 10.9014 160.651 10.9836 161.227 10.9836C161.72 10.9836 163.694 10.9014 164.516 10.9014V11.4771C163.2 11.806 162.378 12.6283 161.638 14.273L153.908 32.529H152.181L143.464 13.533ZM68.6289 31.789C69.6157 31.5423 70.3558 31.1311 70.3558 29.9798V13.2863C70.3558 12.2173 69.6979 11.7239 68.6289 11.4771V10.8193C69.1223 10.8193 71.4249 10.9015 72.0005 10.9015C72.6584 10.9015 75.0432 10.8193 75.5366 10.8193V11.3949C74.5498 11.6416 73.8097 12.0528 73.8097 13.2041V20.2764H86.3092V13.2863C86.3092 12.135 85.6513 11.6416 84.5822 11.4771V10.8193C85.0757 10.8193 87.4604 10.9015 88.1183 10.9015C88.694 10.9015 90.9965 10.8193 91.5722 10.8193V11.3949C90.5854 11.6416 89.8452 12.0528 89.8452 13.2041V29.8976C89.8452 30.9666 90.5031 31.4601 91.5722 31.7068V32.2824C91.0787 32.2824 88.694 32.2002 88.1183 32.2002C87.4604 32.2002 85.1579 32.2824 84.5822 32.2824V31.789C85.569 31.5423 86.3092 31.1311 86.3092 29.9798V22.0852H73.8097V29.9798C73.8097 31.1311 74.4676 31.5423 75.5366 31.789V32.3646C75.0432 32.3646 72.5762 32.2824 72.0005 32.2824C71.4249 32.2824 69.2046 32.3646 68.6289 32.3646V31.789ZM212.705 31.789C214.021 31.5423 214.679 31.0489 214.679 29.8976V13.2863C214.679 12.135 213.939 11.6416 212.705 11.4771V10.8193C213.445 10.8193 215.748 10.9015 216.406 10.9015C217.475 10.9015 220.353 10.6548 222.656 10.6548C230.304 10.6548 234.991 14.9311 234.991 21.4273C234.991 27.7595 230.139 32.4466 222.244 32.4466C219.942 32.4466 217.31 32.2821 216.241 32.2821C215.583 32.2821 213.445 32.3643 212.705 32.3643V31.789ZM218.133 30.72C218.955 30.8844 220.353 30.9667 221.504 30.9667C227.919 30.9667 231.29 27.1016 231.29 21.6744C231.29 16.0823 227.754 12.1354 221.751 12.1354C220.517 12.1354 218.955 12.2176 218.133 12.3821V30.72ZM125.949 29.8154C125.949 30.8844 126.689 31.5423 127.922 31.789V32.3647C127.182 32.3647 124.88 32.2825 124.14 32.2825C123.564 32.2825 121.261 32.3647 120.521 32.3647V31.789C121.755 31.5423 122.413 30.9667 122.413 29.8154V13.3686C122.413 12.3818 121.837 11.7239 120.521 11.4772V10.8193C121.261 10.8193 123.482 10.9015 124.14 10.9015C125.209 10.9015 128.169 10.7371 129.403 10.7371C134.584 10.7371 137.462 12.8752 137.462 16.4936C137.462 19.3718 135.324 21.2633 132.034 22.0856C132.034 22.0856 132.774 22.4968 133.514 23.4014C134.419 24.4704 136.968 28.0888 137.955 29.3224C138.942 30.5559 140.258 31.9539 141.656 31.9539V32.4473C140.998 32.6118 139.929 32.694 139.106 32.694C137.38 32.694 135.982 32.0361 134.583 30.3914C133.432 28.9934 131.376 25.9507 130.225 24.4704C129.485 23.4836 128.58 22.7435 126.936 22.4968C126.607 22.4145 126.278 22.4146 125.949 22.3323L125.949 29.8154ZM125.949 21.0988C126.607 21.181 127.676 21.2632 128.662 21.2632C132.692 21.2632 133.926 18.9607 133.926 16.9047C133.926 14.0265 131.952 12.2173 128.498 12.2173C127.758 12.2173 126.689 12.2995 125.949 12.464V21.0988ZM193.875 29.8154C193.875 30.8844 194.615 31.5423 195.849 31.789V32.3647C195.108 32.3647 192.806 32.2825 192.148 32.2825C191.572 32.2825 189.27 32.3647 188.53 32.3647V31.789C189.763 31.5423 190.421 30.9667 190.421 29.8154V13.3686C190.421 12.3818 189.845 11.7239 188.53 11.4772V10.8193C189.27 10.8193 191.49 10.9015 192.148 10.9015C193.217 10.9015 196.178 10.7371 197.329 10.7371C202.51 10.7371 205.388 12.8752 205.388 16.4936C205.388 19.3718 203.25 21.2633 199.96 22.0856C199.96 22.0856 200.701 22.4968 201.441 23.4014C202.345 24.4704 204.895 28.0888 205.881 29.3224C206.868 30.5559 208.184 31.9539 209.582 31.9539V32.4473C208.924 32.6118 207.855 32.694 207.033 32.694C205.306 32.694 203.908 32.0361 202.51 30.3914C201.358 28.9934 199.303 25.9507 198.151 24.4704C197.411 23.4836 196.507 22.7435 194.862 22.4968C194.533 22.4145 194.204 22.4146 193.875 22.3323L193.875 29.8154ZM193.875 21.0988C194.533 21.181 195.602 21.2632 196.589 21.2632C200.618 21.2632 201.852 18.9607 201.852 16.9047C201.852 14.0265 199.878 12.2173 196.424 12.2173C195.684 12.2173 194.615 12.2995 193.875 12.464V21.0988ZM94.699 31.7891C96.0969 31.4601 96.8371 30.5556 97.3304 29.4043L104.238 12.793C104.567 12.1351 104.896 10.7371 104.896 10.7371H106.87C106.87 10.7371 107.199 12.1351 107.528 12.8752L114.847 29.4865C115.34 30.6378 115.916 31.4601 117.396 31.7891V32.3647C116.574 32.3647 114.189 32.2825 113.613 32.2825C113.037 32.2825 110.735 32.3647 109.913 32.3647V31.7891C110.982 31.5424 111.311 30.9667 111.311 30.4733C111.311 30.0622 111.146 29.4865 110.899 28.9931L109.337 25.4571H101.278L99.8798 29.0754C99.7154 29.4865 99.5509 30.0622 99.5509 30.4733C99.5509 31.049 99.8798 31.5424 101.031 31.8713V32.447C100.291 32.447 98.3996 32.3647 97.9885 32.3647L94.8636 32.447L94.699 31.7891ZM108.432 23.7299L104.978 15.753L101.771 23.7299H108.432ZM163.117 31.7891C164.515 31.4601 165.255 30.5556 165.749 29.4043L172.656 12.793C172.985 12.1351 173.314 10.7371 173.314 10.7371H175.288C175.288 10.7371 175.617 12.1351 175.946 12.8752L183.265 29.4865C183.758 30.6378 184.334 31.4601 185.814 31.7891V32.3647C184.992 32.3647 182.607 32.2825 182.031 32.2825C181.456 32.2825 179.153 32.3647 178.331 32.3647V31.7891C179.4 31.5424 179.729 30.9667 179.729 30.4733C179.729 30.0622 179.564 29.4865 179.317 28.9931L177.755 25.4571H169.696L168.298 29.0754C168.133 29.4865 167.969 30.0622 167.969 30.4733C167.969 31.049 168.298 31.5424 169.449 31.8713V32.447C168.709 32.447 166.818 32.3647 166.407 32.3647L163.282 32.447V31.7891H163.117ZM176.768 23.7299L173.314 15.753L170.107 23.7299H176.768Z" fill="#1E1E1E"/> <path d="M4.89572 4.15967H53.0019V22.3335C53.0019 30.6389 49.877 48.3193 29.1538 61.4771C29.1538 61.4771 6.62149 52.1026 4.89453 22.3335L4.89572 4.15967Z" fill="#A51C30"/> <path d="M20.7136 32.8309C20.5928 32.8259 20.488 32.8862 20.4036 32.9594C20.2391 33.102 20.1405 33.299 20.1354 33.3095C19.9518 33.5664 19.5657 33.6311 19.215 33.6211C18.8644 33.6111 18.5629 33.5311 18.5629 33.5311L18.5437 33.5262L18.5244 33.5328C18.0203 33.7008 17.7959 33.9152 17.7037 34.0998C17.6575 34.192 17.6458 34.2755 17.6458 34.3359C17.6458 34.3832 17.6518 34.4041 17.6555 34.4178V36.3018C17.6371 36.4056 17.589 36.4692 17.5222 36.5138C17.4544 36.559 17.364 36.5829 17.2732 36.5925C17.0916 36.6116 16.9151 36.5733 16.9151 36.5733H16.9134C16.2811 36.4468 15.8475 36.5949 15.5771 36.7788C15.3111 36.9597 15.2049 37.1701 15.2013 37.1772C14.9308 37.5432 15.1097 38.0573 15.1097 38.0573V38.0605C15.1272 38.1072 15.1476 38.1515 15.1708 38.1922C15.171 38.193 15.174 38.2018 15.174 38.2018C15.4207 38.8597 16.3256 38.8587 16.3256 38.8587C16.6545 39.1054 17.2298 38.9406 17.2298 38.9406C17.3988 38.9406 17.4971 39.0108 17.5575 39.0996C17.5874 39.2208 17.5735 39.3421 17.5735 39.3421L17.5719 39.3566L17.5751 39.3694C17.5806 39.3913 17.592 39.5055 17.5976 39.6618C17.6032 39.8181 17.6053 40.0238 17.6072 40.2624C17.6111 40.7397 17.6091 41.3464 17.604 41.9424C17.5937 43.1344 17.5735 44.2858 17.5735 44.2858C17.5735 44.688 17.4948 44.9234 17.4948 44.9234L17.4916 44.933V44.9442C17.4916 44.9643 17.485 44.9746 17.4627 44.9924C17.4403 45.0102 17.401 45.0298 17.3486 45.0438C17.2438 45.0718 17.0935 45.0824 16.9423 45.0824C16.6399 45.0824 16.3336 45.0422 16.3336 45.0422L16.3255 45.0407L16.3175 45.0422C15.4611 45.1279 15.196 45.8965 15.1932 45.9047V45.9063C15.1253 46.0659 15.1312 46.2277 15.1771 46.3737C15.2001 46.447 15.2336 46.5169 15.2719 46.5825C15.4247 46.9558 15.8324 47.2474 15.8324 47.2474C15.8324 47.4119 17.3952 47.4932 17.3952 47.4932C17.4899 47.5169 17.5544 47.5834 17.6024 47.6634C17.6072 47.678 17.6129 47.692 17.6168 47.7068C17.6553 47.8509 17.6554 47.9862 17.6554 47.9862C17.6437 48.0301 17.6392 48.0793 17.6361 48.1501C17.6327 48.2299 17.6309 48.3285 17.6329 48.4392C17.6367 48.6605 17.6496 48.9314 17.665 49.1941C17.6959 49.7193 17.7373 50.2124 17.7373 50.2124L17.7389 50.2155V50.2187C17.7477 50.2712 17.7732 50.3165 17.8048 50.3568C17.8048 50.357 17.8064 50.3713 17.8064 50.3713C17.8886 50.8647 19.4511 50.7006 19.4511 50.7006C19.4511 50.7006 24.9275 50.5742 26.4074 50.5978C26.6187 50.601 26.7482 50.6084 26.7688 50.6187C26.9332 50.6187 27.3454 50.5368 27.3454 50.5368L27.9203 50.948C28.1516 51.1278 28.3912 51.1791 28.611 51.1648C28.6549 51.1624 28.6989 51.1564 28.7411 51.1487C29.1627 51.0724 29.4831 50.7825 29.4831 50.7825L30.3055 50.6187C30.4699 50.6187 37.1315 50.5368 37.1315 50.5368C37.7071 50.7013 37.9538 50.4533 37.9538 50.4533L39.0219 50.3714C39.063 50.3714 39.1014 50.3682 39.1375 50.3618C39.3988 50.3139 39.5332 50.105 39.6033 49.9008C39.6242 49.8603 39.6462 49.8199 39.6611 49.7787C39.7483 49.539 39.7463 49.3033 39.7463 49.3033V47.9124C39.76 47.8024 39.7854 47.7164 39.8137 47.6394C39.9636 47.3751 40.1735 47.3294 40.1735 47.3294L41.1596 47.164L41.6543 46.9182C41.8441 46.8708 41.9441 46.738 42.0013 46.5777C42.0159 46.5549 42.0315 46.5331 42.043 46.5086C42.1112 46.3638 42.1313 46.195 42.1313 46.0348C42.1313 45.7145 42.0462 45.4197 42.0462 45.4197L42.0446 45.4132L42.043 45.4066C41.863 45.0465 41.4477 44.8997 41.089 44.8364C40.7303 44.7731 40.4144 44.7946 40.4144 44.7946H40.4128C40.0169 44.8342 39.8676 44.7208 39.7993 44.6099C39.731 44.4989 39.7463 44.3786 39.7463 44.3786V44.3737L39.8298 39.2774C39.8622 39.0864 39.9178 38.9343 39.9727 38.81C40.0371 38.687 40.0916 38.6125 40.0916 38.6125C40.3383 38.6947 41.1597 38.4471 41.1597 38.4471C41.6323 38.3998 41.8291 38.11 41.9146 37.8705C41.9221 37.8565 41.9336 37.8426 41.9403 37.8287C42.0486 37.6011 42.0479 37.3915 42.0479 37.3854C42.0918 37.0629 41.8675 36.7964 41.6447 36.6161C41.421 36.435 41.187 36.3302 41.187 36.3302L41.1741 36.3236H40.0193C39.9873 36.317 39.9613 36.3001 39.9342 36.2641C39.9065 36.2275 39.88 36.173 39.8603 36.1067C39.8209 35.9742 39.8027 35.7952 39.7977 35.6185C39.7876 35.2651 39.8282 34.9198 39.8282 34.9198L39.8298 34.9149V34.2536C39.8298 33.9337 39.6013 33.7091 39.3865 33.5694C39.1716 33.4297 38.9593 33.367 38.9593 33.367L38.9496 33.3639H37.4832C37.4501 33.3089 37.4131 33.255 37.3579 33.2193C37.285 33.1721 37.2007 33.1369 37.1202 33.1101C36.9592 33.0564 36.8102 33.0362 36.8102 33.0362C36.5422 32.952 36.1437 32.9527 36.1437 32.9527H36.1228L36.1051 32.964C35.5932 33.3184 34.6949 33.467 33.9288 33.5181C33.1627 33.5692 32.5299 33.5294 32.5299 33.5294L29.9504 33.3624L29.9279 33.3833C29.9355 33.3759 29.9191 33.389 29.8926 33.3977C29.866 33.4066 29.8279 33.4173 29.785 33.4267C29.6992 33.4454 29.5901 33.4628 29.483 33.4781C29.2689 33.5087 29.0638 33.5295 29.0638 33.5295L29.0221 33.5327L29.0076 33.5744C28.9367 33.787 28.7217 33.8603 28.7217 33.8603L28.4952 33.9374C28.345 33.8097 28.1106 33.7128 27.8881 33.6451C27.6534 33.5736 27.4585 33.5344 27.4497 33.5326C27.448 33.5318 27.4464 33.5303 27.4448 33.5295C27.437 33.5263 27.4291 33.5245 27.4223 33.5229C27.4087 33.5197 27.3958 33.5179 27.379 33.5163C27.3453 33.5131 27.3021 33.5122 27.2489 33.5113C27.1424 33.5105 26.9969 33.5137 26.8248 33.5196C26.4807 33.5312 26.0307 33.5533 25.5833 33.579C24.6893 33.6304 23.8069 33.6929 23.8053 33.6931C22.7858 33.7338 22.0972 33.5703 21.6644 33.3991C21.2315 33.228 21.0605 33.0554 21.0605 33.0554C20.9519 32.9071 20.832 32.8356 20.7136 32.8309ZM20.7087 32.9658C20.7807 32.969 20.864 33.009 20.9593 33.1425L20.9609 33.1456L20.9641 33.1506C20.9641 33.1506 21.1635 33.3464 21.6146 33.5248C22.0658 33.7032 22.7739 33.8698 23.8102 33.8284H23.8151C23.8151 33.8284 24.6977 33.7657 25.5914 33.7143C26.0383 33.6887 26.4877 33.6665 26.8298 33.6549C27.0008 33.6491 27.1463 33.6459 27.249 33.6466C27.3003 33.647 27.3406 33.649 27.3678 33.6516C27.3792 33.6524 27.3866 33.654 27.3919 33.6547L27.3952 33.6579L27.4144 33.6629C27.4144 33.6629 27.6185 33.7028 27.8513 33.7737C28.0842 33.8446 28.3482 33.9526 28.4504 34.0547L28.4793 34.0837L28.7652 33.9889C28.7652 33.9889 28.9407 33.8861 29.0591 33.7079C28.9676 33.9304 28.7427 34.0066 28.7427 34.0066L28.497 34.172C28.2503 33.9253 27.4273 33.7609 27.4273 33.7609C27.3451 33.6786 23.8087 33.9247 23.8087 33.9247C21.7528 34.0069 21.0124 33.2678 21.0124 33.2678C20.6012 32.6921 20.19 33.5135 20.19 33.5135C19.7788 34.0892 18.5453 33.7609 18.5453 33.7609C18.0902 33.9126 17.8865 34.0984 17.7921 34.2556C17.7985 34.2269 17.8084 34.1957 17.8258 34.1608C17.8972 34.0181 18.0893 33.826 18.5598 33.6661C18.5862 33.6727 18.8611 33.746 19.2135 33.7561C19.5824 33.7666 20.0186 33.707 20.2462 33.3883L20.2495 33.3851L20.2527 33.3802C20.2527 33.3802 20.3525 33.1815 20.492 33.0605C20.5618 33.0001 20.6367 32.9629 20.7087 32.9658ZM36.1632 33.0895C36.1924 33.0898 36.5647 33.0944 36.7815 33.1665L36.7879 33.1681L36.7928 33.1697C36.7928 33.1697 36.9329 33.1897 37.0803 33.2388C37.1539 33.2634 37.2293 33.2943 37.2875 33.3319C37.2968 33.3377 37.3017 33.3449 37.3099 33.3512C37.1125 33.2296 36.8024 33.1841 36.8024 33.1841C36.5557 33.1019 36.1439 33.1022 36.1439 33.1022C35.0749 33.8423 32.5253 33.6788 32.5253 33.6788L29.9763 33.5134C29.895 33.5946 29.1002 33.6754 29.0817 33.6772C29.0852 33.6715 29.0897 33.6671 29.093 33.6612C29.1049 33.6604 29.2931 33.6415 29.5041 33.6113C29.613 33.5958 29.7242 33.5782 29.8157 33.5584C29.8615 33.5484 29.902 33.5376 29.9362 33.5262C29.9553 33.5196 29.97 33.5087 29.986 33.5006L32.5221 33.6628C32.5221 33.6628 33.1645 33.7049 33.9403 33.6532C34.707 33.602 35.6045 33.4649 36.1632 33.0895ZM37.4513 33.499H38.9289C38.9337 33.5006 39.0511 33.5456 39.1875 33.6163C39.0497 33.5474 38.9402 33.5135 38.9402 33.5135H37.4593C37.4577 33.5085 37.4534 33.504 37.4513 33.499ZM39.2148 33.6307C39.2501 33.6498 39.2791 33.6598 39.316 33.6837C39.3262 33.6903 39.3349 33.6993 39.3449 33.7061C39.3005 33.6776 39.257 33.6527 39.2148 33.6307ZM39.8011 36.2985C39.8102 36.314 39.8177 36.331 39.8283 36.345C39.8703 36.4006 39.9272 36.4435 39.997 36.4575L40.0034 36.4591H41.1437C41.1534 36.4632 41.3581 36.5579 41.5613 36.7225C41.7038 36.8378 41.8291 36.9822 41.8857 37.1417C41.7385 36.9051 41.467 36.7237 41.3011 36.6293C41.2176 36.5818 41.1598 36.557 41.1598 36.557H40.0098C39.9091 36.5369 39.8436 36.4366 39.8011 36.2985ZM17.6831 36.5491C17.4763 36.9403 16.9009 36.8028 16.9009 36.8028C15.6674 36.5561 15.2562 37.3794 15.2562 37.3794C15.245 37.3944 15.2385 37.4104 15.2289 37.426C15.2476 37.3655 15.2729 37.3068 15.3124 37.2541L15.3189 37.2443C15.3189 37.2443 15.4126 37.0549 15.6562 36.8893C15.8994 36.7239 16.2882 36.5852 16.8881 36.7046C16.8881 36.7046 17.0806 36.7475 17.2896 36.7255C17.3941 36.7145 17.5055 36.6887 17.5996 36.6259C17.6307 36.6052 17.6576 36.5783 17.6831 36.5491ZM39.6954 44.6904C39.7948 44.8418 40.0112 44.9707 40.4262 44.9297C40.4262 44.9297 40.7283 44.9098 41.0686 44.9699C41.4082 45.0298 41.772 45.1698 41.9215 45.4662C41.9219 45.4678 41.9309 45.509 41.9343 45.5224C41.5487 44.9527 40.4214 45.0262 40.4214 45.0262C39.8837 45.0799 39.7355 44.8544 39.6954 44.6904ZM17.5675 45.0775C17.5663 45.0816 17.5594 45.108 17.5594 45.108C17.5594 45.1491 17.5402 45.1838 17.5064 45.2108C17.4727 45.2378 17.4245 45.258 17.3667 45.2735C17.0198 45.366 16.3259 45.2735 16.3259 45.2735C15.7306 45.333 15.4389 45.7342 15.3221 45.9529C15.3221 45.9529 15.5508 45.2569 16.3324 45.1771C16.3463 45.1787 16.6372 45.2172 16.9443 45.2172C17.1015 45.2172 17.2579 45.2076 17.3843 45.1739C17.4476 45.1571 17.5046 45.1345 17.5498 45.0984C17.5568 45.0926 17.5612 45.0842 17.5675 45.0775ZM23.2966 10.0044L23.2725 10.0253C21.9892 11.068 20.1245 10.5874 20.1245 10.5874L20.1164 10.5858H20.1084C18.2972 10.5858 17.7136 10.6678 17.7136 10.6678L17.6879 10.6727L17.6719 10.6919C17.4847 10.9165 17.2553 10.9134 17.0535 10.8557C16.8566 10.7994 16.7073 10.6892 16.7002 10.6839C16.6631 10.6298 16.6039 10.599 16.5396 10.5763C16.4667 10.5505 16.3833 10.5355 16.3035 10.5249C16.1438 10.5036 15.9967 10.5024 15.9967 10.5024H15.9935L15.9918 10.504C14.1871 10.6271 13.0618 10.5238 12.3909 10.3916C12.0554 10.3255 11.8338 10.2516 11.697 10.1956C11.5602 10.1396 11.5123 10.1041 11.5123 10.1041L11.5204 10.1123C11.4942 10.0862 11.4691 10.0766 11.4385 10.0673C11.4079 10.058 11.3726 10.051 11.3341 10.0449C11.257 10.0327 11.1657 10.026 11.0771 10.0208C10.8999 10.0101 10.7334 10.0095 10.7334 10.0095H10.6916L10.6724 10.0464C10.6008 10.1894 10.3791 10.4895 10.3624 10.5122C10.3524 10.5153 10.3303 10.522 10.2901 10.5266C10.2437 10.5315 10.1832 10.536 10.115 10.5379C9.97862 10.542 9.80977 10.5395 9.64605 10.5347C9.3186 10.5245 9.01164 10.5042 9.01164 10.5042L9.00842 10.5026H9.00679C8.66381 10.5026 8.45736 10.6136 8.34187 10.7291C8.22637 10.8446 8.20054 10.9684 8.20054 10.9684L8.19891 10.9733L8.11699 12.5457V12.5507C8.15767 13.0388 8.10842 13.2364 8.07523 13.2895C8.05864 13.3161 8.05825 13.3104 8.05757 13.3104L8.00136 13.2735L7.96281 13.3297C7.94136 13.3619 7.85941 13.4054 7.74277 13.4309C7.62613 13.4564 7.48119 13.4692 7.33962 13.4742C7.05649 13.4844 6.79193 13.4646 6.79193 13.4646L6.78552 13.463L6.7791 13.4646C6.55569 13.487 6.3885 13.5963 6.27158 13.7425C6.15465 13.8887 6.0845 14.0695 6.0419 14.2452C5.95671 14.5966 5.97927 14.9342 5.97927 14.9342V14.9423C6.0239 15.1655 6.15115 15.3222 6.31013 15.4226C6.4691 15.523 6.65908 15.5715 6.84013 15.5928C7.1923 15.6343 7.50172 15.5752 7.51952 15.5719H7.52115C7.9589 15.6122 8.11789 15.7475 8.17645 15.8562C8.23511 15.9651 8.20215 16.0602 8.20215 16.0602L8.19893 16.0698V16.0811C8.19893 16.2512 8.22013 17.6034 8.24069 18.9191C8.26118 20.23 8.28069 21.4908 8.28085 21.5002C8.26129 21.6762 8.21408 21.7868 8.15878 21.8552C8.10348 21.9235 8.04035 21.953 7.97568 21.966C7.84636 21.9919 7.71709 21.9403 7.71709 21.9403L7.70424 21.9337H7.69139C6.7715 21.9337 6.34852 22.2548 6.17197 22.5858C5.99626 22.9153 6.06213 23.2412 6.06275 23.2443C6.10787 23.8414 6.48418 24.1167 6.83851 24.2241C7.19408 24.3318 7.53398 24.2883 7.53398 24.2883L7.52592 24.2899C7.96595 24.2899 8.14631 24.4061 8.22299 24.5083C8.29968 24.6106 8.28242 24.7043 8.28242 24.7043L8.2792 24.7252L8.28884 24.7461C8.28606 24.7403 8.29846 24.788 8.30168 24.8504C8.3049 24.9129 8.30678 24.9959 8.3049 25.0914C8.30113 25.2822 8.28816 25.5236 8.27278 25.7595C8.24201 26.2313 8.2005 26.6831 8.2005 26.6831V26.6913L8.20213 26.7009C8.2881 27.1737 8.56152 27.3677 8.80766 27.4237C9.03574 27.4755 9.22369 27.4221 9.25257 27.414H9.25579L15.82 27.5795C16.7571 28.2622 17.3623 28.2818 17.7248 28.0951C18.0719 27.9163 18.163 27.5971 18.1746 27.5602L18.2886 27.5779C18.362 27.5901 18.5056 27.5963 18.7158 27.602C18.9261 27.6078 19.1987 27.6113 19.5125 27.6132C20.1401 27.6174 20.9315 27.6148 21.7129 27.6101C22.4942 27.6051 23.2663 27.5972 23.8522 27.5908C24.4355 27.5842 24.835 27.5796 24.8738 27.5796H24.8786C25.1482 27.6395 25.3588 27.6259 25.521 27.5635C25.6864 27.4999 25.7983 27.3873 25.8712 27.2696C26.016 27.0356 26.0157 26.778 26.0157 26.7749V26.7717L26.0976 24.8122C26.1311 24.6835 26.2709 24.5891 26.4157 24.5312C26.5558 24.4751 26.6822 24.4571 26.6919 24.4557C27.6048 24.5763 28.0524 24.2543 28.2482 23.8951C28.4443 23.5356 28.4012 23.1514 28.4008 23.1483V23.1467C28.3574 22.5483 28.0028 22.253 27.6685 22.1236C27.3338 21.994 27.0131 22.0176 27.0131 22.0176L27.018 22.016C26.5821 22.016 26.382 21.8644 26.2808 21.7172C26.1801 21.5708 26.1796 21.4295 26.1796 21.4281V21.4265C26.2024 21.2836 26.2163 20.9292 26.2278 20.4484C26.2393 19.9621 26.2467 19.3609 26.2519 18.7748C26.2621 17.6026 26.2631 16.4925 26.2631 16.4925C26.2631 16.3916 26.3203 16.229 26.3804 16.099C26.4329 15.9852 26.4725 15.9191 26.4848 15.8982C26.9912 15.9498 27.3781 15.9195 27.6492 15.8227C27.9322 15.7216 28.1065 15.5566 28.2065 15.3843C28.4044 15.0435 28.3161 14.6842 28.3142 14.6759C28.3517 14.3671 28.3053 14.1334 28.1969 13.9709C28.0861 13.8046 27.9213 13.7118 27.7568 13.6625C27.438 13.5668 27.1199 13.625 27.1 13.6288C26.5372 13.6288 26.3442 13.4728 26.276 13.3364C26.2079 13.1995 26.2584 13.0612 26.2584 13.0612L26.26 13.0546L26.2616 13.048C26.3861 12.2598 26.3451 11.7162 26.2713 11.368C26.1974 11.0199 26.0849 10.8605 26.0849 10.8605L26.0785 10.8509L26.0673 10.8426C25.9833 10.7866 25.8622 10.7653 25.7155 10.7495C25.5689 10.7336 25.3993 10.7286 25.2385 10.7286C24.917 10.7286 24.6282 10.7495 24.6282 10.7495L24.6073 10.7511L24.5929 10.7623C24.534 10.8065 24.4703 10.8015 24.3825 10.7574C24.2946 10.7135 24.1958 10.6287 24.1062 10.5341C23.927 10.345 23.785 10.123 23.785 10.123L23.7689 10.0988L23.2966 10.0044ZM46.5694 10.0044L46.5454 10.0253C45.2621 11.068 43.3974 10.5874 43.3974 10.5874L43.3893 10.5858H43.3796C41.6506 10.5858 41.0684 10.6678 41.0684 10.6678L41.0427 10.6727L41.0266 10.6919C40.8395 10.9165 40.61 10.9134 40.4083 10.8557C40.2142 10.8003 40.0679 10.6938 40.0565 10.6855C40.0196 10.6301 39.9594 10.5992 39.8943 10.5763C39.8215 10.5505 39.738 10.5355 39.6582 10.5249C39.4986 10.5036 39.3515 10.5024 39.3515 10.5024H39.3483L39.3467 10.504C37.542 10.6271 36.4167 10.5238 35.7457 10.3916C35.4103 10.3255 35.1887 10.2516 35.0519 10.1956C34.9151 10.1396 34.8672 10.1041 34.8672 10.1041L34.8752 10.1123C34.8491 10.0862 34.8223 10.0766 34.7917 10.0673C34.7611 10.058 34.7275 10.051 34.6889 10.0449C34.6119 10.0327 34.519 10.026 34.4304 10.0208C34.2531 10.0103 34.0882 10.0095 34.0882 10.0095H34.0465L34.0272 10.0464C33.9555 10.1898 33.7313 10.4925 33.7156 10.5138C33.7049 10.517 33.6826 10.5222 33.6433 10.5266C33.597 10.5315 33.5381 10.536 33.4699 10.5379C33.3335 10.542 33.1646 10.5395 33.0009 10.5347C32.6734 10.5245 32.3649 10.5042 32.3649 10.5042L32.3632 10.5026H32.3616C31.9791 10.5026 31.7542 10.6108 31.6276 10.7259C31.501 10.841 31.4718 10.9684 31.4718 10.9684V12.6325C31.5124 13.0791 31.4612 13.2561 31.4316 13.2974C31.4169 13.318 31.4182 13.3104 31.4156 13.3102C31.413 13.3101 31.4107 13.3102 31.4107 13.3102L31.3561 13.2733L31.3176 13.3296C31.2961 13.3617 31.2142 13.4052 31.0975 13.4307C30.9809 13.4562 30.8344 13.4691 30.6928 13.4741C30.4097 13.4842 30.1451 13.4645 30.1451 13.4645L30.1403 13.4629L30.1338 13.4645C29.8915 13.4865 29.7089 13.5933 29.5797 13.7391C29.4506 13.8849 29.3724 14.0673 29.3243 14.2434C29.2282 14.5958 29.2505 14.9341 29.2505 14.9341V14.9373L29.2521 14.9422C29.2967 15.1654 29.424 15.322 29.583 15.4224C29.7419 15.5228 29.9303 15.5714 30.1114 15.5927C30.4636 15.6341 30.7746 15.5751 30.7924 15.5718H30.794C31.2318 15.6121 31.3892 15.7473 31.4477 15.856C31.5063 15.965 31.475 16.06 31.475 16.06L31.4734 16.0616V16.0648C31.4578 16.127 31.4533 16.2334 31.4477 16.4053C31.442 16.5772 31.4384 16.8046 31.4364 17.067C31.4326 17.5919 31.4345 18.2608 31.4396 18.9189C31.4499 20.2301 31.4716 21.4905 31.4718 21.5C31.4522 21.676 31.4034 21.7866 31.3481 21.8549C31.2928 21.9233 31.2296 21.9528 31.165 21.9657C31.0357 21.9916 30.908 21.9401 30.908 21.9401L30.8951 21.9335H30.8807C29.9608 21.9335 29.5378 22.2545 29.3613 22.5856C29.1856 22.915 29.2514 23.241 29.2521 23.2441C29.2972 23.8411 29.6735 24.1165 30.0278 24.2238C30.3834 24.3316 30.7249 24.288 30.7249 24.288L30.7168 24.2896C31.1145 24.2896 31.2947 24.4049 31.3834 24.5113C31.472 24.6177 31.4717 24.7153 31.4717 24.7153V24.7313L31.4781 24.7458C31.4753 24.74 31.4877 24.7877 31.491 24.8502C31.4942 24.9126 31.4945 24.9957 31.4926 25.0911C31.4888 25.282 31.4759 25.5234 31.4605 25.7592C31.4297 26.231 31.3898 26.6828 31.3898 26.6828L31.3882 26.691L31.3898 26.7006C31.4758 27.1734 31.7508 27.3674 31.9969 27.4234C32.2248 27.4752 32.4127 27.4238 32.4418 27.4152H32.445L39.0092 27.5806C39.9464 28.2633 40.55 28.2829 40.9125 28.0962C41.2621 27.9161 41.3745 27.5746 41.3847 27.5421L41.3863 27.5405C41.4159 27.4838 41.4787 27.457 41.51 27.457C41.5258 27.457 41.5244 27.4601 41.5212 27.4554C41.518 27.4504 41.5244 27.4538 41.51 27.4827L41.4698 27.5646L41.5598 27.579C41.6331 27.5913 41.7767 27.5975 41.987 27.6031C42.1972 27.6089 42.4698 27.6124 42.7837 27.6144C43.4112 27.6186 44.2027 27.616 44.984 27.6112C45.7654 27.6063 46.5358 27.5984 47.1218 27.592C47.7078 27.5854 48.1143 27.5807 48.1497 27.5807C48.4388 27.6405 48.6594 27.6256 48.8259 27.5631C48.9953 27.4996 49.1065 27.3865 49.1744 27.2675C49.3104 27.0296 49.2853 26.7648 49.2853 26.7648L49.2868 26.7744L49.3688 24.8117C49.4022 24.683 49.5404 24.5886 49.6852 24.5307C49.8266 24.4741 49.9555 24.4579 49.963 24.4568C50.876 24.5775 51.3235 24.2539 51.5194 23.8947C51.7155 23.5351 51.6707 23.1526 51.6704 23.1494V23.1462C51.6269 22.5478 51.2739 22.2525 50.9396 22.1231C50.6049 21.9936 50.2827 22.0171 50.2827 22.0171L50.2891 22.0155C49.8107 22.0155 49.6145 21.8623 49.5246 21.7184C49.4346 21.5745 49.4523 21.4341 49.4523 21.4341V21.426C49.4523 20.9401 49.5342 16.4934 49.5342 16.4934V16.4918C49.5342 16.391 49.5914 16.2284 49.6515 16.0983C49.704 15.9845 49.7452 15.9184 49.7575 15.8976C50.2639 15.9491 50.6509 15.9189 50.9219 15.8221C51.2049 15.721 51.3792 15.5559 51.4793 15.3836C51.6771 15.0428 51.5888 14.6836 51.5869 14.6753C51.6244 14.3664 51.5764 14.1327 51.468 13.9702C51.3572 13.8039 51.1924 13.7112 51.0279 13.6618C50.7078 13.5658 50.3885 13.6248 50.371 13.6281C49.8082 13.6281 49.6168 13.4721 49.5486 13.3358C49.4805 13.1995 49.531 13.0611 49.531 13.0611L49.5341 13.048C49.6586 12.2598 49.6176 11.7161 49.5438 11.3679C49.4699 11.0198 49.3575 10.8604 49.3575 10.8604L49.3494 10.8508L49.3398 10.8426C49.2558 10.7866 49.1347 10.7653 48.988 10.7494C48.8414 10.7335 48.6718 10.7285 48.511 10.7285C48.1895 10.7285 47.8991 10.7494 47.8991 10.7494L47.8798 10.751L47.8638 10.7623C47.8049 10.8064 47.7428 10.8015 47.655 10.7573C47.5671 10.7134 47.4667 10.6286 47.3771 10.5341C47.198 10.345 47.0575 10.1229 47.0575 10.1229L47.0414 10.0988L46.5694 10.0044Z" fill="black"/> <path d="M29.0724 61.7208L28.9079 61.6386C28.7434 61.5563 6.29337 51.8529 4.56641 22.3305V3.82776H53.2486V22.2483C53.2486 29.485 50.946 47.9051 29.2361 61.5563L29.0724 61.7208ZM5.14206 4.40182V22.2467C6.78674 50.2062 27.1809 60.239 29.0724 61.0613C50.3711 47.4928 52.6738 29.4012 52.6738 22.2467V4.40182H5.14206Z" fill="black"/> <path d="M11.8017 10.7384C11.8017 10.7384 11.3083 10.7387 11.3905 11.0676L11.2267 23.5667C11.2267 23.5667 11.2264 24.143 12.1309 24.2252C12.1309 24.2252 13.2816 24.3075 13.5283 24.2252H16.1607C16.1607 24.2252 16.6538 24.7174 16.6538 24.1417C16.6538 24.1417 16.9821 14.0283 16.8177 11.8901C16.8177 11.8901 16.8173 10.9843 16.0772 10.9843C16.0772 10.9843 13.1181 11.231 12.8714 10.9843L11.8017 10.7384ZM23.2166 10.7576C23.1082 10.748 22.9336 10.7788 22.6561 10.9021C22.6561 10.9021 22.7396 11.232 19.0391 11.0676C18.9568 11.0676 17.5585 11.0668 17.4763 11.6426C17.4763 11.6426 17.3944 17.5636 17.3944 17.7281L17.3109 22.6622L17.229 24.3888C17.229 24.3888 17.4757 24.7174 17.6401 24.4707C17.6401 24.4707 18.8737 24.1424 19.696 24.3069C19.696 24.3069 22.164 24.5526 22.7396 24.1415C22.7396 24.1415 23.1505 24.3059 23.2327 23.7303C23.2327 23.7303 23.3969 12.7933 23.3146 12.6288C23.3146 12.6288 23.4788 11.0667 23.3966 10.9022C23.3966 10.9022 23.3973 10.7736 23.2166 10.7576ZM9.65919 11.0644C9.49778 11.0693 9.2628 11.1704 8.9236 11.4787L8.84168 13.1234C8.84168 13.1234 8.84168 14.028 8.01932 13.9458C8.01932 13.9458 7.11377 13.9458 6.62039 14.3569C6.62039 14.3569 6.37433 15.178 7.27892 15.0958C7.27892 15.0958 8.67753 15.0966 8.75976 15.6724L8.67624 21.5926C8.67624 21.5926 9.00646 22.5804 7.93743 22.5804C7.93743 22.5804 6.62038 22.4968 6.62038 23.3192C6.62038 23.3192 6.86805 23.9783 8.01931 23.8139C8.01931 23.8139 8.84199 23.978 8.75975 24.7181V26.1974C8.75975 26.1974 8.67623 26.7736 9.49857 26.8559H15.584C15.584 26.8559 15.9133 26.8556 15.9133 26.5266C15.9133 26.5266 15.9136 26.1974 15.4202 26.1974L10.4042 26.0336C10.4042 26.0336 9.58056 26.2809 9.49832 25.0474C9.49832 25.0474 9.57794 14.4878 9.58024 14.023C9.58028 14.0232 9.58187 14.0279 9.58187 14.0279C9.58187 14.0279 9.58048 13.9891 9.58024 13.9846C9.58026 13.9805 9.58187 13.8643 9.58187 13.8625C9.58032 13.8593 9.58016 13.8593 9.57865 13.8559C9.56992 13.4518 9.56837 12.0212 9.99305 11.3134C9.99305 11.3134 9.92822 11.0563 9.65919 11.0644ZM25.2308 11.0949C24.878 11.1254 24.8775 11.5606 24.8775 11.5606C25.0419 11.7251 25.1232 12.3011 25.1232 12.3011C25.2055 13.6168 25.1232 15.0967 25.1232 16.4947C25.041 21.1822 24.8775 25.4585 24.8775 25.4585C24.8775 26.363 24.3844 26.1154 24.3844 26.1154H18.9556C18.3799 26.1154 18.3806 26.4446 18.3806 26.4446C18.4629 26.938 18.9556 26.7739 18.9556 26.7739C19.449 26.8561 24.8774 26.7739 24.8774 26.7739C25.6997 26.8561 25.6178 25.7861 25.6178 25.7861C25.7001 23.8947 25.8636 23.7302 25.8636 23.7302C26.028 23.648 26.9333 23.6483 26.9333 23.6483C28.4135 23.7306 27.7556 22.7441 27.7556 22.7441C27.5912 22.4974 26.6041 22.4967 26.6041 22.4967C25.6995 22.579 25.7817 21.5925 25.7817 21.5925L25.8636 15.9182C25.6991 15.4248 26.111 15.1794 26.111 15.1794H27.0152C28.2487 15.2616 27.9194 14.4389 27.9194 14.4389C27.9194 14.0278 26.8514 13.8623 26.8514 13.8623C25.8646 14.0268 25.9455 13.4512 25.9455 13.4512V12.0539C26.11 11.1493 25.5343 11.1496 25.5343 11.1496C25.411 11.1034 25.3123 11.0878 25.2308 11.0949ZM24.0696 11.278C23.9647 11.292 23.8492 11.3756 23.7259 11.5607V23.8957C23.7259 23.8957 24.0548 24.9641 24.5482 24.8818C24.5482 24.8818 24.6301 24.6361 24.6301 24.2249L24.7956 12.4648C24.7956 12.4648 24.5243 11.2169 24.0696 11.278ZM10.8157 11.3952C10.0755 11.3952 9.9933 12.7941 9.9933 12.7941L9.90978 24.4709C9.99202 25.0465 10.1571 24.964 10.1571 24.964C10.8973 24.4706 10.8157 23.6486 10.8157 23.6486C10.8157 23.6486 10.8976 12.5475 10.8976 12.383C10.8976 12.2185 10.8157 11.3952 10.8157 11.3952ZM11.1578 24.5478C11.1227 24.5494 11.0832 24.5552 11.0421 24.5671C10.8777 24.614 10.6749 24.7555 10.5041 25.0971L10.5008 25.1037L10.4992 25.1103C10.4992 25.1103 10.4504 25.2635 10.488 25.4138C10.5068 25.489 10.5548 25.5687 10.6422 25.6098C10.7265 25.6495 10.8383 25.6509 10.9843 25.6114H14.9995L16.0773 25.8603L16.0917 25.8571C16.0917 25.8571 16.1687 25.8394 16.2636 25.8041C16.3584 25.7689 16.474 25.7173 16.5591 25.6322C16.6016 25.5897 16.6372 25.5373 16.6523 25.4748C16.6673 25.4123 16.6592 25.3407 16.6266 25.2709C16.5614 25.1312 16.4065 24.9891 16.1126 24.8211L16.0965 24.8115H12.221C12.215 24.8099 12.0398 24.7719 11.8387 24.7216C11.6342 24.6704 11.4003 24.6028 11.3392 24.5722L11.336 24.5706H11.3344C11.3344 24.5706 11.2631 24.5422 11.1578 24.5478ZM23.3756 24.7647C23.1443 24.7531 22.8215 24.8 22.8215 24.8C22.1636 25.2112 18.2985 24.8819 18.2985 24.8819C18.0518 24.8819 17.7219 25.2931 17.7219 25.2931C17.6396 26.0332 18.8738 25.7043 18.7916 25.7043H23.3964C24.1365 25.8688 24.1369 25.5405 24.1369 25.5405C24.1369 25.2938 23.5619 24.8 23.5619 24.8C23.5208 24.7795 23.4527 24.7685 23.3756 24.7647ZM17.2917 25.6866C17.2706 25.6882 17.2496 25.694 17.2291 25.7043C17.2291 25.7043 16.4886 25.7051 16.4886 26.6921C16.4886 26.6921 16.5709 27.4309 17.311 27.4309C17.311 27.4309 17.9695 27.2667 17.9695 26.5266C17.9695 26.5266 17.6079 25.6595 17.2917 25.6866ZM34.9912 10.7383C34.9912 10.7383 34.4977 10.7386 34.58 11.0675L34.4162 23.5666C34.4162 23.5666 34.4158 24.1429 35.3204 24.2252C35.3204 24.2252 36.4727 24.3074 36.7193 24.2252H39.3502C39.3502 24.2252 39.8433 24.7176 39.8433 24.0597C39.8433 24.0597 40.1732 13.9447 40.0087 11.8065C40.0087 11.8065 40.0084 10.9023 39.2683 10.9023C39.2683 10.9023 36.3075 11.149 36.0608 10.9023L34.9912 10.7383ZM46.3739 10.8395C46.2767 10.8436 46.1346 10.8812 45.929 10.984C45.929 10.984 46.0109 11.3139 42.3104 11.1495C42.2281 11.1495 40.7476 11.0666 40.7476 11.7245C40.7476 11.7245 40.6657 17.6455 40.6657 17.8099L40.5838 22.7441L40.42 24.4707C40.42 24.4707 40.6667 24.7993 40.8311 24.5526C40.8311 24.5526 42.0646 24.2243 42.887 24.3888C42.887 24.3888 45.3534 24.6361 45.929 24.225C45.929 24.225 46.3399 24.3894 46.4221 23.8138C46.4221 23.8138 46.5863 12.8768 46.504 12.7123C46.504 12.7123 46.6698 11.1486 46.5876 10.9841C46.5876 10.9841 46.5877 10.8298 46.3739 10.8395ZM32.7668 11.0643C32.6054 11.0693 32.3704 11.1703 32.0312 11.4787V13.0399C32.0312 13.0399 32.0312 13.9445 31.2089 13.8622C31.2089 13.8622 30.3049 13.8622 29.8115 14.2734C29.8115 14.2734 29.5638 15.0961 30.4684 15.0139C30.4684 15.0139 31.867 15.0146 31.9493 15.5905L31.8673 21.5107C31.8673 21.5107 32.1963 22.4968 31.045 22.4968C31.045 22.4968 29.7296 22.4149 29.7296 23.2373C29.7296 23.2373 29.9756 23.8948 31.1269 23.7304C31.1269 23.7304 31.9493 23.8961 31.9493 24.6362V26.1155C31.9493 26.1155 31.8677 26.6918 32.6078 26.774H38.6917C38.6917 26.774 39.0209 26.7737 39.0209 26.4448C39.0209 26.4448 39.0212 26.1155 38.5278 26.1155L33.5937 26.0336C33.5937 26.0336 32.7717 26.2809 32.6894 25.0474C32.6894 25.0474 32.7717 14.0266 32.6894 13.8621V14.0276C32.6894 14.0276 32.6072 12.1355 33.1006 11.3132C33.1006 11.3132 33.0358 11.0563 32.7668 11.0643ZM48.4203 11.0948C48.0674 11.1254 48.0669 11.5606 48.0669 11.5606C48.1492 11.7251 48.3143 12.3011 48.3143 12.3011C48.3965 13.6168 48.3143 15.0967 48.3143 16.4947C48.232 21.1822 48.0669 25.4584 48.0669 25.4584C48.0669 26.363 47.5738 26.1153 47.5738 26.1153H42.1466C41.571 26.1153 41.57 26.4446 41.57 26.4446C41.6523 26.938 42.2286 26.7742 42.2286 26.6919C42.722 26.7742 48.1488 26.6919 48.1488 26.6919C48.9711 26.7742 48.8892 25.7042 48.8892 25.7042C48.9714 23.8128 49.1366 23.6483 49.1366 23.6483C49.301 23.5661 50.2046 23.5664 50.2046 23.5664C51.6026 23.6486 50.9451 22.6621 50.9451 22.6621C50.7806 22.4154 49.7935 22.4148 49.7935 22.4148C48.8889 22.497 48.9711 21.5106 48.9711 21.5106L49.0547 15.8363C48.8902 15.3429 49.3004 15.0958 49.3004 15.0958H50.2046C51.4381 15.1781 51.1105 14.357 51.1105 14.357C51.1105 13.9458 50.0408 13.7804 50.0408 13.7804C49.054 13.9449 49.1366 13.3692 49.1366 13.3692V12.0538C49.301 11.1492 48.7254 11.1496 48.7254 11.1496C48.602 11.1034 48.5017 11.0878 48.4203 11.0948ZM47.259 11.3085C47.1541 11.3171 47.0387 11.391 46.9153 11.5606V23.8957C46.9153 23.8957 47.2443 24.964 47.7377 24.8818C47.7377 24.8818 47.8212 24.6361 47.8212 24.2249L47.985 12.4647C47.985 12.4647 47.7137 11.2712 47.259 11.3085ZM34.0051 11.3952C33.265 11.3952 33.1828 12.7941 33.1828 12.7941L33.1008 24.4709C33.1831 25.0465 33.3466 24.964 33.3466 24.964C34.0867 24.4705 34.0051 23.6485 34.0051 23.6485C34.0051 23.6485 34.087 12.5475 34.087 12.383C34.087 12.2185 34.0051 11.3952 34.0051 11.3952ZM34.4757 24.5351C34.3322 24.531 34.0675 24.5951 33.8413 25.0475C33.8413 25.0475 33.6769 25.6231 34.2525 25.4587H38.2809L39.3506 25.7044C39.3506 25.7044 40.5019 25.458 39.3506 24.8001H35.4862C35.4862 24.8001 34.7448 24.635 34.5804 24.5528C34.5804 24.5528 34.541 24.5372 34.4757 24.5351ZM46.6101 24.6813C46.4013 24.6854 46.1765 24.7182 46.1765 24.7182C45.5186 25.1294 41.6535 24.8001 41.6535 24.8001C41.4068 24.8001 41.0769 25.2113 41.0769 25.2113C40.9124 25.9514 42.1466 25.6225 42.1466 25.6225H46.7514C47.4915 25.7869 47.4918 25.4586 47.4918 25.4586C47.4918 25.2119 46.9152 24.7182 46.9152 24.7182C46.8536 24.6874 46.7354 24.6789 46.6101 24.6813ZM40.5648 25.6048C40.5431 25.6064 40.5227 25.6122 40.5021 25.6225C40.5021 25.6225 39.7614 25.6217 39.8436 26.6086C39.8436 26.6086 39.9259 27.3491 40.666 27.3491C40.666 27.3491 41.3245 27.2672 41.3245 26.4448C41.3245 26.4448 40.89 25.5777 40.5648 25.6048ZM28.3315 41.5761C28.3315 41.5761 28.3315 42.4807 28.2492 43.3853C28.167 43.8787 28.4137 46.1812 28.2492 47.3325C28.2492 47.3325 28.2492 47.7437 27.4269 47.4147C27.4269 47.4147 22.4105 47.497 22.3282 47.3325C22.3282 47.3325 20.9302 47.4147 20.848 46.6746C20.848 46.6746 21.0125 41.3293 20.9302 41.1648C20.9302 41.1648 20.848 38.2866 20.9302 37.9577C20.9302 37.9577 21.0125 35.244 20.9302 34.915C20.9302 34.915 20.9302 34.2571 20.848 34.0105C20.848 34.0105 20.848 33.5993 21.5059 33.846C21.5059 33.846 21.7526 34.2572 22.9861 34.0927C22.9861 34.0927 23.8907 34.2572 24.7953 34.0927C24.7953 34.0927 26.7689 33.9282 27.2623 34.0927C27.2623 34.0927 28.0846 33.9282 28.2491 34.8328V37.2176L28.4958 38.0399L28.7425 37.8755L28.8247 37.2998V34.7506C28.8247 34.7506 28.9892 34.2572 29.6471 34.1749C29.6471 34.1749 30.6339 34.0927 30.7983 34.1749C30.9628 34.2572 33.1009 34.3394 33.6765 34.2572C34.2522 34.1749 34.3344 34.6683 36.1436 33.7637C36.1436 33.7637 36.637 33.7637 36.637 34.0927C36.637 34.0927 36.4725 37.382 36.637 38.0399C36.637 38.0399 36.637 44.1254 36.4725 44.5366L36.5547 46.5102C36.5547 46.5102 36.637 47.3326 35.239 47.4148C35.239 47.4148 36.0614 47.497 30.716 47.3325C30.716 47.3325 29.8937 47.2503 28.9069 47.7437C28.9069 47.7437 28.7424 47.6615 28.7424 47.1681C28.7424 47.1681 28.9069 45.3589 28.7424 43.5498L28.6602 41.5761L28.3315 41.5761ZM36.9659 46.9215C36.9659 46.9215 37.4593 47.826 37.6237 47.9082C37.6237 47.9082 38.0349 48.4017 37.9527 47.4971L38.0349 36.2311C38.0349 36.2311 37.9527 35.8199 38.0349 35.2443L37.5415 34.422C37.5415 34.422 37.0481 34.0108 37.0481 34.6687V46.5925L36.9659 46.9215ZM20.6013 47.4149C20.6013 47.4149 21.1769 47.9905 22.0815 47.9905L27.3446 48.0728C27.3446 48.0728 27.9202 48.155 27.9202 48.4017C27.9202 48.4017 27.838 48.8951 27.0979 48.7306L20.6835 48.6484L19.9433 48.7306C19.9433 48.7306 19.4499 48.6484 20.19 47.7438L20.6013 47.4149ZM19.45 34.5042C19.45 34.5042 18.9566 35.3266 19.0388 35.5732V48.5661C19.0388 48.5661 18.9566 49.4707 19.6967 49.224C19.6967 49.224 26.5223 49.0596 27.0157 49.224C27.0157 49.224 27.6736 49.3063 27.4269 49.6352C27.4269 49.6352 27.4269 49.8819 27.0157 49.7997C27.0157 49.7997 23.8086 50.1286 20.848 49.9641C20.848 49.9641 18.8744 50.0464 18.7921 49.8819C18.7921 49.8819 18.4632 49.7997 18.4632 48.7306C18.4632 48.7306 18.4632 47.6616 18.381 47.4971C18.381 47.4971 18.4632 46.9215 17.4764 46.8392C17.4764 46.8392 16.0784 47.0859 16.0784 46.2636C16.0784 46.2636 16.2429 45.6879 17.6409 45.7702C17.6409 45.7702 18.6277 45.9346 18.381 45.1123L18.4632 39.3558C18.4632 39.3558 18.6277 38.369 17.8876 38.2867H17.0652C17.0652 38.2867 15.914 38.2867 15.9962 37.6288C15.9962 37.6288 16.4074 36.9709 17.5587 37.0532C17.5587 37.0532 18.381 37.2177 18.4632 36.2308C18.4632 36.2308 18.4632 34.2572 18.8744 34.175C18.7922 34.175 19.7789 34.2575 19.45 34.5042ZM20.1079 34.4217C20.1079 34.4217 20.3546 34.4217 20.3546 34.9151L20.2724 46.6745C20.2724 46.6745 20.3546 47.4146 19.6967 47.9902C19.6967 47.9902 19.3678 48.4014 19.3678 47.7435L19.5323 35.7374C19.5323 35.7374 19.5323 34.8328 20.1079 34.4217ZM29.318 48.2369C29.318 48.2369 29.9759 47.7435 30.3048 47.8258C30.3048 47.8258 33.8409 48.0725 34.91 47.908C35.979 47.7435 35.3212 47.8258 35.3212 47.8258C35.3212 47.8258 36.2258 47.8258 36.5547 47.4968C36.5547 47.4968 36.8014 47.4146 36.9659 47.6613L37.5415 48.3192C37.5415 48.3192 37.5415 48.7304 36.8836 48.6481C36.8836 48.6481 30.5514 48.6481 30.3047 48.7304C30.387 48.7304 29.2357 48.8948 29.318 48.2369ZM29.7291 49.306C29.7291 49.306 30.2225 49.0593 30.5515 49.1415C30.8804 49.2237 35.4034 49.0593 35.4034 49.0593C35.4034 49.0593 37.377 49.2237 37.706 48.8948L38.1994 48.7303C38.1994 48.7303 38.3639 48.4836 38.3639 48.1547V46.7567L38.4461 46.3455V35.573C38.4461 35.573 38.6106 34.7506 38.1172 34.2573C38.1172 34.2573 38.1172 33.9283 38.2816 34.0106C38.4461 34.0928 38.3639 34.0106 38.3639 34.0106C38.3639 34.0106 39.0218 33.8461 39.1862 34.0928C39.1862 34.0928 39.5152 34.9974 39.1862 35.573C39.1862 35.573 39.104 36.7243 39.6797 36.7243C39.6797 36.7243 39.9264 36.971 40.3375 36.8065C40.3375 36.8065 41.3243 36.8887 41.3243 37.2177C41.3243 37.2177 41.3243 37.9578 40.6664 37.7933L39.7618 37.8756C39.7618 37.8756 39.104 38.04 39.1862 38.6979C39.2684 39.438 39.1862 44.7834 39.1862 44.7834C39.1862 44.7834 39.1862 45.4413 40.173 45.3591C40.173 45.3591 41.4065 45.2768 41.4065 45.688C41.4065 45.688 41.7354 46.4281 40.8308 46.5103C40.8308 46.5103 39.1862 46.4281 39.3506 46.9215C39.3506 46.9215 39.2684 47.9906 39.1862 48.2373C39.1862 48.2373 39.3506 49.1419 39.1862 49.3063C39.1862 49.3063 39.1039 49.7997 38.0349 49.7175C38.0349 49.7175 31.3738 49.7175 30.3047 49.7997C30.2225 49.9642 29.5646 49.8816 29.7291 49.306ZM28.5778 48.5662C28.5778 48.5662 29.2357 48.6484 29.2357 49.3063C29.2357 49.9642 29.2357 50.2931 28.9067 50.3753C28.4955 50.4576 28.0844 50.2931 28.0022 49.7997C27.8377 49.3063 28.0021 48.7306 28.5778 48.5662Z" fill="white"/> <path d="M16.3274 15.2596L15.9985 15.9997C15.9985 15.9997 15.1761 19.7825 14.6827 20.5227C14.6827 20.5227 14.6005 21.345 13.9426 20.6872C13.9426 20.6872 12.3802 15.9175 12.2979 15.753L11.8045 15.424C11.8045 15.424 11.4756 15.0129 12.0512 14.9306H13.5314C13.5314 14.9306 14.0248 15.3418 13.3669 15.753C13.3669 15.753 13.4492 16.4109 14.2715 18.7956C14.2715 18.7956 14.5182 19.7002 14.7649 19.0424L15.5873 16.2464L15.3406 15.424C15.3406 15.424 15.0939 15.0129 15.4228 15.0129C15.4228 15.0129 16.2452 14.9306 16.3274 15.2596ZM18.5477 15.9175V20.0293L18.4655 20.3582C18.4655 20.3582 18.0543 20.8516 18.3832 20.9339C18.3832 20.9339 18.0543 21.1806 20.8502 21.1806C20.8502 21.1806 21.9193 21.345 21.6726 19.9471C21.6726 19.9471 21.5904 19.4536 21.1792 20.1938C21.1792 20.1938 21.097 20.8516 19.6167 20.6049C19.6167 20.6049 19.2878 20.3582 19.2878 20.0293V18.3024C19.2878 18.3024 19.2878 17.8912 19.9457 17.8912C19.9457 17.8912 20.6858 18.3846 20.7681 18.1379C20.7681 18.1379 21.0148 17.48 20.7681 17.1511C20.7681 17.1511 20.4391 17.1511 20.3569 17.2333C20.3569 17.2333 20.1102 17.7267 19.4523 17.3978C19.4523 17.3978 19.1234 16.7399 19.3701 16.2465C19.3701 16.2465 19.2878 15.2597 19.9457 15.3419C19.9457 15.3419 20.7681 15.5064 20.7681 15.7531C20.7681 15.7531 20.9326 16.2465 21.1793 15.6709L21.0148 15.0952C21.0148 15.0952 20.9326 14.8485 20.6859 14.9308C20.6859 14.9308 19.3701 15.0952 19.2057 14.9308L18.1366 15.013C18.1366 15.013 17.9722 15.4242 18.4656 15.5886C18.4656 15.6709 18.5477 15.753 18.5477 15.9175ZM42.1492 15.2597C42.0669 14.9308 42.8071 14.9308 42.8071 14.9308L43.2183 15.013C43.465 15.013 43.7939 15.0952 43.7939 15.0952C44.0406 15.5064 43.6294 15.7531 43.6294 15.7531L43.465 16.2465V20.3583C43.5472 20.5228 43.8761 20.934 43.8761 20.934C43.8761 21.2629 43.465 21.1807 43.465 21.1807H42.3137C41.9848 21.1807 42.067 20.7695 42.067 20.7695C42.4782 20.605 42.5604 19.8649 42.5604 19.8649V15.9999L42.1492 15.2597ZM36.8861 18.878L36.8038 20.1115L37.1328 20.6872C37.3795 21.0161 36.9683 21.2628 36.9683 21.2628L35.7348 21.0983C35.4881 21.0161 35.7348 20.6049 35.7348 20.6049C36.0637 20.4405 36.0637 19.947 36.0637 19.947V15.9998C36.0637 15.8353 35.7348 15.4241 35.7348 15.4241C35.4881 15.4241 35.5703 15.013 35.5703 15.013C35.6526 14.8485 36.3105 14.9307 36.3105 14.9307H37.9551C39.5176 15.4241 39.2709 16.5754 39.2709 16.5754C39.3531 17.7267 38.2018 18.1378 38.2018 18.1378L38.1196 18.7957L39.2709 20.6049C39.4353 20.7694 39.4353 20.9338 39.4353 20.9338C39.2709 21.345 38.613 20.9338 38.613 20.9338L37.215 18.7135C37.0505 18.549 36.8861 18.878 36.8861 18.878ZM36.8861 15.7531V17.8089C37.6262 18.3846 38.0373 17.5622 38.0373 17.5622C39.0241 16.6577 38.0373 15.7531 37.8729 15.5064C37.7084 15.2597 36.9683 15.5064 36.9683 15.5064L36.8861 15.7531ZM24.88 38.7788C24.88 38.7788 24.9622 41.657 24.88 42.0681V42.726C24.88 42.726 25.0445 43.1372 25.2912 43.3017C25.2912 43.3017 25.4556 43.8773 25.0445 43.7951C25.0445 43.7951 24.0577 43.7129 23.811 43.7951C23.811 43.7951 23.2353 43.7951 23.811 43.1372C23.811 43.1372 23.9754 42.8905 23.9754 42.1504C23.9754 42.1504 23.9754 38.8611 24.0577 38.6966C24.0577 38.6966 24.1399 38.2854 23.8932 38.1209H23.3998L22.8241 38.6966C22.8241 38.6966 22.6597 39.2722 22.413 38.6966V38.3676L22.7419 37.4631H22.9886C22.9886 37.4631 23.3175 37.7098 23.6465 37.792H25.4556L26.1135 37.4631C26.1135 37.4631 26.3602 37.4631 26.278 37.8742C26.278 37.8742 26.3602 38.7788 25.8668 38.861C25.8668 38.861 25.5379 38.7788 25.3734 38.2854C25.3734 38.2031 24.88 37.8742 24.88 38.7788ZM33.4321 37.7098C33.4321 37.7098 31.9519 37.5453 31.9519 39.19C31.9519 39.19 31.7875 40.259 33.4321 40.9991C33.4321 40.9991 34.6656 41.5748 34.5834 42.3149C34.5834 42.3149 34.4189 43.6306 33.1032 42.9728C33.1032 42.9728 32.4453 42.6438 32.5275 42.3149C32.5275 42.3149 32.3631 41.9037 32.1164 41.9859C32.1164 41.9859 31.8697 42.0682 31.9519 43.3839C31.9519 43.3839 31.9519 43.8773 32.5275 43.3839L32.8565 43.4661C32.8565 43.4661 33.9255 44.2885 34.8301 43.3017C34.8301 43.3017 35.8169 42.3971 35.0768 41.328C35.0768 41.328 34.5834 40.5057 33.6788 40.1768C33.6788 40.1768 32.8565 39.7656 32.6098 39.1077C32.6098 39.1077 32.8565 37.9565 33.9255 38.5321C33.9255 38.5321 34.3367 39.0255 34.5834 39.1077C34.5834 39.1077 34.9124 39.1077 34.8301 38.3676L34.7479 37.792C34.7479 37.792 34.6657 37.3808 34.09 37.792C34.09 37.7097 33.5966 37.9565 33.4321 37.7098ZM28.7447 36.8874C28.9914 37.0518 29.0736 37.463 29.0736 37.463C29.896 39.5189 30.5538 42.5617 30.5538 42.5617C30.7183 42.9729 31.1295 43.2196 31.1295 43.2196C31.7873 43.4663 31.1295 43.6307 31.1295 43.6307C30.8828 43.713 29.9782 43.6307 29.9782 43.6307C29.4848 43.5485 29.7315 43.384 29.7315 43.384C29.896 43.2196 29.7315 42.3972 29.7315 42.3972C29.7315 42.0683 29.3203 41.5749 29.3203 41.5749C29.1558 41.4926 28.9091 41.8216 28.9091 41.8216C28.9091 41.8216 28.498 41.9861 28.4157 41.8216C28.3335 41.6571 28.0868 41.4926 28.0868 41.4926C27.5934 41.4926 27.4289 42.6439 27.4289 42.6439C27.6756 43.6307 27.4289 43.4663 27.4289 43.4663C27.1822 43.7952 26.4421 43.5485 26.4421 43.5485C26.1132 43.4663 26.3599 43.2196 26.3599 43.2196C26.771 43.1373 26.9355 42.6439 26.9355 42.6439C27.1 42.3972 28.4157 37.2986 28.4157 37.2986C28.3335 37.2163 28.4157 36.7229 28.7447 36.8874ZM28.0868 39.5189C28.0868 39.6833 27.7578 40.8346 27.7578 40.8346L28.0045 41.2458H28.8269C28.9914 41.2458 29.0736 41.0813 29.0736 40.8346C29.0736 40.6701 28.6624 39.4366 28.6624 39.4366L28.4979 39.1899L28.0868 39.5189Z" fill="black"/> </svg> </span> </li> </ul> <ul class="lg:absolute pl-4 pr-8 lg:pr-0 space-x-12 lg:space-x-0 lg:top-0 lg:left-0 lg:right-0 items-center flex lg:hidden! h-full grid-cols-2 transition-opacity duration-500 lg:opacity-0 gap-y-5"> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.6875rem] aspect-[125/49] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="125" height="49" viewBox="0 0 125 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24692)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M-0.000976562 0.000244141H124.999V49.0002H-0.000976562V0.000244141ZM105.782 3.91893V11.4189H98.9446V20.7124H105.782V28.224H98.9446V37.6589H105.782V45.0578H91.3776V7.76846L85.3077 45.0577L76.4246 45.084C76.4246 45.084 71.8939 18.6763 71.8851 18.6186V18.6214C72.6175 22.887 69.8656 27.346 67.4284 29.1019L72.2377 45.0577H72.2287H72.2155L72.2185 45.0664H72.2097H64.7585H64.7495L61.0846 31.4527L59.3144 31.7039V45.0577H59.3054H59.2964V45.0664H59.2846L44.8445 45.0577L43.955 38.7275H38.0332L37.1407 45.0577H22.4324V25.2292L19.0106 45.0577H14.9545L11.484 25.2292V45.0582H3.85449V3.91905H13.543L16.944 25.1741L20.4356 3.91881H30.121L30.118 41.7541L35.9445 3.91333L46.0644 3.91905L51.6965 40.4401L51.7261 3.91905C51.7261 3.91905 59.4179 3.91613 59.4637 3.91905C66.4259 3.91905 69.5895 8.89206 70.482 10.6048L69.6164 3.91905H77.3435L80.8305 28.9749L84.3544 3.91893H105.782ZM41.0267 14.616L38.932 32.2038H43.2017L41.0267 14.616ZM59.314 24.4987C59.91 24.4987 60.5222 24.3601 61.1094 24.0827C62.8884 23.2424 64.4035 21.1426 64.4035 17.8101C64.4035 11.4393 59.9486 11.2603 59.3511 11.2632C59.3462 11.2632 59.3415 11.2635 59.3372 11.2639C59.3285 11.2647 59.3209 11.2659 59.314 11.2659V24.4987ZM121.154 45.052V37.6532H114.668V3.91333H107.103V45.052H121.154Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24692"> <rect width="125" height="49" fill="white"/> </clipPath> </defs> </svg> <svg data-logo="marvel" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="125" height="49" viewBox="0 0 125 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24687)"> <path d="M125 0H0V49H125V0Z" fill="#ED1D24"/> <path d="M105.782 11.4189V3.91893H84.3544L80.8305 28.9749L77.3435 3.91905H69.6164L70.482 10.6048C69.5895 8.89206 66.4259 3.91905 59.4637 3.91905C59.4179 3.91613 51.7261 3.91905 51.7261 3.91905L51.6965 40.4401L46.0644 3.91905L35.9445 3.91333L30.118 41.7541L30.121 3.91881H20.4356L16.944 25.1741L13.543 3.91905H3.85449V45.0582H11.484V25.2292L14.9545 45.0577H19.0106L22.4324 25.2292V45.0577H37.1407L38.0332 38.7275H43.955L44.8445 45.0577L59.2846 45.0664H59.2964V45.0577H59.3054H59.3144V31.7039L61.0846 31.4527L64.7495 45.0664H64.7585H72.2097H72.2185L72.2155 45.0577H72.2287H72.2377L67.4284 29.1019C69.8656 27.346 72.6175 22.887 71.8851 18.6214V18.6186C71.8939 18.6763 76.4246 45.084 76.4246 45.084L85.3077 45.0577L91.3776 7.76846V45.0578H105.782V37.6589H98.9446V28.224H105.782V20.7124H98.9446V11.4189H105.782ZM38.932 32.2037L41.0267 14.616L43.2017 32.2037H38.932ZM61.1094 24.0827C60.5222 24.3601 59.91 24.4987 59.314 24.4987V11.2659C59.3244 11.2659 59.3364 11.2632 59.3511 11.2632C59.9486 11.2603 64.4035 11.4393 64.4035 17.8101C64.4035 21.1426 62.8884 23.2424 61.1094 24.0827ZM121.154 37.6532V45.052H107.103V3.91333H114.668V37.6532H121.154Z" fill="white"/> </g> <defs> <clipPath id="clip0_371_24687"> <rect width="125" height="49" fill="white"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.4375rem] aspect-[229/31] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="229" height="31" viewBox="0 0 229 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.0822 3.59597C17.0822 1.11597 14.7303 0.495972 12.8735 0.495972V0.867972C13.9876 0.867972 14.8541 1.23997 14.8541 2.10797C14.8541 2.60397 14.4827 3.34797 13.3686 3.34797C12.5022 3.34797 10.6454 2.85197 9.28378 2.35597C7.67459 1.73597 6.18919 1.23997 4.95135 1.23997C2.47568 1.23997 0.742703 3.09997 0.742703 5.20797C0.742703 7.06797 2.10432 7.68797 2.59946 7.93597L2.72324 7.68797C2.47568 7.43997 2.10432 7.19197 2.10432 6.44797C2.10432 5.95197 2.59946 5.08397 3.8373 5.08397C4.95135 5.08397 6.43676 5.57997 8.4173 6.19997C10.1503 6.69597 12.007 7.06797 12.9973 7.19197V11.036L11.1405 12.648V12.772L12.9973 14.384V19.716C12.007 20.336 10.893 20.46 9.9027 20.46C8.04595 20.46 6.43676 19.964 5.07513 18.476L10.1503 15.996V7.43997L3.96108 10.168C4.45622 8.55597 5.81784 7.43997 7.17946 6.69597L7.05568 6.32397C3.34216 7.31597 0 10.788 0 15.004C0 19.964 4.08486 23.684 8.66486 23.684C13.6162 23.684 16.8346 19.716 16.8346 15.624H16.587C15.8443 17.236 14.7303 18.724 13.3686 19.468V14.384L15.3492 12.772V12.648L13.3686 11.036V7.19197C15.2254 7.19197 17.0822 5.95197 17.0822 3.59597ZM6.31297 17.236L4.82757 17.98C3.96108 16.864 3.46595 15.376 3.46595 13.268C3.46595 12.4 3.46595 11.408 3.71351 10.664L6.31297 9.54797V17.236ZM19.4341 20.088L17.8249 21.328L18.0724 21.576L18.8151 20.956L21.5384 23.436L25.2519 20.956L25.1281 20.708L24.1378 21.328L22.9 20.088V11.656L23.8903 10.912L25.9946 12.648V20.212C25.9946 24.924 25.0043 25.668 22.9 26.412V26.784C26.3659 26.908 29.5843 25.792 29.5843 19.716V11.532L30.6984 10.664L30.4508 10.416L29.4605 11.16L26.3659 8.55597L22.9 11.16V0.991972H22.6524L18.32 3.96797V4.21597C18.8151 4.46397 19.5578 4.71197 19.5578 6.07597L19.4341 20.088ZM42.0865 18.724L38.9919 21.08L35.8973 18.6V17.112L41.7151 13.144V13.02L38.7443 8.55597L32.3076 12.028V20.212L31.0697 21.204L31.3173 21.452L32.4314 20.584L36.64 23.684L42.2103 19.22L42.0865 18.724ZM35.8973 16.616V10.54L36.1449 10.416L38.8681 14.756L35.8973 16.616ZM65.7292 2.47997C65.7292 2.10797 65.6054 1.73597 65.4816 1.36397H65.2341C64.8627 2.35597 64.3676 2.85197 63.1297 2.85197C62.0157 2.85197 61.273 2.23197 60.7778 1.73597L57.1881 5.82797L57.4357 6.07597L58.6735 4.95997C59.4162 5.57997 60.0351 6.07597 61.7681 6.19997V16.492L54.4649 3.96797C53.8459 2.97597 52.9795 1.61197 51.2465 1.61197C49.2659 1.61197 47.533 3.34797 47.7805 6.07597H48.1519C48.2757 5.33197 48.647 4.46397 49.5135 4.46397C50.1324 4.46397 50.7513 5.08397 51.1227 5.70397V9.79597C48.8946 9.79597 47.4092 10.788 47.4092 12.648C47.4092 13.64 47.9043 15.128 49.3897 15.5V15.252C49.1422 15.004 49.0184 14.756 49.0184 14.384C49.0184 13.764 49.5135 13.268 50.38 13.268H50.9989V18.476C48.3995 18.476 46.2951 19.964 46.2951 22.444C46.2951 24.8 48.2757 25.916 50.5038 25.792V25.544C49.1422 25.42 48.5232 24.8 48.5232 23.932C48.5232 22.816 49.2659 22.32 50.2562 22.32C51.2465 22.32 52.113 22.94 52.7319 23.684L56.3216 19.716L56.0741 19.468L55.2076 20.46C53.8459 19.22 53.1032 18.848 51.494 18.6V6.19997L61.3968 23.56H62.1395V6.19997C63.9962 6.07597 65.7292 4.58797 65.7292 2.47997ZM74.7654 18.724L71.6708 21.08L68.5762 18.6V17.112L74.3941 13.144V13.02L71.4232 8.55597L64.9865 12.028V20.212L63.7486 21.204L63.9962 21.452L65.1103 20.584L69.3189 23.684L74.8892 19.22L74.7654 18.724ZM68.5762 16.616V10.54L68.8238 10.416L71.547 14.756L68.5762 16.616ZM94.9422 9.91997L94.0757 10.54L91.7238 8.55597L89.0005 11.036L90.1146 12.152V21.452L87.1438 19.592V11.904L88.134 11.284L85.287 8.55597L82.5638 11.036L83.6778 12.152V21.08L83.3065 21.328L80.707 19.468V12.028C80.707 10.292 79.8405 9.79597 78.8503 9.17597C77.9838 8.55597 77.4886 8.18397 77.4886 7.31597C77.4886 6.57197 78.2313 6.19997 78.6027 5.95197V5.70397C77.6124 5.70397 75.013 6.69597 75.013 9.05197C75.013 10.292 75.6319 10.788 76.2508 11.408C76.8697 12.028 77.4886 12.524 77.4886 13.64V20.832L76.127 21.824L76.3746 22.072L77.6124 21.08L80.4595 23.56L83.5541 21.452L87.02 23.56L93.5805 19.716V11.408L95.1897 10.168L94.9422 9.91997ZM117.966 3.09997L116.728 4.21597L114.005 1.73597L109.92 4.71197V1.98397H109.549L109.672 22.072C109.301 22.072 108.187 21.824 107.321 21.576L107.073 4.83597C107.073 3.59597 106.206 1.85997 103.978 1.85997C101.75 1.85997 100.265 3.59597 100.265 5.33197H100.636C100.76 4.58797 101.131 3.96797 101.874 3.96797C102.617 3.96797 103.236 4.46397 103.236 6.07597V10.912C101.008 11.036 99.6459 12.276 99.6459 13.888C99.6459 14.88 100.141 16.368 101.626 16.368V16.12C101.131 15.872 101.008 15.5 101.008 15.252C101.008 14.508 101.626 14.26 102.617 14.26H103.112V21.948C101.255 22.568 100.512 23.932 100.512 25.42C100.512 27.528 102.122 29.016 104.597 29.016C106.33 29.016 107.816 28.768 109.301 28.396C110.539 28.148 112.148 27.776 112.891 27.776C113.881 27.776 114.252 28.272 114.252 28.892C114.252 29.76 113.881 30.132 113.386 30.256V30.504C115.366 30.132 116.604 28.892 116.604 27.032C116.604 25.172 114.748 24.056 112.767 24.056C111.777 24.056 109.672 24.428 108.187 24.676C106.454 25.048 104.721 25.296 104.226 25.296C103.359 25.296 102.369 24.924 102.369 23.684C102.369 22.692 103.236 21.824 105.34 21.824C106.454 21.824 107.816 21.948 109.177 22.32C110.663 22.692 112.024 23.064 113.262 23.064C115.119 23.064 116.728 22.444 116.728 19.84V4.58797L118.214 3.34797L117.966 3.09997ZM112.891 10.664C112.519 11.036 112.024 11.408 111.405 11.408C110.786 11.408 110.168 11.036 109.92 10.664V5.20797L111.158 4.33997L112.891 5.95197V10.664ZM112.891 14.384C112.643 14.136 112.024 13.764 111.405 13.764C110.786 13.764 110.168 14.136 109.92 14.384V11.16C110.168 11.408 110.786 11.78 111.405 11.78C112.024 11.78 112.643 11.408 112.891 11.16V14.384ZM112.891 20.212C112.891 21.204 112.272 22.196 110.91 22.196H109.92V14.88C110.168 14.632 110.786 14.26 111.405 14.26C112.024 14.26 112.519 14.632 112.891 14.88V20.212ZM129.849 11.408L125.888 8.55597L119.823 12.028V20.088L118.585 21.08L118.709 21.328L119.699 20.584L123.66 23.56L129.849 19.84V11.408ZM123.165 19.22V10.292L126.259 12.524V21.328L123.165 19.22ZM141.609 8.80397H141.361C140.99 9.05197 140.618 9.29997 140.247 9.29997C139.752 9.29997 139.133 9.05197 138.885 8.67997H138.638L136.534 11.036L134.429 8.67997L130.716 11.16L130.839 11.408L131.83 10.788L133.068 12.152V19.964L131.458 21.204L131.706 21.452L132.449 20.832L135.419 23.312L139.257 20.708L139.133 20.46L138.019 21.08L136.534 19.84V11.16C137.152 11.78 137.895 12.4 138.762 12.4C140.495 12.524 141.485 10.788 141.609 8.80397ZM156.463 20.708L152.254 23.56L146.56 14.88L150.645 8.55597H150.892C151.388 9.05197 152.13 9.54797 152.997 9.54797C153.863 9.54797 154.482 9.05197 154.854 8.55597H155.101C154.977 11.036 153.244 12.524 152.006 12.524C150.769 12.524 150.15 11.904 149.407 11.532L149.036 12.152L155.225 21.328L156.463 20.584V20.708ZM142.846 20.088L141.237 21.328L141.485 21.576L142.228 20.956L144.951 23.436L148.664 20.956L148.417 20.708L147.426 21.328L146.189 20.088V0.991972H146.065L141.609 3.96797V4.21597C142.104 4.46397 142.846 4.58797 142.846 6.07597V20.088ZM177.011 3.59597C177.011 1.11597 174.659 0.495972 172.802 0.495972V0.867972C173.916 0.867972 174.783 1.23997 174.783 2.10797C174.783 2.60397 174.411 3.34797 173.297 3.34797C172.431 3.34797 170.574 2.85197 169.212 2.35597C167.603 1.85997 166.118 1.36397 164.88 1.36397C162.404 1.36397 160.671 3.22397 160.671 5.33197C160.671 7.19197 162.033 7.81197 162.528 8.05997L162.652 7.81197C162.281 7.56397 161.909 7.31597 161.909 6.57197C161.909 6.07597 162.404 5.20797 163.642 5.20797C164.756 5.20797 166.242 5.70397 168.222 6.32397C169.955 6.81997 171.812 7.19197 172.802 7.31597V11.16L170.945 12.772V12.896L172.802 14.508V19.84C171.812 20.46 170.698 20.584 169.708 20.584C167.851 20.584 166.242 20.088 164.88 18.6L169.955 16.12V7.43997L163.766 10.168C164.385 8.55597 165.746 7.43997 166.984 6.57197L166.861 6.32397C163.147 7.31597 159.805 10.664 159.805 14.88C159.805 19.84 163.89 23.56 168.47 23.56C173.421 23.56 176.639 19.592 176.639 15.5H176.392C175.649 17.112 174.535 18.6 173.173 19.344V14.26L175.154 12.648V12.524L173.297 10.912V7.19197C175.154 7.19197 177.011 5.95197 177.011 3.59597ZM166.242 17.236L164.756 17.98C163.89 16.864 163.395 15.376 163.395 13.268C163.395 12.4 163.518 11.408 163.766 10.664L166.365 9.54797L166.242 17.236ZM181.343 2.35597H181.219L178.744 4.46397V4.58797L180.848 6.94397H181.096L183.571 4.83597V4.71197L181.343 2.35597ZM185.057 20.708L184.066 21.328L182.829 20.088V11.532L184.066 10.664L183.819 10.416L182.952 11.16L180.724 8.55597L177.135 11.036L177.382 11.408L178.249 10.788L179.363 12.152V20.212L177.754 21.452L177.877 21.7L178.744 21.08L181.467 23.56L185.181 21.08L185.057 20.708ZM205.729 20.584L204.862 21.204L203.501 19.964V11.532L204.738 10.54L204.491 10.292L203.501 11.16L200.654 8.55597L196.94 11.16L194.093 8.55597L190.627 11.16L188.399 8.55597L184.809 11.036L184.933 11.408L185.799 10.788L187.037 12.152V20.212L186.047 21.204L188.894 23.56L191.617 21.08L190.503 19.964V11.532L191.617 10.788L193.474 12.524V19.964L192.484 20.956L195.331 23.312L198.054 20.832L196.94 19.716V11.532L197.93 10.912L199.911 12.648V20.088L199.044 20.956L201.891 23.56L205.729 20.956V20.584ZM216.498 18.724L213.403 21.08L210.309 18.6V17.112L216.126 13.144V13.02L213.156 8.55597L206.719 12.028V20.46L211.051 23.56L216.622 19.096L216.498 18.724ZM210.309 16.616V10.54L210.556 10.416L213.279 14.756L210.309 16.616ZM227.762 15.5L225.41 13.64C227.019 12.276 227.638 10.416 227.638 9.17597V8.43197H227.391C227.143 9.05197 226.648 9.67197 225.658 9.67197C224.668 9.67197 224.049 9.17597 223.43 8.43197L217.859 11.532V15.996L219.964 17.608C217.859 19.468 217.488 20.708 217.488 21.7C217.488 22.94 218.107 23.808 219.097 24.18L219.221 23.932C218.974 23.684 218.726 23.56 218.726 22.94C218.726 22.568 219.221 21.948 220.211 21.948C221.449 21.948 222.192 22.816 222.563 23.188L227.886 19.964V15.5H227.762ZM226.401 11.78C225.534 13.268 223.677 14.756 222.563 15.5L221.202 14.384V10.044C221.697 11.284 223.058 12.276 224.42 12.276C225.286 12.276 225.782 12.152 226.401 11.78ZM224.296 21.7C223.677 20.336 222.192 19.344 220.706 19.344C220.335 19.344 219.345 19.344 218.355 19.964C218.973 18.972 220.583 17.236 222.687 15.996L224.172 17.236L224.296 21.7Z" fill="#C8C7C1"/> </svg> <svg data-logo="nytimes" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="229" height="31" viewBox="0 0 229 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.0822 3.59597C17.0822 1.11597 14.7303 0.495972 12.8735 0.495972V0.867972C13.9876 0.867972 14.8541 1.23997 14.8541 2.10797C14.8541 2.60397 14.4827 3.34797 13.3686 3.34797C12.5022 3.34797 10.6454 2.85197 9.28378 2.35597C7.67459 1.73597 6.18919 1.23997 4.95135 1.23997C2.47568 1.23997 0.742703 3.09997 0.742703 5.20797C0.742703 7.06797 2.10432 7.68797 2.59946 7.93597L2.72324 7.68797C2.47568 7.43997 2.10432 7.19197 2.10432 6.44797C2.10432 5.95197 2.59946 5.08397 3.8373 5.08397C4.95135 5.08397 6.43676 5.57997 8.4173 6.19997C10.1503 6.69597 12.007 7.06797 12.9973 7.19197V11.036L11.1405 12.648V12.772L12.9973 14.384V19.716C12.007 20.336 10.893 20.46 9.9027 20.46C8.04595 20.46 6.43676 19.964 5.07513 18.476L10.1503 15.996V7.43997L3.96108 10.168C4.45622 8.55597 5.81784 7.43997 7.17946 6.69597L7.05568 6.32397C3.34216 7.31597 0 10.788 0 15.004C0 19.964 4.08486 23.684 8.66486 23.684C13.6162 23.684 16.8346 19.716 16.8346 15.624H16.587C15.8443 17.236 14.7303 18.724 13.3686 19.468V14.384L15.3492 12.772V12.648L13.3686 11.036V7.19197C15.2254 7.19197 17.0822 5.95197 17.0822 3.59597ZM6.31297 17.236L4.82757 17.98C3.96108 16.864 3.46595 15.376 3.46595 13.268C3.46595 12.4 3.46595 11.408 3.71351 10.664L6.31297 9.54797V17.236ZM19.4341 20.088L17.8249 21.328L18.0724 21.576L18.8151 20.956L21.5384 23.436L25.2519 20.956L25.1281 20.708L24.1378 21.328L22.9 20.088V11.656L23.8903 10.912L25.9946 12.648V20.212C25.9946 24.924 25.0043 25.668 22.9 26.412V26.784C26.3659 26.908 29.5843 25.792 29.5843 19.716V11.532L30.6984 10.664L30.4508 10.416L29.4605 11.16L26.3659 8.55597L22.9 11.16V0.991972H22.6524L18.32 3.96797V4.21597C18.8151 4.46397 19.5578 4.71197 19.5578 6.07597L19.4341 20.088ZM42.0865 18.724L38.9919 21.08L35.8973 18.6V17.112L41.7151 13.144V13.02L38.7443 8.55597L32.3076 12.028V20.212L31.0697 21.204L31.3173 21.452L32.4314 20.584L36.64 23.684L42.2103 19.22L42.0865 18.724ZM35.8973 16.616V10.54L36.1449 10.416L38.8681 14.756L35.8973 16.616ZM65.7292 2.47997C65.7292 2.10797 65.6054 1.73597 65.4816 1.36397H65.2341C64.8627 2.35597 64.3676 2.85197 63.1297 2.85197C62.0157 2.85197 61.273 2.23197 60.7778 1.73597L57.1881 5.82797L57.4357 6.07597L58.6735 4.95997C59.4162 5.57997 60.0351 6.07597 61.7681 6.19997V16.492L54.4649 3.96797C53.8459 2.97597 52.9795 1.61197 51.2465 1.61197C49.2659 1.61197 47.533 3.34797 47.7805 6.07597H48.1519C48.2757 5.33197 48.647 4.46397 49.5135 4.46397C50.1324 4.46397 50.7513 5.08397 51.1227 5.70397V9.79597C48.8946 9.79597 47.4092 10.788 47.4092 12.648C47.4092 13.64 47.9043 15.128 49.3897 15.5V15.252C49.1422 15.004 49.0184 14.756 49.0184 14.384C49.0184 13.764 49.5135 13.268 50.38 13.268H50.9989V18.476C48.3995 18.476 46.2951 19.964 46.2951 22.444C46.2951 24.8 48.2757 25.916 50.5038 25.792V25.544C49.1422 25.42 48.5232 24.8 48.5232 23.932C48.5232 22.816 49.2659 22.32 50.2562 22.32C51.2465 22.32 52.113 22.94 52.7319 23.684L56.3216 19.716L56.0741 19.468L55.2076 20.46C53.8459 19.22 53.1032 18.848 51.494 18.6V6.19997L61.3968 23.56H62.1395V6.19997C63.9962 6.07597 65.7292 4.58797 65.7292 2.47997ZM74.7654 18.724L71.6708 21.08L68.5762 18.6V17.112L74.3941 13.144V13.02L71.4232 8.55597L64.9865 12.028V20.212L63.7486 21.204L63.9962 21.452L65.1103 20.584L69.3189 23.684L74.8892 19.22L74.7654 18.724ZM68.5762 16.616V10.54L68.8238 10.416L71.547 14.756L68.5762 16.616ZM94.9422 9.91997L94.0757 10.54L91.7238 8.55597L89.0005 11.036L90.1146 12.152V21.452L87.1438 19.592V11.904L88.134 11.284L85.287 8.55597L82.5638 11.036L83.6778 12.152V21.08L83.3065 21.328L80.707 19.468V12.028C80.707 10.292 79.8405 9.79597 78.8503 9.17597C77.9838 8.55597 77.4886 8.18397 77.4886 7.31597C77.4886 6.57197 78.2313 6.19997 78.6027 5.95197V5.70397C77.6124 5.70397 75.013 6.69597 75.013 9.05197C75.013 10.292 75.6319 10.788 76.2508 11.408C76.8697 12.028 77.4886 12.524 77.4886 13.64V20.832L76.127 21.824L76.3746 22.072L77.6124 21.08L80.4595 23.56L83.5541 21.452L87.02 23.56L93.5805 19.716V11.408L95.1897 10.168L94.9422 9.91997ZM117.966 3.09997L116.728 4.21597L114.005 1.73597L109.92 4.71197V1.98397H109.549L109.672 22.072C109.301 22.072 108.187 21.824 107.321 21.576L107.073 4.83597C107.073 3.59597 106.206 1.85997 103.978 1.85997C101.75 1.85997 100.265 3.59597 100.265 5.33197H100.636C100.76 4.58797 101.131 3.96797 101.874 3.96797C102.617 3.96797 103.236 4.46397 103.236 6.07597V10.912C101.008 11.036 99.6459 12.276 99.6459 13.888C99.6459 14.88 100.141 16.368 101.626 16.368V16.12C101.131 15.872 101.008 15.5 101.008 15.252C101.008 14.508 101.626 14.26 102.617 14.26H103.112V21.948C101.255 22.568 100.512 23.932 100.512 25.42C100.512 27.528 102.122 29.016 104.597 29.016C106.33 29.016 107.816 28.768 109.301 28.396C110.539 28.148 112.148 27.776 112.891 27.776C113.881 27.776 114.252 28.272 114.252 28.892C114.252 29.76 113.881 30.132 113.386 30.256V30.504C115.366 30.132 116.604 28.892 116.604 27.032C116.604 25.172 114.748 24.056 112.767 24.056C111.777 24.056 109.672 24.428 108.187 24.676C106.454 25.048 104.721 25.296 104.226 25.296C103.359 25.296 102.369 24.924 102.369 23.684C102.369 22.692 103.236 21.824 105.34 21.824C106.454 21.824 107.816 21.948 109.177 22.32C110.663 22.692 112.024 23.064 113.262 23.064C115.119 23.064 116.728 22.444 116.728 19.84V4.58797L118.214 3.34797L117.966 3.09997ZM112.891 10.664C112.519 11.036 112.024 11.408 111.405 11.408C110.786 11.408 110.168 11.036 109.92 10.664V5.20797L111.158 4.33997L112.891 5.95197V10.664ZM112.891 14.384C112.643 14.136 112.024 13.764 111.405 13.764C110.786 13.764 110.168 14.136 109.92 14.384V11.16C110.168 11.408 110.786 11.78 111.405 11.78C112.024 11.78 112.643 11.408 112.891 11.16V14.384ZM112.891 20.212C112.891 21.204 112.272 22.196 110.91 22.196H109.92V14.88C110.168 14.632 110.786 14.26 111.405 14.26C112.024 14.26 112.519 14.632 112.891 14.88V20.212ZM129.849 11.408L125.888 8.55597L119.823 12.028V20.088L118.585 21.08L118.709 21.328L119.699 20.584L123.66 23.56L129.849 19.84V11.408ZM123.165 19.22V10.292L126.259 12.524V21.328L123.165 19.22ZM141.609 8.80397H141.361C140.99 9.05197 140.618 9.29997 140.247 9.29997C139.752 9.29997 139.133 9.05197 138.885 8.67997H138.638L136.534 11.036L134.429 8.67997L130.716 11.16L130.839 11.408L131.83 10.788L133.068 12.152V19.964L131.458 21.204L131.706 21.452L132.449 20.832L135.419 23.312L139.257 20.708L139.133 20.46L138.019 21.08L136.534 19.84V11.16C137.152 11.78 137.895 12.4 138.762 12.4C140.495 12.524 141.485 10.788 141.609 8.80397ZM156.463 20.708L152.254 23.56L146.56 14.88L150.645 8.55597H150.892C151.388 9.05197 152.13 9.54797 152.997 9.54797C153.863 9.54797 154.482 9.05197 154.854 8.55597H155.101C154.977 11.036 153.244 12.524 152.006 12.524C150.769 12.524 150.15 11.904 149.407 11.532L149.036 12.152L155.225 21.328L156.463 20.584V20.708ZM142.846 20.088L141.237 21.328L141.485 21.576L142.228 20.956L144.951 23.436L148.664 20.956L148.417 20.708L147.426 21.328L146.189 20.088V0.991972H146.065L141.609 3.96797V4.21597C142.104 4.46397 142.846 4.58797 142.846 6.07597V20.088ZM177.011 3.59597C177.011 1.11597 174.659 0.495972 172.802 0.495972V0.867972C173.916 0.867972 174.783 1.23997 174.783 2.10797C174.783 2.60397 174.411 3.34797 173.297 3.34797C172.431 3.34797 170.574 2.85197 169.212 2.35597C167.603 1.85997 166.118 1.36397 164.88 1.36397C162.404 1.36397 160.671 3.22397 160.671 5.33197C160.671 7.19197 162.033 7.81197 162.528 8.05997L162.652 7.81197C162.281 7.56397 161.909 7.31597 161.909 6.57197C161.909 6.07597 162.404 5.20797 163.642 5.20797C164.756 5.20797 166.242 5.70397 168.222 6.32397C169.955 6.81997 171.812 7.19197 172.802 7.31597V11.16L170.945 12.772V12.896L172.802 14.508V19.84C171.812 20.46 170.698 20.584 169.708 20.584C167.851 20.584 166.242 20.088 164.88 18.6L169.955 16.12V7.43997L163.766 10.168C164.385 8.55597 165.746 7.43997 166.984 6.57197L166.861 6.32397C163.147 7.31597 159.805 10.664 159.805 14.88C159.805 19.84 163.89 23.56 168.47 23.56C173.421 23.56 176.639 19.592 176.639 15.5H176.392C175.649 17.112 174.535 18.6 173.173 19.344V14.26L175.154 12.648V12.524L173.297 10.912V7.19197C175.154 7.19197 177.011 5.95197 177.011 3.59597ZM166.242 17.236L164.756 17.98C163.89 16.864 163.395 15.376 163.395 13.268C163.395 12.4 163.518 11.408 163.766 10.664L166.365 9.54797L166.242 17.236ZM181.343 2.35597H181.219L178.744 4.46397V4.58797L180.848 6.94397H181.096L183.571 4.83597V4.71197L181.343 2.35597ZM185.057 20.708L184.066 21.328L182.829 20.088V11.532L184.066 10.664L183.819 10.416L182.952 11.16L180.724 8.55597L177.135 11.036L177.382 11.408L178.249 10.788L179.363 12.152V20.212L177.754 21.452L177.877 21.7L178.744 21.08L181.467 23.56L185.181 21.08L185.057 20.708ZM205.729 20.584L204.862 21.204L203.501 19.964V11.532L204.738 10.54L204.491 10.292L203.501 11.16L200.654 8.55597L196.94 11.16L194.093 8.55597L190.627 11.16L188.399 8.55597L184.809 11.036L184.933 11.408L185.799 10.788L187.037 12.152V20.212L186.047 21.204L188.894 23.56L191.617 21.08L190.503 19.964V11.532L191.617 10.788L193.474 12.524V19.964L192.484 20.956L195.331 23.312L198.054 20.832L196.94 19.716V11.532L197.93 10.912L199.911 12.648V20.088L199.044 20.956L201.891 23.56L205.729 20.956V20.584ZM216.498 18.724L213.403 21.08L210.309 18.6V17.112L216.126 13.144V13.02L213.156 8.55597L206.719 12.028V20.46L211.051 23.56L216.622 19.096L216.498 18.724ZM210.309 16.616V10.54L210.556 10.416L213.279 14.756L210.309 16.616ZM227.762 15.5L225.41 13.64C227.019 12.276 227.638 10.416 227.638 9.17597V8.43197H227.391C227.143 9.05197 226.648 9.67197 225.658 9.67197C224.668 9.67197 224.049 9.17597 223.43 8.43197L217.859 11.532V15.996L219.964 17.608C217.859 19.468 217.488 20.708 217.488 21.7C217.488 22.94 218.107 23.808 219.097 24.18L219.221 23.932C218.974 23.684 218.726 23.56 218.726 22.94C218.726 22.568 219.221 21.948 220.211 21.948C221.449 21.948 222.192 22.816 222.563 23.188L227.886 19.964V15.5H227.762ZM226.401 11.78C225.534 13.268 223.677 14.756 222.563 15.5L221.202 14.384V10.044C221.697 11.284 223.058 12.276 224.42 12.276C225.286 12.276 225.782 12.152 226.401 11.78ZM224.296 21.7C223.677 20.336 222.192 19.344 220.706 19.344C220.335 19.344 219.345 19.344 218.355 19.964C218.973 18.972 220.583 17.236 222.687 15.996L224.172 17.236L224.296 21.7Z" fill="black"/> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.6875rem] aspect-[170/41] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="170" height="41" viewBox="0 0 170 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.748 6.36578H29.8319V34.3105H10.748V6.36578Z" fill="white"/> <path d="M15.4645 2.48157C6.90968 2.48157 0 9.27893 0 17.6947V38.5184H21.1677C29.7226 38.5184 36.6323 31.721 36.6323 23.3053V2.48157H15.4645ZM27.9677 8.84736C27.9677 11.6526 25.6645 13.8105 22.9226 13.8105H17.4387V18.1263H24.7871V23.0895H17.5484V33.4474H11.5161V7.55262H17.4387V12.1921C17.6581 9.60262 19.8516 7.55262 22.4839 7.55262H27.9677V8.84736Z" fill="#C8C7C1"/> <path d="M57.252 15.7526V29.2395H60.8713V21.9026C60.8713 21.471 60.8713 20.1763 61.4197 19.6368C61.9681 18.9895 62.7358 18.6658 63.6132 18.7737H63.7229V15.4289H63.6132C62.5165 15.321 61.5294 15.7526 61.0907 16.1842L60.8713 16.4C60.7616 16.5079 60.652 16.6158 60.5423 16.7237V15.8605L57.252 15.7526Z" fill="#C8C7C1"/> <path d="M93.4452 29.3474V21.9026C93.4452 19.8526 94.4323 18.6658 96.0775 18.6658C96.7355 18.6658 97.2839 18.8816 97.7226 19.3132C98.271 19.8526 98.6001 20.7158 98.6001 21.7948V29.2395H102.11V20.8237C102.11 17.9105 100.026 15.5369 97.2839 15.3211C95.7484 15.2132 94.4323 15.5369 93.4452 16.5079V11.2211H89.9355V29.2395H93.4452V29.3474Z" fill="#C8C7C1"/> <path d="M113.187 19.4211H113.078L113.187 19.3132C114.613 18.45 115.052 16.6158 114.832 15.3211C114.284 12.7316 112.2 11.2211 108.91 11.2211H104.084V29.2395H109.239C113.078 29.2395 115.381 27.6211 116.039 24.6C116.258 22.8737 115.161 20.1763 113.187 19.4211ZM107.594 14.7816H109.129C109.787 14.7816 111.103 14.8895 111.213 16.2921C111.213 16.7237 111.103 17.1553 110.774 17.479C110.226 18.0184 109.348 18.1263 108.581 18.1263H107.484L107.594 14.7816ZM111.871 25.0316C111.323 25.5711 110.336 25.8948 108.8 25.8948H107.594V21.579H109.568C110.774 21.579 112.2 22.1184 112.31 23.5211C112.419 24.0605 112.2 24.6 111.871 25.0316Z" fill="#C8C7C1"/> <path d="M128.871 17.479C127.554 16.1842 125.69 15.429 123.716 15.429C119.658 15.5368 116.477 18.7737 116.587 22.7658C116.696 26.5421 119.767 29.6711 123.606 29.779H123.716C125.58 29.779 127.445 29.0237 128.761 27.729C131.613 25.0316 131.722 20.5 128.98 17.6947C129.09 17.5868 128.98 17.479 128.871 17.479ZM123.935 26.4342C122.948 26.4342 121.961 26.1105 121.303 25.3553C120.535 24.6 120.096 23.629 120.096 22.55C120.096 20.5 121.742 18.8816 123.825 18.7737H123.935C126.019 18.7737 127.664 20.3921 127.774 22.4421C127.664 24.4921 126.129 26.3263 123.935 26.4342Z" fill="#C8C7C1"/> <path d="M144.335 17.479C143.019 16.1842 141.155 15.429 139.181 15.429C135.123 15.5368 131.942 18.7737 132.052 22.7658C132.161 26.5421 135.232 29.6711 139.071 29.779H139.181C141.045 29.779 142.91 29.0237 144.226 27.729C147.077 25.0316 147.187 20.5 144.445 17.6947C144.445 17.5868 144.335 17.479 144.335 17.479ZM142.032 25.1395C141.374 25.8947 140.387 26.3263 139.4 26.3263C138.413 26.3263 137.426 26.0026 136.768 25.2474C136 24.4921 135.561 23.5211 135.561 22.4421C135.561 20.3921 137.206 18.7737 139.29 18.6658H139.4C141.484 18.6658 143.129 20.2842 143.129 22.3342C143.019 23.5211 142.69 24.4921 142.032 25.1395Z" fill="#C8C7C1"/> <path d="M150.917 23.1974L151.136 22.8737H151.465L155.413 29.3474H159.252L153.878 20.5L159.252 15.7526H154.426L150.917 18.8816V11.2211H147.517V29.3474H150.917V23.1974Z" fill="#C8C7C1"/> <path d="M169.342 25.2473C169.342 22.3342 166.929 21.5789 165.065 21.0395C163.858 20.7158 162.871 20.3921 162.871 19.6368C162.871 19.0973 163.31 18.7737 164.078 18.7737C164.516 18.7737 164.955 18.8816 165.284 19.2052L165.394 19.3131L167.697 17.0473L167.587 16.9395C166.71 16.0763 165.394 15.6447 164.187 15.6447C161.336 15.6447 159.581 17.2631 159.581 19.7447C159.581 22.6579 161.884 23.3052 163.749 23.8447C165.065 24.1684 166.052 24.4921 166.052 25.3552C166.052 26.1105 165.284 26.65 164.187 26.65C163.091 26.65 162.433 26.1105 162.433 25.2473V25.0316H158.923V25.2473C158.923 27.8368 161.116 29.7789 164.187 29.7789C167.149 29.7789 169.342 27.8368 169.342 25.2473Z" fill="#C8C7C1"/> <path d="M49.3544 14.8894V18.7737H55.3867V22.2263H49.4641V29.3473H45.8447V11.3289H55.7157V14.8894H49.3544Z" fill="#C8C7C1"/> <path d="M78.1999 22.6579C78.1999 18.2342 75.6773 15.5369 71.6193 15.5369C67.4515 15.5369 64.4902 18.45 64.4902 22.4421C64.4902 26.65 67.5612 29.779 71.5096 29.779C73.5935 29.779 75.6773 28.9158 77.1031 27.4053L77.2128 27.2974L74.6902 25.1395L74.5806 25.2474C73.8128 26.2184 72.6064 26.7579 71.3999 26.7579C69.5354 26.7579 68.1096 25.5711 67.7806 23.629V23.3053H78.0902L78.1999 22.6579ZM68.1096 20.2842L68.2193 20.0684C68.8773 18.9895 69.9741 18.45 71.3999 18.45C72.9354 18.45 74.1419 19.0974 74.4709 20.2842H68.1096Z" fill="#C8C7C1"/> <path d="M84.7806 21.0395C83.5742 20.7158 82.5871 20.3921 82.5871 19.529C82.5871 18.9895 83.0258 18.6658 83.7935 18.6658C84.2322 18.6658 84.6709 18.7737 85 19.0974L85.1096 19.2053L87.4129 16.9395L87.3032 16.8316C86.4258 15.9684 85.1096 15.5369 83.9032 15.5369C81.0516 15.5369 79.2967 17.1553 79.2967 19.6369C79.2967 22.55 81.6 23.1974 83.4645 23.7369C84.7806 24.0606 85.7677 24.3842 85.7677 25.2474C85.7677 26.0027 85 26.5421 83.9032 26.5421C82.8064 26.5421 82.1484 26.0027 82.1484 25.1395V24.9237H78.6387V25.1395C78.6387 27.729 80.8322 29.6711 83.9032 29.6711C86.9742 29.6711 89.1677 27.729 89.1677 25.1395C89.058 22.3342 86.6451 21.6869 84.7806 21.0395Z" fill="#C8C7C1"/> </svg> <svg data-logo="freshbooks" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="170" height="41" viewBox="0 0 170 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.748 6.36578H29.8319V34.3105H10.748V6.36578Z" fill="white"/> <path d="M15.4645 2.48157C6.90968 2.48157 0 9.27893 0 17.6947V38.5184H21.1677C29.7226 38.5184 36.6323 31.721 36.6323 23.3053V2.48157H15.4645ZM27.9677 8.84736C27.9677 11.6526 25.6645 13.8105 22.9226 13.8105H17.4387V18.1263H24.7871V23.0895H17.5484V33.4474H11.5161V7.55262H17.4387V12.1921C17.6581 9.60262 19.8516 7.55262 22.4839 7.55262H27.9677V8.84736Z" fill="#0075DD"/> <path d="M57.252 15.7526V29.2395H60.8713V21.9026C60.8713 21.471 60.8713 20.1763 61.4197 19.6368C61.9681 18.9895 62.7358 18.6658 63.6132 18.7737H63.7229V15.4289H63.6132C62.5165 15.321 61.5294 15.7526 61.0907 16.1842L60.8713 16.4C60.7616 16.5079 60.652 16.6158 60.5423 16.7237V15.8605L57.252 15.7526Z" fill="black"/> <path d="M93.4452 29.3474V21.9026C93.4452 19.8526 94.4323 18.6658 96.0775 18.6658C96.7355 18.6658 97.2839 18.8816 97.7226 19.3132C98.271 19.8526 98.6001 20.7158 98.6001 21.7948V29.2395H102.11V20.8237C102.11 17.9105 100.026 15.5369 97.2839 15.3211C95.7484 15.2132 94.4323 15.5369 93.4452 16.5079V11.2211H89.9355V29.2395H93.4452V29.3474Z" fill="black"/> <path d="M113.187 19.4211H113.078L113.187 19.3132C114.613 18.45 115.052 16.6158 114.832 15.3211C114.284 12.7316 112.2 11.2211 108.91 11.2211H104.084V29.2395H109.239C113.078 29.2395 115.381 27.6211 116.039 24.6C116.258 22.8737 115.161 20.1763 113.187 19.4211ZM107.594 14.7816H109.129C109.787 14.7816 111.103 14.8895 111.213 16.2921C111.213 16.7237 111.103 17.1553 110.774 17.479C110.226 18.0184 109.348 18.1263 108.581 18.1263H107.484L107.594 14.7816ZM111.871 25.0316C111.323 25.5711 110.336 25.8948 108.8 25.8948H107.594V21.579H109.568C110.774 21.579 112.2 22.1184 112.31 23.5211C112.419 24.0605 112.2 24.6 111.871 25.0316Z" fill="black"/> <path d="M128.871 17.479C127.554 16.1842 125.69 15.429 123.716 15.429C119.658 15.5368 116.477 18.7737 116.587 22.7658C116.696 26.5421 119.767 29.6711 123.606 29.779H123.716C125.58 29.779 127.445 29.0237 128.761 27.729C131.613 25.0316 131.722 20.5 128.98 17.6947C129.09 17.5868 128.98 17.479 128.871 17.479ZM123.935 26.4342C122.948 26.4342 121.961 26.1105 121.303 25.3553C120.535 24.6 120.096 23.629 120.096 22.55C120.096 20.5 121.742 18.8816 123.825 18.7737H123.935C126.019 18.7737 127.664 20.3921 127.774 22.4421C127.664 24.4921 126.129 26.3263 123.935 26.4342Z" fill="black"/> <path d="M144.335 17.479C143.019 16.1842 141.155 15.429 139.181 15.429C135.123 15.5368 131.942 18.7737 132.052 22.7658C132.161 26.5421 135.232 29.6711 139.071 29.779H139.181C141.045 29.779 142.91 29.0237 144.226 27.729C147.077 25.0316 147.187 20.5 144.445 17.6947C144.445 17.5868 144.335 17.479 144.335 17.479ZM142.032 25.1395C141.374 25.8947 140.387 26.3263 139.4 26.3263C138.413 26.3263 137.426 26.0026 136.768 25.2474C136 24.4921 135.561 23.5211 135.561 22.4421C135.561 20.3921 137.206 18.7737 139.29 18.6658H139.4C141.484 18.6658 143.129 20.2842 143.129 22.3342C143.019 23.5211 142.69 24.4921 142.032 25.1395Z" fill="black"/> <path d="M150.917 23.1974L151.136 22.8737H151.465L155.413 29.3474H159.252L153.878 20.5L159.252 15.7526H154.426L150.917 18.8816V11.2211H147.517V29.3474H150.917V23.1974Z" fill="black"/> <path d="M169.342 25.2473C169.342 22.3342 166.929 21.5789 165.065 21.0395C163.858 20.7158 162.871 20.3921 162.871 19.6368C162.871 19.0973 163.31 18.7737 164.078 18.7737C164.516 18.7737 164.955 18.8816 165.284 19.2052L165.394 19.3131L167.697 17.0473L167.587 16.9395C166.71 16.0763 165.394 15.6447 164.187 15.6447C161.336 15.6447 159.581 17.2631 159.581 19.7447C159.581 22.6579 161.884 23.3052 163.749 23.8447C165.065 24.1684 166.052 24.4921 166.052 25.3552C166.052 26.1105 165.284 26.65 164.187 26.65C163.091 26.65 162.433 26.1105 162.433 25.2473V25.0316H158.923V25.2473C158.923 27.8368 161.116 29.7789 164.187 29.7789C167.149 29.7789 169.342 27.8368 169.342 25.2473Z" fill="black"/> <path d="M49.3544 14.8894V18.7737H55.3867V22.2263H49.4641V29.3473H45.8447V11.3289H55.7157V14.8894H49.3544Z" fill="black"/> <path d="M78.1999 22.6579C78.1999 18.2342 75.6773 15.5369 71.6193 15.5369C67.4515 15.5369 64.4902 18.45 64.4902 22.4421C64.4902 26.65 67.5612 29.779 71.5096 29.779C73.5935 29.779 75.6773 28.9158 77.1031 27.4053L77.2128 27.2974L74.6902 25.1395L74.5806 25.2474C73.8128 26.2184 72.6064 26.7579 71.3999 26.7579C69.5354 26.7579 68.1096 25.5711 67.7806 23.629V23.3053H78.0902L78.1999 22.6579ZM68.1096 20.2842L68.2193 20.0684C68.8773 18.9895 69.9741 18.45 71.3999 18.45C72.9354 18.45 74.1419 19.0974 74.4709 20.2842H68.1096Z" fill="black"/> <path d="M84.7806 21.0395C83.5742 20.7158 82.5871 20.3921 82.5871 19.529C82.5871 18.9895 83.0258 18.6658 83.7935 18.6658C84.2322 18.6658 84.6709 18.7737 85 19.0974L85.1096 19.2053L87.4129 16.9395L87.3032 16.8316C86.4258 15.9684 85.1096 15.5369 83.9032 15.5369C81.0516 15.5369 79.2967 17.1553 79.2967 19.6369C79.2967 22.55 81.6 23.1974 83.4645 23.7369C84.7806 24.0606 85.7677 24.3842 85.7677 25.2474C85.7677 26.0027 85 26.5421 83.9032 26.5421C82.8064 26.5421 82.1484 26.0027 82.1484 25.1395V24.9237H78.6387V25.1395C78.6387 27.729 80.8322 29.6711 83.9032 29.6711C86.9742 29.6711 89.1677 27.729 89.1677 25.1395C89.058 22.3342 86.6451 21.6869 84.7806 21.0395Z" fill="black"/> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.1875rem] aspect-[232/30] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="232" height="30" viewBox="0 0 232 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24775)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M46.6014 14.8435H53.4996C53.0402 13.1278 51.7817 12.4321 50.249 12.4321C48.5637 12.4321 47.2131 13.3314 46.6014 14.8435ZM57.5467 17.7779H46.3567C46.8161 19.9878 48.716 20.8021 50.3713 20.8021C52.456 20.8021 53.3473 19.581 53.3473 19.581H57.2095C56.0437 22.4868 53.2549 24.0843 50.2491 24.0843C46.1096 24.0843 42.4922 21.0908 42.4922 16.559C42.4922 12.0535 46.0795 9.26355 50.1265 9.26355C54.0514 9.26355 58.0385 11.8498 57.5467 17.7779Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M95.5608 16.6748C95.5608 14.4078 94.1503 12.6355 91.8208 12.6355C89.4893 12.6355 87.9262 14.4078 87.9262 16.6748C87.9262 18.9419 89.4893 20.7142 91.8208 20.7142C94.1503 20.7142 95.5608 18.9419 95.5608 16.6748ZM83.9092 16.7031C83.9092 12.0535 87.7115 9.26355 91.8207 9.26355C95.9602 9.26355 99.5776 12.0818 99.5776 16.6441C99.5776 21.2657 95.8353 24.084 91.6962 24.084C87.5266 24.084 83.9092 21.2657 83.9092 16.7031Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M115.99 16.0647V23.9399H111.911V16.9354C111.911 16.4409 112.28 12.7799 109.336 12.6359C107.893 12.5482 105.319 13.3028 105.319 17.1106V23.9399H101.272V9.40794H104.987L104.999 11.4253C104.999 11.4253 106.674 9.26355 109.798 9.26355C113.753 9.26355 115.99 12.0536 115.99 16.0647Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M130.902 12.3445C129.614 12.3445 129.062 12.955 129.062 13.5657C129.062 14.5525 130.442 14.8435 131.361 15.0187C134.093 15.5699 136.852 16.3557 136.852 19.4341C136.852 22.4278 134.245 24.0843 131.087 24.0843C127.562 24.0843 124.832 22.0515 124.647 18.9705H128.417C128.51 19.8412 129.124 20.9747 130.995 20.9747C132.557 20.9747 132.927 20.1916 132.927 19.581C132.927 18.5043 131.853 18.1847 130.81 17.9527C129.002 17.5742 125.107 16.8786 125.107 13.5657C125.107 10.7166 127.991 9.26355 130.964 9.26355C134.397 9.26355 136.667 11.2396 136.852 13.6815H133.078C132.957 13.187 132.468 12.3445 130.902 12.3445Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M149.247 16.6748C149.247 14.2612 147.866 12.8389 145.875 12.8389C144.004 12.8389 142.132 14.1168 142.132 16.6748C142.132 19.2307 144.004 20.5108 145.875 20.5108C147.866 20.5108 149.247 19.0863 149.247 16.6748ZM153.08 9.40794V29.7515H149.247V22.5151C148.267 23.561 146.886 24.084 145.29 24.084C141.399 24.084 138.147 21.0623 138.147 16.6748C138.147 12.2852 141.399 9.26355 145.29 9.26355C148.35 9.26355 149.496 11.2098 149.496 11.2098L149.489 9.40794H153.08Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M174.989 14.8435H181.888C181.428 13.1278 180.17 12.4321 178.638 12.4321C176.952 12.4321 175.601 13.3314 174.989 14.8435ZM185.935 17.7779H174.743C175.205 19.9878 177.104 20.8021 178.759 20.8021C180.844 20.8021 181.736 19.581 181.736 19.581H185.598C184.432 22.4868 181.643 24.0843 178.638 24.0843C174.498 24.0843 170.88 21.0908 170.88 16.559C170.88 12.0535 174.468 9.26355 178.515 9.26355C182.439 9.26355 186.427 11.8498 185.935 17.7779Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M191.279 14.8435H198.177C197.718 13.1278 196.46 12.4321 194.927 12.4321C193.241 12.4321 191.891 13.3314 191.279 14.8435ZM202.225 17.7779H191.035C191.494 19.9878 193.393 20.8021 195.049 20.8021C197.134 20.8021 198.025 19.581 198.025 19.581H201.888C200.721 22.4868 197.933 24.0843 194.927 24.0843C190.788 24.0843 187.17 21.0908 187.17 16.559C187.17 12.0535 190.757 9.26355 194.804 9.26355C198.729 9.26355 202.716 11.8498 202.225 17.7779Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M215.877 20.686V23.9396H202.847V22.0208L210.237 12.6641H203.154V9.40796H215.572V11.3268L208.182 20.686H215.877Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M231.83 9.40796V22.1958V22.4868C231.83 26.4104 229.712 29.8985 224.47 29.8985C219.564 29.8985 216.897 26.8457 216.897 24.5505H220.73C220.73 24.5505 221.312 26.4979 224.348 26.4979C226.924 26.4979 227.997 25.1016 227.997 23.0688V22.4583C227.321 23.185 226.035 24.0843 223.736 24.0843C219.719 24.0843 217.205 21.3251 217.205 17.2855L217.172 9.40796H221.159V16.4125C221.159 18.3882 221.896 20.7146 224.44 20.7146C225.758 20.7146 227.935 20.104 227.935 16.2373V9.40796H231.83Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M39.5737 19.5775C39.5737 20.4837 39.9383 20.8575 40.6149 20.8575C41.0916 20.8575 41.4013 20.8033 41.853 20.6706L42.1054 23.657C41.2614 23.922 40.4452 24.0829 39.4039 24.0829C37.0148 24.0829 35.5518 23.3375 35.5518 20.11V3.59619H39.5737V19.5775Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M82.1793 16.0647V23.9399H78.0997V16.9354C78.0997 14.9311 78.3147 12.4017 75.4933 12.6359C74.7594 12.6927 72.7346 13.0118 72.7346 17.1106V23.9399H68.6876V16.9354C68.6876 14.9311 68.9022 12.4017 66.0812 12.6359C65.3446 12.6927 63.3225 13.0118 63.3225 17.1106V23.9399H59.2754V9.40792H62.9907L62.9941 11.4253C62.9941 11.4253 64.4139 9.26353 67.0622 9.26353C70.2534 9.26353 71.5059 11.6168 71.5059 11.6168C71.5059 11.6168 72.8799 9.23529 76.3845 9.23529C80.3693 9.23529 82.1793 12.0253 82.1793 16.0647Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M154.8 17.2832V9.40796H158.879V16.4125C158.879 16.9068 158.51 20.5679 161.453 20.712C162.897 20.7996 165.471 20.0449 165.471 16.2373V9.40796H169.518V23.9399H165.808L165.79 21.9226C165.79 21.9226 164.115 24.0843 160.992 24.0843C157.037 24.0843 154.8 21.2943 154.8 17.2832Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.58252 18.4131L15.8024 22.1339C16.8212 22.5952 17.5403 23.3696 17.9287 24.2578C18.911 26.507 17.5685 28.8074 15.461 29.6347C13.3531 30.4617 11.1066 29.9295 10.0851 27.5905L6.50782 19.3785C6.23061 18.742 6.92699 18.1165 7.58252 18.4131Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.0749 16.0046L16.56 12.8642C19.38 11.8205 22.4605 13.7953 22.4189 16.6646C22.4182 16.7021 22.4176 16.7394 22.4166 16.7773C22.3556 19.5713 19.3609 21.4493 16.6028 20.4608L8.08293 17.4078C7.40331 17.1644 7.39828 16.2549 8.0749 16.0046Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.60062 14.9169L15.9418 11.4468C18.7135 10.2936 19.417 6.83245 17.2461 4.8326C17.2177 4.80627 17.1892 4.78024 17.1605 4.75423C15.0321 2.82008 11.5138 3.50108 10.3021 6.04863L6.55907 13.9195C6.26043 14.5471 6.93538 15.1935 7.60062 14.9169Z" fill="#C8C7C1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.45363 13.5456L8.48622 5.40445C8.8622 4.395 8.79256 3.36557 8.40386 2.47736C7.41956 0.22905 4.75391 -0.496692 2.64669 0.331865C0.539821 1.16074 -0.650717 3.04317 0.372757 5.38128L3.97349 13.5843C4.25271 14.22 5.21191 14.1949 5.45363 13.5456Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24775"> <rect width="232" height="30" fill="white"/> </clipPath> </defs> </svg> <svg data-logo="lemonsqueezy" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="232" height="30" viewBox="0 0 232 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24758)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M46.6014 14.8435H53.4996C53.0402 13.1278 51.7817 12.4321 50.249 12.4321C48.5637 12.4321 47.2131 13.3314 46.6014 14.8435ZM57.5467 17.7779H46.3567C46.8161 19.9878 48.716 20.8021 50.3713 20.8021C52.456 20.8021 53.3473 19.581 53.3473 19.581H57.2095C56.0437 22.4868 53.2549 24.0843 50.2491 24.0843C46.1096 24.0843 42.4922 21.0908 42.4922 16.559C42.4922 12.0535 46.0795 9.26355 50.1265 9.26355C54.0514 9.26355 58.0385 11.8498 57.5467 17.7779Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M95.5608 16.6748C95.5608 14.4078 94.1503 12.6355 91.8208 12.6355C89.4893 12.6355 87.9262 14.4078 87.9262 16.6748C87.9262 18.9419 89.4893 20.7142 91.8208 20.7142C94.1503 20.7142 95.5608 18.9419 95.5608 16.6748ZM83.9092 16.7031C83.9092 12.0535 87.7115 9.26355 91.8207 9.26355C95.9602 9.26355 99.5776 12.0818 99.5776 16.6441C99.5776 21.2657 95.8353 24.084 91.6962 24.084C87.5266 24.084 83.9092 21.2657 83.9092 16.7031Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M115.99 16.0647V23.9399H111.911V16.9354C111.911 16.4409 112.28 12.7799 109.336 12.6359C107.893 12.5482 105.319 13.3028 105.319 17.1106V23.9399H101.272V9.40794H104.987L104.999 11.4253C104.999 11.4253 106.674 9.26355 109.798 9.26355C113.753 9.26355 115.99 12.0536 115.99 16.0647Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M130.902 12.3445C129.614 12.3445 129.062 12.955 129.062 13.5657C129.062 14.5525 130.442 14.8435 131.361 15.0187C134.093 15.5699 136.852 16.3557 136.852 19.4341C136.852 22.4278 134.245 24.0843 131.087 24.0843C127.562 24.0843 124.832 22.0515 124.647 18.9705H128.417C128.51 19.8412 129.124 20.9747 130.995 20.9747C132.557 20.9747 132.927 20.1916 132.927 19.581C132.927 18.5043 131.853 18.1847 130.81 17.9527C129.002 17.5742 125.107 16.8786 125.107 13.5657C125.107 10.7166 127.991 9.26355 130.964 9.26355C134.397 9.26355 136.667 11.2396 136.852 13.6815H133.078C132.957 13.187 132.468 12.3445 130.902 12.3445Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M149.247 16.6748C149.247 14.2612 147.866 12.8389 145.875 12.8389C144.004 12.8389 142.132 14.1168 142.132 16.6748C142.132 19.2307 144.004 20.5108 145.875 20.5108C147.866 20.5108 149.247 19.0863 149.247 16.6748ZM153.08 9.40794V29.7515H149.247V22.5151C148.267 23.561 146.886 24.084 145.29 24.084C141.399 24.084 138.147 21.0623 138.147 16.6748C138.147 12.2852 141.399 9.26355 145.29 9.26355C148.35 9.26355 149.496 11.2098 149.496 11.2098L149.489 9.40794H153.08Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M174.989 14.8435H181.888C181.428 13.1278 180.17 12.4321 178.638 12.4321C176.952 12.4321 175.601 13.3314 174.989 14.8435ZM185.935 17.7779H174.743C175.205 19.9878 177.104 20.8021 178.759 20.8021C180.844 20.8021 181.736 19.581 181.736 19.581H185.598C184.432 22.4868 181.643 24.0843 178.638 24.0843C174.498 24.0843 170.88 21.0908 170.88 16.559C170.88 12.0535 174.468 9.26355 178.515 9.26355C182.439 9.26355 186.427 11.8498 185.935 17.7779Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M191.279 14.8435H198.177C197.718 13.1278 196.46 12.4321 194.927 12.4321C193.241 12.4321 191.891 13.3314 191.279 14.8435ZM202.225 17.7779H191.035C191.494 19.9878 193.393 20.8021 195.049 20.8021C197.134 20.8021 198.025 19.581 198.025 19.581H201.888C200.721 22.4868 197.933 24.0843 194.927 24.0843C190.788 24.0843 187.17 21.0908 187.17 16.559C187.17 12.0535 190.757 9.26355 194.804 9.26355C198.729 9.26355 202.716 11.8498 202.225 17.7779Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M215.877 20.686V23.9396H202.847V22.0208L210.237 12.6641H203.154V9.40796H215.572V11.3268L208.182 20.686H215.877Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M231.83 9.40796V22.1958V22.4868C231.83 26.4104 229.712 29.8985 224.47 29.8985C219.564 29.8985 216.897 26.8457 216.897 24.5505H220.73C220.73 24.5505 221.312 26.4979 224.348 26.4979C226.924 26.4979 227.997 25.1016 227.997 23.0688V22.4583C227.321 23.185 226.035 24.0843 223.736 24.0843C219.719 24.0843 217.205 21.3251 217.205 17.2855L217.172 9.40796H221.159V16.4125C221.159 18.3882 221.896 20.7146 224.44 20.7146C225.758 20.7146 227.935 20.104 227.935 16.2373V9.40796H231.83Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M39.5737 19.5775C39.5737 20.4837 39.9383 20.8575 40.6149 20.8575C41.0916 20.8575 41.4013 20.8033 41.853 20.6706L42.1054 23.657C41.2614 23.922 40.4452 24.0829 39.4039 24.0829C37.0148 24.0829 35.5518 23.3375 35.5518 20.11V3.59619H39.5737V19.5775Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M82.1793 16.0647V23.9399H78.0997V16.9354C78.0997 14.9311 78.3147 12.4017 75.4933 12.6359C74.7594 12.6927 72.7346 13.0118 72.7346 17.1106V23.9399H68.6876V16.9354C68.6876 14.9311 68.9022 12.4017 66.0812 12.6359C65.3446 12.6927 63.3225 13.0118 63.3225 17.1106V23.9399H59.2754V9.40792H62.9907L62.9941 11.4253C62.9941 11.4253 64.4139 9.26353 67.0622 9.26353C70.2534 9.26353 71.5059 11.6168 71.5059 11.6168C71.5059 11.6168 72.8799 9.23529 76.3845 9.23529C80.3693 9.23529 82.1793 12.0253 82.1793 16.0647Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M154.8 17.2832V9.40796H158.879V16.4125C158.879 16.9068 158.51 20.5679 161.453 20.712C162.897 20.7996 165.471 20.0449 165.471 16.2373V9.40796H169.518V23.9399H165.808L165.79 21.9226C165.79 21.9226 164.115 24.0843 160.992 24.0843C157.037 24.0843 154.8 21.2943 154.8 17.2832Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.58252 18.4131L15.8024 22.1339C16.8212 22.5952 17.5403 23.3696 17.9287 24.2578C18.911 26.507 17.5685 28.8074 15.461 29.6347C13.3531 30.4617 11.1066 29.9295 10.0851 27.5905L6.50782 19.3785C6.23061 18.742 6.92699 18.1165 7.58252 18.4131Z" fill="#FFC233"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.0749 16.0046L16.56 12.8642C19.38 11.8205 22.4605 13.7953 22.4189 16.6646C22.4182 16.7021 22.4176 16.7394 22.4166 16.7773C22.3556 19.5713 19.3609 21.4493 16.6028 20.4608L8.08293 17.4078C7.40331 17.1644 7.39828 16.2549 8.0749 16.0046Z" fill="#FFC233"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.60062 14.9169L15.9418 11.4468C18.7135 10.2936 19.417 6.83245 17.2461 4.8326C17.2177 4.80627 17.1892 4.78024 17.1605 4.75423C15.0321 2.82008 11.5138 3.50108 10.3021 6.04863L6.55907 13.9195C6.26043 14.5471 6.93538 15.1935 7.60062 14.9169Z" fill="#FFC233"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.45363 13.5456L8.48622 5.40445C8.8622 4.395 8.79256 3.36557 8.40386 2.47736C7.41956 0.22905 4.75391 -0.496692 2.64669 0.331865C0.539821 1.16074 -0.650717 3.04317 0.372757 5.38128L3.97349 13.5843C4.25271 14.22 5.21191 14.1949 5.45363 13.5456Z" fill="#FFC233"/> </g> <defs> <clipPath id="clip0_371_24758"> <rect width="232" height="30" fill="white"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.6875rem] aspect-[106/47] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="106" height="47" viewBox="0 0 106 47" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24683)"> <path d="M5.79879 6.66046V5.86703C5.79884 5.65514 5.714 5.4519 5.5629 5.30196C5.41181 5.15202 5.20681 5.06765 4.99297 5.06738H3.4483V4.3323C3.44567 3.4731 3.64176 2.95838 3.81823 2.7711L3.82652 2.76087C3.94678 2.64341 4.09786 2.56172 4.26262 2.52507C4.83271 2.43412 5.40937 2.38979 5.98679 2.39253H6.28346C6.38945 2.39253 6.4944 2.37184 6.59232 2.33164C6.69023 2.29144 6.7792 2.23251 6.85412 2.15823C6.92905 2.08396 6.98847 1.99578 7.029 1.89874C7.06952 1.8017 7.09035 1.6977 7.0903 1.59268V0.876445C7.09064 0.69081 7.02566 0.510864 6.90654 0.367583C6.78742 0.224301 6.62161 0.126649 6.43766 0.0914342C6.32869 0.0705774 6.21933 0.0517925 6.10963 0.0350899C5.95724 0.0118303 5.15749 0 5.00066 0H5.64378H4.98973C3.68993 0 2.58318 0.30077 1.84211 1.08859L1.8409 1.08979C1.11663 1.88042 0.856182 2.99808 0.852539 4.35676V19.3295C0.852539 19.4345 0.873422 19.5385 0.913995 19.6355C0.954567 19.7326 1.01403 19.8207 1.089 19.895C1.16396 19.9692 1.25296 20.0281 1.35089 20.0682C1.44883 20.1084 1.55379 20.129 1.65978 20.129H2.64126C2.74725 20.129 2.85221 20.1084 2.95015 20.0683C3.04809 20.0281 3.13708 19.9692 3.21203 19.895C3.28698 19.8208 3.34643 19.7326 3.38697 19.6356C3.42751 19.5385 3.44835 19.4345 3.4483 19.3295V7.45911H4.99297C5.09894 7.45916 5.20388 7.43852 5.30179 7.39836C5.39971 7.3582 5.48867 7.29932 5.5636 7.22507C5.63854 7.15083 5.69797 7.06268 5.73849 6.96566C5.77902 6.86864 5.79986 6.76466 5.7998 6.65966M70.9263 8.70731C71.1345 9.29065 71.2352 9.90632 71.2236 10.525V19.3275C71.2236 19.4326 71.2444 19.5366 71.285 19.6337C71.3255 19.7307 71.385 19.8189 71.4599 19.8932C71.5349 19.9675 71.6239 20.0264 71.7219 20.0666C71.8198 20.1068 71.9248 20.1274 72.0309 20.1274H72.987C73.093 20.1274 73.198 20.1067 73.2959 20.0665C73.3938 20.0263 73.4828 19.9673 73.5577 19.8931C73.6326 19.8188 73.692 19.7306 73.7326 19.6336C73.7731 19.5365 73.7939 19.4325 73.7939 19.3275V10.2944C73.818 9.32332 73.6416 8.35762 73.2756 7.4565C72.9361 6.64909 72.354 5.96482 71.6083 5.49668C70.8103 5.02431 69.8932 4.78654 68.964 4.81112H68.948C67.9578 4.80284 66.9861 5.07702 66.1489 5.60095C65.5975 5.9527 65.1167 6.40246 64.7305 6.92755C64.3951 6.35029 63.9254 5.86071 63.3606 5.49949C62.5757 5.02659 61.6699 4.78762 60.7515 4.81112H60.7337C59.7522 4.80514 58.7897 5.07934 57.9613 5.60095C57.7129 5.76054 57.4793 5.94172 57.2633 6.14233V5.86603C57.2634 5.76104 57.2426 5.65707 57.2021 5.56006C57.1616 5.46305 57.1022 5.37489 57.0273 5.30061C56.9524 5.22634 56.8635 5.16741 56.7656 5.12719C56.6678 5.08696 56.5629 5.06623 56.4569 5.06618H55.5011C55.395 5.06597 55.2899 5.08651 55.1918 5.12662C55.0937 5.16673 55.0046 5.22562 54.9296 5.29993C54.8545 5.37423 54.795 5.46249 54.7544 5.55963C54.7138 5.65677 54.693 5.76089 54.6931 5.86603V19.3285C54.693 19.4336 54.7139 19.5376 54.7544 19.6347C54.795 19.7317 54.8544 19.8199 54.9294 19.8942C55.0044 19.9685 55.0934 20.0274 55.1913 20.0676C55.2893 20.1078 55.3943 20.1284 55.5003 20.1284H56.4561C56.5621 20.1284 56.6671 20.1078 56.7651 20.0676C56.863 20.0275 56.952 19.9685 57.027 19.8943C57.102 19.82 57.1614 19.7318 57.2019 19.6347C57.2424 19.5376 57.2632 19.4336 57.2631 19.3285V11.1644C57.2675 10.6954 57.346 10.23 57.4956 9.78507C57.648 9.31648 57.8776 8.87609 58.175 8.48173C58.4494 8.11135 58.7978 7.80086 59.1986 7.56959C59.5915 7.35205 60.0363 7.24344 60.4862 7.25519C61.1425 7.25679 61.5746 7.40016 61.8761 7.62152C62.24 7.89915 62.5132 8.27688 62.6617 8.70751C62.8699 9.29077 62.9706 9.90638 62.9589 10.525V19.3275C62.9589 19.4326 62.9797 19.5366 63.0203 19.6337C63.0608 19.7307 63.1203 19.8189 63.1953 19.8932C63.2702 19.9675 63.3592 20.0264 63.4572 20.0666C63.5552 20.1068 63.6602 20.1274 63.7662 20.1274H64.722C64.828 20.1274 64.9329 20.1068 65.0309 20.0666C65.1288 20.0264 65.2178 19.9675 65.2927 19.8932C65.3677 19.8189 65.4271 19.7307 65.4676 19.6336C65.5081 19.5366 65.5289 19.4325 65.5288 19.3275V11.1644C65.5327 10.6955 65.611 10.2301 65.7609 9.78527C65.9133 9.31664 66.1429 8.87624 66.4405 8.48193C66.7144 8.11184 67.0623 7.80156 67.4624 7.57039C67.8554 7.35294 68.3003 7.24434 68.7503 7.25599C69.407 7.25759 69.839 7.40096 70.1395 7.62233C70.5039 7.89956 70.7774 8.27731 70.9257 8.70811M42.7631 19.4173C43.8475 20.0637 45.0954 20.3902 46.3604 20.3586H46.376C47.6174 20.3857 48.842 20.0708 49.9134 19.449C50.9573 18.8058 51.776 17.8597 52.2582 16.7393C52.7912 15.5663 53.0391 14.1809 53.0395 12.5979C53.0717 11.2032 52.8112 9.8171 52.2744 8.52744C51.8013 7.40113 50.9987 6.44095 49.97 5.77058C48.8918 5.11218 47.6435 4.77888 46.3774 4.81133H46.361C45.1135 4.78539 43.8834 5.10527 42.8095 5.73489C41.7654 6.37803 40.947 7.32475 40.4661 8.44584C39.9411 9.61423 39.6995 11.009 39.6989 12.6231C39.6685 14.0065 39.9238 15.3813 40.4493 16.6633C40.9152 17.7959 41.7235 18.758 42.7631 19.4173ZM43.3856 8.53887C43.7108 8.12475 44.1337 7.79605 44.617 7.58162C45.1721 7.35449 45.7685 7.24329 46.3689 7.25499C46.9554 7.244 47.5375 7.35721 48.0763 7.58704C48.5619 7.81229 48.9854 8.15046 49.3107 8.57276C50.0166 9.46785 50.4179 10.7804 50.4187 12.5973V12.5999C50.4187 14.4727 50.0186 15.8021 49.3376 16.6601C49.0167 17.0729 48.5976 17.4007 48.1178 17.6141C47.5641 17.8411 46.9691 17.9521 46.3701 17.9404C45.0205 17.9249 44.1394 17.5107 43.4133 16.6194C42.6996 15.7223 42.2963 14.4209 42.2953 12.6231V12.6193C42.2953 10.7309 42.7 9.39507 43.3866 8.53887M28.5537 19.3287V11.1648C28.5584 10.7011 28.6434 10.2417 28.8049 9.80652C28.9742 9.33518 29.2252 8.89675 29.5468 8.511C29.8626 8.1279 30.2554 7.81413 30.7002 7.58964C31.1709 7.35851 31.6912 7.24402 32.2164 7.25599C32.989 7.25599 33.5356 7.41139 33.9069 7.6514C34.312 7.91156 34.6252 8.2904 34.8028 8.73518C35.0301 9.30476 35.1407 9.91343 35.1282 10.5258V19.3287C35.1282 19.4338 35.149 19.5378 35.1896 19.6348C35.2301 19.7318 35.2896 19.82 35.3646 19.8943C35.4395 19.9685 35.5286 20.0274 35.6265 20.0675C35.7245 20.1077 35.8295 20.1283 35.9355 20.1282H36.917C37.0229 20.1283 37.1279 20.1077 37.2259 20.0676C37.3238 20.0274 37.4128 19.9686 37.4878 19.8943C37.5627 19.82 37.6221 19.7319 37.6626 19.6348C37.7031 19.5378 37.7239 19.4337 37.7238 19.3287V10.2946C37.75 9.30326 37.5448 8.31935 37.124 7.41961C36.7278 6.60783 36.0946 5.93272 35.3065 5.48184C34.4399 5.01408 33.4636 4.78243 32.4772 4.81052H32.4649C31.4191 4.80056 30.3904 5.07402 29.4901 5.60135C29.1545 5.79945 28.8407 6.0317 28.5537 6.29432V0.902311C28.5538 0.797293 28.533 0.693293 28.4924 0.596253C28.4519 0.499213 28.3925 0.411035 28.3176 0.336757C28.2426 0.262479 28.1537 0.203556 28.0558 0.163355C27.9578 0.123154 27.8529 0.102462 27.7469 0.102462H26.7913C26.6853 0.102357 26.5803 0.122974 26.4823 0.163132C26.3843 0.203291 26.2953 0.262204 26.2203 0.336498C26.1453 0.410791 26.0858 0.499008 26.0453 0.596098C26.0048 0.693187 25.984 0.797244 25.9841 0.902311V19.3295C25.984 19.4346 26.0049 19.5386 26.0454 19.6356C26.086 19.7327 26.1454 19.8208 26.2204 19.8951C26.2954 19.9693 26.3844 20.0282 26.4824 20.0683C26.5803 20.1085 26.6853 20.1291 26.7913 20.129H27.7469C27.8529 20.129 27.9578 20.1084 28.0557 20.0682C28.1536 20.0281 28.2426 19.9692 28.3175 19.8949C28.3925 19.8207 28.4519 19.7325 28.4924 19.6355C28.533 19.5385 28.5538 19.4345 28.5537 19.3295M23.483 20.2304H23.4851C23.6401 20.2304 23.7913 20.2256 23.9388 20.216C24.1327 20.2059 24.3238 20.1661 24.5054 20.0979C24.6559 20.0388 24.785 19.9362 24.876 19.8035C24.9669 19.6708 25.0155 19.514 25.0154 19.3536V18.6377C25.0154 18.5327 24.9946 18.4287 24.9541 18.3317C24.9135 18.2346 24.8541 18.1465 24.7792 18.0722C24.7043 17.9979 24.6153 17.939 24.5174 17.8988C24.4195 17.8586 24.3145 17.8379 24.2085 17.8379H23.8295C23.4594 17.8461 23.0901 17.8011 22.7331 17.7042C22.568 17.6684 22.4164 17.5877 22.2953 17.471L22.286 17.4601C22.1094 17.2722 21.9131 16.7583 21.9161 15.8987V7.45991H23.5889C23.8027 7.45986 24.0078 7.37569 24.159 7.2259C24.3103 7.07611 24.3953 6.87295 24.3955 6.66106V5.86703C24.3956 5.76201 24.3747 5.65801 24.3342 5.56097C24.2937 5.46393 24.2343 5.37575 24.1593 5.30148C24.0844 5.2272 23.9954 5.16827 23.8975 5.12807C23.7996 5.08787 23.6947 5.06718 23.5887 5.06718H21.9159V2.74483C21.916 2.63981 21.8951 2.53581 21.8546 2.43877C21.8141 2.34173 21.7547 2.25356 21.6797 2.17928C21.6048 2.105 21.5158 2.04608 21.4179 2.00588C21.32 1.96567 21.2151 1.94498 21.1091 1.94498H20.1276C20.0215 1.94488 19.9165 1.96549 19.8185 2.00565C19.7206 2.04581 19.6315 2.10472 19.5565 2.17902C19.4816 2.25331 19.4221 2.34153 19.3816 2.43862C19.341 2.53571 19.3202 2.63976 19.3203 2.74483V15.8737C19.323 17.2171 19.5873 18.3306 20.304 19.1236C21.0469 19.9256 22.1658 20.2294 23.4812 20.2292" fill="#C8C7C1"/> <path d="M105.851 22.5766C105.777 22.4725 105.678 22.3875 105.564 22.3289C105.449 22.2703 105.322 22.2397 105.194 22.2397H104.212C104.045 22.2397 103.881 22.2913 103.745 22.3875C103.608 22.4836 103.505 22.6195 103.45 22.7763L97.3281 40.1789C97.2857 40.2994 97.2731 40.4283 97.2913 40.5546C97.3094 40.681 97.3578 40.8012 97.4324 40.9052C97.5071 41.0093 97.6057 41.0941 97.7202 41.1526C97.8347 41.2111 97.9616 41.2417 98.0904 41.2416H99.0719C99.2394 41.2417 99.4027 41.1901 99.5393 41.094C99.6758 40.998 99.7787 40.8621 99.8338 40.7054L105.955 23.3027C105.998 23.1822 106.01 23.0534 105.992 22.927C105.974 22.8007 105.926 22.6805 105.851 22.5764" fill="#C8C7C1"/> <path d="M68.5939 23.0585H67.6382C67.5322 23.0585 67.4273 23.0792 67.3294 23.1195C67.2316 23.1597 67.1427 23.2186 67.0678 23.2929C66.9929 23.3672 66.9335 23.4553 66.893 23.5523C66.8525 23.6494 66.8317 23.7533 66.8317 23.8583V25.3756C66.8317 25.4806 66.8526 25.5846 66.8932 25.6816C66.9338 25.7786 66.9932 25.8668 67.0682 25.941C67.1432 26.0153 67.2322 26.0742 67.3301 26.1143C67.428 26.1545 67.533 26.1751 67.639 26.175H68.5948C68.7007 26.1751 68.8057 26.1545 68.9036 26.1143C69.0015 26.0741 69.0905 26.0153 69.1654 25.941C69.2403 25.8668 69.2998 25.7786 69.3403 25.6816C69.3808 25.5846 69.4016 25.4806 69.4016 25.3756V23.8583C69.4017 23.7533 69.3809 23.6493 69.3404 23.5522C69.2999 23.4551 69.2405 23.3669 69.1655 23.2926C69.0906 23.2183 69.0016 23.1594 68.9037 23.1192C68.8057 23.0791 68.7008 23.0584 68.5948 23.0585M68.5939 28.5772H67.6382C67.5322 28.5772 67.4273 28.5979 67.3294 28.6381C67.2315 28.6783 67.1425 28.7372 67.0676 28.8115C66.9928 28.8858 66.9334 28.974 66.8929 29.071C66.8524 29.1681 66.8316 29.272 66.8317 29.377V40.4416C66.8317 40.5466 66.8526 40.6506 66.8932 40.7476C66.9338 40.8446 66.9932 40.9328 67.0682 41.007C67.1432 41.0813 67.2322 41.1401 67.3301 41.1803C67.428 41.2205 67.533 41.2411 67.639 41.241H68.5948C68.7007 41.2411 68.8057 41.2205 68.9036 41.1803C69.0016 41.1402 69.0906 41.0813 69.1655 41.0071C69.2405 40.9328 69.2999 40.8447 69.3405 40.7476C69.381 40.6506 69.4018 40.5466 69.4018 40.4416V29.377C69.4019 29.272 69.3811 29.168 69.3406 29.0709C69.3001 28.9739 69.2407 28.8857 69.1657 28.8114C69.0908 28.7371 69.0018 28.6782 68.9039 28.638C68.8059 28.5978 68.701 28.5771 68.595 28.5772M65.0558 38.9514H64.6767C64.3065 38.9597 63.9371 38.9148 63.5799 38.818C63.415 38.7821 63.2635 38.7014 63.1424 38.5848L63.1333 38.5736C62.9564 38.3857 62.7603 37.8708 62.7629 37.0112V28.5736H64.4357C64.5417 28.5736 64.6466 28.553 64.7445 28.5128C64.8425 28.4727 64.9314 28.4138 65.0063 28.3396C65.0813 28.2653 65.1407 28.1772 65.1812 28.0801C65.2218 27.9831 65.2426 27.8791 65.2425 27.7741V26.9805C65.2427 26.8755 65.2219 26.7715 65.1814 26.6744C65.1409 26.5773 65.0814 26.4891 65.0065 26.4148C64.9316 26.3405 64.8426 26.2816 64.7446 26.2414C64.6467 26.2013 64.5417 26.1806 64.4357 26.1807H62.7629V23.8583C62.763 23.7533 62.7422 23.6493 62.7016 23.5522C62.6611 23.4552 62.6017 23.367 62.5268 23.2928C62.4518 23.2185 62.3629 23.1596 62.265 23.1194C62.167 23.0791 62.0621 23.0585 61.9561 23.0585H60.9746C60.8686 23.0584 60.7636 23.0791 60.6656 23.1192C60.5677 23.1594 60.4787 23.2183 60.4037 23.2926C60.3287 23.3669 60.2693 23.4551 60.2287 23.5522C60.1882 23.6492 60.1673 23.7533 60.1674 23.8583V36.9873C60.17 38.3308 60.4343 39.4442 61.1511 40.2369L61.1523 40.2381C61.8956 41.0401 63.0141 41.3447 64.3321 41.3439H64.3449C64.4952 41.3439 64.6419 41.3387 64.7846 41.3295C64.9785 41.3192 65.1697 41.2791 65.3512 41.2108C65.5019 41.152 65.6313 41.0496 65.7225 40.917C65.8137 40.7844 65.8625 40.6277 65.8626 40.4673V39.7506C65.8627 39.6456 65.8419 39.5416 65.8014 39.4445C65.7609 39.3474 65.7015 39.2592 65.6265 39.1849C65.5516 39.1107 65.4626 39.0517 65.3647 39.0116C65.2667 38.9714 65.1618 38.9507 65.0558 38.9508M58.5343 26.1807H57.5267C57.3651 26.1804 57.2072 26.2284 57.0734 26.3182C56.9397 26.4081 56.8363 26.5357 56.7767 26.6845L52.6709 36.9071L48.459 26.6781C48.3986 26.5309 48.2952 26.4049 48.1621 26.3163C48.0289 26.2277 47.8721 26.1804 47.7117 26.1807H46.6531C46.5204 26.1806 46.3897 26.2129 46.2726 26.2748C46.1555 26.3367 46.0556 26.4263 45.9818 26.5356C45.9081 26.6449 45.8626 26.7706 45.8496 26.9015C45.8365 27.0323 45.8562 27.1644 45.907 27.2859L51.2827 40.1637L50.7604 41.4482C50.4214 42.2869 50.1276 42.9384 49.8902 43.3833C49.7363 43.7011 49.536 43.9947 49.2958 44.2548C49.1838 44.3699 49.0394 44.4492 48.8814 44.4821C48.5656 44.5368 48.2453 44.5616 47.9248 44.5561H47.4796C47.3736 44.5561 47.2686 44.5767 47.1706 44.6169C47.0726 44.6571 46.9836 44.716 46.9087 44.7903C46.8337 44.8646 46.7742 44.9528 46.7337 45.0498C46.6931 45.1469 46.6723 45.2509 46.6724 45.356V46.1239C46.6725 46.3091 46.7374 46.4884 46.8561 46.6314C46.9747 46.7745 47.1397 46.8723 47.323 46.9084C47.432 46.9294 47.5541 46.9485 47.6949 46.9685C47.8548 46.9898 48.016 47.0008 48.1774 47.0012C48.7092 47.0107 49.2403 46.9551 49.7584 46.8358C50.2663 46.7075 50.7294 46.4449 51.0983 46.076C51.4894 45.665 51.8167 45.1987 52.0697 44.6925C52.3625 44.1371 52.6808 43.4397 53.0317 42.5885L59.2831 27.2805C59.3327 27.159 59.3515 27.0273 59.3378 26.897C59.324 26.7667 59.2782 26.6417 59.2042 26.533C59.1302 26.4244 59.0305 26.3354 58.9136 26.274C58.7968 26.2125 58.6665 26.1805 58.5343 26.1807ZM44.0701 21.2157H43.1145C43.0085 21.2157 42.9035 21.2363 42.8056 21.2765C42.7076 21.3167 42.6186 21.3756 42.5436 21.4499C42.4686 21.5242 42.4092 21.6124 42.3686 21.7094C42.3281 21.8065 42.3072 21.9105 42.3073 22.0156V40.4428C42.3072 40.5478 42.3281 40.6518 42.3686 40.7489C42.4092 40.8459 42.4687 40.9341 42.5436 41.0083C42.6186 41.0826 42.7076 41.1415 42.8056 41.1816C42.9035 41.2217 43.0085 41.2423 43.1145 41.2422H44.0701C44.2841 41.2422 44.4893 41.158 44.6406 41.0081C44.7919 40.8582 44.8769 40.6548 44.8769 40.4428V22.0156C44.877 21.9106 44.8562 21.8066 44.8156 21.7095C44.7751 21.6125 44.7157 21.5243 44.6408 21.45C44.5658 21.3758 44.4769 21.3168 44.379 21.2766C44.2811 21.2364 44.1761 21.2157 44.0701 21.2157ZM20.7987 28.3687C21.571 28.3687 22.1174 28.5241 22.4885 28.7637C22.8943 29.0234 23.2082 29.4021 23.3864 29.847C23.6137 30.4167 23.7243 31.0254 23.7116 31.6378V40.4404C23.7116 40.5454 23.7325 40.6494 23.7731 40.7464C23.8136 40.8434 23.8731 40.9316 23.9481 41.0058C24.023 41.0801 24.112 41.1389 24.21 41.1791C24.3079 41.2192 24.4129 41.2399 24.5188 41.2398H25.5003C25.6063 41.2399 25.7113 41.2193 25.8093 41.1792C25.9072 41.1391 25.9962 41.0802 26.0712 41.0059C26.1462 40.9317 26.2057 40.8435 26.2462 40.7465C26.2868 40.6494 26.3076 40.5454 26.3076 40.4404V31.408C26.3335 30.4168 26.1282 29.4329 25.7077 28.5331C25.3115 27.7213 24.6782 27.0461 23.8901 26.5951C23.024 26.1281 22.0485 25.8969 21.0628 25.925H21.047C20.0056 25.9146 18.9806 26.182 18.0793 26.699C17.7411 26.8944 17.4252 27.1253 17.1369 27.3877V26.9797C17.137 26.8747 17.1161 26.7707 17.0756 26.6736C17.0351 26.5766 16.9757 26.4884 16.9007 26.4141C16.8258 26.3399 16.7368 26.281 16.6389 26.2407C16.541 26.2005 16.4361 26.1799 16.3301 26.1799H15.3745C15.2684 26.1797 15.1634 26.2004 15.0654 26.2405C14.9675 26.2807 14.8784 26.3396 14.8034 26.4139C14.7285 26.4882 14.669 26.5764 14.6285 26.6735C14.5879 26.7706 14.5671 26.8746 14.5672 26.9797V40.4422C14.5672 40.5472 14.588 40.6512 14.6286 40.7483C14.6691 40.8453 14.7286 40.9335 14.8036 41.0077C14.8786 41.082 14.9676 41.1409 15.0655 41.181C15.1635 41.2211 15.2685 41.2417 15.3745 41.2416H16.3301C16.436 41.2417 16.541 41.2211 16.6389 41.1809C16.7368 41.1407 16.8258 41.0818 16.9007 41.0076C16.9756 40.9334 17.0351 40.8452 17.0756 40.7482C17.1161 40.6512 17.137 40.5472 17.1369 40.4422V32.2785C17.1417 31.8147 17.2266 31.3552 17.388 30.9198C17.5572 30.4483 17.8082 30.0097 18.1299 29.6239C18.4457 29.2408 18.8386 28.927 19.2834 28.7025C19.7542 28.4716 20.2744 28.3571 20.7995 28.3689M2.60291 40.9834C3.47501 41.3358 4.41106 41.5065 5.35267 41.4847C6.07693 41.4761 6.79421 41.3432 7.47267 41.0919C8.23597 40.8138 8.94215 40.4011 9.55704 39.8737C9.67846 39.7713 9.7924 39.662 9.9035 39.5497C9.97547 40.0161 10.1351 40.465 10.3742 40.8731C10.446 40.99 10.5471 41.0865 10.6677 41.1532C10.7882 41.22 10.9241 41.2547 11.0622 41.2541H11.0639L11.5346 41.2491C11.747 41.2466 11.9498 41.1613 12.0992 41.0117C12.2485 40.862 12.3323 40.6601 12.3323 40.4496V31.8817C12.3555 30.8312 12.1556 29.7876 11.7454 28.8186C11.3525 27.9213 10.6821 27.1709 9.83085 26.6757C8.95723 26.1654 7.89845 25.9376 6.69578 25.9376C5.61852 25.9108 4.54912 26.1261 3.56779 26.5672C2.6878 26.9785 1.94734 27.6342 1.43646 28.4547L1.43282 28.4605C1.36469 28.57 1.32861 28.696 1.3286 28.8246C1.3292 28.9757 1.37714 29.1229 1.46581 29.2459C1.55448 29.3688 1.6795 29.4615 1.82359 29.511L2.61566 29.7903C2.83581 29.8674 3.07465 29.8749 3.29933 29.812C3.52401 29.749 3.72349 29.6187 3.87033 29.4388C3.94457 29.3476 4.02382 29.2605 4.10771 29.1779C4.62597 28.6795 5.39496 28.3859 6.59156 28.3813C7.10656 28.3691 7.61961 28.4483 8.10648 28.6151C8.45513 28.7393 8.76375 28.954 9.00013 29.2367C9.44858 29.7819 9.73067 30.6244 9.75698 31.8321C8.60349 31.85 7.58093 31.8977 6.6972 31.9795C5.58612 32.0777 4.49035 32.3036 3.432 32.6528H3.42836L3.41905 32.6556H3.41743C2.37585 32.9765 1.51519 33.4761 0.910715 34.1932C0.287597 34.9697 -0.0354561 35.941 -0.000340725 36.9324V36.9583C-0.0184832 37.8236 0.220045 38.6752 0.685683 39.4075C1.15265 40.1098 1.82008 40.6584 2.60291 40.9834ZM9.17437 36.8159C8.78708 37.4853 8.23985 38.0502 7.58073 38.4611C6.93834 38.8659 6.19078 39.0763 5.42957 39.0665C4.41348 39.0645 3.73232 38.8337 3.27213 38.4571C3.0554 38.2831 2.88259 38.0614 2.76743 37.8096C2.64826 37.5201 2.5896 37.2096 2.59502 36.8969C2.58924 36.5293 2.6822 36.1667 2.86437 35.8464C3.00096 35.6042 3.30289 35.3211 3.85495 35.0592C4.37989 34.8074 5.22943 34.575 6.36005 34.4129C7.4885 34.2658 8.62492 34.1867 9.76305 34.1761V34.6708C9.7658 35.4255 9.56245 36.1668 9.17457 36.8163M37.5841 26.6757C36.7104 26.1654 35.6516 25.9376 34.449 25.9376C33.3717 25.9108 32.3023 26.1261 31.321 26.5672C30.4412 26.9786 29.7008 27.6343 29.1901 28.4547L29.1864 28.4605C29.118 28.5698 29.0819 28.696 29.0822 28.8246C29.0828 28.9757 29.1307 29.1229 29.2193 29.2458C29.3078 29.3687 29.4328 29.4614 29.5768 29.511L30.3689 29.7903C30.589 29.8674 30.8279 29.8751 31.0526 29.8121C31.2773 29.7492 31.4767 29.6187 31.6235 29.4388C31.6984 29.348 31.7783 29.2614 31.8627 29.1793C32.381 28.6809 33.15 28.3873 34.3466 28.3827C34.8616 28.3705 35.3746 28.4497 35.8615 28.6165C36.2102 28.7407 36.5188 28.9554 36.7552 29.2381C37.2036 29.7833 37.4857 30.6258 37.512 31.8335C36.3585 31.8514 35.336 31.8991 34.4522 31.9809C33.3411 32.0791 32.2454 32.305 31.187 32.6542L31.1834 32.6554L31.1741 32.658H31.1725C30.1309 32.9789 29.2702 33.4785 28.6657 34.1956C28.0435 34.9713 27.7206 35.9414 27.7551 36.9318V36.9577C27.7366 37.8231 27.9752 38.6747 28.4411 39.4069C28.9079 40.1092 29.5752 40.6578 30.3579 40.9828C31.2302 41.3352 32.1664 41.5059 33.1081 41.4841C33.8324 41.4755 34.5496 41.3425 35.2281 41.0913C35.9914 40.8132 36.6976 40.4005 37.3125 39.8731C37.4339 39.7707 37.5478 39.6614 37.6589 39.5491C37.7309 40.0155 37.8906 40.4644 38.1296 40.8725C38.2015 40.9894 38.3025 41.0859 38.4231 41.1526C38.5437 41.2194 38.6796 41.2541 38.8177 41.2535H38.8193L39.2916 41.2481C39.504 41.2457 39.7069 41.1604 39.8563 41.0107C40.0056 40.8611 40.0894 40.6591 40.0894 40.4486V31.8807C40.1126 30.8302 39.9126 29.7866 39.5025 28.8176C39.1092 27.9202 38.4384 27.1699 37.5867 26.6749M36.9282 36.8161C36.5409 37.4855 35.9937 38.0504 35.3345 38.4613C34.6922 38.8661 33.9446 39.0765 33.1834 39.0667C32.1673 39.0647 31.4861 38.8339 31.0259 38.4573C30.8092 38.2833 30.6364 38.0616 30.5212 37.8098C30.4019 37.5203 30.3432 37.2098 30.3488 36.8971C30.3431 36.5295 30.436 36.1669 30.6182 35.8466C30.7548 35.6044 31.0567 35.3213 31.6088 35.0594C32.1337 34.8076 32.9832 34.5752 34.1139 34.4131C35.2423 34.266 36.3787 34.1869 37.5169 34.1763V34.671C37.5196 35.4257 37.3163 36.167 36.9284 36.8165M6.22629 18.2943C6.69323 18.9963 7.3605 19.5447 8.14311 19.8697C9.01536 20.2221 9.95154 20.3928 10.8933 20.371C11.6175 20.3625 12.3349 20.2296 13.0133 19.9782C13.7766 19.7002 14.4828 19.2876 15.0976 18.7602C15.2191 18.6578 15.333 18.5481 15.4441 18.4362C15.5161 18.9026 15.6758 19.3515 15.9148 19.7596C15.9866 19.8765 16.0877 19.973 16.2083 20.0398C16.3288 20.1065 16.4647 20.1412 16.6029 20.1406H16.6045L17.0768 20.1352C17.2888 20.1322 17.4911 20.0467 17.6399 19.8972C17.7888 19.7476 17.8723 19.546 17.8723 19.3359V10.7682C17.8955 9.71756 17.6955 8.67385 17.2854 7.70473C16.8923 6.80734 16.2214 6.05704 15.3696 5.56224C14.496 5.05193 13.4372 4.82395 12.2346 4.82395C11.158 4.79753 10.0893 5.01284 9.1086 5.45376C8.22867 5.86496 7.48834 6.5207 6.97768 7.34119L6.97403 7.34661C6.90562 7.45604 6.86938 7.58222 6.86941 7.71094C6.87002 7.86202 6.91794 8.00919 7.00657 8.13214C7.0952 8.25508 7.22016 8.34773 7.3642 8.3973L8.15626 8.67661C8.27675 8.71921 8.40372 8.74099 8.53165 8.74098C8.7001 8.74061 8.86635 8.70314 9.01839 8.63128C9.17042 8.55943 9.30444 8.45499 9.41073 8.32552C9.48558 8.23435 9.56544 8.14733 9.64993 8.06485C10.1682 7.56637 10.9372 7.27282 12.1338 7.26821C12.6488 7.2563 13.1618 7.33561 13.6487 7.50241C13.9975 7.62637 14.3062 7.84108 14.5424 8.124C14.9908 8.66879 15.2729 9.51135 15.2992 10.719C14.1457 10.7369 13.1232 10.785 12.2394 10.8664C11.1283 10.9647 10.0326 11.1908 8.97423 11.5402H8.97059L8.96128 11.543H8.95966C7.91808 11.8638 7.05741 12.3633 6.45294 13.0805C5.83065 13.8562 5.50779 14.8264 5.54229 15.8167V15.8426C5.52393 16.708 5.76247 17.5596 6.22831 18.2918M14.7154 15.7024C14.328 16.3719 13.7808 16.9369 13.1217 17.348C12.4793 17.7525 11.7317 17.9627 10.9706 17.953C9.95449 17.9514 9.27333 17.7204 8.81314 17.3438C8.59631 17.1697 8.42349 16.9479 8.30844 16.696C8.18909 16.4066 8.13042 16.0962 8.13602 15.7836C8.13022 15.4162 8.22303 15.0538 8.40497 14.7335C8.54157 14.4917 8.8435 14.2082 9.39556 13.9463C9.9205 13.6945 10.77 13.4621 11.9007 13.3005C13.0291 13.153 14.1655 13.0739 15.3037 13.0635V13.5583C15.3065 14.313 15.1031 15.0544 14.7152 15.7038M80.4974 38.2712C79.8466 38.7869 79.0739 39.0488 78.0475 39.0532C76.6963 39.0386 75.813 38.6257 75.0885 37.7429C74.3778 36.8576 73.9731 35.5525 73.9725 33.7364V33.732C73.9725 31.8414 74.3703 30.5009 75.043 29.6455C75.3588 29.2345 75.7724 28.9073 76.2469 28.6931C76.7922 28.4671 77.3791 28.3564 77.97 28.3681C78.8607 28.3366 79.7328 28.6259 80.4247 29.1825C80.7783 29.4768 81.069 29.8381 81.2797 30.2453C81.3502 30.3848 81.4692 30.4944 81.6147 30.554C81.7603 30.6135 81.9227 30.6189 82.072 30.5693L83.2846 30.1506C83.3713 30.12 83.4505 30.0715 83.5169 30.0082C83.5834 29.945 83.6355 29.8685 83.6698 29.7838C83.7041 29.6992 83.7199 29.6082 83.7161 29.517C83.7124 29.4259 83.6891 29.3365 83.6478 29.2549C83.5049 28.9612 83.338 28.6795 83.1486 28.4128C82.5859 27.6168 81.8264 26.9773 80.9428 26.5554C80.0146 26.1251 78.9997 25.9097 77.9751 25.9256H77.9587C76.7256 25.8998 75.5105 26.2214 74.4547 26.853C73.4253 27.5025 72.6192 28.4464 72.1433 29.5599C71.6171 30.7283 71.3765 32.1233 71.3761 33.7372C71.3446 35.1175 71.6002 36.4894 72.1271 37.7675C72.5973 38.8947 73.4024 39.8535 74.4355 40.5166C75.5094 41.1698 76.7507 41.5019 78.0105 41.473H78.036C79.4873 41.5046 80.9088 41.062 82.0811 40.2136C82.9645 39.5304 83.6292 38.6081 83.9947 37.5584C84.024 37.4787 84.0369 37.394 84.0328 37.3093C84.0287 37.2246 84.0076 37.1415 83.9707 37.065C83.9338 36.9884 83.8819 36.9199 83.818 36.8635C83.754 36.8071 83.6794 36.7638 83.5984 36.7363L82.4116 36.3262C82.2557 36.271 82.0843 36.2777 81.9334 36.345C81.7825 36.4123 81.6637 36.535 81.6021 36.6872C81.3835 37.3041 81.0016 37.8516 80.4964 38.2722M96.6586 34.3787C96.3355 33.924 95.9122 33.5483 95.4207 33.2798C95.2853 33.2033 95.1453 33.135 95.0016 33.0751C94.3705 32.8216 93.7117 32.6414 93.0387 32.5383C92.4539 32.4458 91.8659 32.3642 91.2746 32.2933C91.2016 32.2843 91.1293 32.2733 91.0561 32.2654C90.4952 32.2037 89.9409 32.0933 89.3995 31.9356C89.0412 31.8418 88.7174 31.6485 88.4664 31.3784C88.3059 31.1979 88.1806 30.9044 88.1778 30.3608C88.1735 30.0814 88.2267 29.8041 88.3344 29.5459C88.4443 29.308 88.6053 29.0968 88.8062 28.9271C89.2068 28.5794 89.8706 28.3442 90.9096 28.3436C91.8892 28.3484 92.5914 28.5922 93.1558 29.0548C93.5666 29.4203 93.8657 29.8927 94.0189 30.4183C94.0464 30.4979 94.0894 30.5714 94.1456 30.6344C94.2019 30.6975 94.2701 30.7489 94.3465 30.7856C94.4228 30.8224 94.5058 30.8439 94.5905 30.8488C94.6753 30.8537 94.7602 30.8419 94.8403 30.8141L96.0566 30.394C96.2164 30.3394 96.3483 30.2247 96.4237 30.0747C96.4992 29.9247 96.5121 29.7514 96.4599 29.592C96.3051 29.1264 96.0878 28.6835 95.8139 28.2752C95.2985 27.4998 94.5765 26.8808 93.7279 26.487C92.8501 26.101 91.8977 25.9098 90.9375 25.9268H90.9306C89.9396 25.8983 88.956 26.1038 88.061 26.5263C87.3248 26.875 86.7048 27.4253 86.2744 28.1122C85.8441 28.7991 85.6213 29.5938 85.6326 30.4023V30.4173C85.6326 31.305 85.817 32.099 86.2741 32.733C86.5943 33.1758 87.0118 33.5408 87.4952 33.8002C87.6381 33.8787 87.7859 33.9483 87.9376 34.0085C88.5669 34.2522 89.2214 34.4266 89.8892 34.5284C90.3209 34.5968 90.7529 34.6578 91.1844 34.7147C91.4088 34.7444 91.6328 34.7749 91.8572 34.8013C92.4035 34.8619 92.942 34.9783 93.464 35.1488C93.827 35.2593 94.1536 35.4636 94.4103 35.7407C94.5653 35.9142 94.6956 36.2204 94.6981 36.7834C94.7026 37.1029 94.6406 37.4199 94.5159 37.7146C94.3873 37.9911 94.1996 38.2366 93.9657 38.434C93.4972 38.8417 92.7294 39.1066 91.5527 39.1072C90.4129 39.1034 89.5794 38.824 88.9219 38.3003C88.4791 37.9399 88.1376 37.4725 87.9303 36.9432C87.8667 36.7942 87.748 36.6749 87.5984 36.6098C87.4489 36.5448 87.2799 36.539 87.1261 36.5935L85.9435 37.002C85.8614 37.0298 85.7859 37.0738 85.7214 37.1313C85.6569 37.1888 85.6048 37.2586 85.5683 37.3366C85.5317 37.4145 85.5114 37.499 85.5086 37.5849C85.5058 37.6708 85.5205 37.7564 85.5519 37.8365C85.9027 38.7437 86.4906 39.5423 87.2552 40.1504C88.3972 41.0459 89.8524 41.4738 91.5118 41.4738H91.5345C92.5135 41.49 93.486 41.3128 94.3951 40.9525C95.2321 40.6187 95.9588 40.0605 96.4937 39.3406C97.0341 38.5825 97.3151 37.6727 97.2954 36.7447V36.7307C97.2954 35.8258 97.1133 35.0211 96.6584 34.3771" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24683"> <rect width="106" height="47" fill="white"/> </clipPath> </defs> </svg> <svg data-logo="fathom" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="106" height="47" viewBox="0 0 106 47" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24679)"> <path d="M5.79879 6.66046V5.86703C5.79884 5.65514 5.714 5.4519 5.5629 5.30196C5.41181 5.15202 5.20681 5.06765 4.99297 5.06738H3.4483V4.3323C3.44567 3.4731 3.64176 2.95838 3.81823 2.7711L3.82652 2.76087C3.94678 2.64341 4.09786 2.56172 4.26262 2.52507C4.83271 2.43412 5.40937 2.38979 5.98679 2.39253H6.28346C6.38945 2.39253 6.4944 2.37184 6.59232 2.33164C6.69023 2.29144 6.7792 2.23251 6.85412 2.15823C6.92905 2.08396 6.98847 1.99578 7.029 1.89874C7.06952 1.8017 7.09035 1.6977 7.0903 1.59268V0.876445C7.09064 0.69081 7.02566 0.510864 6.90654 0.367583C6.78742 0.224301 6.62161 0.126649 6.43766 0.0914342C6.32869 0.0705774 6.21933 0.0517925 6.10963 0.0350899C5.95724 0.0118303 5.15749 0 5.00066 0H5.64378H4.98973C3.68993 0 2.58318 0.30077 1.84211 1.08859L1.8409 1.08979C1.11663 1.88042 0.856182 2.99808 0.852539 4.35676V19.3295C0.852539 19.4345 0.873422 19.5385 0.913995 19.6355C0.954567 19.7326 1.01403 19.8207 1.089 19.895C1.16396 19.9692 1.25296 20.0281 1.35089 20.0682C1.44883 20.1084 1.55379 20.129 1.65978 20.129H2.64126C2.74725 20.129 2.85221 20.1084 2.95015 20.0683C3.04809 20.0281 3.13708 19.9692 3.21203 19.895C3.28698 19.8208 3.34643 19.7326 3.38697 19.6356C3.42751 19.5385 3.44835 19.4345 3.4483 19.3295V7.45911H4.99297C5.09894 7.45916 5.20388 7.43852 5.30179 7.39836C5.39971 7.3582 5.48867 7.29932 5.5636 7.22507C5.63854 7.15083 5.69797 7.06268 5.73849 6.96566C5.77902 6.86864 5.79986 6.76466 5.7998 6.65966M70.9263 8.70731C71.1345 9.29065 71.2352 9.90632 71.2236 10.525V19.3275C71.2236 19.4326 71.2444 19.5366 71.285 19.6337C71.3255 19.7307 71.385 19.8189 71.4599 19.8932C71.5349 19.9675 71.6239 20.0264 71.7219 20.0666C71.8198 20.1068 71.9248 20.1274 72.0309 20.1274H72.987C73.093 20.1274 73.198 20.1067 73.2959 20.0665C73.3938 20.0263 73.4828 19.9673 73.5577 19.8931C73.6326 19.8188 73.692 19.7306 73.7326 19.6336C73.7731 19.5365 73.7939 19.4325 73.7939 19.3275V10.2944C73.818 9.32332 73.6416 8.35762 73.2756 7.4565C72.9361 6.64909 72.354 5.96482 71.6083 5.49668C70.8103 5.02431 69.8932 4.78654 68.964 4.81112H68.948C67.9578 4.80284 66.9861 5.07702 66.1489 5.60095C65.5975 5.9527 65.1167 6.40246 64.7305 6.92755C64.3951 6.35029 63.9254 5.86071 63.3606 5.49949C62.5757 5.02659 61.6699 4.78762 60.7515 4.81112H60.7337C59.7522 4.80514 58.7897 5.07934 57.9613 5.60095C57.7129 5.76054 57.4793 5.94172 57.2633 6.14233V5.86603C57.2634 5.76104 57.2426 5.65707 57.2021 5.56006C57.1616 5.46305 57.1022 5.37489 57.0273 5.30061C56.9524 5.22634 56.8635 5.16741 56.7656 5.12719C56.6678 5.08696 56.5629 5.06623 56.4569 5.06618H55.5011C55.395 5.06597 55.2899 5.08651 55.1918 5.12662C55.0937 5.16673 55.0046 5.22562 54.9296 5.29993C54.8545 5.37423 54.795 5.46249 54.7544 5.55963C54.7138 5.65677 54.693 5.76089 54.6931 5.86603V19.3285C54.693 19.4336 54.7139 19.5376 54.7544 19.6347C54.795 19.7317 54.8544 19.8199 54.9294 19.8942C55.0044 19.9685 55.0934 20.0274 55.1913 20.0676C55.2893 20.1078 55.3943 20.1284 55.5003 20.1284H56.4561C56.5621 20.1284 56.6671 20.1078 56.7651 20.0676C56.863 20.0275 56.952 19.9685 57.027 19.8943C57.102 19.82 57.1614 19.7318 57.2019 19.6347C57.2424 19.5376 57.2632 19.4336 57.2631 19.3285V11.1644C57.2675 10.6954 57.346 10.23 57.4956 9.78507C57.648 9.31648 57.8776 8.87609 58.175 8.48173C58.4494 8.11135 58.7978 7.80086 59.1986 7.56959C59.5915 7.35205 60.0363 7.24344 60.4862 7.25519C61.1425 7.25679 61.5746 7.40016 61.8761 7.62152C62.24 7.89915 62.5132 8.27688 62.6617 8.70751C62.8699 9.29077 62.9706 9.90638 62.9589 10.525V19.3275C62.9589 19.4326 62.9797 19.5366 63.0203 19.6337C63.0608 19.7307 63.1203 19.8189 63.1953 19.8932C63.2702 19.9675 63.3592 20.0264 63.4572 20.0666C63.5552 20.1068 63.6602 20.1274 63.7662 20.1274H64.722C64.828 20.1274 64.9329 20.1068 65.0309 20.0666C65.1288 20.0264 65.2178 19.9675 65.2927 19.8932C65.3677 19.8189 65.4271 19.7307 65.4676 19.6336C65.5081 19.5366 65.5289 19.4325 65.5288 19.3275V11.1644C65.5327 10.6955 65.611 10.2301 65.7609 9.78527C65.9133 9.31664 66.1429 8.87624 66.4405 8.48193C66.7144 8.11184 67.0623 7.80156 67.4624 7.57039C67.8554 7.35294 68.3003 7.24434 68.7503 7.25599C69.407 7.25759 69.839 7.40096 70.1395 7.62233C70.5039 7.89956 70.7774 8.27731 70.9257 8.70811M42.7631 19.4173C43.8475 20.0637 45.0954 20.3902 46.3604 20.3586H46.376C47.6174 20.3857 48.842 20.0708 49.9134 19.449C50.9573 18.8058 51.776 17.8597 52.2582 16.7393C52.7912 15.5663 53.0391 14.1809 53.0395 12.5979C53.0717 11.2032 52.8112 9.8171 52.2744 8.52744C51.8013 7.40113 50.9987 6.44095 49.97 5.77058C48.8918 5.11218 47.6435 4.77888 46.3774 4.81133H46.361C45.1135 4.78539 43.8834 5.10527 42.8095 5.73489C41.7654 6.37803 40.947 7.32475 40.4661 8.44584C39.9411 9.61423 39.6995 11.009 39.6989 12.6231C39.6685 14.0065 39.9238 15.3813 40.4493 16.6633C40.9152 17.7959 41.7235 18.758 42.7631 19.4173ZM43.3856 8.53887C43.7108 8.12475 44.1337 7.79605 44.617 7.58162C45.1721 7.35449 45.7685 7.24329 46.3689 7.25499C46.9554 7.244 47.5375 7.35721 48.0763 7.58704C48.5619 7.81229 48.9854 8.15046 49.3107 8.57276C50.0166 9.46785 50.4179 10.7804 50.4187 12.5973V12.5999C50.4187 14.4727 50.0186 15.8021 49.3376 16.6601C49.0167 17.0729 48.5976 17.4007 48.1178 17.6141C47.5641 17.8411 46.9691 17.9521 46.3701 17.9404C45.0205 17.9249 44.1394 17.5107 43.4133 16.6194C42.6996 15.7223 42.2963 14.4209 42.2953 12.6231V12.6193C42.2953 10.7309 42.7 9.39507 43.3866 8.53887M28.5537 19.3287V11.1648C28.5584 10.7011 28.6434 10.2417 28.8049 9.80652C28.9742 9.33518 29.2252 8.89675 29.5468 8.511C29.8626 8.1279 30.2554 7.81413 30.7002 7.58964C31.1709 7.35851 31.6912 7.24402 32.2164 7.25599C32.989 7.25599 33.5356 7.41139 33.9069 7.6514C34.312 7.91156 34.6252 8.2904 34.8028 8.73518C35.0301 9.30476 35.1407 9.91343 35.1282 10.5258V19.3287C35.1282 19.4338 35.149 19.5378 35.1896 19.6348C35.2301 19.7318 35.2896 19.82 35.3646 19.8943C35.4395 19.9685 35.5286 20.0274 35.6265 20.0675C35.7245 20.1077 35.8295 20.1283 35.9355 20.1282H36.917C37.0229 20.1283 37.1279 20.1077 37.2259 20.0676C37.3238 20.0274 37.4128 19.9686 37.4878 19.8943C37.5627 19.82 37.6221 19.7319 37.6626 19.6348C37.7031 19.5378 37.7239 19.4337 37.7238 19.3287V10.2946C37.75 9.30326 37.5448 8.31935 37.124 7.41961C36.7278 6.60783 36.0946 5.93272 35.3065 5.48184C34.4399 5.01408 33.4636 4.78243 32.4772 4.81052H32.4649C31.4191 4.80056 30.3904 5.07402 29.4901 5.60135C29.1545 5.79945 28.8407 6.0317 28.5537 6.29432V0.902311C28.5538 0.797293 28.533 0.693293 28.4924 0.596253C28.4519 0.499213 28.3925 0.411035 28.3176 0.336757C28.2426 0.262479 28.1537 0.203556 28.0558 0.163355C27.9578 0.123154 27.8529 0.102462 27.7469 0.102462H26.7913C26.6853 0.102357 26.5803 0.122974 26.4823 0.163132C26.3843 0.203291 26.2953 0.262204 26.2203 0.336498C26.1453 0.410791 26.0858 0.499008 26.0453 0.596098C26.0048 0.693187 25.984 0.797244 25.9841 0.902311V19.3295C25.984 19.4346 26.0049 19.5386 26.0454 19.6356C26.086 19.7327 26.1454 19.8208 26.2204 19.8951C26.2954 19.9693 26.3844 20.0282 26.4824 20.0683C26.5803 20.1085 26.6853 20.1291 26.7913 20.129H27.7469C27.8529 20.129 27.9578 20.1084 28.0557 20.0682C28.1536 20.0281 28.2426 19.9692 28.3175 19.8949C28.3925 19.8207 28.4519 19.7325 28.4924 19.6355C28.533 19.5385 28.5538 19.4345 28.5537 19.3295M23.483 20.2304H23.4851C23.6401 20.2304 23.7913 20.2256 23.9388 20.216C24.1327 20.2059 24.3238 20.1661 24.5054 20.0979C24.6559 20.0388 24.785 19.9362 24.876 19.8035C24.9669 19.6708 25.0155 19.514 25.0154 19.3536V18.6377C25.0154 18.5327 24.9946 18.4287 24.9541 18.3317C24.9135 18.2346 24.8541 18.1465 24.7792 18.0722C24.7043 17.9979 24.6153 17.939 24.5174 17.8988C24.4195 17.8586 24.3145 17.8379 24.2085 17.8379H23.8295C23.4594 17.8461 23.0901 17.8011 22.7331 17.7042C22.568 17.6684 22.4164 17.5877 22.2953 17.471L22.286 17.4601C22.1094 17.2722 21.9131 16.7583 21.9161 15.8987V7.45991H23.5889C23.8027 7.45986 24.0078 7.37569 24.159 7.2259C24.3103 7.07611 24.3953 6.87295 24.3955 6.66106V5.86703C24.3956 5.76201 24.3747 5.65801 24.3342 5.56097C24.2937 5.46393 24.2343 5.37575 24.1593 5.30148C24.0844 5.2272 23.9954 5.16827 23.8975 5.12807C23.7996 5.08787 23.6947 5.06718 23.5887 5.06718H21.9159V2.74483C21.916 2.63981 21.8951 2.53581 21.8546 2.43877C21.8141 2.34173 21.7547 2.25356 21.6797 2.17928C21.6048 2.105 21.5158 2.04608 21.4179 2.00588C21.32 1.96567 21.2151 1.94498 21.1091 1.94498H20.1276C20.0215 1.94488 19.9165 1.96549 19.8185 2.00565C19.7206 2.04581 19.6315 2.10472 19.5565 2.17902C19.4816 2.25331 19.4221 2.34153 19.3816 2.43862C19.341 2.53571 19.3202 2.63976 19.3203 2.74483V15.8737C19.323 17.2171 19.5873 18.3306 20.304 19.1236C21.0469 19.9256 22.1658 20.2294 23.4812 20.2292" fill="#242925"/> <path d="M105.851 22.5766C105.777 22.4725 105.678 22.3875 105.564 22.3289C105.449 22.2703 105.322 22.2397 105.194 22.2397H104.212C104.045 22.2397 103.881 22.2913 103.745 22.3875C103.608 22.4836 103.505 22.6195 103.45 22.7763L97.3281 40.1789C97.2857 40.2994 97.2731 40.4283 97.2913 40.5546C97.3094 40.681 97.3578 40.8012 97.4324 40.9052C97.5071 41.0093 97.6057 41.0941 97.7202 41.1526C97.8347 41.2111 97.9616 41.2417 98.0904 41.2416H99.0719C99.2394 41.2417 99.4027 41.1901 99.5393 41.094C99.6758 40.998 99.7787 40.8621 99.8338 40.7054L105.955 23.3027C105.998 23.1822 106.01 23.0534 105.992 22.927C105.974 22.8007 105.926 22.6805 105.851 22.5764" fill="#9580FF"/> <path d="M68.5939 23.0585H67.6382C67.5322 23.0585 67.4273 23.0792 67.3294 23.1195C67.2316 23.1597 67.1427 23.2186 67.0678 23.2929C66.9929 23.3672 66.9335 23.4553 66.893 23.5523C66.8525 23.6494 66.8317 23.7533 66.8317 23.8583V25.3756C66.8317 25.4806 66.8526 25.5846 66.8932 25.6816C66.9338 25.7786 66.9932 25.8668 67.0682 25.941C67.1432 26.0153 67.2322 26.0742 67.3301 26.1143C67.428 26.1545 67.533 26.1751 67.639 26.175H68.5948C68.7007 26.1751 68.8057 26.1545 68.9036 26.1143C69.0015 26.0741 69.0905 26.0153 69.1654 25.941C69.2403 25.8668 69.2998 25.7786 69.3403 25.6816C69.3808 25.5846 69.4016 25.4806 69.4016 25.3756V23.8583C69.4017 23.7533 69.3809 23.6493 69.3404 23.5522C69.2999 23.4551 69.2405 23.3669 69.1655 23.2926C69.0906 23.2183 69.0016 23.1594 68.9037 23.1192C68.8057 23.0791 68.7008 23.0584 68.5948 23.0585M68.5939 28.5772H67.6382C67.5322 28.5772 67.4273 28.5979 67.3294 28.6381C67.2315 28.6783 67.1425 28.7372 67.0676 28.8115C66.9928 28.8858 66.9334 28.974 66.8929 29.071C66.8524 29.1681 66.8316 29.272 66.8317 29.377V40.4416C66.8317 40.5466 66.8526 40.6506 66.8932 40.7476C66.9338 40.8446 66.9932 40.9328 67.0682 41.007C67.1432 41.0813 67.2322 41.1401 67.3301 41.1803C67.428 41.2205 67.533 41.2411 67.639 41.241H68.5948C68.7007 41.2411 68.8057 41.2205 68.9036 41.1803C69.0016 41.1402 69.0906 41.0813 69.1655 41.0071C69.2405 40.9328 69.2999 40.8447 69.3405 40.7476C69.381 40.6506 69.4018 40.5466 69.4018 40.4416V29.377C69.4019 29.272 69.3811 29.168 69.3406 29.0709C69.3001 28.9739 69.2407 28.8857 69.1657 28.8114C69.0908 28.7371 69.0018 28.6782 68.9039 28.638C68.8059 28.5978 68.701 28.5771 68.595 28.5772M65.0558 38.9514H64.6767C64.3065 38.9597 63.9371 38.9148 63.5799 38.818C63.415 38.7821 63.2635 38.7014 63.1424 38.5848L63.1333 38.5736C62.9564 38.3857 62.7603 37.8708 62.7629 37.0112V28.5736H64.4357C64.5417 28.5736 64.6466 28.553 64.7445 28.5128C64.8425 28.4727 64.9314 28.4138 65.0063 28.3396C65.0813 28.2653 65.1407 28.1772 65.1812 28.0801C65.2218 27.9831 65.2426 27.8791 65.2425 27.7741V26.9805C65.2427 26.8755 65.2219 26.7715 65.1814 26.6744C65.1409 26.5773 65.0814 26.4891 65.0065 26.4148C64.9316 26.3405 64.8426 26.2816 64.7446 26.2414C64.6467 26.2013 64.5417 26.1806 64.4357 26.1807H62.7629V23.8583C62.763 23.7533 62.7422 23.6493 62.7016 23.5522C62.6611 23.4552 62.6017 23.367 62.5268 23.2928C62.4518 23.2185 62.3629 23.1596 62.265 23.1194C62.167 23.0791 62.0621 23.0585 61.9561 23.0585H60.9746C60.8686 23.0584 60.7636 23.0791 60.6656 23.1192C60.5677 23.1594 60.4787 23.2183 60.4037 23.2926C60.3287 23.3669 60.2693 23.4551 60.2287 23.5522C60.1882 23.6492 60.1673 23.7533 60.1674 23.8583V36.9873C60.17 38.3308 60.4343 39.4442 61.1511 40.2369L61.1523 40.2381C61.8956 41.0401 63.0141 41.3447 64.3321 41.3439H64.3449C64.4952 41.3439 64.6419 41.3387 64.7846 41.3295C64.9785 41.3192 65.1697 41.2791 65.3512 41.2108C65.5019 41.152 65.6313 41.0496 65.7225 40.917C65.8137 40.7844 65.8625 40.6277 65.8626 40.4673V39.7506C65.8627 39.6456 65.8419 39.5416 65.8014 39.4445C65.7609 39.3474 65.7015 39.2592 65.6265 39.1849C65.5516 39.1107 65.4626 39.0517 65.3647 39.0116C65.2667 38.9714 65.1618 38.9507 65.0558 38.9508M58.5343 26.1807H57.5267C57.3651 26.1804 57.2072 26.2284 57.0734 26.3182C56.9397 26.4081 56.8363 26.5357 56.7767 26.6845L52.6709 36.9071L48.459 26.6781C48.3986 26.5309 48.2952 26.4049 48.1621 26.3163C48.0289 26.2277 47.8721 26.1804 47.7117 26.1807H46.6531C46.5204 26.1806 46.3897 26.2129 46.2726 26.2748C46.1555 26.3367 46.0556 26.4263 45.9818 26.5356C45.9081 26.6449 45.8626 26.7706 45.8496 26.9015C45.8365 27.0323 45.8562 27.1644 45.907 27.2859L51.2827 40.1637L50.7604 41.4482C50.4214 42.2869 50.1276 42.9384 49.8902 43.3833C49.7363 43.7011 49.536 43.9947 49.2958 44.2548C49.1838 44.3699 49.0394 44.4492 48.8814 44.4821C48.5656 44.5368 48.2453 44.5616 47.9248 44.5561H47.4796C47.3736 44.5561 47.2686 44.5767 47.1706 44.6169C47.0726 44.6571 46.9836 44.716 46.9087 44.7903C46.8337 44.8646 46.7742 44.9528 46.7337 45.0498C46.6931 45.1469 46.6723 45.2509 46.6724 45.356V46.1239C46.6725 46.3091 46.7374 46.4884 46.8561 46.6314C46.9747 46.7745 47.1397 46.8723 47.323 46.9084C47.432 46.9294 47.5541 46.9485 47.6949 46.9685C47.8548 46.9898 48.016 47.0008 48.1774 47.0012C48.7092 47.0107 49.2403 46.9551 49.7584 46.8358C50.2663 46.7075 50.7294 46.4449 51.0983 46.076C51.4894 45.665 51.8167 45.1987 52.0697 44.6925C52.3625 44.1371 52.6808 43.4397 53.0317 42.5885L59.2831 27.2805C59.3327 27.159 59.3515 27.0273 59.3378 26.897C59.324 26.7667 59.2782 26.6417 59.2042 26.533C59.1302 26.4244 59.0305 26.3354 58.9136 26.274C58.7968 26.2125 58.6665 26.1805 58.5343 26.1807ZM44.0701 21.2157H43.1145C43.0085 21.2157 42.9035 21.2363 42.8056 21.2765C42.7076 21.3167 42.6186 21.3756 42.5436 21.4499C42.4686 21.5242 42.4092 21.6124 42.3686 21.7094C42.3281 21.8065 42.3072 21.9105 42.3073 22.0156V40.4428C42.3072 40.5478 42.3281 40.6518 42.3686 40.7489C42.4092 40.8459 42.4687 40.9341 42.5436 41.0083C42.6186 41.0826 42.7076 41.1415 42.8056 41.1816C42.9035 41.2217 43.0085 41.2423 43.1145 41.2422H44.0701C44.2841 41.2422 44.4893 41.158 44.6406 41.0081C44.7919 40.8582 44.8769 40.6548 44.8769 40.4428V22.0156C44.877 21.9106 44.8562 21.8066 44.8156 21.7095C44.7751 21.6125 44.7157 21.5243 44.6408 21.45C44.5658 21.3758 44.4769 21.3168 44.379 21.2766C44.2811 21.2364 44.1761 21.2157 44.0701 21.2157ZM20.7987 28.3687C21.571 28.3687 22.1174 28.5241 22.4885 28.7637C22.8943 29.0234 23.2082 29.4021 23.3864 29.847C23.6137 30.4167 23.7243 31.0254 23.7116 31.6378V40.4404C23.7116 40.5454 23.7325 40.6494 23.7731 40.7464C23.8136 40.8434 23.8731 40.9316 23.9481 41.0058C24.023 41.0801 24.112 41.1389 24.21 41.1791C24.3079 41.2192 24.4129 41.2399 24.5188 41.2398H25.5003C25.6063 41.2399 25.7113 41.2193 25.8093 41.1792C25.9072 41.1391 25.9962 41.0802 26.0712 41.0059C26.1462 40.9317 26.2057 40.8435 26.2462 40.7465C26.2868 40.6494 26.3076 40.5454 26.3076 40.4404V31.408C26.3335 30.4168 26.1282 29.4329 25.7077 28.5331C25.3115 27.7213 24.6782 27.0461 23.8901 26.5951C23.024 26.1281 22.0485 25.8969 21.0628 25.925H21.047C20.0056 25.9146 18.9806 26.182 18.0793 26.699C17.7411 26.8944 17.4252 27.1253 17.1369 27.3877V26.9797C17.137 26.8747 17.1161 26.7707 17.0756 26.6736C17.0351 26.5766 16.9757 26.4884 16.9007 26.4141C16.8258 26.3399 16.7368 26.281 16.6389 26.2407C16.541 26.2005 16.4361 26.1799 16.3301 26.1799H15.3745C15.2684 26.1797 15.1634 26.2004 15.0654 26.2405C14.9675 26.2807 14.8784 26.3396 14.8034 26.4139C14.7285 26.4882 14.669 26.5764 14.6285 26.6735C14.5879 26.7706 14.5671 26.8746 14.5672 26.9797V40.4422C14.5672 40.5472 14.588 40.6512 14.6286 40.7483C14.6691 40.8453 14.7286 40.9335 14.8036 41.0077C14.8786 41.082 14.9676 41.1409 15.0655 41.181C15.1635 41.2211 15.2685 41.2417 15.3745 41.2416H16.3301C16.436 41.2417 16.541 41.2211 16.6389 41.1809C16.7368 41.1407 16.8258 41.0818 16.9007 41.0076C16.9756 40.9334 17.0351 40.8452 17.0756 40.7482C17.1161 40.6512 17.137 40.5472 17.1369 40.4422V32.2785C17.1417 31.8147 17.2266 31.3552 17.388 30.9198C17.5572 30.4483 17.8082 30.0097 18.1299 29.6239C18.4457 29.2408 18.8386 28.927 19.2834 28.7025C19.7542 28.4716 20.2744 28.3571 20.7995 28.3689M2.60291 40.9834C3.47501 41.3358 4.41106 41.5065 5.35267 41.4847C6.07693 41.4761 6.79421 41.3432 7.47267 41.0919C8.23597 40.8138 8.94215 40.4011 9.55704 39.8737C9.67846 39.7713 9.7924 39.662 9.9035 39.5497C9.97547 40.0161 10.1351 40.465 10.3742 40.8731C10.446 40.99 10.5471 41.0865 10.6677 41.1532C10.7882 41.22 10.9241 41.2547 11.0622 41.2541H11.0639L11.5346 41.2491C11.747 41.2466 11.9498 41.1613 12.0992 41.0117C12.2485 40.862 12.3323 40.6601 12.3323 40.4496V31.8817C12.3555 30.8312 12.1556 29.7876 11.7454 28.8186C11.3525 27.9213 10.6821 27.1709 9.83085 26.6757C8.95723 26.1654 7.89845 25.9376 6.69578 25.9376C5.61852 25.9108 4.54912 26.1261 3.56779 26.5672C2.6878 26.9785 1.94734 27.6342 1.43646 28.4547L1.43282 28.4605C1.36469 28.57 1.32861 28.696 1.3286 28.8246C1.3292 28.9757 1.37714 29.1229 1.46581 29.2459C1.55448 29.3688 1.6795 29.4615 1.82359 29.511L2.61566 29.7903C2.83581 29.8674 3.07465 29.8749 3.29933 29.812C3.52401 29.749 3.72349 29.6187 3.87033 29.4388C3.94457 29.3476 4.02382 29.2605 4.10771 29.1779C4.62597 28.6795 5.39496 28.3859 6.59156 28.3813C7.10656 28.3691 7.61961 28.4483 8.10648 28.6151C8.45513 28.7393 8.76375 28.954 9.00013 29.2367C9.44858 29.7819 9.73067 30.6244 9.75698 31.8321C8.60349 31.85 7.58093 31.8977 6.6972 31.9795C5.58612 32.0777 4.49035 32.3036 3.432 32.6528H3.42836L3.41905 32.6556H3.41743C2.37585 32.9765 1.51519 33.4761 0.910715 34.1932C0.287597 34.9697 -0.0354561 35.941 -0.000340725 36.9324V36.9583C-0.0184832 37.8236 0.220045 38.6752 0.685683 39.4075C1.15265 40.1098 1.82008 40.6584 2.60291 40.9834ZM9.17437 36.8159C8.78708 37.4853 8.23985 38.0502 7.58073 38.4611C6.93834 38.8659 6.19078 39.0763 5.42957 39.0665C4.41348 39.0645 3.73232 38.8337 3.27213 38.4571C3.0554 38.2831 2.88259 38.0614 2.76743 37.8096C2.64826 37.5201 2.5896 37.2096 2.59502 36.8969C2.58924 36.5293 2.6822 36.1667 2.86437 35.8464C3.00096 35.6042 3.30289 35.3211 3.85495 35.0592C4.37989 34.8074 5.22943 34.575 6.36005 34.4129C7.4885 34.2658 8.62492 34.1867 9.76305 34.1761V34.6708C9.7658 35.4255 9.56245 36.1668 9.17457 36.8163M37.5841 26.6757C36.7104 26.1654 35.6516 25.9376 34.449 25.9376C33.3717 25.9108 32.3023 26.1261 31.321 26.5672C30.4412 26.9786 29.7008 27.6343 29.1901 28.4547L29.1864 28.4605C29.118 28.5698 29.0819 28.696 29.0822 28.8246C29.0828 28.9757 29.1307 29.1229 29.2193 29.2458C29.3078 29.3687 29.4328 29.4614 29.5768 29.511L30.3689 29.7903C30.589 29.8674 30.8279 29.8751 31.0526 29.8121C31.2773 29.7492 31.4767 29.6187 31.6235 29.4388C31.6984 29.348 31.7783 29.2614 31.8627 29.1793C32.381 28.6809 33.15 28.3873 34.3466 28.3827C34.8616 28.3705 35.3746 28.4497 35.8615 28.6165C36.2102 28.7407 36.5188 28.9554 36.7552 29.2381C37.2036 29.7833 37.4857 30.6258 37.512 31.8335C36.3585 31.8514 35.336 31.8991 34.4522 31.9809C33.3411 32.0791 32.2454 32.305 31.187 32.6542L31.1834 32.6554L31.1741 32.658H31.1725C30.1309 32.9789 29.2702 33.4785 28.6657 34.1956C28.0435 34.9713 27.7206 35.9414 27.7551 36.9318V36.9577C27.7366 37.8231 27.9752 38.6747 28.4411 39.4069C28.9079 40.1092 29.5752 40.6578 30.3579 40.9828C31.2302 41.3352 32.1664 41.5059 33.1081 41.4841C33.8324 41.4755 34.5496 41.3425 35.2281 41.0913C35.9914 40.8132 36.6976 40.4005 37.3125 39.8731C37.4339 39.7707 37.5478 39.6614 37.6589 39.5491C37.7309 40.0155 37.8906 40.4644 38.1296 40.8725C38.2015 40.9894 38.3025 41.0859 38.4231 41.1526C38.5437 41.2194 38.6796 41.2541 38.8177 41.2535H38.8193L39.2916 41.2481C39.504 41.2457 39.7069 41.1604 39.8563 41.0107C40.0056 40.8611 40.0894 40.6591 40.0894 40.4486V31.8807C40.1126 30.8302 39.9126 29.7866 39.5025 28.8176C39.1092 27.9202 38.4384 27.1699 37.5867 26.6749M36.9282 36.8161C36.5409 37.4855 35.9937 38.0504 35.3345 38.4613C34.6922 38.8661 33.9446 39.0765 33.1834 39.0667C32.1673 39.0647 31.4861 38.8339 31.0259 38.4573C30.8092 38.2833 30.6364 38.0616 30.5212 37.8098C30.4019 37.5203 30.3432 37.2098 30.3488 36.8971C30.3431 36.5295 30.436 36.1669 30.6182 35.8466C30.7548 35.6044 31.0567 35.3213 31.6088 35.0594C32.1337 34.8076 32.9832 34.5752 34.1139 34.4131C35.2423 34.266 36.3787 34.1869 37.5169 34.1763V34.671C37.5196 35.4257 37.3163 36.167 36.9284 36.8165M6.22629 18.2943C6.69323 18.9963 7.3605 19.5447 8.14311 19.8697C9.01536 20.2221 9.95154 20.3928 10.8933 20.371C11.6175 20.3625 12.3349 20.2296 13.0133 19.9782C13.7766 19.7002 14.4828 19.2876 15.0976 18.7602C15.2191 18.6578 15.333 18.5481 15.4441 18.4362C15.5161 18.9026 15.6758 19.3515 15.9148 19.7596C15.9866 19.8765 16.0877 19.973 16.2083 20.0398C16.3288 20.1065 16.4647 20.1412 16.6029 20.1406H16.6045L17.0768 20.1352C17.2888 20.1322 17.4911 20.0467 17.6399 19.8972C17.7888 19.7476 17.8723 19.546 17.8723 19.3359V10.7682C17.8955 9.71756 17.6955 8.67385 17.2854 7.70473C16.8923 6.80734 16.2214 6.05704 15.3696 5.56224C14.496 5.05193 13.4372 4.82395 12.2346 4.82395C11.158 4.79753 10.0893 5.01284 9.1086 5.45376C8.22867 5.86496 7.48834 6.5207 6.97768 7.34119L6.97403 7.34661C6.90562 7.45604 6.86938 7.58222 6.86941 7.71094C6.87002 7.86202 6.91794 8.00919 7.00657 8.13214C7.0952 8.25508 7.22016 8.34773 7.3642 8.3973L8.15626 8.67661C8.27675 8.71921 8.40372 8.74099 8.53165 8.74098C8.7001 8.74061 8.86635 8.70314 9.01839 8.63128C9.17042 8.55943 9.30444 8.45499 9.41073 8.32552C9.48558 8.23435 9.56544 8.14733 9.64993 8.06485C10.1682 7.56637 10.9372 7.27282 12.1338 7.26821C12.6488 7.2563 13.1618 7.33561 13.6487 7.50241C13.9975 7.62637 14.3062 7.84108 14.5424 8.124C14.9908 8.66879 15.2729 9.51135 15.2992 10.719C14.1457 10.7369 13.1232 10.785 12.2394 10.8664C11.1283 10.9647 10.0326 11.1908 8.97423 11.5402H8.97059L8.96128 11.543H8.95966C7.91808 11.8638 7.05741 12.3633 6.45294 13.0805C5.83065 13.8562 5.50779 14.8264 5.54229 15.8167V15.8426C5.52393 16.708 5.76247 17.5596 6.22831 18.2918M14.7154 15.7024C14.328 16.3719 13.7808 16.9369 13.1217 17.348C12.4793 17.7525 11.7317 17.9627 10.9706 17.953C9.95449 17.9514 9.27333 17.7204 8.81314 17.3438C8.59631 17.1697 8.42349 16.9479 8.30844 16.696C8.18909 16.4066 8.13042 16.0962 8.13602 15.7836C8.13022 15.4162 8.22303 15.0538 8.40497 14.7335C8.54157 14.4917 8.8435 14.2082 9.39556 13.9463C9.9205 13.6945 10.77 13.4621 11.9007 13.3005C13.0291 13.153 14.1655 13.0739 15.3037 13.0635V13.5583C15.3065 14.313 15.1031 15.0544 14.7152 15.7038M80.4974 38.2712C79.8466 38.7869 79.0739 39.0488 78.0475 39.0532C76.6963 39.0386 75.813 38.6257 75.0885 37.7429C74.3778 36.8576 73.9731 35.5525 73.9725 33.7364V33.732C73.9725 31.8414 74.3703 30.5009 75.043 29.6455C75.3588 29.2345 75.7724 28.9073 76.2469 28.6931C76.7922 28.4671 77.3791 28.3564 77.97 28.3681C78.8607 28.3366 79.7328 28.6259 80.4247 29.1825C80.7783 29.4768 81.069 29.8381 81.2797 30.2453C81.3502 30.3848 81.4692 30.4944 81.6147 30.554C81.7603 30.6135 81.9227 30.6189 82.072 30.5693L83.2846 30.1506C83.3713 30.12 83.4505 30.0715 83.5169 30.0082C83.5834 29.945 83.6355 29.8685 83.6698 29.7838C83.7041 29.6992 83.7199 29.6082 83.7161 29.517C83.7124 29.4259 83.6891 29.3365 83.6478 29.2549C83.5049 28.9612 83.338 28.6795 83.1486 28.4128C82.5859 27.6168 81.8264 26.9773 80.9428 26.5554C80.0146 26.1251 78.9997 25.9097 77.9751 25.9256H77.9587C76.7256 25.8998 75.5105 26.2214 74.4547 26.853C73.4253 27.5025 72.6192 28.4464 72.1433 29.5599C71.6171 30.7283 71.3765 32.1233 71.3761 33.7372C71.3446 35.1175 71.6002 36.4894 72.1271 37.7675C72.5973 38.8947 73.4024 39.8535 74.4355 40.5166C75.5094 41.1698 76.7507 41.5019 78.0105 41.473H78.036C79.4873 41.5046 80.9088 41.062 82.0811 40.2136C82.9645 39.5304 83.6292 38.6081 83.9947 37.5584C84.024 37.4787 84.0369 37.394 84.0328 37.3093C84.0287 37.2246 84.0076 37.1415 83.9707 37.065C83.9338 36.9884 83.8819 36.9199 83.818 36.8635C83.754 36.8071 83.6794 36.7638 83.5984 36.7363L82.4116 36.3262C82.2557 36.271 82.0843 36.2777 81.9334 36.345C81.7825 36.4123 81.6637 36.535 81.6021 36.6872C81.3835 37.3041 81.0016 37.8516 80.4964 38.2722M96.6586 34.3787C96.3355 33.924 95.9122 33.5483 95.4207 33.2798C95.2853 33.2033 95.1453 33.135 95.0016 33.0751C94.3705 32.8216 93.7117 32.6414 93.0387 32.5383C92.4539 32.4458 91.8659 32.3642 91.2746 32.2933C91.2016 32.2843 91.1293 32.2733 91.0561 32.2654C90.4952 32.2037 89.9409 32.0933 89.3995 31.9356C89.0412 31.8418 88.7174 31.6485 88.4664 31.3784C88.3059 31.1979 88.1806 30.9044 88.1778 30.3608C88.1735 30.0814 88.2267 29.8041 88.3344 29.5459C88.4443 29.308 88.6053 29.0968 88.8062 28.9271C89.2068 28.5794 89.8706 28.3442 90.9096 28.3436C91.8892 28.3484 92.5914 28.5922 93.1558 29.0548C93.5666 29.4203 93.8657 29.8927 94.0189 30.4183C94.0464 30.4979 94.0894 30.5714 94.1456 30.6344C94.2019 30.6975 94.2701 30.7489 94.3465 30.7856C94.4228 30.8224 94.5058 30.8439 94.5905 30.8488C94.6753 30.8537 94.7602 30.8419 94.8403 30.8141L96.0566 30.394C96.2164 30.3394 96.3483 30.2247 96.4237 30.0747C96.4992 29.9247 96.5121 29.7514 96.4599 29.592C96.3051 29.1264 96.0878 28.6835 95.8139 28.2752C95.2985 27.4998 94.5765 26.8808 93.7279 26.487C92.8501 26.101 91.8977 25.9098 90.9375 25.9268H90.9306C89.9396 25.8983 88.956 26.1038 88.061 26.5263C87.3248 26.875 86.7048 27.4253 86.2744 28.1122C85.8441 28.7991 85.6213 29.5938 85.6326 30.4023V30.4173C85.6326 31.305 85.817 32.099 86.2741 32.733C86.5943 33.1758 87.0118 33.5408 87.4952 33.8002C87.6381 33.8787 87.7859 33.9483 87.9376 34.0085C88.5669 34.2522 89.2214 34.4266 89.8892 34.5284C90.3209 34.5968 90.7529 34.6578 91.1844 34.7147C91.4088 34.7444 91.6328 34.7749 91.8572 34.8013C92.4035 34.8619 92.942 34.9783 93.464 35.1488C93.827 35.2593 94.1536 35.4636 94.4103 35.7407C94.5653 35.9142 94.6956 36.2204 94.6981 36.7834C94.7026 37.1029 94.6406 37.4199 94.5159 37.7146C94.3873 37.9911 94.1996 38.2366 93.9657 38.434C93.4972 38.8417 92.7294 39.1066 91.5527 39.1072C90.4129 39.1034 89.5794 38.824 88.9219 38.3003C88.4791 37.9399 88.1376 37.4725 87.9303 36.9432C87.8667 36.7942 87.748 36.6749 87.5984 36.6098C87.4489 36.5448 87.2799 36.539 87.1261 36.5935L85.9435 37.002C85.8614 37.0298 85.7859 37.0738 85.7214 37.1313C85.6569 37.1888 85.6048 37.2586 85.5683 37.3366C85.5317 37.4145 85.5114 37.499 85.5086 37.5849C85.5058 37.6708 85.5205 37.7564 85.5519 37.8365C85.9027 38.7437 86.4906 39.5423 87.2552 40.1504C88.3972 41.0459 89.8524 41.4738 91.5118 41.4738H91.5345C92.5135 41.49 93.486 41.3128 94.3951 40.9525C95.2321 40.6187 95.9588 40.0605 96.4937 39.3406C97.0341 38.5825 97.3151 37.6727 97.2954 36.7447V36.7307C97.2954 35.8258 97.1133 35.0211 96.6584 34.3771" fill="#242925"/> </g> <defs> <clipPath id="clip0_371_24679"> <rect width="106" height="47" fill="white"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[1.4375rem] aspect-[165/43] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="165" height="43" viewBox="0 0 165 43" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24674)"> <path d="M57.8252 15.6472V13.0792H69.2576V15.6472H65.0044V29.9507H62.0482V15.6472H57.8252ZM76.7082 20.3653C76.3462 20.3056 75.9239 20.2459 75.3206 20.2459C73.4203 20.2459 72.3042 21.4702 72.3042 23.9486V29.9209H69.4989V18.0959H72.2438V19.7681H72.3042C72.8471 18.7528 74.0537 17.7077 75.6524 17.7077C76.1049 17.7077 76.4065 17.7375 76.7082 17.7674V20.3653ZM90.1314 29.9209H87.4166V28.4278H87.3563C86.5418 29.4431 85.2448 30.3688 83.2539 30.3688C80.5693 30.3688 77.5226 28.2486 77.5226 24.0084C77.5226 20.2459 80.2073 17.7375 83.4651 17.7375C85.4559 17.7375 86.6625 18.7827 87.3864 19.7084H87.4468V18.0959H90.1616V29.9209H90.1314ZM83.9778 27.9202C85.8179 27.9202 87.5373 26.3375 87.5373 24.0681C87.5373 21.6792 85.9687 20.0965 84.008 20.0965C81.5345 20.0965 80.3581 22.0674 80.3581 24.0084C80.3581 25.9792 81.5044 27.9202 83.9778 27.9202ZM93.3892 18.0959H96.1643V19.5889H96.2246C97.1597 18.2452 98.5473 17.7077 99.8746 17.7077C102.348 17.7077 104.52 19.3202 104.52 23.1125V29.9209H101.715V23.2618C101.715 21.2313 100.749 20.1563 99.1506 20.1563C97.4011 20.1563 96.1945 21.3806 96.1945 23.6799V29.9507H93.3892V18.0959ZM112.996 21.1417C112.875 20.2757 112.212 19.7084 111.397 19.7084C110.432 19.7084 109.889 20.3056 109.889 20.9625C109.889 21.6792 110.251 22.1868 112.333 22.8736C114.896 23.6799 115.801 24.9938 115.801 26.666C115.801 28.8459 114.142 30.3688 111.397 30.3688C108.532 30.3688 107.114 28.816 106.903 26.6063H109.497C109.618 27.5917 110.221 28.3382 111.458 28.3382C112.513 28.3382 113.117 27.6813 113.117 26.875C113.117 25.9792 112.604 25.4118 110.613 24.7549C108.381 24.0382 107.235 22.9334 107.235 21.082C107.235 19.141 108.773 17.7077 111.307 17.7077C113.871 17.7077 115.228 19.2007 115.53 21.1417H112.996ZM118.245 12.6611H121.352V15.4681H118.245V12.6611ZM118.396 18.0959H121.201V29.9507H118.396V18.0959ZM129.858 21.1417C129.737 20.2757 129.074 19.7084 128.259 19.7084C127.294 19.7084 126.751 20.3056 126.751 20.9625C126.751 21.6792 127.113 22.1868 129.194 22.8736C131.758 23.6799 132.663 24.9938 132.663 26.666C132.663 28.8459 131.004 30.3688 128.259 30.3688C125.394 30.3688 123.976 28.816 123.765 26.6063H126.359C126.48 27.5917 127.083 28.3382 128.32 28.3382C129.375 28.3382 129.979 27.6813 129.979 26.875C129.979 25.9792 129.466 25.4118 127.475 24.7549C125.243 24.0382 124.097 22.9334 124.097 21.082C124.097 19.141 125.635 17.7077 128.169 17.7077C130.733 17.7077 132.09 19.2007 132.392 21.1417H129.858ZM133.87 18.0959H135.378V14.3035H138.184V18.0959H141.17V20.425H138.153V25.7104C138.153 27.3229 138.666 27.7709 139.812 27.7709C140.295 27.7709 140.838 27.6813 141.26 27.5618V29.8014C140.627 29.9806 139.843 30.0702 139.149 30.0702C136.162 30.0702 135.378 28.2785 135.378 25.8597V20.425H133.87V18.0959ZM148.801 17.7077C152.542 17.7077 155.196 20.425 155.196 24.0084C155.196 27.5021 152.512 30.3688 148.801 30.3688C145.152 30.3688 142.407 27.5917 142.407 24.0084C142.407 20.3354 145.182 17.7077 148.801 17.7077ZM148.801 27.8903C150.913 27.8903 152.361 26.2181 152.361 24.0084C152.361 21.9181 151.003 20.1563 148.801 20.1563C146.66 20.1563 145.242 21.7986 145.242 24.0084C145.242 26.2778 146.871 27.8903 148.801 27.8903ZM163.461 20.2459C161.561 20.2459 160.445 21.4702 160.445 23.9486V29.9209H157.64V18.0959H160.385V19.7681H160.445C160.988 18.7528 162.194 17.7077 163.793 17.7077C164.246 17.7077 164.547 17.7375 164.849 17.7674V20.3653C164.487 20.3056 164.065 20.2459 163.461 20.2459Z" fill="#C8C7C1"/> <path d="M21.7185 35.8035C20.9342 35.8035 20.2706 35.1764 20.2706 34.3701V8.62987C20.2706 7.85348 20.904 7.19653 21.7185 7.19653C22.5027 7.19653 23.1664 7.82362 23.1664 8.62987V34.3701C23.1664 35.1465 22.5027 35.8035 21.7185 35.8035ZM15.6855 22.9333H8.7477C7.96342 22.9333 7.2998 22.3063 7.2998 21.5C7.2998 20.6938 7.93326 20.0667 8.7477 20.0667H15.6855C16.4698 20.0667 17.1334 20.6938 17.1334 21.5C17.1334 22.3063 16.4698 22.9333 15.6855 22.9333ZM34.7194 22.9333H27.7514C26.9671 22.9333 26.3035 22.3063 26.3035 21.5C26.3035 20.6938 26.9369 20.0667 27.7514 20.0667H34.6892C35.4735 20.0667 36.1371 20.6938 36.1371 21.5C36.1371 22.3063 35.5036 22.9333 34.7194 22.9333Z" fill="#C8C7C1"/> <path d="M21.7185 43C9.74314 43 0 33.3549 0 21.5C0 9.64514 9.74314 0 21.7185 0C33.6938 0 43.4369 9.64514 43.4369 21.5C43.4369 33.3549 33.6938 43 21.7185 43ZM21.7185 2.86667C11.3419 2.86667 2.8958 11.2278 2.8958 21.5C2.8958 31.7722 11.3419 40.1333 21.7185 40.1333C32.0951 40.1333 40.5411 31.7722 40.5411 21.5C40.5411 11.2278 32.0951 2.86667 21.7185 2.86667Z" fill="#C8C7C1"/> </g> <defs> <clipPath id="clip0_371_24674"> <rect width="165" height="43" fill="white"/> </clipPath> </defs> </svg> <svg data-logo="transistorfm" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="165" height="43" viewBox="0 0 165 43" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_371_24669)"> <path d="M57.8252 15.6472V13.0792H69.2576V15.6472H65.0044V29.9507H62.0482V15.6472H57.8252ZM76.7082 20.3653C76.3462 20.3056 75.9239 20.2459 75.3206 20.2459C73.4203 20.2459 72.3042 21.4702 72.3042 23.9486V29.9209H69.4989V18.0959H72.2438V19.7681H72.3042C72.8471 18.7528 74.0537 17.7077 75.6524 17.7077C76.1049 17.7077 76.4065 17.7375 76.7082 17.7674V20.3653ZM90.1314 29.9209H87.4166V28.4278H87.3563C86.5418 29.4431 85.2448 30.3688 83.2539 30.3688C80.5693 30.3688 77.5226 28.2486 77.5226 24.0084C77.5226 20.2459 80.2073 17.7375 83.4651 17.7375C85.4559 17.7375 86.6625 18.7827 87.3864 19.7084H87.4468V18.0959H90.1616V29.9209H90.1314ZM83.9778 27.9202C85.8179 27.9202 87.5373 26.3375 87.5373 24.0681C87.5373 21.6792 85.9687 20.0965 84.008 20.0965C81.5345 20.0965 80.3581 22.0674 80.3581 24.0084C80.3581 25.9792 81.5044 27.9202 83.9778 27.9202ZM93.3892 18.0959H96.1643V19.5889H96.2246C97.1597 18.2452 98.5473 17.7077 99.8746 17.7077C102.348 17.7077 104.52 19.3202 104.52 23.1125V29.9209H101.715V23.2618C101.715 21.2313 100.749 20.1563 99.1506 20.1563C97.4011 20.1563 96.1945 21.3806 96.1945 23.6799V29.9507H93.3892V18.0959ZM112.996 21.1417C112.875 20.2757 112.212 19.7084 111.397 19.7084C110.432 19.7084 109.889 20.3056 109.889 20.9625C109.889 21.6792 110.251 22.1868 112.333 22.8736C114.896 23.6799 115.801 24.9938 115.801 26.666C115.801 28.8459 114.142 30.3688 111.397 30.3688C108.532 30.3688 107.114 28.816 106.903 26.6063H109.497C109.618 27.5917 110.221 28.3382 111.458 28.3382C112.513 28.3382 113.117 27.6813 113.117 26.875C113.117 25.9792 112.604 25.4118 110.613 24.7549C108.381 24.0382 107.235 22.9334 107.235 21.082C107.235 19.141 108.773 17.7077 111.307 17.7077C113.871 17.7077 115.228 19.2007 115.53 21.1417H112.996ZM118.245 12.6611H121.352V15.4681H118.245V12.6611ZM118.396 18.0959H121.201V29.9507H118.396V18.0959ZM129.858 21.1417C129.737 20.2757 129.074 19.7084 128.259 19.7084C127.294 19.7084 126.751 20.3056 126.751 20.9625C126.751 21.6792 127.113 22.1868 129.194 22.8736C131.758 23.6799 132.663 24.9938 132.663 26.666C132.663 28.8459 131.004 30.3688 128.259 30.3688C125.394 30.3688 123.976 28.816 123.765 26.6063H126.359C126.48 27.5917 127.083 28.3382 128.32 28.3382C129.375 28.3382 129.979 27.6813 129.979 26.875C129.979 25.9792 129.466 25.4118 127.475 24.7549C125.243 24.0382 124.097 22.9334 124.097 21.082C124.097 19.141 125.635 17.7077 128.169 17.7077C130.733 17.7077 132.09 19.2007 132.392 21.1417H129.858ZM133.87 18.0959H135.378V14.3035H138.184V18.0959H141.17V20.425H138.153V25.7104C138.153 27.3229 138.666 27.7709 139.812 27.7709C140.295 27.7709 140.838 27.6813 141.26 27.5618V29.8014C140.627 29.9806 139.843 30.0702 139.149 30.0702C136.162 30.0702 135.378 28.2785 135.378 25.8597V20.425H133.87V18.0959ZM148.801 17.7077C152.542 17.7077 155.196 20.425 155.196 24.0084C155.196 27.5021 152.512 30.3688 148.801 30.3688C145.152 30.3688 142.407 27.5917 142.407 24.0084C142.407 20.3354 145.182 17.7077 148.801 17.7077ZM148.801 27.8903C150.913 27.8903 152.361 26.2181 152.361 24.0084C152.361 21.9181 151.003 20.1563 148.801 20.1563C146.66 20.1563 145.242 21.7986 145.242 24.0084C145.242 26.2778 146.871 27.8903 148.801 27.8903ZM163.461 20.2459C161.561 20.2459 160.445 21.4702 160.445 23.9486V29.9209H157.64V18.0959H160.385V19.7681H160.445C160.988 18.7528 162.194 17.7077 163.793 17.7077C164.246 17.7077 164.547 17.7375 164.849 17.7674V20.3653C164.487 20.3056 164.065 20.2459 163.461 20.2459Z" fill="black"/> <path d="M21.7185 35.8035C20.9342 35.8035 20.2706 35.1764 20.2706 34.3701V8.62987C20.2706 7.85348 20.904 7.19653 21.7185 7.19653C22.5027 7.19653 23.1664 7.82362 23.1664 8.62987V34.3701C23.1664 35.1465 22.5027 35.8035 21.7185 35.8035ZM15.6855 22.9333H8.7477C7.96342 22.9333 7.2998 22.3063 7.2998 21.5C7.2998 20.6938 7.93326 20.0667 8.7477 20.0667H15.6855C16.4698 20.0667 17.1334 20.6938 17.1334 21.5C17.1334 22.3063 16.4698 22.9333 15.6855 22.9333ZM34.7194 22.9333H27.7514C26.9671 22.9333 26.3035 22.3063 26.3035 21.5C26.3035 20.6938 26.9369 20.0667 27.7514 20.0667H34.6892C35.4735 20.0667 36.1371 20.6938 36.1371 21.5C36.1371 22.3063 35.5036 22.9333 34.7194 22.9333Z" fill="black"/> <path d="M21.7185 43C9.74314 43 0 33.3549 0 21.5C0 9.64514 9.74314 0 21.7185 0C33.6938 0 43.4369 9.64514 43.4369 21.5C43.4369 33.3549 33.6938 43 21.7185 43ZM21.7185 2.86667C11.3419 2.86667 2.8958 11.2278 2.8958 21.5C2.8958 31.7722 11.3419 40.1333 21.7185 40.1333C32.0951 40.1333 40.5411 31.7722 40.5411 21.5C40.5411 11.2278 32.0951 2.86667 21.7185 2.86667Z" fill="black"/> </g> <defs> <clipPath id="clip0_371_24669"> <rect width="165" height="43" fill="white"/> </clipPath> </defs> </svg> </span> </li> <li class="flex justify-center flex-grow"> <span class="relative block group h-[3.0625rem] aspect-[113/140] "> <svg class="absolute h-full w-auto left-0 top-0 group-hover:opacity-0 transition-opacity duration-300" width="113" height="140" viewBox="0 0 113 140" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M56.2317 139.118C45.0876 139.124 34.194 135.813 24.9388 129.605C15.6835 123.398 8.48551 114.576 4.26179 104.264C0.0380785 93.951 -1.02014 82.6144 1.22194 71.6983C3.46402 60.7821 8.90491 50.7804 16.8514 42.9675C16.9367 42.884 17.0303 42.8093 17.1306 42.7447C15.0831 39.8527 13.651 36.5713 12.923 33.1035C12.1949 29.6358 12.1863 26.0554 12.8977 22.5842C13.6398 18.3536 15.4261 14.3752 18.0947 11.0096C20.7633 7.64407 24.2298 4.99783 28.1798 3.31087C28.3678 3.2425 28.5663 3.20752 28.7663 3.20753C29.022 3.20769 29.2746 3.26439 29.5058 3.37358C29.7371 3.48278 29.9414 3.64176 30.104 3.83914C30.2666 4.03652 30.3836 4.26742 30.4465 4.5153C30.5094 4.76318 30.5168 5.02191 30.468 5.27296C33.1546 2.9807 36.2519 1.21916 39.5954 0.0818658C39.7669 0.027897 39.9457 0.00029368 40.1255 0C40.504 0.000273313 40.872 0.124387 41.1733 0.353395C41.4746 0.582403 41.6927 0.903723 41.7943 1.26831C41.8959 1.63289 41.8754 2.0207 41.736 2.37255C41.5965 2.7244 41.3458 3.02094 41.022 3.21692C37.4919 5.35621 34.4454 8.20625 32.0758 11.586C33.8217 11.1538 35.6097 10.9143 37.4078 10.872C37.6387 10.872 37.7567 10.8788 37.7567 10.8788C38.1708 10.9033 38.5625 11.0755 38.8606 11.364C39.1587 11.6526 39.3435 12.0384 39.3815 12.4516C39.4195 12.8647 39.3081 13.2778 39.0676 13.6159C38.8272 13.954 38.4735 14.1947 38.0707 14.2943C34.5491 15.3437 31.2329 16.9877 28.2656 19.1553C26.6352 24.0597 26.338 29.3095 27.4047 34.3666C28.4713 39.4237 30.8634 44.1063 34.3358 47.9344C34.0445 41.8106 35.8442 32.3437 46.8331 27.935C47.2367 27.7736 47.6862 27.7696 48.0925 27.924C48.4989 28.0783 48.8325 28.3797 49.0271 28.7683C49.2218 29.157 49.2634 29.6046 49.1436 30.0225C49.0238 30.4403 48.7515 30.7979 48.3805 31.0245L48.2986 31.0741C46.6542 32.1419 45.2434 33.5321 44.1516 35.1607C45.074 34.8943 46.0187 34.7119 46.974 34.6159L47.1055 34.6011C47.1745 34.5921 47.244 34.5876 47.3135 34.5877C47.689 34.5882 48.0543 34.7106 48.3542 34.9365C48.6542 35.1624 48.8728 35.4795 48.9771 35.8403C49.0813 36.201 49.0657 36.5859 48.9324 36.937C48.7992 37.2881 48.5556 37.5864 48.2382 37.7872C48.2382 37.7872 48.1335 37.853 48.1094 37.8677C44.5905 39.8969 42.6324 42.2589 42.2916 44.8854C42.1592 47.4494 42.9886 49.9706 44.6174 51.9553C47.5645 48.5237 49.481 42.7018 50.0192 40.5008C50.1197 40.0899 50.3669 39.7299 50.7144 39.4886C51.0618 39.2472 51.4855 39.1413 51.9057 39.1906C52.3258 39.2399 52.7134 39.4411 52.9956 39.7564C53.2777 40.0716 53.4348 40.4791 53.4374 40.9021C53.6462 46.2563 52.3056 51.557 49.5763 56.1681C51.5875 57.1579 53.7918 57.693 56.033 57.7356C56.1041 57.7356 56.2061 57.7343 56.2276 57.7343H56.3014C56.3014 57.7343 56.3591 57.7356 56.4302 57.7356C58.6714 57.6932 60.8757 57.158 62.8869 56.1681C60.1576 51.557 58.8169 46.2563 59.0258 40.9021C59.0283 40.4791 59.1855 40.0716 59.4676 39.7564C59.7497 39.4411 60.1374 39.2399 60.5575 39.1906C60.9777 39.1413 61.4014 39.2472 61.7488 39.4886C62.0963 39.7299 62.3435 40.0899 62.444 40.5008C62.9822 42.7018 64.8986 48.5237 67.8458 51.9553C69.4746 49.9706 70.304 47.4495 70.1716 44.8854C69.8307 42.2589 67.8726 39.8969 64.3538 37.8677C64.3297 37.853 64.2492 37.802 64.2492 37.802C63.9148 37.5914 63.6617 37.2737 63.531 36.9008C63.4004 36.5279 63.4 36.1218 63.5298 35.7486C63.6472 35.4112 63.8662 35.1184 64.1567 34.9105C64.4473 34.7026 64.7951 34.5898 65.1524 34.5877C65.221 34.5875 65.2896 34.5919 65.3577 34.6011L65.4892 34.6158C66.4449 34.712 67.39 34.8943 68.3129 35.1606C67.2203 33.5323 65.8091 32.1421 64.1646 31.074L64.0827 31.0244C63.7112 30.7981 63.4383 30.4405 63.3182 30.0224C63.1981 29.6043 63.2395 29.1563 63.4343 28.7674C63.6292 28.3784 63.9631 28.077 64.3698 27.9228C64.7766 27.7686 65.2264 27.7729 65.6301 27.935C76.6189 32.3436 78.4186 41.8105 78.1274 47.9344C78.9583 47.0179 79.7302 46.0497 80.4385 45.0355C83.0157 41.3022 84.6958 37.0241 85.3478 32.5347C85.9999 28.0454 85.6062 23.4661 84.1976 19.1538C81.2344 16.9799 77.917 15.3357 74.3925 14.2942C73.9897 14.1946 73.636 13.9539 73.3955 13.6158C73.1551 13.2777 73.0437 12.8647 73.0817 12.4515C73.1197 12.0384 73.3045 11.6525 73.6026 11.364C73.9007 11.0754 74.2923 10.9032 74.7065 10.8787C74.7065 10.8787 74.8246 10.872 75.0554 10.872C76.8535 10.9143 78.6415 11.1537 80.3874 11.586C78.0178 8.20618 74.9712 5.35614 71.4412 3.21686C71.1173 3.0208 70.8666 2.72414 70.7272 2.37218C70.5878 2.02021 70.5674 1.63229 70.6692 1.26766C70.7709 0.903025 70.9892 0.581723 71.2908 0.352824C71.5923 0.123924 71.9605 7.63335e-06 72.339 0C72.5184 0.000398355 72.6967 0.0280008 72.8678 0.0818658C76.2113 1.21916 79.3085 2.9807 81.9952 5.27296C81.9361 4.97218 81.9579 4.66111 82.0584 4.37152C82.1589 4.08193 82.3344 3.82421 82.5671 3.62468C82.7998 3.42515 83.0813 3.29096 83.3828 3.23583C83.6844 3.1807 83.9951 3.20659 84.2834 3.31087C88.2335 4.99763 91.7001 7.64381 94.3687 11.0094C97.0374 14.375 98.8236 18.3536 99.5654 22.5842C100.277 26.0554 100.268 29.6358 99.5402 33.1035C98.8121 36.5713 97.38 39.8527 95.3326 42.7447C95.4331 42.809 95.5267 42.8837 95.6117 42.9675C103.558 50.7804 108.999 60.7821 111.241 71.6982C113.483 82.6144 112.425 93.9509 108.201 104.264C103.978 114.576 96.7797 123.398 87.5244 129.605C78.2692 135.812 67.3757 139.124 56.2317 139.118Z" fill="#EEEEEC"/> <path d="M94.3962 44.2025L93.1857 45.6559C100.58 52.9799 105.631 62.3359 107.698 72.5361C109.765 82.7363 108.754 93.3207 104.795 102.945C100.835 112.57 94.1041 120.801 85.4574 126.593C76.8107 132.386 66.6379 135.478 56.2303 135.478C45.8228 135.478 35.6501 132.385 27.0036 126.592C18.3571 120.8 11.6269 112.569 7.66734 102.944C3.7078 93.3187 2.69755 82.7344 4.76484 72.5342C6.83213 62.3341 11.8837 52.9783 19.2783 45.6546L18.0691 44.2025C10.3676 51.7774 5.09456 61.4729 2.92134 72.0545C0.748118 82.6361 1.77303 93.6251 5.86558 103.622C9.95814 113.619 16.9332 122.173 25.9026 128.193C34.8721 134.213 45.4302 137.428 56.2326 137.428C67.0351 137.428 77.5932 134.213 86.5626 128.193C95.5321 122.173 102.507 113.619 106.6 103.622C110.692 93.6251 111.717 82.6361 109.544 72.0545C107.371 61.4729 102.098 51.7774 94.3962 44.2025ZM22.0174 48.2555C12.8054 57.4636 7.60163 69.9364 7.53792 82.9612C7.53788 86.0067 7.8232 89.0454 8.39013 92.0376L23.0736 88.0732C24.276 95.9691 28.2734 103.171 34.3383 108.368C40.4033 113.565 48.1326 116.411 56.1195 116.389C64.1064 116.367 71.8199 113.478 77.8562 108.248C83.8925 103.018 87.8503 95.7944 89.0092 87.892L104.075 92.0376C105.559 84.2152 105.1 76.1483 102.74 68.5442C100.38 60.9402 96.1908 54.0312 90.5391 48.4233L91.8288 47.0302C98.961 54.0888 103.834 63.1085 105.827 72.943C107.821 82.7775 106.846 92.9827 103.026 102.262C99.2063 111.541 92.7139 119.475 84.3742 125.055C76.0344 130.635 66.2239 133.61 56.1893 133.602C46.1548 133.593 36.3493 130.602 28.019 125.007C19.6888 119.413 13.2098 111.468 9.40564 102.182C5.60145 92.8968 4.64374 82.6899 6.65425 72.8588C8.66475 63.0277 13.5527 54.0163 20.6968 46.9698L22.0174 48.2555ZM14.5985 22.9227C15.2961 18.9904 16.9546 15.2914 19.4263 12.1544C21.8981 9.01749 25.1066 6.53986 28.7667 4.94178C23.4461 9.22064 19.8293 15.2596 18.5683 21.9699C20.0314 20.0538 21.7752 18.3694 23.7406 16.9734C25.2918 13.4523 27.5449 10.2846 30.3622 7.6641C33.1796 5.04362 36.5018 3.0254 40.1259 1.73291C35.0731 4.78561 30.9903 9.20952 28.352 14.4906C31.3166 13.3064 34.4713 12.6693 37.6632 12.6103C33.7403 13.758 30.0593 15.6108 26.8005 18.0779C25.1936 22.7095 24.701 27.6546 25.3628 32.5121C26.0246 37.3697 27.822 42.0028 30.6093 46.0357C32.3133 48.5272 34.4233 50.7152 36.8512 52.5086C36.0675 50.537 33.0868 35.3194 47.479 29.5446L47.377 29.6063C43.9311 31.8388 41.4579 35.293 40.4547 39.2745C42.3222 37.5142 44.7505 36.4687 47.3126 36.322L47.2442 36.3663C33.8839 44.071 44.5077 54.5083 44.5077 54.5083C48.7204 50.9786 51.1764 43.0739 51.7039 40.9118C51.7562 49.2648 48.9781 54.2653 47.0898 56.7092C49.801 58.5016 52.9779 59.4605 56.2279 59.4672H56.236C59.4865 59.4607 62.6639 58.5019 65.3754 56.7092C63.4872 54.2653 60.7091 49.2648 60.7601 40.9118C61.2889 43.0739 63.7448 50.9786 67.9576 54.5083C67.9576 54.5083 78.5813 44.071 65.2211 36.3663L65.1527 36.322C67.7147 36.469 70.143 37.5144 72.0106 39.2745C71.0068 35.2932 68.5338 31.8392 65.0882 29.6063L64.9862 29.5446C79.3785 35.3194 76.3978 50.5371 75.614 52.5086C78.042 50.7152 80.1519 48.5272 81.856 46.0357C84.6433 42.0028 86.4407 37.3697 87.1025 32.5121C87.7643 27.6546 87.2717 22.7095 85.6647 18.0779C82.406 15.6108 78.725 13.758 74.8021 12.6103C77.9935 12.6693 81.1478 13.3063 84.112 14.4906C81.4742 9.20961 77.3918 4.78568 72.3394 1.73291C75.9632 3.0258 79.2853 5.04416 82.1026 7.66459C84.9199 10.285 87.1731 13.4525 88.7246 16.9734C90.6898 18.3698 92.4335 20.0542 93.8969 21.9699C92.6361 15.2593 89.0187 9.22011 83.6973 4.94178C87.3576 6.5397 90.5664 9.01725 93.0384 12.1542C95.5104 15.2911 97.169 18.9903 97.8668 22.9227C101.085 39.0745 88.1851 49.1614 77.7828 57.8016L85.7251 54.5632C86.262 54.3351 86.6351 54.8531 86.5371 55.4731L86.3036 57.4339C86.1748 58.5129 85.3829 63.9778 82.3821 65.6339C81.7338 65.9935 80.6146 66.4029 77.3225 66.6471L71.361 67.0296L72.3501 70.3821L66.4987 79.7564L69.4956 76.5972L75.614 98.3587L58.8262 112.17L64.0657 88.4087L56.232 97.936L48.3998 88.4087L53.6392 112.17L36.8513 98.3587L42.9684 76.5972L45.9666 79.7564L40.1152 70.3821L41.1043 67.0296L35.1429 66.6471C31.8494 66.4029 30.7315 65.9935 30.0833 65.6339C27.0824 63.9778 26.2893 58.5129 26.1618 57.4339L25.9283 55.4731C25.8303 54.8531 26.2034 54.3351 26.7402 54.5632L34.6825 57.8016C24.2802 49.1614 11.3802 39.0745 14.5985 22.9227ZM89.8641 40.2796C89.8641 40.2796 96.4389 29.8854 91.9497 24.0756C91.4894 23.4797 90.9901 22.9348 90.5003 22.4047C92.3416 29.0506 89.8641 40.2796 89.8641 40.2796ZM22.6013 40.2796C22.6013 40.2796 20.1225 29.0507 21.9651 22.4047C21.4739 22.9348 20.976 23.4797 20.5157 24.0756C16.0265 29.8854 22.6013 40.2796 22.6013 40.2796Z" fill="#C8C7C1"/> <path d="M38.9258 115.494L39.2587 114.972L39.2909 114.922L34.2836 111.743L34.2608 111.779L27.9384 121.68L29.471 122.658L32.2518 118.306L34.183 119.539L31.4036 123.893L32.9376 124.871L38.2816 116.502L38.9258 115.494ZM35.1922 117.96L33.2597 116.726L34.8085 114.301L36.7491 115.522L35.1922 117.96ZM33.4126 111.082L24.3832 118.757L23.1405 117.529L25.316 114.243L22.0695 116.471L20.8254 115.243L28.3866 106.119L29.5998 107.316L26.5453 111.165L30.691 108.393L31.1084 108.807L28.3907 112.986L32.1888 109.874L33.4126 111.082ZM24.5201 100.133L14.0507 105.587L13.2039 103.961L23.6733 98.5077L24.5201 100.133ZM22.8707 96.9751L11.7061 100.811L11.1103 99.0768L18.1158 96.6704L14.8828 96.5685L17.371 94.5017L10.3654 96.9093L9.76953 95.174L20.9341 91.3384L21.53 93.0737L19.0418 95.1405L22.2749 95.2411L22.8707 96.9751ZM18.3386 108.981L20.5919 112.126L19.0553 113.226L15.7363 108.589L25.3334 101.717L26.4017 103.208L18.3386 108.981ZM45.8106 117.627L41.5939 128.59L40.4035 128.131L37.2617 126.923L35.9773 126.429L40.2625 115.492L41.9737 116.15L38.4293 125.364L40.5685 126.188L44.1129 116.973L45.8106 117.627ZM94.2242 109.686L95.2495 110.504L92.3641 114.121L91.5508 115.14L83.4192 108.652L82.3697 107.814L86.0685 103.178L87.118 104.016L88.872 105.414L87.7366 106.837L86.4107 105.778L84.9801 107.571L91.2206 112.55L92.6499 110.758L91.3119 109.69L92.4473 108.267L94.2242 109.686ZM92.2889 101.609L99.7951 102.604L98.8959 104.3L93.4324 103.61L97.9833 106.022L97.1244 107.642L86.6939 102.114L87.5528 100.494L90.4476 102.028L88.2909 99.1009L89.1955 97.3925L92.2889 101.609ZM102.691 94.342L100.988 100.024L99.7307 99.6471L97.837 99.0794L98.3591 97.3361L99.7159 97.7428L100.374 95.5471L97.2358 94.6064L96.028 98.5373L94.7664 98.1588L89.7377 96.6517L90.1108 95.4035L91.4395 90.9707L92.7158 91.3532L94.5772 91.9115L94.0551 93.6535L92.7131 93.2509L92.0541 95.4465L94.7691 96.2611L95.9636 92.3262L97.2211 92.7033L101.434 93.9648L102.691 94.342ZM81.3941 108.82L88.9606 117.804L87.9863 118.625L85.4109 120.794L84.3587 121.68L76.8472 112.649L78.2496 111.468L84.6083 119.018L86.3624 117.542L80.0037 109.992L81.3941 108.82ZM67.9815 127.484L68.3425 129.323L62.7756 130.417L60.5116 118.891L66.0784 117.797L66.4395 119.636L62.6575 120.379L63.2037 123.159L66.9857 122.417L67.344 124.24L63.5621 124.984L64.1996 128.228L67.9815 127.484ZM59.3587 128.845L59.3896 130.719L53.7167 130.813L53.5221 119.068L59.195 118.974L59.2259 120.848L55.3728 120.912L55.4198 123.744L59.2728 123.681L59.3036 125.54L55.4506 125.604L55.5043 128.908L59.3587 128.845ZM77.8456 119.01L78.0416 117.854L76.2499 114.544L74.5522 114.065L70.4804 116.263L76.0661 126.584L80.1379 124.385L80.6465 122.668L78.9126 119.463L77.8456 119.01ZM72.9364 117.07L74.9642 115.979L76.3036 118.471L74.2771 119.561L72.9364 117.07ZM76.7197 124.098L75.1562 121.193L77.184 120.108L78.7462 123.015L76.7197 124.098ZM52.3317 118.855L49.2745 123.097L50.6434 130.544L48.7524 130.211L47.7231 124.803L46.8333 129.874L45.0269 129.558L47.0681 117.93L48.8745 118.248L48.3082 121.474L50.426 118.521L52.3317 118.855Z" fill="white"/> <path d="M50.7816 66.6562C49.9294 66.2657 48.3257 65.5289 46.7272 64.7948C46.6527 64.7607 46.5714 64.7443 46.4895 64.7468C46.4077 64.7494 46.3275 64.7709 46.2554 64.8097C46.1832 64.8484 46.121 64.9033 46.0737 64.9701C46.0263 65.0369 45.995 65.1138 45.9823 65.1947C45.8774 65.6495 45.9011 66.1246 46.0509 66.5667C46.2008 67.0087 46.4707 67.4004 46.8305 67.6977C47.4 68.2158 48.1516 68.4872 48.9208 68.4525C49.6899 68.4178 50.414 68.0798 50.9346 67.5125C50.9952 67.4522 51.0403 67.3781 51.0661 67.2966C51.0918 67.215 51.0974 67.1284 51.0824 67.0443C51.0673 66.9601 51.0321 66.8808 50.9797 66.8132C50.9273 66.7456 50.8594 66.6918 50.7816 66.6562Z" fill="white"/> <path d="M28.7656 57.397C28.7656 57.397 29.3453 62.2701 31.3894 63.3987C32.769 64.161 36.1416 64.0872 39.0861 64.314C35.2961 62.5795 31.8114 60.2437 28.767 57.397L28.7656 57.397Z" fill="white"/> <path d="M52.8281 86.5347L54.4628 88.7531H58.0004L59.6351 86.5347H52.8281Z" fill="white"/> <path d="M83.698 57.3975C80.6529 60.2433 77.1684 62.5791 73.3789 64.3145C76.3234 64.0877 79.6947 64.1615 81.0756 63.3992C83.1183 62.2705 83.698 57.3975 83.698 57.3975Z" fill="white"/> <path d="M59.6192 73.6682L58.049 68.52L56.2305 69.4031L54.412 68.52L52.8418 73.6682C52.3564 75.1212 51.3728 76.3557 50.065 77.1535L49.1055 81.385L51.4675 84.5697H53.9745L51.6514 81.1569L52.0177 79.0485C52.5565 79.6269 53.2085 80.0882 53.9333 80.4036C54.6581 80.719 55.44 80.8818 56.2305 80.8818C57.0209 80.8818 57.8029 80.719 58.5277 80.4036C59.2524 80.0882 59.9045 79.6269 60.4432 79.0485L60.8096 81.1569L58.4878 84.5697H60.9935L63.3555 81.385L62.3959 77.1535C61.0881 76.3557 60.1046 75.1212 59.6192 73.6682Z" fill="white"/> <path d="M65.7395 64.7956C64.1411 65.5298 62.536 66.2651 61.685 66.657C61.607 66.6923 61.5388 66.7461 61.4862 66.8137C61.4336 66.8812 61.3983 66.9606 61.3832 67.0449C61.3682 67.1292 61.3738 67.2158 61.3998 67.2974C61.4257 67.379 61.4711 67.4531 61.532 67.5133C62.0525 68.0803 62.7763 68.4181 63.5451 68.4528C64.314 68.4875 65.0653 68.2163 65.6347 67.6985C65.9946 67.4012 66.2647 67.0096 66.4147 66.5676C66.5647 66.1255 66.5888 65.6505 66.4842 65.1955C66.4715 65.1146 66.4402 65.0378 66.3928 64.9711C66.3454 64.9043 66.2832 64.8494 66.2111 64.8107C66.1389 64.772 66.0588 64.7505 65.977 64.7478C65.8952 64.7452 65.8139 64.7615 65.7395 64.7956Z" fill="white"/> </svg> <svg data-logo="bucks" class="group-hover:opacity-100 h-full w-auto opacity-0 transition-opacity duration-300" width="113" height="140" viewBox="0 0 113 140" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M56.2317 139.118C45.0876 139.124 34.194 135.813 24.9388 129.605C15.6835 123.398 8.48551 114.576 4.26179 104.264C0.0380785 93.951 -1.02014 82.6144 1.22194 71.6983C3.46402 60.7821 8.90491 50.7804 16.8514 42.9675C16.9367 42.884 17.0303 42.8093 17.1306 42.7447C15.0831 39.8527 13.651 36.5713 12.923 33.1035C12.1949 29.6358 12.1863 26.0554 12.8977 22.5842C13.6398 18.3536 15.4261 14.3752 18.0947 11.0096C20.7633 7.64407 24.2298 4.99783 28.1798 3.31087C28.3678 3.2425 28.5663 3.20752 28.7663 3.20753C29.022 3.20769 29.2746 3.26439 29.5058 3.37358C29.7371 3.48278 29.9414 3.64176 30.104 3.83914C30.2666 4.03652 30.3836 4.26742 30.4465 4.5153C30.5094 4.76318 30.5168 5.02191 30.468 5.27296C33.1546 2.9807 36.2519 1.21916 39.5954 0.0818658C39.7669 0.027897 39.9457 0.00029368 40.1255 0C40.504 0.000273313 40.872 0.124387 41.1733 0.353395C41.4746 0.582403 41.6927 0.903723 41.7943 1.26831C41.8959 1.63289 41.8754 2.0207 41.736 2.37255C41.5965 2.7244 41.3458 3.02094 41.022 3.21692C37.4919 5.35621 34.4454 8.20625 32.0758 11.586C33.8217 11.1538 35.6097 10.9143 37.4078 10.872C37.6387 10.872 37.7567 10.8788 37.7567 10.8788C38.1708 10.9033 38.5625 11.0755 38.8606 11.364C39.1587 11.6526 39.3435 12.0384 39.3815 12.4516C39.4195 12.8647 39.3081 13.2778 39.0676 13.6159C38.8272 13.954 38.4735 14.1947 38.0707 14.2943C34.5491 15.3437 31.2329 16.9877 28.2656 19.1553C26.6352 24.0597 26.338 29.3095 27.4047 34.3666C28.4713 39.4237 30.8634 44.1063 34.3358 47.9344C34.0445 41.8106 35.8442 32.3437 46.8331 27.935C47.2367 27.7736 47.6862 27.7696 48.0925 27.924C48.4989 28.0783 48.8325 28.3797 49.0271 28.7683C49.2218 29.157 49.2634 29.6046 49.1436 30.0225C49.0238 30.4403 48.7515 30.7979 48.3805 31.0245L48.2986 31.0741C46.6542 32.1419 45.2434 33.5321 44.1516 35.1607C45.074 34.8943 46.0187 34.7119 46.974 34.6159L47.1055 34.6011C47.1745 34.5921 47.244 34.5876 47.3135 34.5877C47.689 34.5882 48.0543 34.7106 48.3542 34.9365C48.6542 35.1624 48.8728 35.4795 48.9771 35.8403C49.0813 36.201 49.0657 36.5859 48.9324 36.937C48.7992 37.2881 48.5556 37.5864 48.2382 37.7872C48.2382 37.7872 48.1335 37.853 48.1094 37.8677C44.5905 39.8969 42.6324 42.2589 42.2916 44.8854C42.1592 47.4494 42.9886 49.9706 44.6174 51.9553C47.5645 48.5237 49.481 42.7018 50.0192 40.5008C50.1197 40.0899 50.3669 39.7299 50.7144 39.4886C51.0618 39.2472 51.4855 39.1413 51.9057 39.1906C52.3258 39.2399 52.7134 39.4411 52.9956 39.7564C53.2777 40.0716 53.4348 40.4791 53.4374 40.9021C53.6462 46.2563 52.3056 51.557 49.5763 56.1681C51.5875 57.1579 53.7918 57.693 56.033 57.7356C56.1041 57.7356 56.2061 57.7343 56.2276 57.7343H56.3014C56.3014 57.7343 56.3591 57.7356 56.4302 57.7356C58.6714 57.6932 60.8757 57.158 62.8869 56.1681C60.1576 51.557 58.8169 46.2563 59.0258 40.9021C59.0283 40.4791 59.1855 40.0716 59.4676 39.7564C59.7497 39.4411 60.1374 39.2399 60.5575 39.1906C60.9777 39.1413 61.4014 39.2472 61.7488 39.4886C62.0963 39.7299 62.3435 40.0899 62.444 40.5008C62.9822 42.7018 64.8986 48.5237 67.8458 51.9553C69.4746 49.9706 70.304 47.4495 70.1716 44.8854C69.8307 42.2589 67.8726 39.8969 64.3538 37.8677C64.3297 37.853 64.2492 37.802 64.2492 37.802C63.9148 37.5914 63.6617 37.2737 63.531 36.9008C63.4004 36.5279 63.4 36.1218 63.5298 35.7486C63.6472 35.4112 63.8662 35.1184 64.1567 34.9105C64.4473 34.7026 64.7951 34.5898 65.1524 34.5877C65.221 34.5875 65.2896 34.5919 65.3577 34.6011L65.4892 34.6158C66.4449 34.712 67.39 34.8943 68.3129 35.1606C67.2203 33.5323 65.8091 32.1421 64.1646 31.074L64.0827 31.0244C63.7112 30.7981 63.4383 30.4405 63.3182 30.0224C63.1981 29.6043 63.2395 29.1563 63.4343 28.7674C63.6292 28.3784 63.9631 28.077 64.3698 27.9228C64.7766 27.7686 65.2264 27.7729 65.6301 27.935C76.6189 32.3436 78.4186 41.8105 78.1274 47.9344C78.9583 47.0179 79.7302 46.0497 80.4385 45.0355C83.0157 41.3022 84.6958 37.0241 85.3478 32.5347C85.9999 28.0454 85.6062 23.4661 84.1976 19.1538C81.2344 16.9799 77.917 15.3357 74.3925 14.2942C73.9897 14.1946 73.636 13.9539 73.3955 13.6158C73.1551 13.2777 73.0437 12.8647 73.0817 12.4515C73.1197 12.0384 73.3045 11.6525 73.6026 11.364C73.9007 11.0754 74.2923 10.9032 74.7065 10.8787C74.7065 10.8787 74.8246 10.872 75.0554 10.872C76.8535 10.9143 78.6415 11.1537 80.3874 11.586C78.0178 8.20618 74.9712 5.35614 71.4412 3.21686C71.1173 3.0208 70.8666 2.72414 70.7272 2.37218C70.5878 2.02021 70.5674 1.63229 70.6692 1.26766C70.7709 0.903025 70.9892 0.581723 71.2908 0.352824C71.5923 0.123924 71.9605 7.63335e-06 72.339 0C72.5184 0.000398355 72.6967 0.0280008 72.8678 0.0818658C76.2113 1.21916 79.3085 2.9807 81.9952 5.27296C81.9361 4.97218 81.9579 4.66111 82.0584 4.37152C82.1589 4.08193 82.3344 3.82421 82.5671 3.62468C82.7998 3.42515 83.0813 3.29096 83.3828 3.23583C83.6844 3.1807 83.9951 3.20659 84.2834 3.31087C88.2335 4.99763 91.7001 7.64381 94.3687 11.0094C97.0374 14.375 98.8236 18.3536 99.5654 22.5842C100.277 26.0554 100.268 29.6358 99.5402 33.1035C98.8121 36.5713 97.38 39.8527 95.3326 42.7447C95.4331 42.809 95.5267 42.8837 95.6117 42.9675C103.558 50.7804 108.999 60.7821 111.241 71.6982C113.483 82.6144 112.425 93.9509 108.201 104.264C103.978 114.576 96.7797 123.398 87.5244 129.605C78.2692 135.812 67.3757 139.124 56.2317 139.118Z" fill="#EEE1C6"/> <path d="M94.3962 44.2025L93.1857 45.6559C100.58 52.9799 105.631 62.3359 107.698 72.5361C109.765 82.7363 108.754 93.3207 104.795 102.945C100.835 112.57 94.1041 120.801 85.4574 126.593C76.8107 132.386 66.6379 135.478 56.2303 135.478C45.8228 135.478 35.6501 132.385 27.0036 126.592C18.3571 120.8 11.6269 112.569 7.66734 102.944C3.7078 93.3187 2.69755 82.7344 4.76484 72.5342C6.83213 62.3341 11.8837 52.9783 19.2783 45.6546L18.0691 44.2025C10.3676 51.7774 5.09456 61.4729 2.92134 72.0545C0.748118 82.6361 1.77303 93.6251 5.86558 103.622C9.95814 113.619 16.9332 122.173 25.9026 128.193C34.8721 134.213 45.4302 137.428 56.2326 137.428C67.0351 137.428 77.5932 134.213 86.5626 128.193C95.5321 122.173 102.507 113.619 106.6 103.622C110.692 93.6251 111.717 82.6361 109.544 72.0545C107.371 61.4729 102.098 51.7774 94.3962 44.2025ZM22.0174 48.2555C12.8054 57.4636 7.60163 69.9364 7.53792 82.9612C7.53788 86.0067 7.8232 89.0454 8.39013 92.0376L23.0736 88.0732C24.276 95.9691 28.2734 103.171 34.3383 108.368C40.4033 113.565 48.1326 116.411 56.1195 116.389C64.1064 116.367 71.8199 113.478 77.8562 108.248C83.8925 103.018 87.8503 95.7944 89.0092 87.892L104.075 92.0376C105.559 84.2152 105.1 76.1483 102.74 68.5442C100.38 60.9402 96.1908 54.0312 90.5391 48.4233L91.8288 47.0302C98.961 54.0888 103.834 63.1085 105.827 72.943C107.821 82.7775 106.846 92.9827 103.026 102.262C99.2063 111.541 92.7139 119.475 84.3742 125.055C76.0344 130.635 66.2239 133.61 56.1893 133.602C46.1548 133.593 36.3493 130.602 28.019 125.007C19.6888 119.413 13.2098 111.468 9.40564 102.182C5.60145 92.8968 4.64374 82.6899 6.65425 72.8588C8.66475 63.0277 13.5527 54.0163 20.6968 46.9698L22.0174 48.2555ZM14.5985 22.9227C15.2961 18.9904 16.9546 15.2914 19.4263 12.1544C21.8981 9.01749 25.1066 6.53986 28.7667 4.94178C23.4461 9.22064 19.8293 15.2596 18.5683 21.9699C20.0314 20.0538 21.7752 18.3694 23.7406 16.9734C25.2918 13.4523 27.5449 10.2846 30.3622 7.6641C33.1796 5.04362 36.5018 3.0254 40.1259 1.73291C35.0731 4.78561 30.9903 9.20952 28.352 14.4906C31.3166 13.3064 34.4713 12.6693 37.6632 12.6103C33.7403 13.758 30.0593 15.6108 26.8005 18.0779C25.1936 22.7095 24.701 27.6546 25.3628 32.5121C26.0246 37.3697 27.822 42.0028 30.6093 46.0357C32.3133 48.5272 34.4233 50.7152 36.8512 52.5086C36.0675 50.537 33.0868 35.3194 47.479 29.5446L47.377 29.6063C43.9311 31.8388 41.4579 35.293 40.4547 39.2745C42.3222 37.5142 44.7505 36.4687 47.3126 36.322L47.2442 36.3663C33.8839 44.071 44.5077 54.5083 44.5077 54.5083C48.7204 50.9786 51.1764 43.0739 51.7039 40.9118C51.7562 49.2648 48.9781 54.2653 47.0898 56.7092C49.801 58.5016 52.9779 59.4605 56.2279 59.4672H56.236C59.4865 59.4607 62.6639 58.5019 65.3754 56.7092C63.4872 54.2653 60.7091 49.2648 60.7601 40.9118C61.2889 43.0739 63.7448 50.9786 67.9576 54.5083C67.9576 54.5083 78.5813 44.071 65.2211 36.3663L65.1527 36.322C67.7147 36.469 70.143 37.5144 72.0106 39.2745C71.0068 35.2932 68.5338 31.8392 65.0882 29.6063L64.9862 29.5446C79.3785 35.3194 76.3978 50.5371 75.614 52.5086C78.042 50.7152 80.1519 48.5272 81.856 46.0357C84.6433 42.0028 86.4407 37.3697 87.1025 32.5121C87.7643 27.6546 87.2717 22.7095 85.6647 18.0779C82.406 15.6108 78.725 13.758 74.8021 12.6103C77.9935 12.6693 81.1478 13.3063 84.112 14.4906C81.4742 9.20961 77.3918 4.78568 72.3394 1.73291C75.9632 3.0258 79.2853 5.04416 82.1026 7.66459C84.9199 10.285 87.1731 13.4525 88.7246 16.9734C90.6898 18.3698 92.4335 20.0542 93.8969 21.9699C92.6361 15.2593 89.0187 9.22011 83.6973 4.94178C87.3576 6.5397 90.5664 9.01725 93.0384 12.1542C95.5104 15.2911 97.169 18.9903 97.8668 22.9227C101.085 39.0745 88.1851 49.1614 77.7828 57.8016L85.7251 54.5632C86.262 54.3351 86.6351 54.8531 86.5371 55.4731L86.3036 57.4339C86.1748 58.5129 85.3829 63.9778 82.3821 65.6339C81.7338 65.9935 80.6146 66.4029 77.3225 66.6471L71.361 67.0296L72.3501 70.3821L66.4987 79.7564L69.4956 76.5972L75.614 98.3587L58.8262 112.17L64.0657 88.4087L56.232 97.936L48.3998 88.4087L53.6392 112.17L36.8513 98.3587L42.9684 76.5972L45.9666 79.7564L40.1152 70.3821L41.1043 67.0296L35.1429 66.6471C31.8494 66.4029 30.7315 65.9935 30.0833 65.6339C27.0824 63.9778 26.2893 58.5129 26.1618 57.4339L25.9283 55.4731C25.8303 54.8531 26.2034 54.3351 26.7402 54.5632L34.6825 57.8016C24.2802 49.1614 11.3802 39.0745 14.5985 22.9227ZM89.8641 40.2796C89.8641 40.2796 96.4389 29.8854 91.9497 24.0756C91.4894 23.4797 90.9901 22.9348 90.5003 22.4047C92.3416 29.0506 89.8641 40.2796 89.8641 40.2796ZM22.6013 40.2796C22.6013 40.2796 20.1225 29.0507 21.9651 22.4047C21.4739 22.9348 20.976 23.4797 20.5157 24.0756C16.0265 29.8854 22.6013 40.2796 22.6013 40.2796Z" fill="#00471B"/> <path d="M38.9258 115.494L39.2587 114.972L39.2909 114.922L34.2836 111.743L34.2608 111.779L27.9384 121.68L29.471 122.658L32.2518 118.306L34.183 119.539L31.4036 123.893L32.9376 124.871L38.2816 116.502L38.9258 115.494ZM35.1922 117.96L33.2597 116.726L34.8085 114.301L36.7491 115.522L35.1922 117.96ZM33.4126 111.082L24.3832 118.757L23.1405 117.529L25.316 114.243L22.0695 116.471L20.8254 115.243L28.3866 106.119L29.5998 107.316L26.5453 111.165L30.691 108.393L31.1084 108.807L28.3907 112.986L32.1888 109.874L33.4126 111.082ZM24.5201 100.133L14.0507 105.587L13.2039 103.961L23.6733 98.5077L24.5201 100.133ZM22.8707 96.9751L11.7061 100.811L11.1103 99.0768L18.1158 96.6704L14.8828 96.5685L17.371 94.5017L10.3654 96.9093L9.76953 95.174L20.9341 91.3384L21.53 93.0737L19.0418 95.1405L22.2749 95.2411L22.8707 96.9751ZM18.3386 108.981L20.5919 112.126L19.0553 113.226L15.7363 108.589L25.3334 101.717L26.4017 103.208L18.3386 108.981ZM45.8106 117.627L41.5939 128.59L40.4035 128.131L37.2617 126.923L35.9773 126.429L40.2625 115.492L41.9737 116.15L38.4293 125.364L40.5685 126.188L44.1129 116.973L45.8106 117.627ZM94.2242 109.686L95.2495 110.504L92.3641 114.121L91.5508 115.14L83.4192 108.652L82.3697 107.814L86.0685 103.178L87.118 104.016L88.872 105.414L87.7366 106.837L86.4107 105.778L84.9801 107.571L91.2206 112.55L92.6499 110.758L91.3119 109.69L92.4473 108.267L94.2242 109.686ZM92.2889 101.609L99.7951 102.604L98.8959 104.3L93.4324 103.61L97.9833 106.022L97.1244 107.642L86.6939 102.114L87.5528 100.494L90.4476 102.028L88.2909 99.1009L89.1955 97.3925L92.2889 101.609ZM102.691 94.342L100.988 100.024L99.7307 99.6471L97.837 99.0794L98.3591 97.3361L99.7159 97.7428L100.374 95.5471L97.2358 94.6064L96.028 98.5373L94.7664 98.1588L89.7377 96.6517L90.1108 95.4035L91.4395 90.9707L92.7158 91.3532L94.5772 91.9115L94.0551 93.6535L92.7131 93.2509L92.0541 95.4465L94.7691 96.2611L95.9636 92.3262L97.2211 92.7033L101.434 93.9648L102.691 94.342ZM81.3941 108.82L88.9606 117.804L87.9863 118.625L85.4109 120.794L84.3587 121.68L76.8472 112.649L78.2496 111.468L84.6083 119.018L86.3624 117.542L80.0037 109.992L81.3941 108.82ZM67.9815 127.484L68.3425 129.323L62.7756 130.417L60.5116 118.891L66.0784 117.797L66.4395 119.636L62.6575 120.379L63.2037 123.159L66.9857 122.417L67.344 124.24L63.5621 124.984L64.1996 128.228L67.9815 127.484ZM59.3587 128.845L59.3896 130.719L53.7167 130.813L53.5221 119.068L59.195 118.974L59.2259 120.848L55.3728 120.912L55.4198 123.744L59.2728 123.681L59.3036 125.54L55.4506 125.604L55.5043 128.908L59.3587 128.845ZM77.8456 119.01L78.0416 117.854L76.2499 114.544L74.5522 114.065L70.4804 116.263L76.0661 126.584L80.1379 124.385L80.6465 122.668L78.9126 119.463L77.8456 119.01ZM72.9364 117.07L74.9642 115.979L76.3036 118.471L74.2771 119.561L72.9364 117.07ZM76.7197 124.098L75.1562 121.193L77.184 120.108L78.7462 123.015L76.7197 124.098ZM52.3317 118.855L49.2745 123.097L50.6434 130.544L48.7524 130.211L47.7231 124.803L46.8333 129.874L45.0269 129.558L47.0681 117.93L48.8745 118.248L48.3082 121.474L50.426 118.521L52.3317 118.855Z" fill="white"/> <path d="M50.7816 66.6562C49.9294 66.2657 48.3257 65.5289 46.7272 64.7948C46.6527 64.7607 46.5714 64.7443 46.4895 64.7468C46.4077 64.7494 46.3275 64.7709 46.2554 64.8097C46.1832 64.8484 46.121 64.9033 46.0737 64.9701C46.0263 65.0369 45.995 65.1138 45.9823 65.1947C45.8774 65.6495 45.9011 66.1246 46.0509 66.5667C46.2008 67.0087 46.4707 67.4004 46.8305 67.6977C47.4 68.2158 48.1516 68.4872 48.9208 68.4525C49.6899 68.4178 50.414 68.0798 50.9346 67.5125C50.9952 67.4522 51.0403 67.3781 51.0661 67.2966C51.0918 67.215 51.0974 67.1284 51.0824 67.0443C51.0673 66.9601 51.0321 66.8808 50.9797 66.8132C50.9273 66.7456 50.8594 66.6918 50.7816 66.6562Z" fill="white"/> <path d="M28.7656 57.397C28.7656 57.397 29.3453 62.2701 31.3894 63.3987C32.769 64.161 36.1416 64.0872 39.0861 64.314C35.2961 62.5795 31.8114 60.2437 28.767 57.397L28.7656 57.397Z" fill="white"/> <path d="M52.8281 86.5347L54.4628 88.7531H58.0004L59.6351 86.5347H52.8281Z" fill="white"/> <path d="M83.698 57.3975C80.6529 60.2433 77.1684 62.5791 73.3789 64.3145C76.3234 64.0877 79.6947 64.1615 81.0756 63.3992C83.1183 62.2705 83.698 57.3975 83.698 57.3975Z" fill="white"/> <path d="M59.6192 73.6682L58.049 68.52L56.2305 69.4031L54.412 68.52L52.8418 73.6682C52.3564 75.1212 51.3728 76.3557 50.065 77.1535L49.1055 81.385L51.4675 84.5697H53.9745L51.6514 81.1569L52.0177 79.0485C52.5565 79.6269 53.2085 80.0882 53.9333 80.4036C54.6581 80.719 55.44 80.8818 56.2305 80.8818C57.0209 80.8818 57.8029 80.719 58.5277 80.4036C59.2524 80.0882 59.9045 79.6269 60.4432 79.0485L60.8096 81.1569L58.4878 84.5697H60.9935L63.3555 81.385L62.3959 77.1535C61.0881 76.3557 60.1046 75.1212 59.6192 73.6682Z" fill="white"/> <path d="M65.7395 64.7956C64.1411 65.5298 62.536 66.2651 61.685 66.657C61.607 66.6923 61.5388 66.7461 61.4862 66.8137C61.4336 66.8812 61.3983 66.9606 61.3832 67.0449C61.3682 67.1292 61.3738 67.2158 61.3998 67.2974C61.4257 67.379 61.4711 67.4531 61.532 67.5133C62.0525 68.0803 62.7763 68.4181 63.5451 68.4528C64.314 68.4875 65.0653 68.2163 65.6347 67.6985C65.9946 67.4012 66.2647 67.0096 66.4147 66.5676C66.5647 66.1255 66.5888 65.6505 66.4842 65.1955C66.4715 65.1146 66.4402 65.0378 66.3928 64.9711C66.3454 64.9043 66.2832 64.8494 66.2111 64.8107C66.1389 64.772 66.0588 64.7505 65.977 64.7478C65.8952 64.7452 65.8139 64.7615 65.7395 64.7956Z" fill="white"/> </svg> </span> </li> </ul> </div> </div> </div> <div class="relative col-span-12 sticky-marker-wrapper" data-sticky-for="ecosystem-section"> <div class="absolute left-0 z-50 col-span-12"> <div class="sticky top-28 [@media(max-height:1000px)]:top-24"> <div class="-left-3.5 xl:-left-16 h-[1vh] absolute dummy-marker -translate-x-px invisible m-0 -top-3"> <div class="w-[3px] h-12 bg-laravel-red translate-y-0"></div> </div> </div> </div> </div> <div class="ecosystem-section col-span-12 mt-36 ecosystem-section h-[4000px]"> <div class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 sticky top-28 [@media(max-height:1000px)]:top-24"> <div class="col-span-12"> <h3 class="relative flex items-center space-x-6 font-mono text-[15px] lg:text-base leading-none text-laravel-red"> <span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg></span> <span>Ecosystem</span> </h3> </div> <div class="col-span-12 col-start-1 mt-2 md:col-span-8 md:mt-9 [@media(max-height:1000px)]:mt-2"> <h3 class="mb-4 text-2xl leading-tight sm:text-3xl lg:text-4xl text-sand-light-12 text-pretty dark:text-sand-dark-12"> A PHP framework with a robust ecosystem </h3> <p class="text-base leading-normal text-sand-light-11 text-balance"> Out of the box, Laravel has elegant solutions for the common features needed by all modern web applications. Our first-party packages offer opinionated solutions for specific problems so you don't need to reinvent the wheel. </p> </div> <div class="col-span-12 col-start-1 row-start-3 lg:-mt-20 stacked-cubes"> <div class="w-[var(--viewport-width)] -mx-4 overflow-hidden lg:w-full lg:mx-0"> <div class="relative flex items-center justify-center w-full mt-16 scale-80 lg:mt-48 lg:scale-none ecosystem-cubes lg:-translate-x-1/8 -translate-x-1/5"> <div class="relative w-[36rem] h-[30rem]"> <div style="background: url(/images/home/ecosystem-grid.png) no-repeat; background-size: cover;" class="absolute -top-[11.875rem] -left-[29.1875rem] aspect-[3810/1674] w-[99rem]"></div> <div data-depth-x="4.33" data-depth-y="2.5" style="translate: none; transform: translate(4.33rem, 2.5rem); " class="absolute top-0 left-0 transition-all duration-500 ease-in-out translate-y-10 stack-cube"> <div class="relative"> <div style="--cube-width: 5; --cube-height: 5; --cube-depth: 5; --shadow-distance: 1;" class="relative transition-all duration-500 ease-in-out cube-clear cube"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 -translate-y-2 translate-all"> <div class="face origin-center absolute top-0 left-0 right bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> <div class="face origin-center absolute top-0 left-0 bottom bg-sand-light-5"> <div class="cube-clear-corners"></div> </div> <div class="face origin-center absolute top-0 left-0 back bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> <div class="absolute inset-0 flex items-center justify-center origin-center -translate-x-1/2 -translate-y-1/2 opacity-100"> <svg class="w-5/6 h-5/6" width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1.35999 52.1328V8.61279L14.416 15.8661V44.8795L27.472 52.1328V66.6395L1.35999 52.1328Z" fill="white" /> <path d="M1.35999 8.61344L14.416 1.36011L27.472 8.61344L14.416 15.8668L1.35999 8.61344Z" fill="white" /> <path d="M53.5845 23.1205V37.6272L66.6405 30.3739V15.8672L53.5845 23.1205Z" fill="white" /> <path d="M14.4155 15.8661V44.8795L27.4715 37.6261V8.61279L14.4155 15.8661Z" fill="white" /> <path d="M53.5829 52.1339L27.4709 66.6405V52.1339L53.5829 37.6272V52.1339Z" fill="white" /> <path d="M53.5851 8.61279L66.6411 15.8661L53.5851 23.1195L40.5291 15.8661L53.5851 8.61279Z" fill="white" /> <path d="M53.5835 37.6261L40.5275 30.3728L14.4155 44.8795L27.4715 52.1328L53.5835 37.6261Z" fill="white" /> <path d="M40.5291 30.3739V15.8672L53.5851 23.1205V37.6272L40.5291 30.3739Z" fill="white" /> <path d="M66.64 15.8668L53.584 8.61344L40.528 15.8668M66.64 15.8668L53.584 23.1201M66.64 15.8668V30.3734L53.584 37.6268M40.528 15.8668V30.3734M40.528 15.8668L53.584 23.1201M40.528 30.3734L53.584 37.6268M40.528 30.3734L14.416 44.8801M53.584 37.6268V52.1334L27.472 66.6401M53.584 37.6268V23.1201M53.584 37.6268L27.472 52.1334M14.416 44.8801L27.472 52.1334M14.416 44.8801V15.8668M1.35999 8.61344L14.416 1.36011L27.472 8.61344M1.35999 8.61344V52.1334L27.472 66.6401M1.35999 8.61344L14.416 15.8668M27.472 66.6401V52.1334M14.416 15.8668L27.472 8.61344M27.472 8.61344V37.6268" stroke="#F53003" stroke-width="2" stroke-linejoin="round" /> </svg> </div> <div class="face origin-center absolute top-0 left-0 top bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> <div class="face origin-center absolute top-0 left-0 left bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> <div class="face origin-center absolute top-0 left-0 front bg-sand-light-1/20"> <div class="cube-clear-corners"></div> </div> </div> <div class="items-center justify-end hidden pr-12 font-mono text-5xl text-right opacity-100 lg:flex whitespace-nowrap cube-label-left face text-sand-light-7 cube-label"> <span>Build</span> </div> <div class="items-center hidden pl-20 space-x-4 opacity-100 lg:flex cube-label-right whitespace-nowrap face cube-label"> <span class="font-bold">Laravel</span> <span>PHP framework</span> </div> </div> </div> </div> <div data-depth-x="8.66" data-depth-y="5" style="translate: none; transform: translate(9.7425rem, 5.625rem); opacity: 0;" class="absolute top-0 left-0 transition-all duration-500 ease-in-out translate-y-10 stack-cube"> <div class="cube" color="react-theme" size="5" show-shadow="show-shadow" icon="react" depth="2.5" label-right="Built for React" label-right-title="Starter Kit" flat-front="flat-front" style="--cube-width: 5; --cube-height: 5; --cube-depth: 2.5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all -translate-y-2"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-flat-front" style="--cube-inset: 0.5; --cube-width: 4; --cube-height: 4; --cube-depth: 2;"> <div class="face inner-face right react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face bottom react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face back react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face top react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face left react-theme transition-all ease-in-out duration-200"></div> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white bg-white/90"> <svg style="width: 3rem; height: 3rem;" xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348"> <circle cx="0" cy="0" r="2.05" fill="#20caf8" /> <g stroke="#20caf8" stroke-width="1" fill="none"> <ellipse rx="11" ry="4.2" /> <ellipse rx="11" ry="4.2" transform="rotate(60)" /> <ellipse rx="11" ry="4.2" transform="rotate(120)" /> </g> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> <div class="items-center hidden pl-20 space-x-4 opacity-100 lg:flex cube-label-right whitespace-nowrap face cube-label"> <span class="font-bold">Starter Kit</span> <span>Built for React</span> </div> </div> </div> </div> <div data-depth-x="11.9075" data-depth-y="6.875" style="translate: none; transform: translate(14.0725rem, 8.125rem); opacity: 0;" class="absolute top-0 left-0 transition-all duration-500 ease-in-out translate-y-10 stack-cube"> <div class="cube" color="package-red" size="5" show-shadow="show-shadow" icon="scout" depth="1.25" label-right="Search for Eloquent models" label-right-title="Scout" thin="thin" style="--cube-width: 5; --cube-height: 5; --cube-depth: 1.25; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all -translate-y-2"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 5; --cube-height: 5; --cube-depth: 1.25;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-red"> <svg style="width: 3rem; height: 3rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 18.4804L16 27.2804L32 18.4804V24.0804L16 32.8804L0 24.0804V18.4804ZM0 0.880371L16 9.68036L32 0.880371V14.4804L16 23.2804L0 14.4804V0.880371Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> <div class="items-center hidden pl-20 space-x-4 opacity-100 lg:flex cube-label-right whitespace-nowrap face cube-label"> <span class="font-bold">Scout</span> <span>Search for Eloquent models</span> </div> </div> </div> </div> <div data-depth-x="15.155" data-depth-y="8.75" style="translate: none; transform: translate(18.4025rem, 10.625rem); opacity: 0;" class="absolute top-0 left-0 transition-all duration-500 ease-in-out translate-y-10 stack-cube"> <div class="cube" color="package-purple" size="5" show-shadow="show-shadow" icon="telescope" depth="1.25" label-right="Local debugging and insights" label-right-title="Telescope" thin="thin" style="--cube-width: 5; --cube-height: 5; --cube-depth: 1.25; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all -translate-y-2"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 5; --cube-height: 5; --cube-depth: 1.25;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 3rem; height: 3rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M16 32.3799C24.8366 32.3799 32 25.2164 32 16.3799C32 7.54333 24.8366 0.379883 16 0.379883C7.16344 0.379883 0 7.54333 0 16.3799C0 25.2164 7.16344 32.3799 16 32.3799ZM22.4 5.17988C22.4 7.83085 24.549 9.97988 27.2 9.97988C24.549 9.97988 22.4 12.1289 22.4 14.7799C22.4 12.1289 20.251 9.97988 17.6 9.97988C20.251 9.97988 22.4 7.83085 22.4 5.17988ZM14.4 8.37988C14.4 13.6818 18.6981 17.9799 24 17.9799C18.6981 17.9799 14.4 22.278 14.4 27.5799C14.4 22.278 10.1019 17.9799 4.8 17.9799C10.1019 17.9799 14.4 13.6818 14.4 8.37988Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> <div class="items-center hidden pl-20 space-x-4 opacity-100 lg:flex cube-label-right whitespace-nowrap face cube-label"> <span class="font-bold">Telescope</span> <span>Local debugging and insights</span> </div> </div> </div> </div> <div data-depth-x="18.4025" data-depth-y="10.625" style="translate: none; transform: translate(22.7325rem, 13.125rem); opacity: 0;" class="absolute top-0 left-0 transition-all duration-500 ease-in-out translate-y-10 stack-cube"> <div class="cube" color="package-blue" size="5" show-shadow="show-shadow" icon="sanctum" depth="1.25" label-right="APl and mobile app authentication" label-right-title="Sanctum" thin="thin" style="--cube-width: 5; --cube-height: 5; --cube-depth: 1.25; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all -translate-y-2"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 5; --cube-height: 5; --cube-depth: 1.25;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-blue"> <svg style="width: 3rem; height: 3rem;" width="32" height="31" viewBox="0 0 32 31" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M27.2912 13.6014L23.2656 10.6767L25.6197 7.43654L22.3791 5.08213L20.025 8.32226L16 5.39793L11.9742 8.32286L9.61977 5.08229L16 0.446777L32 12.0715L25.8885 30.8806H18.0022V26.875H22.9783L24.5157 22.1434L28.3247 23.381L29.5625 19.5715L25.7535 18.3339L27.2912 13.6014ZM6.37919 7.4367L8.73361 10.6773L4.70883 13.6014L6.24636 18.3335L2.43684 19.5713L0 12.0715L6.37919 7.4367ZM3.67463 23.3808L7.48415 22.143L9.02167 26.875H13.9966V30.8806H6.11146L3.67463 23.3808ZM16.0004 22.0769C18.655 22.0769 20.8071 19.9248 20.8071 17.2702C20.8071 14.6155 18.655 12.4635 16.0004 12.4635C13.3457 12.4635 11.1937 14.6155 11.1937 17.2702C11.1937 19.9248 13.3457 22.0769 16.0004 22.0769Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> <div class="items-center hidden pl-20 space-x-4 opacity-100 lg:flex cube-label-right whitespace-nowrap face cube-label"> <span class="font-bold">Sanctum</span> <span>APl and mobile app authentication</span> </div> </div> </div> </div> <div data-depth-x="24.8975" data-depth-y="14.375" style="translate: none; transform: translate(30.31rem, 17.5rem); opacity: 0;" class="absolute top-0 left-0 transition-all duration-500 ease-in-out translate-y-10 stack-cube"> <div class="cube" color="bg-cloud/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light" size="5" show-shadow="show-shadow" icon="cloud" depth="5" label-left="Deploy" label-right="Fully managed deployments and hosting" label-right-title="Cloud" style="--cube-width: 5; --cube-height: 5; --cube-depth: 5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all -translate-y-2"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube" style="--cube-inset: 0.5; --cube-width: 4; --cube-height: 4; --cube-depth: 4;"> <div class="face inner-face right bg-cloud/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light transition-all ease-in-out duration-200"></div> <div class="face inner-face bottom bg-cloud/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light transition-all ease-in-out duration-200"></div> <div class="face inner-face back bg-cloud/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light transition-all ease-in-out duration-200"></div> <div class="face inner-face top bg-cloud/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light transition-all ease-in-out duration-200"></div> <div class="face inner-face left bg-cloud/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light transition-all ease-in-out duration-200"></div> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white bg-cloud/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light"> <svg style="width: 3rem; height: 3rem;" width="98" height="98" viewBox="0 0 98 98" fill="none" xmlns="http://www.w3.org/2000/svg" > <g style="mix-blend-mode: plus-lighter"> <path fill-rule="evenodd" clip-rule="evenodd" d="M97.4659 64.9708L64.9805 97.4561H0V32.4854L32.4854 0H97.4659V64.9805V64.9708ZM32.4854 19.4932V25.9942H71.4717V64.9805H77.9727V19.4932H32.4854ZM32.4854 12.9922H84.4639V64.9708H90.9649V6.49123H32.4854V12.9922ZM32.4854 32.4854V64.9708H64.9708V32.4854H32.4854Z" fill="currentColor" /> </g> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> <div class="items-center justify-end hidden pr-12 font-mono text-5xl text-right opacity-100 lg:flex whitespace-nowrap cube-label-left face text-sand-light-7 cube-label"> <span>Deploy</span> </div> <div class="items-center hidden pl-20 space-x-4 opacity-100 lg:flex cube-label-right whitespace-nowrap face cube-label"> <span class="font-bold">Cloud</span> <span>Fully managed deployments and hosting</span> </div> </div> </div> </div> <div data-depth-x="31.3925" data-depth-y="18.125" style="translate: none; transform: translate(37.8875rem, 21.875rem); opacity: 0;" class="absolute top-0 left-0 transition-all duration-500 ease-in-out translate-y-10 stack-cube"> <div class="cube" color="bg-nightwatch/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light" size="5" show-shadow="show-shadow" icon="nightwatch" depth="5" label-left="Monitor" label-right="First-class monitoring and logs" label-right-title="Nightwatch" style="--cube-width: 5; --cube-height: 5; --cube-depth: 5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all -translate-y-2"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube" style="--cube-inset: 0.5; --cube-width: 4; --cube-height: 4; --cube-depth: 4;"> <div class="face inner-face right bg-nightwatch/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light transition-all ease-in-out duration-200"></div> <div class="face inner-face bottom bg-nightwatch/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light transition-all ease-in-out duration-200"></div> <div class="face inner-face back bg-nightwatch/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light transition-all ease-in-out duration-200"></div> <div class="face inner-face top bg-nightwatch/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light transition-all ease-in-out duration-200"></div> <div class="face inner-face left bg-nightwatch/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light transition-all ease-in-out duration-200"></div> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white bg-nightwatch/80 bg-[url(/public/images/home/cube-noise.png)] bg-blend-soft-light"> <svg style="width: 3rem; height: 3rem;" width="30" height="22" viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23.553 0C22.901 0 22.298 0.346 21.969 0.91L20.629 3.208H29.833V1.833C29.833 0.821 29.013 0 28 0H23.553Z" fill="white"/> <path d="M29.833 4.698H19.76L17.889 7.906H29.834L29.833 4.698Z" fill="white"/> <path d="M29.833 9.396H17.02L16.083 11L17.019 12.604H29.833V9.396Z" fill="white"/> <path d="M29.833 14.094H17.888L19.759 17.302H29.833V14.094Z" fill="white"/> <path d="M29.833 18.792H20.628L21.969 21.09C22.298 21.654 22.901 22 23.553 22H28C29.012 22 29.833 21.18 29.833 20.167V18.792Z" fill="white"/> <path d="M6.78 22C7.432 22 8.035 21.654 8.364 21.09L9.704 18.792H0.5V20.167C0.5 21.179 1.32 22 2.333 22H6.78Z" fill="white"/> <path d="M0.5 17.302H10.574L12.445 14.094H0.5V17.302Z" fill="white"/> <path d="M0.5 12.604H13.314L14.25 11L13.314 9.396H0.5V12.604Z" fill="white"/> <path d="M0.5 7.906H12.445L10.574 4.698H0.5V7.906Z" fill="white"/> <path d="M0.5 3.208H9.705L8.364 0.91C8.20259 0.633061 7.97138 0.40329 7.69344 0.243614C7.4155 0.0839379 7.10054 -6.04698e-05 6.78 3.2661e-08H2.333C1.321 3.2661e-08 0.5 0.82 0.5 1.833V3.208Z" fill="white"/> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> <div class="items-center justify-end hidden pr-12 font-mono text-5xl text-right opacity-100 lg:flex whitespace-nowrap cube-label-left face text-sand-light-7 cube-label"> <span>Monitor</span> </div> <div class="items-center hidden pl-20 space-x-4 opacity-100 lg:flex cube-label-right whitespace-nowrap face cube-label"> <span class="font-bold">Nightwatch</span> <span>First-class monitoring and logs</span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="hidden col-span-12 col-start-1 row-start-3 mt-10 opacity-0 lg:mt-16 ecosystem-tabs"> <div x-data="sideTabs" x-init="setTabs([{"label":"Framework","content":"ecosystem-framework"},{"label":"Starter Kits","content":"ecosystem-starter-kits"},{"label":"Packages","content":"ecosystem-packages"},{"label":"Products","content":"ecosystem-products"}])" x-cloak> <div class="col-span-12 lg:col-span-3"> <ul x-ref="tabs" class="flex overflow-x-auto font-medium leading-normal lg:mb-10 hide-scrollbar snap-x snap-mandatory text-sand-light-8"> <template x-for="(tab, index) in tabs" :key="tab.label"> <li class="snap-start whitespace-nowrap"> <span class="flex items-center border-b border-sand-light-6-1" :class="{ 'pr-4': index === 0, 'px-4': index !== 0, }"> <button class="flex items-center pb-3 text-left border-b-2 cursor-pointer tab-button" :class="{ 'text-sand-light-12 border-sand-light-12': isSelected(tab), 'border-transparent': !isSelected(tab), }" @click="clickSelect(tab)" > <span x-text="tab.label"></span> </button> </span> </li> </template> <li class="hidden border-b border-sand-light-6-1 lg:block grow ignore-tab"></li> </ul> </div> <div> <div x-show="selected.label === 'Framework'"> <div class="w-full overflow-x-auto max-w-full lg:w-auto h-[468px] hide-scrollbar"> <div class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 py-8 lg:pt-0 min-w-6xl"> <div class="col-span-3 col-start-10 row-start-1 mt-3 space-y-4 lg:col-start-1"> <p><strong class="font-medium">A scalable framework</strong></p> <p>If you're new to web development, Laravel's documentation, tutorials, starter kits, packages, and products, will help you start quickly.</p> <p>If you're an experienced developer, startup, or enterprise, Laravel is made for building professional applications and is ready to scale to hundreds of millions of requests.</p> <P><a href="/docs" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read docs</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> </P> </div> <div class="col-span-9 col-start-1 row-start-1 lg:col-start-4"> <ul class="space-y-1 columns-3"> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Installation</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/configuration" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Configuration</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/structure" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Directory Structure</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/frontend" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Frontend</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/starter-kits" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Starter Kits</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/deployment" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Deployment</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/routing" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Routing</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/middleware" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Middleware</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/controllers" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Controllers</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/requests" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Requests</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/responses" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Responses</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/views" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Views</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/cache" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Cache</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/events" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Events</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/filesystem" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>File Storage</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/queues" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Queues</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/mail" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Mail</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> <li> <a class="flex items-center py-4 space-x-3 font-medium whitespace-nowrap hover:bg-sand-light-3 rounded-xs" href="/docs/authentication" > <svg class="w-5 h-5 text-laravel-red ml-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="flex items-center space-x-1"> <span>Security</span> <svg class="w-2.5 h-2.5 mb-1 text-sand-light-11-alpha-58" 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> </span> </a> </li> </ul> </div> </div> </div> </div> <div x-show="selected.label === 'Starter Kits'"> <div class="w-full overflow-x-auto max-w-full lg:w-auto h-[468px] hide-scrollbar"> <div class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 py-8 lg:pt-0 min-w-6xl"> <div class="col-span-3 col-start-10 row-start-1 mt-3 space-y-4 lg:col-start-1"> <p><strong class="font-medium">Starter Kits to help you get started</strong></p> <p>With routes, controllers, and views you need to authenticate your application's users.</p> <ul class="space-y-2"> <li class="flex items-center space-x-3"> <svg class="w-5 h-5 text-laravel-red" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> <span>User registration and login</span> </li> <li class="flex items-center space-x-3"> <svg class="w-5 h-5 text-laravel-red" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> <span>Password reset</span> </li> <li class="flex items-center space-x-3"> <svg class="w-5 h-5 text-laravel-red" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> <span>Email verification</span> </li> <li class="flex items-center space-x-3"> <svg class="w-5 h-5 text-laravel-red" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> <span>User profile management</span> </li> <li class="flex items-center space-x-3"> <svg class="w-5 h-5 text-laravel-red" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> <span>Dashboard</span> </li> <li class="flex items-center space-x-3"> <svg class="w-5 h-5 text-laravel-red" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> <span>Light and dark mode support</span> </li> <li class="flex items-center space-x-3"> <svg class="w-5 h-5 text-laravel-red" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> <span>TypeScript support</span> </li> </ul> <div class="mt-6"><a href="/starter-kits" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Learn more</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> </div> <div class="col-span-9 col-start-1 row-start-1 lg:col-start-4"> <ul class="grid grid-cols-9 gap-x-10"> <li class="col-span-3"> <a href="https://github.com/laravel/react-starter-kit" class="flex flex-col h-full p-2 -mx-2 rounded-xs hover:bg-sand-light-3" target="_blank"> <div class="rounded-xs"> <img src="/images/home/starter-kit-react.png" alt="Starter Kit for React" loading="lazy" class="w-full"> </div> <p class="flex items-center mt-4 space-x-3 mb-1.5 font-medium"> <span>Starter Kit for React</span> <span class="px-1.5 py-px text-xs font-medium leading-normal text-sand-light-11 bg-sand-light-6-1 rounded-xs">Free</span> </p> <p class="text-sm text-sand-light-11 text-pretty grow">Everything you need to create an application with Laravel, Inertia, and React.</p> </a> </li> <li class="col-span-3"> <a href="https://github.com/laravel/vue-starter-kit" class="flex flex-col h-full p-2 -mx-2 rounded-xs hover:bg-sand-light-3" target="_blank"> <div class="rounded-xs"> <img src="/images/home/starter-kit-vue.png" alt="Starter Kit for Vue" loading="lazy" class="w-full"> </div> <p class="flex items-center mt-4 space-x-3 mb-1.5 font-medium"> <span>Starter Kit for Vue</span> <span class="px-1.5 py-px text-xs font-medium leading-normal text-sand-light-11 bg-sand-light-6-1 rounded-xs">Free</span> </p> <p class="text-sm text-sand-light-11 text-pretty grow">Everything you need to create an application with Laravel, Inertia, and Vue.</p> </a> </li> <li class="col-span-3"> <a href="https://github.com/laravel/livewire-starter-kit" class="flex flex-col h-full p-2 -mx-2 rounded-xs hover:bg-sand-light-3" target="_blank"> <div class="rounded-xs"> <img src="/images/home/starter-kit-livewire.png" alt="Starter Kit for Livewire" loading="lazy" class="w-full"> </div> <p class="flex items-center mt-4 space-x-3 mb-1.5 font-medium"> <span>Starter Kit for Livewire</span> <span class="px-1.5 py-px text-xs font-medium leading-normal text-sand-light-11 bg-sand-light-6-1 rounded-xs">Free</span> </p> <p class="text-sm text-sand-light-11 text-pretty grow">Everything you need to create an application with Laravel and Livewire.</p> </a> </li> </ul> </div> </div> </div> </div> <div x-show="selected.label === 'Packages'"> <div class="w-full overflow-x-auto max-w-full lg:w-auto h-[468px] hide-scrollbar"> <div class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 py-8 lg:pt-0 min-w-6xl"> <div class="col-span-3 col-start-10 row-start-1 mt-3 space-y-4 lg:col-start-1"> <p><strong class="font-medium">Solutions to common challenges</strong></p> <p>Our comprehensive suite of open source packages provide robust, well designed solutions to the problems faced by most modern web applications.</p> </div> <div class="col-span-9 col-start-1 row-start-1 lg:col-start-4"> <ul class="grid grid-flow-col grid-cols-9 grid-rows-5 gap-x-10"> <li class="col-span-3"> <a href="/docs/scout" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="scout" color="package-red" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-red"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 18.4804L16 27.2804L32 18.4804V24.0804L16 32.8804L0 24.0804V18.4804ZM0 0.880371L16 9.68036L32 0.880371V14.4804L16 23.2804L0 14.4804V0.880371Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Scout</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Search for Eloquent models</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/octane" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="octane" color="package-red" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-red"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M0.434554 14.2373L2.96769 7.57114C3.6343 5.90465 4.83421 4.5714 6.50075 3.83813L13.0336 0.971684C14.6335 0.238407 16.4333 0.238407 18.0998 0.838359L24.8327 3.3715C26.4325 3.97145 27.7658 5.23801 28.4991 6.83791L31.4322 13.3707C32.1654 14.9706 32.1654 16.7704 31.5654 18.437L28.9657 25.1698C28.3657 26.7697 27.0991 28.1029 25.4993 28.8362L18.9665 31.7693C17.3665 32.5026 15.5667 32.5026 13.9002 31.9026L7.16735 29.3028C5.56749 28.7029 4.23426 27.4363 3.50098 25.8364L0.567873 19.3036C-0.165402 17.7037 -0.165402 15.9038 0.434554 14.2373ZM22.9297 6.38019L5.94019 9.37132L8.93132 26.3608L25.9208 23.3697L22.9297 6.38019Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Octane</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Supercharged app performance</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/reverb" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="reverb" color="package-pink" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-pink"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_373_24988)"> <path opacity="0.9" d="M16.0001 20.5627C13.6602 20.5627 11.8262 18.6654 11.8262 16.3888C11.8262 14.1121 13.7234 12.2148 16.0001 12.2148C18.34 12.2148 20.174 14.1121 20.174 16.3888C20.174 18.6654 18.34 20.5627 16.0001 20.5627Z" fill="currentColor" /> <path opacity="0.6" d="M15.9999 24.4837C11.5098 24.4837 7.8418 20.8157 7.8418 16.3888C7.8418 11.9619 11.5098 8.29395 15.9999 8.29395C20.49 8.29395 24.158 11.9619 24.158 16.3888C24.158 20.8157 20.49 24.4837 15.9999 24.4837ZM15.9999 10.0647C12.5216 10.0647 9.67579 12.9105 9.67579 16.3256C9.67579 19.7406 12.5216 22.5864 15.9999 22.5864C19.4782 22.5864 22.324 19.7406 22.324 16.3256C22.324 12.9105 19.4782 10.0647 15.9999 10.0647Z" fill="currentColor" /> <path opacity="0.4" d="M15.9999 28.4047C9.35963 28.4047 3.9209 23.0292 3.9209 16.3889C3.9209 9.74854 9.35963 4.37305 15.9999 4.37305C22.6403 4.37305 28.079 9.74854 28.079 16.3889C28.079 23.0292 22.6403 28.4047 15.9999 28.4047ZM15.9999 6.1438C10.3715 6.1438 5.75489 10.6972 5.75489 16.3256C5.75489 21.9541 10.3715 26.5074 15.9999 26.5074C21.6284 26.5074 26.245 21.9541 26.245 16.3256C26.245 10.6972 21.6284 6.1438 15.9999 6.1438Z" fill="currentColor" /> <path opacity="0.2" d="M16 32.3254C7.14625 32.3254 0 25.1792 0 16.3887C0 7.59816 7.20949 0.388672 16 0.388672C24.8538 0.388672 32 7.53492 32 16.3254C32 25.1159 24.8538 32.3254 16 32.3254ZM16 2.22266C8.22134 2.22266 1.83399 8.54677 1.83399 16.3254C1.83399 24.1041 8.1581 30.4282 16 30.4282C23.8419 30.4914 30.166 24.1673 30.166 16.3254C30.166 8.48353 23.8419 2.22266 16 2.22266Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_373_24988"> <rect width="32" height="31.9368" fill="white" transform="translate(0 0.388672)" /> </clipPath> </defs> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Reverb</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Fast, scalable WebSockets</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/echo" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="echo" color="package-pink" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-pink"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M30.5979 23.1124C26.9859 29.1753 17.522 30.1756 9.4597 25.3465C1.39754 20.5174 -2.20994 11.6877 1.4021 5.62477C5.01415 -0.438153 14.478 -1.4384 22.5403 3.39068C30.6025 8.21976 34.2099 17.0495 30.5979 23.1124ZM9.58683 24.9257C5.41871 22.3784 3.58949 17.7455 5.50205 14.5353C7.42851 11.3017 12.4214 10.7357 16.6541 13.2709C20.8867 15.8062 22.7563 20.4828 20.8298 23.7163C18.9174 26.9264 13.9826 27.5076 9.76981 25.0353C15.595 28.4735 22.4225 27.6922 25.0574 23.2694C27.7063 18.8232 25.1152 12.3807 19.2701 8.87963C13.425 5.37855 6.53928 6.14468 3.89046 10.5908C1.25535 15.0138 3.80588 21.4125 9.58683 24.9257ZM17.9084 23.8201C16.4956 26.1913 12.8627 26.6236 9.7941 24.7855C6.72537 22.9475 5.383 19.5351 6.79573 17.1638C8.20846 14.7925 11.8414 14.3603 14.91 16.1984C17.9787 18.0364 19.3211 21.4488 17.9084 23.8201Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Echo</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Listen for WebSocket events</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/pennant" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="pennant" color="package-green" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-green"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="18" viewBox="0 0 32 18" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M16 7.68826V4.66124L0 0.336914V17.6342L16 13.3099V16.3369L32 12.0126L16 7.68826Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Pennant</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Feature flag managament</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/cashier" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="cashier" color="package-green" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-green"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="22" viewBox="0 0 32 22" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M32 0H0V21.3333H32V0ZM16 16C18.9455 16 21.3333 13.6122 21.3333 10.6667C21.3333 7.72115 18.9455 5.33333 16 5.33333C13.0545 5.33333 10.6667 7.72115 10.6667 10.6667C10.6667 13.6122 13.0545 16 16 16Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Cashier</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Payments and subscriptions</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/socialite" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="socialite" color="package-blue" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-blue"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M27.1248 28.3799C30.1311 25.471 32 21.3939 32 16.8804C32 8.04382 24.8366 0.880371 16 0.880371C7.16344 0.880371 0 8.04382 0 16.8804C0 21.3939 1.86894 25.471 4.87517 28.3799C7.43361 25.0366 11.465 22.8804 16 22.8804C20.535 22.8804 24.5664 25.0366 27.1248 28.3799ZM22 12.8804C22 16.1941 19.3137 18.8804 16 18.8804C12.6863 18.8804 10 16.1941 10 12.8804C10 9.56666 12.6863 6.88037 16 6.88037C19.3137 6.88037 22 9.56666 22 12.8804Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Socialite</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Social authentication</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/sanctum" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="sanctum" color="package-blue" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-blue"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="31" viewBox="0 0 32 31" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M27.2912 13.6014L23.2656 10.6767L25.6197 7.43654L22.3791 5.08213L20.025 8.32226L16 5.39793L11.9742 8.32286L9.61977 5.08229L16 0.446777L32 12.0715L25.8885 30.8806H18.0022V26.875H22.9783L24.5157 22.1434L28.3247 23.381L29.5625 19.5715L25.7535 18.3339L27.2912 13.6014ZM6.37919 7.4367L8.73361 10.6773L4.70883 13.6014L6.24636 18.3335L2.43684 19.5713L0 12.0715L6.37919 7.4367ZM3.67463 23.3808L7.48415 22.143L9.02167 26.875H13.9966V30.8806H6.11146L3.67463 23.3808ZM16.0004 22.0769C18.655 22.0769 20.8071 19.9248 20.8071 17.2702C20.8071 14.6155 18.655 12.4635 16.0004 12.4635C13.3457 12.4635 11.1937 14.6155 11.1937 17.2702C11.1937 19.9248 13.3457 22.0769 16.0004 22.0769Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Sanctum</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">APl and mobile app authentication</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/sail" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="sail" color="package-orange" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-orange"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="35" viewBox="0 0 32 35" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6358 34.375V8.83957L0 27.4688V27.5116C3.39657 31.3599 8.2164 33.9222 13.6358 34.375ZM32 25.9186C28.2956 31.0633 22.2636 34.42 15.4462 34.4467H15.3643V0.325195L32 25.9186Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Sail</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Local Docker development</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/pint" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="pint" color="package-orange" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-orange"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="23" viewBox="0 0 32 23" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5289 22.3886L16.9675 0.634277H20.4712L15.0327 22.3886H11.5289ZM4.80708 11.5118L10.2457 6.07322L7.84212 3.66968L0 11.5118L7.84212 19.3539L10.2457 16.9504L4.80708 11.5118ZM32 11.5118L24.1579 3.66968L21.7543 6.07322L27.1929 11.5118L21.7543 16.9504L24.1579 19.3539L32 11.5118Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Pint</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Code styler for minimalists</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/horizon" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="horizon" color="package-purple" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5.60687 28.5079C5.60256 28.5079 5.5984 28.5064 5.59513 28.5036C3.83773 27.0021 2.4273 25.1371 1.46127 23.0372C0.494306 20.9353 -0.00427913 18.6483 2.76655e-05 16.3347C2.76655e-05 11.9147 1.79341 7.91473 4.68684 5.02141C10.8204 -1.10987 20.7213 -1.23854 27.0128 4.73008C33.3037 10.6994 33.6944 20.5933 27.8929 27.0393C22.0929 33.4842 12.2162 34.1369 5.61863 28.5123C5.61536 28.5095 5.61117 28.5079 5.60687 28.5079ZM4.31154 17.3213C4.3128 17.3213 4.31401 17.3209 4.31495 17.32C6.0809 15.7535 7.3345 13.668 10.667 13.668C16.0005 13.668 16.0005 19.0013 21.334 19.0013C26.1072 19.0013 27.9291 12.0555 24.7409 8.50316C22.3679 5.8591 18.8269 4.31983 15.0138 4.64142C8.5572 5.18595 3.76448 10.8606 4.30643 17.3166C4.30665 17.3193 4.30888 17.3213 4.31154 17.3213Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Horizon</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Monitor Redis queues</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/dusk" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="dusk" color="package-purple" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M13.3644 18.9691C8.34718 13.9518 7.15259 6.48562 9.90014 0.333496C8.10826 1.16971 6.37611 2.30457 4.88287 3.7978C-1.62763 10.3083 -1.62763 20.9402 4.88287 27.4507C11.3934 33.9611 22.0252 33.9611 28.5357 27.4507C30.0289 25.9574 31.1638 24.285 32 22.4334C25.9076 25.1809 18.4414 24.0461 13.3644 18.9691Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Dusk</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Automated browser testing</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/telescope" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="telescope" color="package-purple" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M16 32.3799C24.8366 32.3799 32 25.2164 32 16.3799C32 7.54333 24.8366 0.379883 16 0.379883C7.16344 0.379883 0 7.54333 0 16.3799C0 25.2164 7.16344 32.3799 16 32.3799ZM22.4 5.17988C22.4 7.83085 24.549 9.97988 27.2 9.97988C24.549 9.97988 22.4 12.1289 22.4 14.7799C22.4 12.1289 20.251 9.97988 17.6 9.97988C20.251 9.97988 22.4 7.83085 22.4 5.17988ZM14.4 8.37988C14.4 13.6818 18.6981 17.9799 24 17.9799C18.6981 17.9799 14.4 22.278 14.4 27.5799C14.4 22.278 10.1019 17.9799 4.8 17.9799C10.1019 17.9799 14.4 13.6818 14.4 8.37988Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Telescope</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Local debugging and insights</span> </span> </a> </li> <li class="col-span-3"> <a href="/docs/pulse" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-3 left-3"> <div class="cube" size="1.8" depth=".5" thin="true" icon="pulse" color="package-purple" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: .5; --cube-border-color: #001642;"> <div class="transition-all duration-500 ease-in-out bg-black shadow face"></div> <div class="flex items-center justify-center w-full h-full duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80"></div> <div class="face bottom bg-sand-light-1/80"></div> <div class="face back bg-sand-light-1/80"></div> <div class="cube cube-thin" style="--cube-inset: 0; --cube-width: 1.8; --cube-height: 1.8; --cube-depth: 0.5;"> <div class="face inner-face transition-all ease-in-out duration-200 front flex items-center justify-center text-white package-purple"> <svg style="width: 1.08rem; height: 1.08rem;" width="32" height="26" viewBox="0 0 32 26" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M16.7787 0.379883H20.747L24.312 13.6213H32V18.0351H20.9294L18.6955 9.73764L14.1179 25.7592H10.2118L6.83252 18.0351H0V13.6213H9.71921L11.7011 18.1514L16.7787 0.379883Z" fill="currentColor" /> </svg> </div> </div> <div class="face top bg-sand-light-1/80"></div> <div class="face left bg-sand-light-8/80"></div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3 mb-0.5"> <span class="font-medium text-sand-light-12">Pulse</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Free</span> </span> <span class="block text-sm text-sand-light-11">Performance and usage insights</span> </span> </a> </li> </ul> </div> </div> </div> </div> <div x-show="selected.label === 'Products'"> <div class="w-full overflow-x-auto max-w-full lg:w-auto h-[468px] hide-scrollbar"> <div class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 py-8 lg:pt-0 min-w-6xl"> <div class="col-span-3 col-start-10 row-start-1 mt-3 space-y-4 lg:col-start-1"> <p><strong class="font-medium">Services to build, deploy, and monitor</strong></p> <p>Best-in-class application and monitoring platforms from the team behind the Laravel framework so you can scale without losing sleep.</p> </div> <div class="col-span-9 col-start-1 row-start-1 lg:col-start-4"> <div class="grid grid-flow-col grid-cols-subgrid"> <ul class="col-span-3"> <li> <a href="https://cloud.laravel.com" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-4 left-6"> <div class="flex items-center justify-center"> <div class="cube" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: 1.8;"> <div class="shadow face transition-all duration-500 ease-in-out bg-black invisible group-hover:visible"></div> <div class="duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80 opacity-75"></div> <div class="face bottom bg-sand-light-1/80 opacity-75"></div> <div class="face back bg-sand-light-1/80 opacity-75"></div> <div class="cube" style="--cube-inset: 0.15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 1.5;"> <div class="face inner-face transition-all ease-in-out duration-200 right bg-cloud/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 bottom bg-cloud/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 back bg-cloud/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 group-hover:bg-[url(/public/images/home/cube-noise.png)] group-hover:bg-blend-soft-light top bg-cloud/80"> <div class="absolute inset-0 flex items-center justify-center transition-opacity duration-500 group-hover:opacity-100"> <svg class="text-white relative rotate-90" style="width: 0.9rem; height: 0.9rem;" width="98" height="98" viewBox="0 0 98 98" fill="none" xmlns="http://www.w3.org/2000/svg" > <g style="mix-blend-mode: plus-lighter"> <path fill-rule="evenodd" clip-rule="evenodd" d="M97.4659 64.9708L64.9805 97.4561H0V32.4854L32.4854 0H97.4659V64.9805V64.9708ZM32.4854 19.4932V25.9942H71.4717V64.9805H77.9727V19.4932H32.4854ZM32.4854 12.9922H84.4639V64.9708H90.9649V6.49123H32.4854V12.9922ZM32.4854 32.4854V64.9708H64.9708V32.4854H32.4854Z" fill="currentColor" /> </g> </svg> </div> </div> <div class="face inner-face transition-all ease-in-out duration-200 left bg-cloud/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 front bg-cloud/80"> </div> </div> <div class="face left bg-sand-light-7/80 opacity-75"></div> <div class="face front bg-sand-light-3/80 opacity-75"></div> </div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3"> <span class="text-sand-light-12 font-medium mb-0.5 block">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 mb-0.5">Managed infrastructure</span> <span class="block text-sm text-laravel-red">cloud.laravel.com</span> </span> </a> </li> <li> <a href="https://forge.laravel.com" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-4 left-6"> <div class="flex items-center justify-center"> <div class="cube" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: 1.8;"> <div class="shadow face transition-all duration-500 ease-in-out bg-black invisible group-hover:visible"></div> <div class="duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80 opacity-75"></div> <div class="face bottom bg-sand-light-1/80 opacity-75"></div> <div class="face back bg-sand-light-1/80 opacity-75"></div> <div class="cube" style="--cube-inset: 0.15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 1.5;"> <div class="face inner-face transition-all ease-in-out duration-200 right bg-forge/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 bottom bg-forge/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 back bg-forge/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 group-hover:bg-[url(/public/images/home/cube-noise.png)] group-hover:bg-blend-soft-light top bg-forge/80"> <div class="absolute inset-0 flex items-center justify-center transition-opacity duration-500 group-hover:opacity-100"> <svg class="text-white relative rotate-90" style="width: 0.9rem; height: 0.9rem;" width="26" height="20" viewBox="0 0 26 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M25.1212 0.158998H3.44616C3.3104 0.163627 3.17992 0.212713 3.07477 0.29871C2.96962 0.384708 2.89563 0.502857 2.86416 0.634998L2.33516 2.538C2.28216 2.749 2.38816 2.908 2.54616 3.014C3.39216 3.278 7.93816 3.384 7.25116 5.922L7.09216 6.609L5.24216 13.534L5.08316 14.221C4.39616 16.758 1.96416 16.864 0.960157 17.129C0.749157 17.182 0.590157 17.393 0.537157 17.605L0.010157 19.507C-0.042843 19.771 0.116157 19.983 0.380157 19.983H9.20816C9.34392 19.9784 9.4744 19.9293 9.57954 19.8433C9.68469 19.7573 9.75869 19.6391 9.79016 19.507L11.3762 13.375C11.4076 13.2429 11.4816 13.1247 11.5868 13.0387C11.6919 12.9527 11.8224 12.9036 11.9582 12.899H17.6152C17.7507 12.8942 17.881 12.845 17.9859 12.759C18.0909 12.673 18.1647 12.555 18.1962 12.423L19.0422 9.145C19.0952 8.881 18.9362 8.669 18.6722 8.669H13.0162C12.7522 8.669 12.5932 8.458 12.6462 8.193L13.4392 5.233C13.4706 5.10086 13.5446 4.98271 13.6498 4.89671C13.7549 4.81071 13.8854 4.76163 14.0212 4.757H22.5322C22.6677 4.75215 22.798 4.70297 22.9029 4.61699C23.0079 4.53101 23.0817 4.41298 23.1132 4.281L25.3862 0.685998C25.4922 0.368998 25.3862 0.156998 25.1222 0.156998L25.1212 0.158998Z" fill="currentColor" /> </svg> </div> </div> <div class="face inner-face transition-all ease-in-out duration-200 left bg-forge/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 front bg-forge/80"> </div> </div> <div class="face left bg-sand-light-7/80 opacity-75"></div> <div class="face front bg-sand-light-3/80 opacity-75"></div> </div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3"> <span class="text-sand-light-12 font-medium mb-0.5 block">Forge</span> </span> <span class="block text-sm text-sand-light-11 mb-0.5">VPS server management</span> <span class="block text-sm text-laravel-red">forge.laravel.com</span> </span> </a> </li> </ul> <ul class="col-span-3"> <li> <a href="https://nightwatch.laravel.com" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-4 left-6"> <div class="flex items-center justify-center"> <div class="cube" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: 1.8;"> <div class="shadow face transition-all duration-500 ease-in-out bg-black invisible group-hover:visible"></div> <div class="duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80 opacity-75"></div> <div class="face bottom bg-sand-light-1/80 opacity-75"></div> <div class="face back bg-sand-light-1/80 opacity-75"></div> <div class="cube" style="--cube-inset: 0.15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 1.5;"> <div class="face inner-face transition-all ease-in-out duration-200 right bg-nightwatch/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 bottom bg-nightwatch/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 back bg-nightwatch/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 group-hover:bg-[url(/public/images/home/cube-noise.png)] group-hover:bg-blend-soft-light top bg-nightwatch/80"> <div class="absolute inset-0 flex items-center justify-center transition-opacity duration-500 group-hover:opacity-100"> <svg class="text-white relative rotate-90" style="width: 0.9rem; height: 0.9rem;" width="30" height="22" viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23.553 0C22.901 0 22.298 0.346 21.969 0.91L20.629 3.208H29.833V1.833C29.833 0.821 29.013 0 28 0H23.553Z" fill="white"/> <path d="M29.833 4.698H19.76L17.889 7.906H29.834L29.833 4.698Z" fill="white"/> <path d="M29.833 9.396H17.02L16.083 11L17.019 12.604H29.833V9.396Z" fill="white"/> <path d="M29.833 14.094H17.888L19.759 17.302H29.833V14.094Z" fill="white"/> <path d="M29.833 18.792H20.628L21.969 21.09C22.298 21.654 22.901 22 23.553 22H28C29.012 22 29.833 21.18 29.833 20.167V18.792Z" fill="white"/> <path d="M6.78 22C7.432 22 8.035 21.654 8.364 21.09L9.704 18.792H0.5V20.167C0.5 21.179 1.32 22 2.333 22H6.78Z" fill="white"/> <path d="M0.5 17.302H10.574L12.445 14.094H0.5V17.302Z" fill="white"/> <path d="M0.5 12.604H13.314L14.25 11L13.314 9.396H0.5V12.604Z" fill="white"/> <path d="M0.5 7.906H12.445L10.574 4.698H0.5V7.906Z" fill="white"/> <path d="M0.5 3.208H9.705L8.364 0.91C8.20259 0.633061 7.97138 0.40329 7.69344 0.243614C7.4155 0.0839379 7.10054 -6.04698e-05 6.78 3.2661e-08H2.333C1.321 3.2661e-08 0.5 0.82 0.5 1.833V3.208Z" fill="white"/> </svg> </div> </div> <div class="face inner-face transition-all ease-in-out duration-200 left bg-nightwatch/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 front bg-nightwatch/80"> </div> </div> <div class="face left bg-sand-light-7/80 opacity-75"></div> <div class="face front bg-sand-light-3/80 opacity-75"></div> </div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3"> <span class="text-sand-light-12 font-medium mb-0.5 block">Nightwatch</span> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-sm ">Coming Soon</span> </span> <span class="block text-sm text-sand-light-11 mb-0.5">Monitoring, logs, and insights</span> <span class="block text-sm text-laravel-red">nightwatch.laravel.com</span> </span> </a> </li> </ul> <ul class="col-span-3"> <li> <a href="https://nova.laravel.com" class="flex items-start p-3 group text-sand-light-12 hover:bg-sand-light-3"> <span class="relative inline-block w-8 h-8 translate-y-2 mr-9"> <span class="absolute block top-4 left-6"> <div class="flex items-center justify-center"> <div class="cube" style="--cube-width: 1.8; --cube-height: 1.8; --cube-depth: 1.8;"> <div class="shadow face transition-all duration-500 ease-in-out bg-black invisible group-hover:visible"></div> <div class="duration-200 ease-in-out cube-wrapper will-change-transform group-hover:-translate-y-1 translate-all"> <div class="face right bg-sand-light-1/80 opacity-75"></div> <div class="face bottom bg-sand-light-1/80 opacity-75"></div> <div class="face back bg-sand-light-1/80 opacity-75"></div> <div class="cube" style="--cube-inset: 0.15; --cube-width: 1.5; --cube-height: 1.5; --cube-depth: 1.5;"> <div class="face inner-face transition-all ease-in-out duration-200 right bg-nova/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 bottom bg-nova/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 back bg-nova/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 group-hover:bg-[url(/public/images/home/cube-noise.png)] group-hover:bg-blend-soft-light top bg-nova/80"> <div class="absolute inset-0 flex items-center justify-center transition-opacity duration-500 group-hover:opacity-100"> <svg class="text-white relative rotate-90" style="width: 0.9rem; height: 0.9rem;" width="39" height="40" viewBox="0 0 39 40" xmlns="http://www.w3.org/2000/svg" > <title>nova</title> <path d="M33.533 34.1A20.3 20.3 0 0 1 19.167 40c-6.25 0-11.833-2.8-15.55-7.2 8.071 6.61 19.825 6.078 27.266-1.233a12.617 12.617 0 0 0 0-18c-5.056-4.966-13.16-4.966-18.216 0a5.4 5.4 0 0 0 0 7.716 5.567 5.567 0 0 0 7.8 0 1.85 1.85 0 0 1 2.6 0 1.8 1.8 0 0 1 0 2.567 9.283 9.283 0 0 1-13 0 9 9 0 0 1 0-12.85c6.498-6.39 16.918-6.39 23.416 0a16.217 16.217 0 0 1 .05 23.1zm1.184-26.9C26.646.59 14.892 1.122 7.45 8.433a12.617 12.617 0 0 0 0 18c5.057 4.966 13.16 4.966 18.217 0a5.4 5.4 0 0 0 0-7.716 5.567 5.567 0 0 0-7.8 0c-.717.7-1.883.7-2.6 0a1.8 1.8 0 0 1 0-2.567 9.283 9.283 0 0 1 13 0 9 9 0 0 1 0 12.85c-6.498 6.389-16.919 6.389-23.417 0a16.217 16.217 0 0 1-.016-23.117A20.3 20.3 0 0 1 19.167 0C25.417 0 31 2.8 34.717 7.2z" fill="#FFF" fill-rule="evenodd" /> </svg> </div> </div> <div class="face inner-face transition-all ease-in-out duration-200 left bg-nova/80"> </div> <div class="face inner-face transition-all ease-in-out duration-200 front bg-nova/80"> </div> </div> <div class="face left bg-sand-light-7/80 opacity-75"></div> <div class="face front bg-sand-light-3/80 opacity-75"></div> </div> </div> </div> </span> </span> <span> <span class="flex items-center space-x-3"> <span class="text-sand-light-12 font-medium mb-0.5 block">Nova</span> </span> <span class="block text-sm text-sand-light-11 mb-0.5">Production admin panels</span> <span class="block text-sm text-laravel-red">nova.laravel.com</span> </span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="grid grid-cols-subgrid col-span-12 mt-20 lg:mt-32"> <div class="relative"> <div class="-left-3.5 xl:-left-16 h-[1vh] absolute dummy-marker -translate-x-px invisible m-0 -top-3 lg:-top-2"> <div class="w-[3px] h-12 bg-laravel-red translate-y-0"></div> </div> </div> <div class="grid grid-cols-subgrid col-span-12 mb-12"> <div class="col-span-12 lg:col-span-3"> <h3 class="relative flex items-center space-x-6 font-mono text-[15px] lg:text-base leading-none text-laravel-red"> <span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg></span> <span>Backend</span> </h3> </div> <div class="col-span-12 mt-9 lg:mt-0 lg:col-span-6"> <h3 class="mb-4 text-2xl leading-tight sm:text-3xl lg:text-4xl text-sand-light-12 text-pretty dark:text-sand-dark-12"> Code that speaks for itself </h3> <p class="text-base leading-normal text-sand-light-11 text-balance"> Simple, elegant syntax powers amazing functionality. Every feature has been considered to create a thoughtful and cohesive development experience. </p> </div> </div> <div class="grid grid-cols-subgrid col-span-12" x-init="setTabs([{"label":"Authentication","content":"authentication"},{"label":"Authorization","content":"authorization"},{"label":"Eloquent ORM","content":"eloquent"},{"label":"Database migrations","content":"migrations"},{"label":"Validation","content":"validation"},{"label":"Notification and mail","content":"notification"},{"label":"File storage","content":"file-storage"},{"label":"Job queues","content":"job-queues"},{"label":"Task scheduling","content":"task-scheduling"},{"label":"Testing","content":"testing"},{"label":"Events and WebSockets","content":"events"}])" x-data="sideTabs" x-cloak="x-cloak"> <div class="col-span-12 lg:col-span-3"> <ul x-ref="tabs" class="flex mb-10 overflow-x-scroll font-medium leading-normal lg:overflow-x-visible hide-scrollbar lg:text-xl lg:mb-0 snap-x snap-mandatory lg:snap-none lg:space-x-0 lg:block lg:space-y-4 text-sand-light-8"> <template x-for="(tab, index) in tabs" :key="tab.label"> <li class="snap-start lg:snap-none whitespace-nowrap"> <span class="flex items-center border-b border-sand-light-6-1 lg:border-none" :class="{ 'pr-4 lg:pr-0': index === 0, 'px-4 lg:px-0': index !== 0, }"> <button class="flex items-center pb-3 text-left border-b-2 cursor-pointer lg:pb-0 lg:border-0" :class="{ 'text-sand-light-12 border-sand-light-12': isSelected(tab), 'border-transparent': !isSelected(tab), }" @mouseover="hoverSelect(tab)" @click="clickSelect(tab)" > <span x-text="tab.label"></span> <template x-if="tab.badge && tab.badge === 'New'"> <span x-text="tab.badge" 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"></span> </template> <template x-if="tab.badge && tab.badge !== 'New'"> <span x-text="tab.badge" class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-xs ml-4"></span> </template> </button> </span> </li> </template> </ul> </div> <div class="col-span-12 lg:col-span-9"> <div x-show="selected.label === 'Authentication'"> <h3 class="mb-10 text-xl font-medium leading-normal">Authentication</h3> <p class="mb-3"><strong class="mr-4 font-medium">1</strong>Add an authentication middleware to your Laravel route</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"route.php":"authentication\/route.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="route.php" x-show="isSelected('route.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #FFCB8B;">Route</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">get</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">/profile</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">, </span><span style="color: #FFCB8B;">ProfileController</span><span style="color: #89DDFF;">::</span><span style="color: #C792EA;">class</span><span style="color: #BFC7D5;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">middleware</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">auth</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">);</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> Route::get('/profile', ProfileController::class) ->middleware('auth');</div></code> </pre> </div> </div> </div> </div> <p class="mt-8 mb-3"><strong class="mr-4 font-medium">2</strong>You can access the authenticated user via the Auth facade</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"controller.php":"authentication\/controller.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="controller.php" x-show="isSelected('controller.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #C792EA;">use</span><span style="color: #BFC7D5;"> Illuminate\Support\Facades\</span><span style="color: #FFCB8B;">Auth</span><span style="color: #BFC7D5;">;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span><span style="color: #BEC5D4;">$user</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">Auth</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">user</span><span style="color: #BFC7D5;">();</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> use Illuminate\Support\Facades\Auth; $user = Auth::user();</div></code> </pre> </div> </div> </div> </div> <p class="mt-8"> <a href="https://laravel.com/docs/authentication" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Authentication docs</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> </p> </div> <div x-show="selected.label === 'Authorization'"> <h3 class="mb-10 text-xl font-medium leading-normal ">Authorization</h3> <p class="mb-3"><strong class="mr-4 font-medium">1</strong>Define a policy for your model</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"policy.php":"authorization\/policy.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="policy.php" x-show="isSelected('policy.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">update</span><span style="color: #D9F5DD;">(</span><span style="color: #FFCB8B;">User</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$user</span><span style="color: #BFC7D5;">, </span><span style="color: #FFCB8B;">Post</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$post</span><span style="color: #D9F5DD;">)</span><span style="color: #89DDFF;">:</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">Response</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">return</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$user</span><span style="color: #89DDFF;">->id</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">===</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$post</span><span style="color: #89DDFF;">->user_id</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">4</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">?</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">Response</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">allow</span><span style="color: #BFC7D5;">()</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">5</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">:</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">Response</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">deny</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">You do not own this post.</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">6</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> public function update(User $user, Post $post): Response { return $user->id === $post->user_id ? Response::allow() : Response::deny('You do not own this post.'); }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8 mb-3"><strong class="mr-4 font-medium">2</strong>Use the policy via the Gate facade</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"gate.php":"authorization\/gate.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="gate.php" x-show="isSelected('gate.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #FFCB8B;">Gate</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">authorize</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">update</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">, </span><span style="color: #BEC5D4;">$post</span><span style="color: #BFC7D5;">);</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> Gate::authorize('update', $post);</div></code> </pre> </div> </div> </div> </div> <p class="mt-8"> <a href="https://laravel.com/docs/authorization" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Authorization docs</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> </p> </div> <div x-show="selected.label === 'Eloquent ORM'"> <h3 class="mb-10 text-xl font-medium leading-normal ">Eloquent</h3> <p class="mb-3"><strong class="mr-4 font-medium">1</strong>Define a model for your database table</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"Flight.php":"eloquent\/define.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="Flight.php" x-show="isSelected('Flight.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 1</span><span style="color: #D3423E;"><?php</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 2</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 3</span><span style="color: #C792EA;">namespace</span><span style="color: #BFC7D5;"> App\Models;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 4</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 5</span><span style="color: #C792EA;">use</span><span style="color: #BFC7D5;"> Illuminate\Database\Eloquent\</span><span style="color: #FFCB8B;">Model</span><span style="color: #BFC7D5;">;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 6</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 7</span><span style="color: #C792EA;">class</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB6B;">Flight</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">extends</span><span style="color: #BFC7D5;"> </span><span style="color: #A9C77D;">Model</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 8</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 9</span><span style="color: #BFC7D5;"> </span><span style="color: #697098;">//</span><span style="color: #697098;"> ...</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">10</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> <?php namespace App\Models; use Illuminate\Database\Eloquent\Model; class Flight extends Model { // ... }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8 mb-3"><strong class="mr-4 font-medium">2</strong>Use Eloquent to retrieve records from the database</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"web.php":"eloquent\/retrieve.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="web.php" x-show="isSelected('web.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #C792EA;">use</span><span style="color: #BFC7D5;"> App\Models\</span><span style="color: #FFCB8B;">Flight</span><span style="color: #BFC7D5;">;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span><span style="color: #C792EA;">foreach</span><span style="color: #BFC7D5;"> (</span><span style="color: #FFCB8B;">Flight</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">all</span><span style="color: #BFC7D5;">() </span><span style="color: #C792EA;">as</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$flight</span><span style="color: #BFC7D5;">) {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">4</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">echo</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$flight</span><span style="color: #89DDFF;">->name</span><span style="color: #BFC7D5;">;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">5</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> use App\Models\Flight; foreach (Flight::all() as $flight) { echo $flight->name; }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8"> <a href="https://laravel.com/docs/eloquent" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Eloquent docs</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> </p> </div> <div x-show="selected.label === 'Database migrations'"> <h3 class="mb-10 text-xl font-medium leading-normal ">Migrations</h3> <p class="mb-3"><strong class="mr-4 font-medium">1</strong>Create a migration for your database table</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"cli":"migrations\/shell.sh"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="cli" x-show="isSelected('cli')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #82AAFF;">php</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">artisan</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">make</span><span style="color: #BFC7D5;">:</span><span style="color: #82AAFF;">migration</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">create_posts_table</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">--</span><span style="color: #82AAFF;">create</span><span style="color: #C792EA;">=</span><span style="color: #82AAFF;">posts</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> php artisan make:migration create_posts_table --create=posts</div></code> </pre> </div> </div> </div> </div> <p class="mt-8 mb-3"><strong class="mr-4 font-medium">2</strong>Define the schema in your migration file</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"create_posts_table.php":"migrations\/create-table.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="create_posts_table.php" x-show="isSelected('create_posts_table.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 1</span><span style="color: #C792EA;">class</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB6B;">CreatePostsTable</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">extends</span><span style="color: #BFC7D5;"> </span><span style="color: #A9C77D;">Migration</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 3</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">up</span><span style="color: #D9F5DD;">()</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 4</span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 5</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">Schema</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">create</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">posts</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">, </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">(</span><span style="color: #FFCB8B;">Blueprint</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$table</span><span style="color: #D9F5DD;">)</span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 6</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$table</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">id</span><span style="color: #BFC7D5;">();</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 7</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$table</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">string</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">title</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 8</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$table</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">text</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">content</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 9</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$table</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">foreignId</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">user_id</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">)</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">constrained</span><span style="color: #BFC7D5;">()</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">onDelete</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">cascade</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">10</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$table</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">timestamps</span><span style="color: #BFC7D5;">();</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">11</span><span style="color: #BFC7D5;"> });</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">12</span><span style="color: #BFC7D5;"> }</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">13</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> class CreatePostsTable extends Migration { public function up() { Schema::create('posts', function (Blueprint $table) { $table->id(); $table->string('title'); $table->text('content'); $table->foreignId('user_id')->constrained()->onDelete('cascade'); $table->timestamps(); }); } }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8"> <a href="https://laravel.com/docs/migrations" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Migration docs</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> </p> </div> <div x-show="selected.label === 'Validation'"> <h3 class="mb-10 text-xl font-medium leading-normal ">Validation</h3> <p class="mb-3"><strong class="mr-4 font-medium">1</strong>Define validation rules in your controller</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"controller.php":"validation\/controller.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="controller.php" x-show="isSelected('controller.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">store</span><span style="color: #D9F5DD;">(</span><span style="color: #FFCB8B;">Request</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$request</span><span style="color: #D9F5DD;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$validated</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$request</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">validate</span><span style="color: #BFC7D5;">([</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">4</span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">title</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">=></span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">required|max:255</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">,</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">5</span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">content</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">=></span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">required</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">,</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">6</span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">email</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">=></span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">required|email</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">,</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">7</span><span style="color: #BFC7D5;"> ]);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">8</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> public function store(Request $request) { $validated = $request->validate([ 'title' => 'required|max:255', 'content' => 'required', 'email' => 'required|email', ]); }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8 mb-3"><strong class="mr-4 font-medium">2</strong>Handle validation errors in your view</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"view.php":"validation\/view.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="view.php" x-show="isSelected('view.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #89DDFF;">@</span><span style="color: #C792EA;">if</span><span style="color: #BFC7D5;"> (</span><span style="color: #BEC5D4;">$errors</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">any</span><span style="color: #BFC7D5;">())</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;"><</span><span style="color: #82AAFF;">div</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">class=</span><span style="color: #D9F5DD;">"</span><span style="color: #C3E88D;">alert alert-danger</span><span style="color: #D9F5DD;">"</span><span style="color: #C792EA;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;"><</span><span style="color: #82AAFF;">ul</span><span style="color: #C792EA;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">4</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">@</span><span style="color: #C792EA;">foreach</span><span style="color: #BFC7D5;"> (</span><span style="color: #BEC5D4;">$errors</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">all</span><span style="color: #BFC7D5;">() </span><span style="color: #C792EA;">as</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$error</span><span style="color: #BFC7D5;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">5</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;"><</span><span style="color: #82AAFF;">li</span><span style="color: #C792EA;">></span><span style="color: #BFC7D5;">{{ </span><span style="color: #BEC5D4;">$error</span><span style="color: #BFC7D5;"> }}</span><span style="color: #C792EA;"><</span><span style="color: #89DDFF;">/</span><span style="color: #82AAFF;">li</span><span style="color: #C792EA;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">6</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">@</span><span style="color: #C792EA;">endforeach</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">7</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;"><</span><span style="color: #89DDFF;">/</span><span style="color: #82AAFF;">ul</span><span style="color: #C792EA;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">8</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;"><</span><span style="color: #89DDFF;">/</span><span style="color: #82AAFF;">div</span><span style="color: #C792EA;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">9</span><span style="color: #89DDFF;">@</span><span style="color: #C792EA;">endif</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> @if ($errors->any()) <div class="alert alert-danger"> <ul> @foreach ($errors->all() as $error) <li>{{ $error }}</li> @endforeach </ul> </div> @endif</div></code> </pre> </div> </div> </div> </div> <p class="mt-8"> <a href="https://laravel.com/docs/validation" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Validation docs</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> </p> </div> <div x-show="selected.label === 'Notification and mail'"> <h3 class="mb-10 text-xl font-medium leading-normal ">Notification and mail</h3> <p class="mb-3"><strong class="mr-4 font-medium">1</strong>Define the notification content</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"PostCreated.php":"notification\/PostCreated.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="PostCreated.php" x-show="isSelected('PostCreated.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 1</span><span style="color: #C792EA;">class</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB6B;">PostCreated</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">extends</span><span style="color: #BFC7D5;"> </span><span style="color: #A9C77D;">Notification</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 3</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">via</span><span style="color: #D9F5DD;">()</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 4</span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 5</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">return</span><span style="color: #BFC7D5;"> [</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">mail</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">, </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">database</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">]; </span><span style="color: #697098;">//</span><span style="color: #697098;"> Send via mail and store in database</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 6</span><span style="color: #BFC7D5;"> }</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 7</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 8</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">toMail</span><span style="color: #D9F5DD;">(</span><span style="color: #BEC5D4;">$notifiable</span><span style="color: #D9F5DD;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 9</span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">10</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">return</span><span style="color: #BFC7D5;"> (</span><span style="color: #89DDFF;">new</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">MailMessage</span><span style="color: #BFC7D5;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">11</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">subject</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">New Post Created</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">12</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">line</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">A new post has been created: </span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">.</span><span style="color: #BFC7D5;"> </span><span style="color: #FF5572;">$this</span><span style="color: #89DDFF;">->post->title</span><span style="color: #BFC7D5;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">13</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">action</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">View Post</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">, </span><span style="color: #82AAFF;">url</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'/</span><span style="color: #80CBC4;">posts</span><span style="color: #D9F5DD;">/'</span><span style="color: #82AAFF;"> </span><span style="color: #89DDFF;">.</span><span style="color: #82AAFF;"> </span><span style="color: #BFC7D5;">$</span><span style="color: #FF5572;">this</span><span style="color: #89DDFF;">->post->id</span><span style="color: #BFC7D5;">))</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">14</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">line</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">Thank you for using our application!</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">15</span><span style="color: #BFC7D5;"> }</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">16</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> class PostCreated extends Notification { public function via() { return ['mail', 'database']; // Send via mail and store in database } public function toMail($notifiable) { return (new MailMessage) ->subject('New Post Created') ->line('A new post has been created: ' . $this->post->title) ->action('View Post', url('/posts/' . $this->post->id)) ->line('Thank you for using our application!'); } }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8 mb-3"><strong class="mr-4 font-medium">2</strong>Send the notification to the user</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"controller.php":"notification\/controller.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="controller.php" x-show="isSelected('controller.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">store</span><span style="color: #D9F5DD;">(</span><span style="color: #FFCB8B;">Request</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$request</span><span style="color: #D9F5DD;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$post</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">Post</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">create</span><span style="color: #BFC7D5;">(</span><span style="color: #BEC5D4;">$request</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">all</span><span style="color: #BFC7D5;">());</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">4</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">5</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$request</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">user</span><span style="color: #BFC7D5;">()</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">notify</span><span style="color: #BFC7D5;">(</span><span style="color: #89DDFF;">new</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">PostCreated</span><span style="color: #BFC7D5;">(</span><span style="color: #BEC5D4;">$post</span><span style="color: #BFC7D5;">));</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">6</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> public function store(Request $request) { $post = Post::create($request->all()); $request->user()->notify(new PostCreated($post)); }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8"> <a href="https://laravel.com/docs/notifications" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Notification and Mail docs</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> </p> </div> <div x-show="selected.label === 'File storage'"> <h3 class="mb-10 text-xl font-medium leading-normal ">File Storage</h3> <p class="mb-3"><strong class="mr-4 font-medium">1</strong>Configure your filesystem</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({".env":"file-storage\/sample.env"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab=".env" x-show="isSelected('.env')" class="flex"> <code data-theme="olaolu-palenight" data-lang="env" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #FFCB6B;">FILESYSTEM_DRIVER</span><span style="color: #C792EA;">=</span><span style="color: #BFC7D5;">s3</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> FILESYSTEM_DRIVER=s3</div></code> </pre> </div> </div> </div> </div> <p class="mt-8 mb-3"><strong class="mr-4 font-medium">2</strong>Handle file uploads in your controller</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"controller.php":"file-storage\/controller.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="controller.php" x-show="isSelected('controller.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">store</span><span style="color: #D9F5DD;">(</span><span style="color: #FFCB8B;">Request</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$request</span><span style="color: #D9F5DD;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">if</span><span style="color: #BFC7D5;"> (</span><span style="color: #BEC5D4;">$request</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">hasFile</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">image</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">)) {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">4</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$path</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$request</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">file</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">image</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">)</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">store</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">images</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">, </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">public</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">5</span><span style="color: #BFC7D5;"> }</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">6</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> public function store(Request $request) { if ($request->hasFile('image')) { $path = $request->file('image')->store('images', 'public'); } }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8"> <a href="https://laravel.com/docs/filesystem" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read File Storage docs</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> </p> </div> <div x-show="selected.label === 'Job queues'"> <h3 class="mb-10 text-xl font-medium leading-normal ">Job Queues</h3> <p class="mb-3"><strong class="mr-4 font-medium">1</strong>Define the job logic</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"ProcessPost.php":"job-queues\/ProcessPost.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="ProcessPost.php" x-show="isSelected('ProcessPost.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #C792EA;">class</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB6B;">ProcessPost</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">implements</span><span style="color: #BFC7D5;"> </span><span style="color: #A9C77D;">ShouldQueue</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">handle</span><span style="color: #D9F5DD;">()</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">4</span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">5</span><span style="color: #BFC7D5;"> </span><span style="color: #FF5572;">$this</span><span style="color: #89DDFF;">->post-></span><span style="color: #82AAFF;">update</span><span style="color: #BFC7D5;">([</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">6</span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">rendered_content</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">=></span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">Str</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">markdown</span><span style="color: #BFC7D5;">(</span><span style="color: #FF5572;">$this</span><span style="color: #89DDFF;">->post->content</span><span style="color: #BFC7D5;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">7</span><span style="color: #BFC7D5;"> ]);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">8</span><span style="color: #BFC7D5;"> }</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">9</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> class ProcessPost implements ShouldQueue { public function handle() { $this->post->update([ 'rendered_content' => Str::markdown($this->post->content) ]); } }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8 mb-3"><strong class="mr-4 font-medium">2</strong>Dispatch the job from your controller</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"controller.php":"job-queues\/controller.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="controller.php" x-show="isSelected('controller.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">store</span><span style="color: #D9F5DD;">(</span><span style="color: #FFCB8B;">Request</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$request</span><span style="color: #D9F5DD;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$post</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">Post</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">create</span><span style="color: #BFC7D5;">(</span><span style="color: #BEC5D4;">$request</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">all</span><span style="color: #BFC7D5;">());</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">4</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">5</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">ProcessPost</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">dispatch</span><span style="color: #BFC7D5;">(</span><span style="color: #BEC5D4;">$post</span><span style="color: #BFC7D5;">);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">6</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> public function store(Request $request) { $post = Post::create($request->all()); ProcessPost::dispatch($post); }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8"> <a href="https://laravel.com/docs/queues" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Queue docs</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> </p> </div> <div x-show="selected.label === 'Task scheduling'"> <h3 class="mb-10 text-xl font-medium leading-normal ">Task Scheduling</h3> <p class="mb-3"><strong class="mr-4 font-medium">1</strong>Define the command logic</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"SendEmails.php":"task-scheduling\/SendEmails.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="SendEmails.php" x-show="isSelected('SendEmails.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 1</span><span style="color: #C792EA;">class</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB6B;">SendEmails</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">extends</span><span style="color: #BFC7D5;"> </span><span style="color: #A9C77D;">Command</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 3</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">protected</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$signature</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=</span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">emails:send</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 4</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 5</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">protected</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$description</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=</span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">Send scheduled emails</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 6</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 7</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">handle</span><span style="color: #D9F5DD;">()</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 8</span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 9</span><span style="color: #BFC7D5;"> </span><span style="color: #697098;">//</span><span style="color: #697098;"> Send your emails...</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">10</span><span style="color: #BFC7D5;"> }</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">11</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> class SendEmails extends Command { protected $signature = 'emails:send'; protected $description = 'Send scheduled emails'; public function handle() { // Send your emails... } }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8 mb-3"><strong class="mr-4 font-medium">2</strong>Schedule the task</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"routes\/console.php":"task-scheduling\/Kernel.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="routes/console.php" x-show="isSelected('routes/console.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #FFCB8B;">Schedule</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">command</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">emails:send</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">)</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">daily</span><span style="color: #BFC7D5;">();</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> Schedule::command('emails:send')->daily();</div></code> </pre> </div> </div> </div> </div> <p class="mt-8"> <a href="https://laravel.com/docs/scheduling" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Task Scheduling docs</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> </p> </div> <div x-show="selected.label === 'Testing'"> <h3 class="mb-10 text-xl font-medium leading-normal ">Testing</h3> <p class="mb-3"><strong class="mr-4 font-medium">1</strong>Write your test using Pest</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"BasicTest.php":"testing\/BasicTest.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="BasicTest.php" x-show="isSelected('BasicTest.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 1</span><span style="color: #82AAFF;">it</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">can create a post</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">,</span><span style="color: #82AAFF;"> </span><span style="color: #C792EA;">function</span><span style="color: #82AAFF;"> </span><span style="color: #D9F5DD;">()</span><span style="color: #82AAFF;"> </span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 2</span><span style="color: #82AAFF;"> </span><span style="color: #BFC7D5;">$</span><span style="color: #BEC5D4;">response</span><span style="color: #82AAFF;"> </span><span style="color: #C792EA;">=</span><span style="color: #82AAFF;"> </span><span style="color: #BFC7D5;">$</span><span style="color: #FF5572;">this</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">post</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">/posts</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">,</span><span style="color: #82AAFF;"> </span><span style="color: #BFC7D5;">[</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 3</span><span style="color: #82AAFF;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">title</span><span style="color: #D9F5DD;">'</span><span style="color: #82AAFF;"> </span><span style="color: #89DDFF;">=></span><span style="color: #82AAFF;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">Test Post</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">,</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 4</span><span style="color: #82AAFF;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">content</span><span style="color: #D9F5DD;">'</span><span style="color: #82AAFF;"> </span><span style="color: #89DDFF;">=></span><span style="color: #82AAFF;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">This is a test post content.</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">,</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 5</span><span style="color: #82AAFF;"> </span><span style="color: #BFC7D5;">]);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 6</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 7</span><span style="color: #82AAFF;"> </span><span style="color: #BFC7D5;">$</span><span style="color: #BEC5D4;">response</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">assertStatus</span><span style="color: #BFC7D5;">(</span><span style="color: #F78C6C;">302</span><span style="color: #BFC7D5;">);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 8</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 9</span><span style="color: #82AAFF;"> </span><span style="color: #BFC7D5;">$</span><span style="color: #FF5572;">this</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">assertDatabaseHas</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">posts</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">,</span><span style="color: #82AAFF;"> </span><span style="color: #BFC7D5;">[</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">10</span><span style="color: #82AAFF;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">title</span><span style="color: #D9F5DD;">'</span><span style="color: #82AAFF;"> </span><span style="color: #89DDFF;">=></span><span style="color: #82AAFF;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">Test Post</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">,</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">11</span><span style="color: #82AAFF;"> </span><span style="color: #BFC7D5;">]);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">12</span><span style="color: #BFC7D5;">});</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> it('can create a post', function () { $response = $this->post('/posts', [ 'title' => 'Test Post', 'content' => 'This is a test post content.', ]); $response->assertStatus(302); $this->assertDatabaseHas('posts', [ 'title' => 'Test Post', ]); });</div></code> </pre> </div> </div> </div> </div> <p class="mt-8 mb-3"><strong class="mr-4 font-medium">2</strong>Run the tests on the command line</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"run.sh":"testing\/run.sh"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="run.sh" x-show="isSelected('run.sh')" class="flex"> <code data-theme="olaolu-palenight" data-lang="sh" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #BFC7D5;">php </span><span style="color: #BFC7D5;">artisan</span><span style="color: #BFC7D5;"> </span><span style="color: #BFC7D5;">test</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> php artisan test</div></code> </pre> </div> </div> </div> </div> <p class="mt-8"> <a href="https://laravel.com/docs/testing" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Testing docs</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> </p> </div> <div x-show="selected.label === 'Events and WebSockets'"> <h3 class="mb-10 text-xl font-medium leading-normal ">Events and WebSockets</h3> <p class="mb-3"><strong class="mr-4 font-medium">1</strong>Create your event</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"PostCreated.php":"events\/PostCreated.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="PostCreated.php" x-show="isSelected('PostCreated.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 1</span><span style="color: #C792EA;">class</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB6B;">PostCreated</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">implements</span><span style="color: #BFC7D5;"> </span><span style="color: #A9C77D;">ShouldBroadcast</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 3</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">use</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">Dispatchable</span><span style="color: #BFC7D5;">, </span><span style="color: #FFCB8B;">SerializesModels</span><span style="color: #BFC7D5;">;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 4</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 5</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$post</span><span style="color: #BFC7D5;">;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 6</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 7</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">__construct</span><span style="color: #D9F5DD;">(</span><span style="color: #FFCB8B;">Post</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$post</span><span style="color: #D9F5DD;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 8</span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 9</span><span style="color: #BFC7D5;"> </span><span style="color: #FF5572;">$this</span><span style="color: #89DDFF;">->post</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$post</span><span style="color: #BFC7D5;">;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">10</span><span style="color: #BFC7D5;"> }</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">11</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> class PostCreated implements ShouldBroadcast { use Dispatchable, SerializesModels; public $post; public function __construct(Post $post) { $this->post = $post; } }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8 mb-3"><strong class="mr-4 font-medium">2</strong>Dispatch the event in your controller</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"controller.php":"events\/controller.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="controller.php" x-show="isSelected('controller.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">store</span><span style="color: #D9F5DD;">(</span><span style="color: #FFCB8B;">Request</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$request</span><span style="color: #D9F5DD;">)</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$post</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">Post</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">create</span><span style="color: #BFC7D5;">(</span><span style="color: #BEC5D4;">$request</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">all</span><span style="color: #BFC7D5;">());</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">4</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">5</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">PostCreated</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">dispatch</span><span style="color: #BFC7D5;">(</span><span style="color: #BEC5D4;">$post</span><span style="color: #BFC7D5;">);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">6</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> public function store(Request $request) { $post = Post::create($request->all()); PostCreated::dispatch($post); }</div></code> </pre> </div> </div> </div> </div> <p class="mt-8 mb-3"><strong class="mr-4 font-medium">3</strong>In your JavaScript file, listen for the event</p> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"posts.js":"events\/posts.js"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="posts.js" x-show="isSelected('posts.js')" class="flex"> <code data-theme="olaolu-palenight" data-lang="js" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #BFC7D5;">Echo</span><span style="color: #C792EA;">.</span><span style="color: #82AAFF;">channel</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">"</span><span style="color: #C3E88D;">posts.</span><span style="color: #D9F5DD;">"</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">+</span><span style="color: #BFC7D5;"> postId)</span><span style="color: #C792EA;">.</span><span style="color: #82AAFF;">listen</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">"</span><span style="color: #C3E88D;">PostCreated</span><span style="color: #D9F5DD;">"</span><span style="color: #BFC7D5;">, </span><span style="color: #D9F5DD;">(</span><span style="color: #7986E7;">e</span><span style="color: #D9F5DD;">)</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=></span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span><span style="color: #BFC7D5;"> console</span><span style="color: #C792EA;">.</span><span style="color: #82AAFF;">log</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">"</span><span style="color: #C3E88D;">Post created:</span><span style="color: #D9F5DD;">"</span><span style="color: #BFC7D5;">, e</span><span style="color: #C792EA;">.</span><span style="color: #89DDFF;">post</span><span style="color: #BFC7D5;">);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span><span style="color: #BFC7D5;">});</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> Echo.channel("posts." + postId).listen("PostCreated", (e) => { console.log("Post created:", e.post); });</div></code> </pre> </div> </div> </div> </div> <p class="mt-8"> <a href="https://laravel.com/docs/events" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Events docs</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> </p> </div> </div> </div> </div> <div class="grid grid-cols-subgrid col-span-12 mt-20 lg:mt-60"> <div class="relative"> <div class="-left-3.5 xl:-left-16 h-[1vh] absolute dummy-marker -translate-x-px invisible m-0 -top-3 lg:-top-2"> <div class="w-[3px] h-12 bg-laravel-red translate-y-0"></div> </div> </div> <div class="grid grid-cols-subgrid col-span-12 mb-12"> <div class="col-span-12 lg:col-span-3"> <h3 class="relative flex items-center space-x-6 font-mono text-[15px] lg:text-base leading-none text-laravel-red"> <span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M20.25 10.5V3.75H3.75V20.25H10.5M14.5 21.5L11.5 11.5L21.5 14.5L17 17L14.5 21.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg></span> <span>Frontend</span> </h3> </div> <div class="col-span-12 mt-9 lg:mt-0 lg:col-span-6"> <h3 class="mb-4 text-2xl leading-tight sm:text-3xl lg:text-4xl text-sand-light-12 text-pretty dark:text-sand-dark-12"> Frontend for any stack </h3> <p class="text-base leading-normal text-sand-light-11 text-balance"> Whether you prefer a traditional PHP backend, a modern frontend using Laravel Livewire, or can't get enough React and Vue, Laravel allows you to deliver highly polished and maintainable applications in a fraction of the time. </p> </div> </div> <div class="grid grid-cols-subgrid col-span-12" x-init="setTabs([{"label":"Inertia","content":"inertia"},{"label":"Livewire","content":"livewire"},{"label":"SPA and Mobile Apps","content":"spa-and-mobile"}])" x-data="sideTabs" x-cloak="x-cloak"> <div class="col-span-12 lg:col-span-3"> <ul x-ref="tabs" class="flex mb-10 overflow-x-scroll font-medium leading-normal lg:overflow-x-visible hide-scrollbar lg:text-xl lg:mb-0 snap-x snap-mandatory lg:snap-none lg:space-x-0 lg:block lg:space-y-4 text-sand-light-8"> <template x-for="(tab, index) in tabs" :key="tab.label"> <li class="snap-start lg:snap-none whitespace-nowrap"> <span class="flex items-center border-b border-sand-light-6-1 lg:border-none" :class="{ 'pr-4 lg:pr-0': index === 0, 'px-4 lg:px-0': index !== 0, }"> <button class="flex items-center pb-3 text-left border-b-2 cursor-pointer lg:pb-0 lg:border-0" :class="{ 'text-sand-light-12 border-sand-light-12': isSelected(tab), 'border-transparent': !isSelected(tab), }" @mouseover="hoverSelect(tab)" @click="clickSelect(tab)" > <span x-text="tab.label"></span> <template x-if="tab.badge && tab.badge === 'New'"> <span x-text="tab.badge" 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"></span> </template> <template x-if="tab.badge && tab.badge !== 'New'"> <span x-text="tab.badge" class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-xs ml-4"></span> </template> </button> </span> </li> </template> </ul> </div> <div class="col-span-12 lg:col-span-9"> <div x-show="selected.label === 'Inertia'"> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"UserController.php":"frontend\/UserController.php","Users.jsx":"frontend\/Users.jsx"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="UserController.php" x-show="isSelected('UserController.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 1</span><span style="color: #C792EA;">class</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB6B;">UserController</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 3</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">index</span><span style="color: #D9F5DD;">()</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 4</span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 5</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$users</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">User</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">active</span><span style="color: #BFC7D5;">()</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 6</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">orderByName</span><span style="color: #BFC7D5;">()</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 7</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">get</span><span style="color: #BFC7D5;">([</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">id</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">, </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">name</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">, </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">email</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">]);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 8</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 9</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">return</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB8B;">Inertia</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">render</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">Users</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">, [</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">10</span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">users</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;">=></span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$users</span><span style="color: #BFC7D5;">,</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">11</span><span style="color: #BFC7D5;"> ]);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">12</span><span style="color: #BFC7D5;"> }</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">13</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> class UserController { public function index() { $users = User::active() ->orderByName() ->get(['id', 'name', 'email']); return Inertia::render('Users', [ 'users' => $users, ]); } }</div></code> </pre> <pre data-tab="Users.jsx" x-show="isSelected('Users.jsx')" class="flex"> <code data-theme="olaolu-palenight" data-lang="jsx" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 1</span><span style="color: #C792EA;">export</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">default</span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">(</span><span style="color: #BFC7D5;">{ </span><span style="color: #7986E7;">users</span><span style="color: #BFC7D5;"> }</span><span style="color: #D9F5DD;">)</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=></span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 2</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">return</span><span style="color: #BFC7D5;"> (</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 3</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;"><</span><span style="color: #FF5572;">div</span><span style="color: #89DDFF;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 4</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;"><</span><span style="color: #FF5572;">h1</span><span style="color: #89DDFF;">></span><span style="color: #BFC7D5;">Users</span><span style="color: #89DDFF;"></</span><span style="color: #FF5572;">h1</span><span style="color: #89DDFF;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 5</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;"><</span><span style="color: #FF5572;">ul</span><span style="color: #89DDFF;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 6</span><span style="color: #BFC7D5;"> </span><span style="color: #D3423E;">{</span><span style="color: #BFC7D5;">users</span><span style="color: #C792EA;">.</span><span style="color: #82AAFF;">map</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">(</span><span style="color: #7986E7;">user</span><span style="color: #D9F5DD;">)</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=></span><span style="color: #BFC7D5;"> (</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 7</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;"><</span><span style="color: #FF5572;">li</span><span style="color: #89DDFF;"> </span><span style="color: #FFCB6B;">key</span><span style="color: #C792EA;">=</span><span style="color: #D3423E;">{</span><span style="color: #BFC7D5;">user</span><span style="color: #C792EA;">.</span><span style="color: #89DDFF;">id</span><span style="color: #D3423E;">}</span><span style="color: #89DDFF;">></span><span style="color: #D3423E;">{</span><span style="color: #BFC7D5;">user</span><span style="color: #C792EA;">.</span><span style="color: #89DDFF;">name</span><span style="color: #D3423E;">}</span><span style="color: #89DDFF;"></</span><span style="color: #FF5572;">li</span><span style="color: #89DDFF;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 8</span><span style="color: #BFC7D5;"> ))</span><span style="color: #D3423E;">}</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 9</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;"></</span><span style="color: #FF5572;">ul</span><span style="color: #89DDFF;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">10</span><span style="color: #BFC7D5;"> </span><span style="color: #89DDFF;"></</span><span style="color: #FF5572;">div</span><span style="color: #89DDFF;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">11</span><span style="color: #BFC7D5;"> );</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">12</span><span style="color: #BFC7D5;">};</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> export default ({ users }) => { return ( <div> <h1>Users</h1> <ul> {users.map((user) => ( <li key={user.id}>{user.name}</li> ))} </ul> </div> ); };</div></code> </pre> </div> </div> </div> </div> <div class="flex items-center mb-1.5 space-x-3 mt-4"> <h3 class="text-xl font-medium leading-normal">Inertia</h3> <span class="px-1 text-xs font-medium leading-normal text-sand-light-11 bg-sand-light-3 rounded-xs">Modern Monoliths</span> </div> <div class="grid-cols-9 gap-5 lg:grid"> <div class="col-span-6"> <p class="leading-normal text-sand-light-11">Laravel Inertia supercharges your Laravel experience and works seamlessly with React, Vue, and Svelte. Inertia handles routing and transferring data between your backend and frontend, with no need to build an API or maintain two sets of routes.</p> <p class="mt-8"> <a href="https://inertiajs.com" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Inertia docs</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> </p> </div> </div> </div> <div x-show="selected.label === 'Livewire'"> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"Counter.php":"frontend\/Counter.php","counter.blade.php":"frontend\/counter.blade.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="Counter.php" x-show="isSelected('Counter.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 1</span><span style="color: #C792EA;">class</span><span style="color: #BFC7D5;"> </span><span style="color: #FFCB6B;">Counter</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">extends</span><span style="color: #BFC7D5;"> </span><span style="color: #A9C77D;">Component</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 2</span><span style="color: #BFC7D5;">{</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 3</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$count</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">=</span><span style="color: #BFC7D5;"> </span><span style="color: #F78C6C;">1</span><span style="color: #BFC7D5;">;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 4</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 5</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">increment</span><span style="color: #D9F5DD;">()</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 6</span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 7</span><span style="color: #BFC7D5;"> </span><span style="color: #FF5572;">$this</span><span style="color: #89DDFF;">->count++</span><span style="color: #BFC7D5;">;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 8</span><span style="color: #BFC7D5;"> }</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 9</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">10</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">decrement</span><span style="color: #D9F5DD;">()</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">11</span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">12</span><span style="color: #BFC7D5;"> </span><span style="color: #FF5572;">$this</span><span style="color: #89DDFF;">->count--</span><span style="color: #BFC7D5;">;</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">13</span><span style="color: #BFC7D5;"> }</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">14</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">15</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">public</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">render</span><span style="color: #D9F5DD;">()</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">16</span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">17</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">return</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">view</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">livewire.counter</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">);</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">18</span><span style="color: #BFC7D5;"> }</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">19</span><span style="color: #BFC7D5;">}</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> class Counter extends Component { public $count = 1; public function increment() { $this->count++; } public function decrement() { $this->count--; } public function render() { return view('livewire.counter'); } }</div></code> </pre> <pre data-tab="counter.blade.php" x-show="isSelected('counter.blade.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #C792EA;"><</span><span style="color: #82AAFF;">div</span><span style="color: #C792EA;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;"><</span><span style="color: #82AAFF;">h1</span><span style="color: #C792EA;">></span><span style="color: #BFC7D5;">{{ </span><span style="color: #BEC5D4;">$count</span><span style="color: #BFC7D5;"> }}</span><span style="color: #C792EA;"><</span><span style="color: #89DDFF;">/</span><span style="color: #82AAFF;">h1</span><span style="color: #C792EA;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">4</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;"><</span><span style="color: #82AAFF;">button</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">wire</span><span style="color: #BFC7D5;">:</span><span style="color: #82AAFF;">click</span><span style="color: #C792EA;">=</span><span style="color: #D9F5DD;">"</span><span style="color: #C3E88D;">increment</span><span style="color: #D9F5DD;">"</span><span style="color: #C792EA;">></span><span style="color: #89DDFF;">+</span><span style="color: #C792EA;"><</span><span style="color: #89DDFF;">/</span><span style="color: #82AAFF;">button</span><span style="color: #C792EA;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">5</span> </div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">6</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;"><</span><span style="color: #82AAFF;">button</span><span style="color: #BFC7D5;"> </span><span style="color: #82AAFF;">wire</span><span style="color: #BFC7D5;">:</span><span style="color: #82AAFF;">click</span><span style="color: #C792EA;">=</span><span style="color: #D9F5DD;">"</span><span style="color: #C3E88D;">decrement</span><span style="color: #D9F5DD;">"</span><span style="color: #C792EA;">></span><span style="color: #89DDFF;">-</span><span style="color: #C792EA;"><</span><span style="color: #89DDFF;">/</span><span style="color: #82AAFF;">button</span><span style="color: #C792EA;">></span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">7</span><span style="color: #C792EA;"><</span><span style="color: #89DDFF;">/</span><span style="color: #82AAFF;">div</span><span style="color: #C792EA;">></span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> <div> <h1>{{ $count }}</h1> <button wire:click="increment">+</button> <button wire:click="decrement">-</button> </div></div></code> </pre> </div> </div> </div> </div> <div class="flex items-center mb-1.5 space-x-3 mt-4"> <h3 class="text-xl font-medium leading-normal">Livewire</h3> <span class="px-1 text-xs font-medium leading-normal text-sand-light-11 bg-sand-light-3 rounded-xs">Super Powered Blade</span> </div> <div class="grid-cols-9 gap-5 lg:grid"> <div class="col-span-6"> <p class="leading-normal text-sand-light-11">Laravel Livewire transforms your Laravel applications by bringing dynamic, reactive interfaces directly to your Blade templates. Livewire seamlessly bridges the gap between server-side rendering and client-side interactivity, allowing you to create modern, interactive components without leaving the comfort of Laravel.</p> <p class="mt-8"> <a href="https://livewire.laravel.com" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Livewire docs</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> </p> </div> </div> </div> <div x-show="selected.label === 'SPA and Mobile Apps'"> <div class="p-2 lg:-mx-2 h-full font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div x-data="codeTabs" x-init="setTabs({"routes\/api.php":"frontend\/spa-route.php"})" class="rounded-[10px] bg-sand-dark-1 relative h-full flex flex-col items-stretch" > <div class="flex items-center justify-between pr-5"> <ul class="min-h-[43px] flex px-5 space-x-8 overflow-x-auto text-sm text-sand-light-1 whitespace-nowrap"> <template x-for="(code, label) in tabs" :key="label"> <li> <button class="py-2.5 border-b-2 leading-normal" :class="isSelected(label) ? 'border-white' : 'border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed'" @click="select(label)" x-text="label" :disabled="!code" > </button> </li> </template> </ul> <button class="w-5 h-5 cursor-pointer group" title="Copy code" @click="copy"> <template x-if="recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M5 11.6471L8.52941 14L15 6" stroke="currentColor" stroke-linecap="square" /> </svg> </template> <template x-if="!recentlyCopied"> <svg class="w-full h-full text-sand-dark-12" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M6.2474 6.25033V2.91699H17.0807V13.7503H13.7474M13.7474 6.25033V17.0837H2.91406V6.25033H13.7474Z" stroke="currentColor" stroke-opacity="0.45" stroke-linecap="round" /> </svg> </template> </button> </div> <div class="h-full px-1 pb-1"> <div class="h-full px-5 py-6 overflow-x-auto border rounded-md bg-sand-dark-4 border-sand-dark-8/25"> <pre data-tab="routes/api.php" x-show="isSelected('routes/api.php')" class="flex"> <code data-theme="olaolu-palenight" data-lang="php" class="torchlight" style="background-color: transparent !important;background-color: #292D3E; --theme-selection-background: #7580B850;"><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">1</span><span style="color: #FFCB8B;">Route</span><span style="color: #89DDFF;">::</span><span style="color: #82AAFF;">get</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">/api/user</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">, </span><span style="color: #C792EA;">function</span><span style="color: #BFC7D5;"> </span><span style="color: #D9F5DD;">(</span><span style="color: #FFCB8B;">Request</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$request</span><span style="color: #D9F5DD;">)</span><span style="color: #BFC7D5;"> {</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">2</span><span style="color: #BFC7D5;"> </span><span style="color: #C792EA;">return</span><span style="color: #BFC7D5;"> </span><span style="color: #BEC5D4;">$request</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">user</span><span style="color: #BFC7D5;">();</span></div><div class='line'><span style="color:#4c5374; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">3</span><span style="color: #BFC7D5;">})</span><span style="color: #89DDFF;">-></span><span style="color: #82AAFF;">middleware</span><span style="color: #BFC7D5;">(</span><span style="color: #D9F5DD;">'</span><span style="color: #C3E88D;">auth:sanctum</span><span style="color: #D9F5DD;">'</span><span style="color: #BFC7D5;">);</span></div><div aria-hidden='true' hidden tabindex='-1' style='display: none;' class='torchlight-copy-target'> Route::get('/api/user', function (Request $request) { return $request->user(); })->middleware('auth:sanctum');</div></code> </pre> </div> </div> </div> </div> <div class="flex items-center mb-1.5 space-x-3 mt-4"> <h3 class="text-xl font-medium leading-normal">SPA and Mobile Apps</h3> <span class="px-1 text-xs font-medium leading-normal text-sand-light-11 bg-sand-light-3 rounded-xs">Built-in Auth</span> </div> <div class="grid-cols-9 gap-5 lg:grid"> <div class="col-span-6"> <p class="leading-normal text-sand-light-11">Laravel empowers developers to build robust backends for single-page applications (SPAs) and mobile apps with ease and efficiency. With built-in support for RESTful APIs, authentication, and database management, Laravel simplifies the process of connecting your backend to modern frontend frameworks like Vue.js or React. </p> <p class="mt-8"> <a href="https://laravel.com/docs/sanctum#spa-authentication" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 decoration-1 text-laravel-red hover:opacity-80 transition duration-100 dark:text-sand-dark-12"> <span>Read Sanctum docs</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> </p> </div> </div> </div> </div> </div> </div> <div class="grid grid-cols-subgrid col-span-12 mt-20 lg:mt-60"> <div class="relative"> <div class="-left-3.5 xl:-left-16 h-[1vh] absolute dummy-marker -translate-x-px invisible m-0 -top-3 lg:-top-2"> <div class="w-[3px] h-12 bg-laravel-red translate-y-0"></div> </div> </div> <div class="grid grid-cols-subgrid col-span-12 mb-12"> <div class="col-span-12 lg:col-span-3"> <h3 class="relative flex items-center space-x-6 font-mono text-[15px] lg:text-base leading-none text-laravel-red"> <span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M14.5 19.5H18C20.4853 19.5 22.5 17.4853 22.5 15C22.5 12.6779 20.7411 10.7666 18.483 10.5256C18.24 7.15724 15.4303 4.5 12 4.5C9.25838 4.5 6.91321 6.19737 5.95801 8.59857C3.4187 9.08552 1.5 11.3187 1.5 14C1.5 17.0376 3.96243 19.5 7 19.5H9.5M12 19.5V12.5M14.5 14.25L12 11.75L9.5 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg></span> <span>Deploy</span> </h3> </div> <div class="col-span-12 mt-9 lg:mt-0 lg:col-span-6"> <h3 class="mb-4 text-2xl leading-tight sm:text-3xl lg:text-4xl text-sand-light-12 text-pretty dark:text-sand-dark-12"> Managed or self-hosted deployment platforms </h3> <p class="text-base leading-normal text-sand-light-11 text-balance"> Laravel Cloud provides a fully managed application platform for Laravel applications, while Forge allows you to self-manage VPS servers running Laravel applications. </p> </div> </div> <div class="grid grid-cols-subgrid col-span-12" x-init="setTabs([{"label":"Cloud","badge":"New","content":"cloud"},{"label":"Forge","content":"forge"}])" x-data="sideTabs" x-cloak="x-cloak"> <div class="col-span-12 lg:col-span-3"> <ul x-ref="tabs" class="flex mb-10 overflow-x-scroll font-medium leading-normal lg:overflow-x-visible hide-scrollbar lg:text-xl lg:mb-0 snap-x snap-mandatory lg:snap-none lg:space-x-0 lg:block lg:space-y-4 text-sand-light-8"> <template x-for="(tab, index) in tabs" :key="tab.label"> <li class="snap-start lg:snap-none whitespace-nowrap"> <span class="flex items-center border-b border-sand-light-6-1 lg:border-none" :class="{ 'pr-4 lg:pr-0': index === 0, 'px-4 lg:px-0': index !== 0, }"> <button class="flex items-center pb-3 text-left border-b-2 cursor-pointer lg:pb-0 lg:border-0" :class="{ 'text-sand-light-12 border-sand-light-12': isSelected(tab), 'border-transparent': !isSelected(tab), }" @mouseover="hoverSelect(tab)" @click="clickSelect(tab)" > <span x-text="tab.label"></span> <template x-if="tab.badge && tab.badge === 'New'"> <span x-text="tab.badge" 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"></span> </template> <template x-if="tab.badge && tab.badge !== 'New'"> <span x-text="tab.badge" class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-xs ml-4"></span> </template> </button> </span> </li> </template> </ul> </div> <div class="col-span-12 lg:col-span-9"> <div x-show="selected.label === 'Cloud'"> <div class="p-2 lg:-mx-2 font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div class="overflow-hidden rounded-[10px] relative"> <picture> <source srcset="/images/nav/nav-cloud.png" media="(width < 48rem)"> <img src="/images/home/deploy-cloud.png" class="w-full aspect-[568/788] md:aspect-[1894/960]" loading="lazy" alt="Cloud" /> </picture> </div> </div> <div class="flex items-center mb-1.5 space-x-3 mt-6"> <h3 class="text-xl font-medium leading-normal">Cloud</h3> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-xs ">Product</span> </div> <div class="space-y-10 lg:flex lg:w-2/3 lg:space-x-10 lg:space-y-0"> <p class="leading-normal text-sand-light-11">A fully managed application platform built for developers and teams who just want to ship their next big idea.</p> <div> <a href="https://cloud.laravel.com" class="font-medium rounded-xs transition 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 whitespace-nowrap"> Deploy now </a> </div> </div> <p class="mt-6"> Plans from $0.00 / month </p> </div> <div x-show="selected.label === 'Forge'"> <div class="p-2 lg:-mx-2 font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div class="overflow-hidden rounded-[10px] relative"> <picture> <source srcset="/images/nav/nav-forge.png" media="(width < 48rem)"> <img src="/images/home/deploy-forge.png" class="w-full aspect-[568/788] md:aspect-[1894/960]" loading="lazy" alt="Forge" /> </picture> </div> </div> <div class="flex items-center mb-1.5 space-x-3 mt-6"> <h3 class="text-xl font-medium leading-normal">Forge</h3> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-xs ">Product</span> </div> <div class="space-y-10 lg:flex lg:w-2/3 lg:space-x-10 lg:space-y-0"> <p class="leading-normal text-sand-light-11">Provision VPS servers and deploy unlimited PHP applications on DigitalOcean, Akamai, Vultr, Amazon, Hetzner, and more.</p> <div> <a href="https://forge.laravel.com" class="font-medium rounded-xs transition 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 whitespace-nowrap"> Deploy now </a> </div> </div> <p class="mt-6"> Plans from $12.00 / month </p> </div> </div> </div> </div> <div class="grid grid-cols-subgrid col-span-12 mt-20 lg:mt-60"> <div class="relative"> <div class="-left-3.5 xl:-left-16 h-[1vh] absolute dummy-marker -translate-x-px invisible m-0 -top-3 lg:-top-2"> <div class="w-[3px] h-12 bg-laravel-red translate-y-0"></div> </div> </div> <div class="grid grid-cols-subgrid col-span-12 mb-12"> <div class="col-span-12 lg:col-span-3"> <h3 class="relative flex items-center space-x-6 font-mono text-[15px] lg:text-base leading-none text-laravel-red"> <span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M3.5 8V3.5H8M3.5 16V20.5H8M16 3.5H20.5V8M20.5 16V20.5H16M13.1667 9.41667L14 7.75L14.8333 9.41667L16.5 10.25L14.8333 11.0833L14 12.75L13.1667 11.0833L11.5 10.25L13.1667 9.41667ZM8.83333 14.0833L9.5 12.75L10.1667 14.0833L11.5 14.75L10.1667 15.4167L9.5 16.75L8.83333 15.4167L7.5 14.75L8.83333 14.0833Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg></span> <span>Monitor</span> </h3> </div> <div class="col-span-12 mt-9 lg:mt-0 lg:col-span-6"> <h3 class="mb-4 text-2xl leading-tight sm:text-3xl lg:text-4xl text-sand-light-12 text-pretty dark:text-sand-dark-12"> Application monitoring,<br class='hidden lg:block'> logging, and testing </h3> <p class="text-base leading-normal text-sand-light-11 text-balance"> Every Laravel application can achieve enterprise-grade quality with monitoring, observability, and testing tools that empower you to ship with confidence. </p> </div> </div> <div class="grid grid-cols-subgrid col-span-12" x-init="setTabs([{"label":"Nightwatch","badge":"Coming soon","content":"nightwatch"},{"label":"Pulse","content":"pulse"},{"label":"Telescope","content":"telescope"},{"label":"Pest","content":"pest"}])" x-data="sideTabs" x-cloak="x-cloak"> <div class="col-span-12 lg:col-span-3"> <ul x-ref="tabs" class="flex mb-10 overflow-x-scroll font-medium leading-normal lg:overflow-x-visible hide-scrollbar lg:text-xl lg:mb-0 snap-x snap-mandatory lg:snap-none lg:space-x-0 lg:block lg:space-y-4 text-sand-light-8"> <template x-for="(tab, index) in tabs" :key="tab.label"> <li class="snap-start lg:snap-none whitespace-nowrap"> <span class="flex items-center border-b border-sand-light-6-1 lg:border-none" :class="{ 'pr-4 lg:pr-0': index === 0, 'px-4 lg:px-0': index !== 0, }"> <button class="flex items-center pb-3 text-left border-b-2 cursor-pointer lg:pb-0 lg:border-0" :class="{ 'text-sand-light-12 border-sand-light-12': isSelected(tab), 'border-transparent': !isSelected(tab), }" @mouseover="hoverSelect(tab)" @click="clickSelect(tab)" > <span x-text="tab.label"></span> <template x-if="tab.badge && tab.badge === 'New'"> <span x-text="tab.badge" 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"></span> </template> <template x-if="tab.badge && tab.badge !== 'New'"> <span x-text="tab.badge" class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-xs ml-4"></span> </template> </button> </span> </li> </template> </ul> </div> <div class="col-span-12 lg:col-span-9"> <div x-show="selected.label === 'Nightwatch'"> <div class="p-2 lg:-mx-2 font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div class="overflow-hidden rounded-[10px] relative"> <picture> <source srcset="/images/nav/nav-nightwatch.png" media="(width < 48rem)"> <img src="/images/home/monitor-nightwatch.png" class="w-full aspect-[568/788] md:aspect-[1894/960]" loading="lazy" alt="Nightwatch" /> </picture> </div> </div> <div class="flex items-center mb-1.5 space-x-3 mt-6"> <h3 class="text-xl font-medium leading-normal">Nightwatch</h3> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-xs ">Product</span> </div> <div class="space-y-10 lg:flex lg:w-2/3 lg:space-x-10 lg:space-y-0"> <p class="leading-normal text-sand-light-11">Monitoring built for Laravel developers and teams that need to know exactly what's happening in their application.</p> <div> <a href="https://nightwatch.laravel.com" class="font-medium rounded-xs transition 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 whitespace-nowrap"> Monitor now </a> </div> </div> <p class="mt-6"> Pricing coming soon </p> </div> <div x-show="selected.label === 'Pulse'"> <div class="p-2 lg:-mx-2 font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div class="overflow-hidden rounded-[10px] relative"> <picture> <source srcset="/images/nav/nav-pulse.png" media="(width < 48rem)"> <img src="/images/home/monitor-pulse.png" class="w-full aspect-[568/788] md:aspect-[1894/960]" loading="lazy" alt="Pulse" /> </picture> </div> </div> <div class="flex items-center mb-1.5 space-x-3 mt-6"> <h3 class="text-xl font-medium leading-normal">Pulse</h3> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-xs ">Package</span> </div> <div class="space-y-10 lg:flex lg:w-2/3 lg:space-x-10 lg:space-y-0"> <p class="leading-normal text-sand-light-11">At-a-glance insights into your application's performance and usage. Track down bottlenecks like slow jobs and endpoints, find your most active users, and more.</p> <div> <a href="https://pulse.laravel.com" class="font-medium rounded-xs transition 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 whitespace-nowrap"> Install </a> </div> </div> <p class="mt-6"> Free </p> </div> <div x-show="selected.label === 'Telescope'"> <div class="p-2 lg:-mx-2 font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div class="overflow-hidden rounded-[10px] relative"> <picture> <source srcset="/images/nav/nav-telescope.png" media="(width < 48rem)"> <img src="/images/home/monitor-telescope.png" class="w-full aspect-[568/788] md:aspect-[1894/960]" loading="lazy" alt="Telescope" /> </picture> </div> </div> <div class="flex items-center mb-1.5 space-x-3 mt-6"> <h3 class="text-xl font-medium leading-normal">Telescope</h3> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-xs ">Package</span> </div> <div class="space-y-10 lg:flex lg:w-2/3 lg:space-x-10 lg:space-y-0"> <p class="leading-normal text-sand-light-11">An elegant debug assistant providing insight into the requests coming into your application, exceptions, log entries, database queries, queued jobs, and more.</p> <div> <a href="https://github.com/laravel/telescope" class="font-medium rounded-xs transition 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 whitespace-nowrap"> Install </a> </div> </div> <p class="mt-6"> Free </p> </div> <div x-show="selected.label === 'Pest'"> <div class="p-2 lg:-mx-2 font-mono rounded-[18px] bg-sand-light-4" style="box-shadow: 0px 0px 0px 1px #C8C7C180;"> <div class="overflow-hidden rounded-[10px] relative"> <picture> <source srcset="/images/nav/nav-pest.png" media="(width < 48rem)"> <img src="/images/home/monitor-pest.png" class="w-full aspect-[568/788] md:aspect-[1894/960]" loading="lazy" alt="Pest" /> </picture> </div> </div> <div class="flex items-center mb-1.5 space-x-3 mt-6"> <h3 class="text-xl font-medium leading-normal">Pest</h3> <span class="px-1 font-medium leading-normal rounded-xs text-sand-light-11 bg-sand-light-3 group-hover:bg-sand-light-5 dark:bg-[#282826] dark:text-[#EDEDEC] dark:group-hover:bg-[#282826] text-xs ">Package</span> </div> <div class="space-y-10 lg:flex lg:w-2/3 lg:space-x-10 lg:space-y-0"> <p class="leading-normal text-sand-light-11">Pest is a testing framework with a focus on simplicity, meticulously designed to bring back the joy of testing in PHP.</p> <div> <a href="https://pestphp.com" class="font-medium rounded-xs transition 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 whitespace-nowrap"> Install </a> </div> </div> <p class="mt-6"> Free </p> </div> </div> </div> </div> <div class="relative col-span-12 sticky-marker-wrapper" data-sticky-for="community-grid-wrapper"> <div class="absolute left-0 z-50 col-span-12"> <div class="sticky top-28 [@media(max-height:1000px)]:top-24"> <div class="-left-3.5 xl:-left-16 h-[1vh] absolute dummy-marker -translate-x-px invisible m-0 -top-3"> <div class="w-[3px] h-12 bg-laravel-red translate-y-0"></div> </div> </div> </div> </div> <div class="community-grid-wrapper col-span-12 relative mt-20 lg:mt-36 h-[2750px] translate-0"> <div class="grid grid-cols-12 gap-4 lg:gap-6 xl:gap-x-10 sticky top-28 [@media(max-height:1000px)]:top-24"> <div class="col-span-12"> <h3 class="relative flex items-center space-x-6 font-mono text-[15px] lg:text-base leading-none text-laravel-red"> <span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9.5 20.5L14.5 3.5M18.5 7.5L22.5 12L18.5 16.5M5.5 16.5L1.5 12L5.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg></span> <span>Community</span> </h3> </div> <div class="col-span-12 col-start-1 mt-2 md:col-span-8 lg:mt-9 [@media(max-height:1000px)]:mt-2"> <h3 class="mb-4 text-2xl leading-tight sm:text-3xl lg:text-4xl text-sand-light-12 text-pretty dark:text-sand-dark-12"> Trusted by developers, startups, and enterprises </h3> <p class="text-base leading-normal text-sand-light-11 text-balance"> Join thousands of developers and companies around the world. </p> </div> <div class="relative col-span-12 mt-10 lg:mt-16 [@media(max-height:1000px)]:mt-6"> <div class="relative px-4 xl:px-16 pb-40 -ml-4 xl:-ml-16 -mr-(--community-right-margin) overflow-auto community-overflow-container" style="--community-right-margin: max(1rem, (var(--viewport-width) - min(var(--viewport-width), 1400px - 8rem)) / 2)" > <div class="grid community-grid grid-flow-col grid-rows-[180px_180px_180px] grid-cols-32 mr-(--community-right-margin) gap-5 w-[3000px] lg:w-[3813px]" style="--community-right-margin: max(0px, (var(--viewport-width) - min(var(--viewport-width), 1400px )) / 2)" > <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community-lg text-sand-dark-12 bg-sand-dark-1 border-sand-light-6/10 col-span-4 row-span-2" name="Adam Wathan" subtitle="Founder, Tailwind" photo="adam-wathan.png"> <div class="mb-8 text-sand-dark-10"><svg class="max-h-8 w-auto" width="144" height="18" viewBox="0 0 144 18" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_157_23382)"> <g clip-path="url(#clip1_157_23382)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8163 0C10.865 0 8.39613 1.96374 7.40787 5.89123C8.88968 3.92748 10.6183 3.19123 12.5936 3.68187C13.7206 3.96174 14.5266 4.77465 15.4179 5.67465C16.8706 7.14019 18.5522 8.83626 22.2242 8.83626C26.1749 8.83626 28.6444 6.87252 29.6321 2.94561C28.1508 4.90936 26.4223 5.64561 24.4469 5.15439C23.3193 4.87452 22.5134 4.06161 21.6221 3.16219C20.1693 1.69548 18.4883 0 14.8163 0ZM7.40787 8.83626C3.45716 8.83626 0.987677 10.8 0 14.7275C1.48181 12.7637 3.21039 12.0275 5.18516 12.5181C6.31277 12.798 7.11871 13.6109 8.01 14.5109C9.46277 15.9765 11.1437 17.6725 14.8163 17.6725C18.767 17.6725 21.2365 15.7094 22.2242 11.7819C20.7424 13.7456 19.0138 14.4819 17.0385 13.9912C15.9114 13.7108 15.1055 12.8979 14.2142 11.9985C12.7614 10.5329 11.0799 8.83626 7.40787 8.83626Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M44.4439 7.44666H41.8583V12.421C41.8583 13.7478 42.7339 13.7269 44.4439 13.6439V15.6547C40.9821 16.0692 39.6059 15.1158 39.6059 12.421V7.44666H37.6875V5.29072H39.6059V2.50711L41.8583 1.84343V5.29072H44.4439V7.44666ZM54.2998 5.29072H56.5515V15.6547H54.2998V14.1624C53.5072 15.2604 52.2768 15.9241 50.6504 15.9241C47.8145 15.9241 45.4583 13.5405 45.4583 10.4724C45.4583 7.38453 47.8145 5.0213 50.6504 5.0213C52.2768 5.0213 53.5072 5.6844 54.2998 6.76266V5.29072ZM51.0052 13.789C52.8818 13.789 54.2998 12.4001 54.2998 10.4724C54.2998 8.54465 52.8818 7.15633 51.0052 7.15633C49.1285 7.15633 47.7106 8.54524 47.7106 10.4724C47.7106 12.4001 49.1285 13.789 51.0052 13.789ZM60.3048 3.73633C59.5128 3.73633 58.8665 3.07324 58.8665 2.3062C58.8684 1.92607 59.0208 1.56215 59.2903 1.29411C59.5599 1.02608 59.9246 0.875762 60.3048 0.876074C60.685 0.875608 61.05 1.02586 61.3196 1.29391C61.5893 1.56196 61.7418 1.92597 61.7436 2.3062C61.7436 3.07265 61.0974 3.73633 60.3048 3.73633ZM59.1789 15.6547V5.29072H61.4312V15.6547H59.1789ZM64.0378 15.6547V0.522461H66.2895V15.6541H64.0378V15.6547ZM80.9072 5.29072H83.2844L80.0107 15.6547H77.8002L75.6315 8.66949L73.4419 15.6547H71.2319L67.9577 5.29072H70.3349L72.3578 12.4414L74.5474 5.29072H76.6952L78.8634 12.4414L80.9072 5.29072ZM86.0785 3.73633C85.2859 3.73633 84.6396 3.07324 84.6396 2.3062C84.6415 1.92597 84.7939 1.56196 85.0636 1.29391C85.3333 1.02586 85.6982 0.875608 86.0785 0.876074C86.4587 0.875608 86.8236 1.02586 87.0933 1.29391C87.363 1.56196 87.5155 1.92597 87.5173 2.3062C87.5173 3.07265 86.871 3.73633 86.0785 3.73633ZM84.9526 15.6547V5.29072H87.2043V15.6547H84.9526ZM95.295 5.0213C97.6304 5.0213 99.2986 6.59659 99.2986 9.29137V15.6541H97.0469V9.51898C97.0469 7.94369 96.1294 7.11511 94.7115 7.11511C93.2309 7.11511 92.0632 7.98549 92.0632 10.0996V15.6547H89.8108V5.29072H92.0632V6.61749C92.7512 5.53982 93.8771 5.0213 95.295 5.0213ZM109.975 1.14549H112.227V15.6541H109.975V14.1618C109.183 15.2604 107.953 15.9235 106.326 15.9235C103.49 15.9235 101.134 13.5399 101.134 10.4718C101.134 7.38395 103.49 5.02072 106.326 5.02072C107.953 5.02072 109.183 5.68382 109.975 6.76207V1.14549ZM106.68 13.789C108.557 13.789 109.975 12.4001 109.975 10.4724C109.975 8.54465 108.557 7.15633 106.68 7.15633C104.804 7.15633 103.386 8.54524 103.386 10.4724C103.386 12.4001 104.804 13.789 106.68 13.789ZM119.776 15.9241C116.627 15.9241 114.271 13.5405 114.271 10.4724C114.271 7.38453 116.627 5.0213 119.776 5.0213C121.819 5.0213 123.592 6.07807 124.425 7.69517L122.486 8.81466C122.027 7.84033 121.006 7.21846 119.755 7.21846C117.92 7.21846 116.523 8.60736 116.523 10.4724C116.523 12.338 117.92 13.7269 119.755 13.7269C121.006 13.7269 122.027 13.0841 122.528 12.1307L124.467 13.2293C123.592 14.8667 121.819 15.9241 119.776 15.9241ZM128.179 8.15098C128.179 10.0375 133.788 8.89711 133.788 12.7323C133.788 14.8052 131.974 15.9241 129.722 15.9241C127.637 15.9241 126.135 14.991 125.468 13.4987L127.408 12.3798C127.741 13.3123 128.575 13.8721 129.722 13.8721C130.723 13.8721 131.494 13.5405 131.494 12.7108C131.494 10.8667 125.885 11.9031 125.885 8.19278C125.885 6.24414 127.574 5.0213 129.701 5.0213C131.411 5.0213 132.829 5.80924 133.559 7.17724L131.661 8.23401C131.286 7.42575 130.556 7.0524 129.701 7.0524C128.888 7.0524 128.179 7.40485 128.179 8.15098ZM137.792 8.15098C137.792 10.0375 143.401 8.89711 143.401 12.7323C143.401 14.8052 141.587 15.9241 139.335 15.9241C137.25 15.9241 135.749 14.991 135.081 13.4987L137.02 12.3798C137.354 13.3123 138.188 13.8721 139.335 13.8721C140.336 13.8721 141.107 13.5405 141.107 12.7108C141.107 10.8667 135.498 11.9031 135.498 8.19278C135.498 6.24414 137.187 5.0213 139.314 5.0213C141.024 5.0213 142.442 5.80924 143.172 7.17724L141.274 8.23401C140.899 7.42575 140.169 7.0524 139.314 7.0524C138.501 7.0524 137.792 7.40485 137.792 8.15098Z" fill="currentColor" /> </g> </g> <defs> <clipPath id="clip0_157_23382"> <rect width="144" height="18" rx="2" fill="white" /> </clipPath> <clipPath id="clip1_157_23382"> <rect width="144" height="18" fill="white" /> </clipPath> </defs> </svg></div> <blockquote class="flex-grow -indent-[.6rem] text-xl lg:text-2xl leading-normal text-pretty"> “I've been using Laravel for nearly a decade and have never been tempted to switch to anything else.” </blockquote> <figcaption class="flex justify-between"> <div class="text[13px] lg:text-sm"> <span class="font-medium text-sand-dark-11">Adam Wathan</span> <span class="block text-sand-dark-11">Founder, Tailwind</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/adam-wathan.png" alt="Adam Wathan" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Ian Callahan" subtitle="Harvard Art Museums" photo="ian-callahan.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “Laravel is our sourdough starter and multitool for web projects large and small. 10 years in, it remains fresh and useful.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Ian Callahan</span> <span class="block text-sand-light-10">Harvard Art Museums</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/ian-callahan.jpg" alt="Ian Callahan" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Aaron Francis" subtitle="Co-founder, Try Hard Studios" photo="aaron-francis.png"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “Laravel takes the pain out of building modern, scalable web apps.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Aaron Francis</span> <span class="block text-sand-light-10">Co-founder, Try Hard Studios</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/aaron-francis.png" alt="Aaron Francis" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Bobby Bouwmann" subtitle="Developer, Enrise" photo="bobby-bouwmann.png"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “Laravel grew to be an amazing and active community. Laravel is so much more than just a PHP framework.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Bobby Bouwmann</span> <span class="block text-sand-light-10">Developer, Enrise</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/bobby-bouwmann.png" alt="Bobby Bouwmann" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Erika Heidi" subtitle="Creator, Minicli" photo="erika-heidi.png"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “Laravel is a breath of fresh air in the PHP ecosystem, with a brilliant community around it.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Erika Heidi</span> <span class="block text-sand-light-10">Creator, Minicli</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/erika-heidi.png" alt="Erika Heidi" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Zuzana Kunckova" subtitle="Founder, Larabelles" photo="zuzana-kunckova.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “The framework, the ecosystem and the community - it's the perfect package.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Zuzana Kunckova</span> <span class="block text-sand-light-10">Founder, Larabelles</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/zuzana-kunckova.jpg" alt="Zuzana Kunckova" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community-lg text-sand-dark-12 bg-sand-dark-1 border-sand-light-6/10 col-span-4 row-span-2" name="Peter Steenbergen" subtitle="Elastic" photo="peter-steenbergen.jpg"> <div class="mb-8 text-sand-dark-10"><svg class="max-h-8 w-auto" width="117" height="40" viewBox="0 0 117 40" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_3472_2853)"> <path fill="currentColor" d="M15.7826 17.2248L24.5735 21.2299L33.4322 13.4573C33.568 12.8124 33.6189 12.1845 33.6189 11.5056C33.6189 6.04106 29.1725 1.59473 23.708 1.59473C20.4326 1.59473 17.3949 3.20695 15.5451 5.90529L14.0686 13.5591L15.7826 17.2248Z" ></path> <path fill="currentColor" d="M6.68643 26.5253C6.55067 27.1702 6.49976 27.832 6.49976 28.5109C6.49976 33.9924 10.9631 38.4387 16.4446 38.4387C19.7369 38.4387 22.8086 36.8095 24.6584 34.0942L26.1179 26.4744L24.1663 22.7408L15.3415 18.7188L6.68643 26.5253Z" ></path> <path fill="currentColor" d="M6.63518 11.3195L12.6598 12.745L13.9835 5.90581C13.1689 5.27789 12.1507 4.93848 11.0985 4.93848C8.48499 4.93848 6.34668 7.05982 6.34668 9.69028C6.34668 10.2503 6.4485 10.8103 6.63518 11.3195Z" ></path> <path fill="currentColor" d="M6.11005 12.7617C3.42867 13.6442 1.54492 16.2237 1.54492 19.0579C1.54492 21.8241 3.25896 24.2848 5.82155 25.2691L14.273 17.6323L12.7286 14.323L6.11005 12.7617Z" ></path> <path fill="currentColor" d="M26.186 34.0937C27.0176 34.7216 28.0189 35.078 29.0541 35.078C31.6676 35.078 33.8059 32.9567 33.8059 30.3262C33.8059 29.7492 33.7041 29.1892 33.5174 28.6801L27.5098 27.2715L26.186 34.0937Z" ></path> <path fill="currentColor" d="M27.4074 25.6936L34.026 27.2379C36.7243 26.3554 38.5911 23.7759 38.5911 20.9248C38.5911 18.1755 36.8771 15.6978 34.3145 14.7305L25.6594 22.3164L27.4074 25.6936Z" ></path> <path fill="currentColor" d="M56.1395 28.0863L56.9371 28.0014L56.988 29.6306C54.8836 29.9191 53.0847 30.0718 51.5913 30.0718C49.6057 30.0718 48.1971 29.4948 47.3656 28.3408C46.534 27.1868 46.1267 25.3879 46.1267 22.9611C46.1267 18.1075 48.0614 15.6807 51.9137 15.6807C53.7805 15.6807 55.1721 16.2068 56.0885 17.242C57.005 18.2772 57.4632 19.9233 57.4632 22.1465L57.3444 23.7248H48.2141C48.2141 25.2521 48.4856 26.3892 49.0457 27.1189C49.6057 27.8487 50.5561 28.222 51.9307 28.222C53.3223 28.256 54.7139 28.2051 56.1395 28.0863ZM55.3927 22.0956C55.3927 20.3985 55.1212 19.1936 54.5781 18.4978C54.0351 17.802 53.1526 17.4456 51.9307 17.4456C50.7088 17.4456 49.7754 17.819 49.1645 18.5487C48.5535 19.2785 48.2311 20.4664 48.2141 22.0956H55.3927Z" ></path> <path fill="currentColor" d="M60.3481 29.8177V9.96191H62.4186V29.8177H60.3481Z" ></path> <path fill="currentColor" d="M75.5031 20.1615V26.9668C75.5031 27.6626 77.2171 27.7984 77.2171 27.7984L77.1153 29.6312C75.6558 29.6312 74.4509 29.75 73.7212 29.0542C72.058 29.7839 70.4119 30.0894 68.7487 30.0894C67.4759 30.0894 66.5086 29.733 65.8467 29.0033C65.1849 28.2905 64.8455 27.2553 64.8455 25.8977C64.8455 24.557 65.1849 23.5557 65.8637 22.9278C66.5425 22.2999 67.6117 21.8926 69.0712 21.7568L73.4157 21.3495V20.1615C73.4157 19.2282 73.212 18.5493 72.8047 18.142C72.3974 17.7347 71.8374 17.5311 71.1416 17.5311H65.694V15.6982H71.0058C72.5671 15.6982 73.7042 16.0546 74.417 16.7844C75.1467 17.4971 75.5031 18.6342 75.5031 20.1615ZM66.9838 25.7958C66.9838 27.4929 67.6796 28.3414 69.0881 28.3414C70.344 28.3414 71.5828 28.1378 72.7878 27.7135L73.4157 27.4929V22.9278L69.3257 23.3181C68.4942 23.386 67.9002 23.6236 67.5268 24.0309C67.1535 24.4382 66.9838 25.0321 66.9838 25.7958Z" ></path> <path fill="currentColor" d="M83.5981 17.5477C81.5955 17.5477 80.5773 18.2435 80.5773 19.6521C80.5773 20.2969 80.8149 20.7552 81.2731 21.0267C81.7313 21.2982 82.7835 21.5697 84.4297 21.8582C86.0758 22.1467 87.2298 22.5371 87.9087 23.0632C88.5875 23.5723 88.9269 24.5396 88.9269 25.9652C88.9269 27.3907 88.4687 28.4259 87.5523 29.0878C86.6359 29.7496 85.3121 30.089 83.5472 30.089C82.4101 30.089 78.5917 29.6648 78.5917 29.6648L78.7105 27.8659C80.8997 28.0695 82.495 28.2392 83.5641 28.2392C84.6333 28.2392 85.4479 28.0695 86.0079 27.7301C86.568 27.3907 86.8565 26.8137 86.8565 26.0161C86.8565 25.2184 86.6189 24.6754 86.1437 24.3869C85.6685 24.0984 84.6163 23.8269 82.9871 23.5723C81.3579 23.3177 80.2039 22.9444 79.5251 22.4353C78.8463 21.9431 78.5068 21.0097 78.5068 19.669C78.5068 18.3283 78.982 17.3271 79.9324 16.6822C80.8827 16.0373 82.0707 15.7148 83.4793 15.7148C84.5994 15.7148 88.5026 16.0033 88.5026 16.0033V17.8192C86.4492 17.7004 84.7691 17.5477 83.5981 17.5477Z" ></path> <path fill="currentColor" d="M98.9392 17.7857H94.5438V24.4043C94.5438 25.9826 94.6626 27.0348 94.8832 27.5269C95.1208 28.0191 95.6639 28.2736 96.5294 28.2736L98.9901 28.1039L99.1259 29.818C97.887 30.0216 96.9536 30.1234 96.3087 30.1234C94.8662 30.1234 93.8819 29.767 93.3219 29.0712C92.7619 28.3754 92.4903 27.0348 92.4903 25.0662V17.7857H90.5217V15.9868H92.4903V11.7441H94.5438V15.9699H98.9392V17.7857Z" ></path> <path fill="currentColor" d="M101.824 12.847V10.4541H103.895V12.8639L101.824 12.847ZM101.824 29.8177V15.9866H103.895V29.8177H101.824Z" ></path> <path fill="currentColor" d="M112.889 15.6982C113.5 15.6982 114.535 15.817 115.995 16.0377L116.656 16.1225L116.572 17.8026C115.095 17.6329 114.009 17.5481 113.313 17.5481C111.752 17.5481 110.683 17.9214 110.123 18.6681C109.563 19.4148 109.274 20.8064 109.274 22.8259C109.274 24.8455 109.529 26.254 110.055 27.0517C110.581 27.8493 111.667 28.2396 113.33 28.2396L116.589 27.9851L116.673 29.6991C114.959 29.9537 113.67 30.0894 112.821 30.0894C110.666 30.0894 109.172 29.5294 108.358 28.4263C107.543 27.3232 107.119 25.4564 107.119 22.8259C107.119 20.1955 107.56 18.3457 108.443 17.2935C109.342 16.2413 110.819 15.6982 112.889 15.6982Z" ></path> </g> <defs> <clipPath id="clip0_3472_2853"> <rect width="116.674" height="40" fill="currentColor"></rect> </clipPath> </defs> </svg></div> <blockquote class="flex-grow -indent-[.6rem] text-xl lg:text-2xl leading-normal text-pretty"> “Shipping apps with Laravel means balancing performance, flexibility, and simplicity—while ensuring a great developer experience.” </blockquote> <figcaption class="flex justify-between"> <div class="text[13px] lg:text-sm"> <span class="font-medium text-sand-dark-11">Peter Steenbergen</span> <span class="block text-sand-dark-11">Elastic</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/peter-steenbergen.jpg" alt="Peter Steenbergen" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Jordan Price" subtitle="Bestie AI" photo="jordan-price.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “AI development moves fast. With Laravel, shipping AI-powered applications has never been easier.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Jordan Price</span> <span class="block text-sand-light-10">Bestie AI</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/jordan-price.jpg" alt="Jordan Price" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Matt Stauffer" subtitle="Tighten" photo="matt-stauffer.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “With Laravel we can build our clients scalable, performant web apps and APIs in months that would otherwise take years.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Matt Stauffer</span> <span class="block text-sand-light-10">Tighten</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/matt-stauffer.jpg" alt="Matt Stauffer" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Michael Dyrynda" subtitle="Laravel Artisan + Laracon AU Organizer" photo="michael-dyrynda.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “Laravel's best-in-class testing tools give me the peace of mind to ship robust apps quickly.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Michael Dyrynda</span> <span class="block text-sand-light-10">Laravel Artisan + Laracon AU Organizer</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/michael-dyrynda.jpg" alt="Michael Dyrynda" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community-lg text-sand-dark-12 bg-sand-dark-1 border-sand-light-6/10 col-span-4 row-span-2" name="Sebastien Armand" subtitle="Developer, Square" photo="sebastien-armand.png"> <div class="mb-8 text-sand-dark-10"><svg class="max-h-8 w-auto" width="222" height="55" viewBox="0 0 222 55" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_371_24458)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1266 3.87123e-07H46.9125C49.3613 -0.000706698 51.7105 0.967235 53.4423 2.69082C55.1741 4.4144 56.1473 6.75238 56.1473 9.19025V45.807C56.1473 50.8843 52.0126 55 46.9125 55H10.1266C5.02741 54.9985 0.894531 50.8832 0.894531 45.807V9.19025C0.894531 4.1146 5.02783 3.87123e-07 10.1266 3.87123e-07ZM43.1944 45.0013C44.8037 45.0013 46.1084 43.7025 46.1084 42.1005L46.1003 12.9021C46.1003 11.3001 44.7957 10.0014 43.1864 10.0014H13.8579C13.0847 10.0014 12.3431 10.3074 11.7966 10.852C11.2501 11.3965 10.9434 12.135 10.9441 12.9047V42.1005C10.9441 43.7025 12.2487 45.0013 13.8579 45.0013H43.1944Z" fill="currentColor" /> <path d="M22.6593 34.957C21.7407 34.9497 21 34.2065 21 33.292V21.636C20.9979 21.193 21.1732 20.7674 21.4871 20.4534C21.801 20.1394 22.2277 19.9629 22.6727 19.9629H34.3978C34.8426 19.9636 35.2687 20.1403 35.5827 20.4542C35.8963 20.7681 36.0719 21.1932 36.0704 21.636V33.2892C36.0719 33.732 35.8963 34.1572 35.5827 34.471C35.2687 34.785 34.8426 34.9617 34.3978 34.9625L22.6593 34.957Z" fill="currentColor" /> <path d="M84.2616 25.049C82.5514 24.5847 80.9323 24.1471 79.6751 23.5894C77.3483 22.554 76.2654 21.1183 76.2654 19.0743C76.2654 15.2103 80.0182 13.4705 83.7551 13.4705C87.3067 13.4705 90.4082 14.9328 92.4911 17.5853L92.633 17.7667L95.6353 15.4292L95.4907 15.2477C92.7217 11.7413 88.6204 9.82001 83.9372 9.82001C80.8198 9.82001 77.9621 10.6579 75.8955 12.1816C73.5687 13.8761 72.3409 16.3338 72.3409 19.2664C72.3409 26.0845 78.7904 27.7467 83.9748 29.0837C89.2208 30.4607 92.4349 31.5067 92.4349 35.488C92.4349 39.408 89.2502 41.9405 84.3232 41.9405C81.8866 41.9405 77.3752 41.2975 74.5391 36.9852L74.4078 36.7822L71.25 39.0585L71.3733 39.2427C74.0539 43.2827 78.6806 45.6017 84.0821 45.6017C91.4188 45.6017 96.3511 41.4787 96.3511 35.3467C96.3511 28.3285 89.6442 26.5112 84.2616 25.049Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M120.283 23.6319V19.9414H123.813V54.9946H120.283V41.2998C118.267 44.0511 115.243 45.5561 111.689 45.5561C104.976 45.5561 100.285 40.2058 100.285 32.4806C100.285 24.7553 104.987 19.3623 111.689 19.3623C115.219 19.3623 118.243 20.8753 120.283 23.6319ZM104.006 32.4378C104.006 39.5893 108.121 42.1378 111.973 42.1378L111.981 42.1403C117.023 42.1403 120.283 38.2978 120.283 32.4378C120.283 26.5778 117.018 22.7886 111.973 22.7886C106.099 22.7886 104.006 27.7733 104.006 32.4378Z" fill="currentColor" /> <path d="M147.154 19.9415V33.7775C147.154 38.621 143.822 42.138 139.232 42.138C135.421 42.138 133.566 39.8857 133.566 35.256V19.9415H130.035V35.9737C130.035 41.9777 133.313 45.5615 138.803 45.5615C142.224 45.5615 145.162 44.118 147.156 41.4787V44.9905H150.687V19.9415H147.154Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M157.334 22.5728C159.937 20.5367 163.47 19.3706 167.022 19.3706C172.632 19.3706 175.98 22.1485 175.97 26.8076V44.9961H172.437V42.2181C170.654 44.4409 168.075 45.5671 164.757 45.5671C159.35 45.5671 155.988 42.6236 155.988 37.8899C155.988 31.7336 161.816 30.7676 164.298 30.3566C164.703 30.2901 165.121 30.2261 165.539 30.1619L165.555 30.1596C168.946 29.6399 172.447 29.1036 172.447 26.2394C172.447 22.9971 168.22 22.7462 166.925 22.7462C164.639 22.7462 161.409 23.4214 159.213 25.3159L159.012 25.4894L157.168 22.7035L157.334 22.5728ZM159.674 37.6924C159.674 41.7059 163.47 42.1406 165.103 42.1406C168.652 42.1406 172.453 40.2569 172.445 34.9626V31.3386C170.723 32.4214 168.272 32.8444 166.086 33.2216L166.049 33.2281L164.952 33.4229C161.452 34.0686 159.674 34.9011 159.674 37.6924Z" fill="currentColor" /> <path d="M196.423 20.4138C195.584 19.8188 194.262 19.4639 192.884 19.4639C190.053 19.5009 187.404 20.8596 185.729 23.133V19.9309H182.199V44.9772H185.729V31.5815C185.729 25.6415 189.083 22.9809 192.404 22.9809C193.376 22.968 194.339 23.1713 195.222 23.576L195.46 23.7014L196.578 20.5153L196.423 20.4138Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M197.457 32.5341C197.457 24.785 202.312 19.3706 209.252 19.3706C215.937 19.3706 220.609 24.1765 220.596 31.0691C220.594 31.6684 220.561 32.2669 220.497 32.8624L220.475 33.0679H201.175C201.263 38.5836 204.598 42.1406 209.715 42.1406C212.648 42.1406 215.189 40.9534 216.87 38.7944L217.023 38.5971L219.58 40.8651L219.438 41.0359C217.738 43.0986 214.64 45.5591 209.52 45.5591C202.309 45.5591 197.457 40.3261 197.457 32.5341ZM209.155 22.7436C204.842 22.7436 201.783 25.5694 201.306 29.9699H216.865C216.559 26.4314 214.388 22.7436 209.155 22.7436Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_371_24458"> <rect width="221" height="55" fill="white" transform="translate(0.894531)" /> </clipPath> </defs> </svg></div> <blockquote class="flex-grow -indent-[.6rem] text-xl lg:text-2xl leading-normal text-pretty"> “Laravel has made it very simple to create services that handle hundreds of millions of requests and billions of background per day.” </blockquote> <figcaption class="flex justify-between"> <div class="text[13px] lg:text-sm"> <span class="font-medium text-sand-dark-11">Sebastien Armand</span> <span class="block text-sand-dark-11">Developer, Square</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/sebastien-armand.png" alt="Sebastien Armand" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Steve McDougall" subtitle="Creator of Laravel Transporter" photo="steve-mcdougall.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “Laravel has helped me launch products quicker than any other solution, allowing me to get to market faster as the community has evolved.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Steve McDougall</span> <span class="block text-sand-light-10">Creator of Laravel Transporter</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/steve-mcdougall.jpg" alt="Steve McDougall" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Chris Arter" subtitle="Developer at Bankrate" photo="chris-arter.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “Laravel has been like rocket fuel for my career and business.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Chris Arter</span> <span class="block text-sand-light-10">Developer at Bankrate</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/chris-arter.jpg" alt="Chris Arter" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Philo Hermans" subtitle="Founder of Anystack" photo="philo-hermans.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “I've been using Laravel for every project over the past ten years, to this date, there's just nothing like it.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Philo Hermans</span> <span class="block text-sand-light-10">Founder of Anystack</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/philo-hermans.jpg" alt="Philo Hermans" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Eric L. Barnes" subtitle="Founder of Laravel News" photo="eric-l-barnes.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “I've been using Laravel for over 10 years and I can't imagine using PHP without it.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Eric L. Barnes</span> <span class="block text-sand-light-10">Founder of Laravel News</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/eric-l-barnes.jpg" alt="Eric L. Barnes" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Luke Downing" subtitle="Maker + Developer" photo="luke-downing.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “Laravel is for developers who write code because they can rather than because they have to.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Luke Downing</span> <span class="block text-sand-light-10">Maker + Developer</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/luke-downing.jpg" alt="Luke Downing" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community-lg text-sand-dark-12 bg-sand-dark-1 border-sand-light-6/10 col-span-4 row-span-2" name="Jack Ellis" subtitle="Founder, Fathom Analytics" photo="jack-ellis.png"> <div class="mb-8 text-sand-dark-10"><svg class="max-h-8 w-auto" width="78" height="35" viewBox="0 0 78 35" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_157_23209)"> <path d="M4.26689 4.95992V4.36906C4.26693 4.21128 4.2045 4.05993 4.09331 3.94827C3.98213 3.83661 3.83129 3.77378 3.67393 3.77358H2.53729V3.22618C2.53535 2.58635 2.67964 2.20305 2.8095 2.06358L2.8156 2.05597C2.90409 1.9685 3.01527 1.90766 3.13651 1.88037C3.556 1.81265 3.98034 1.77963 4.40523 1.78167H4.62354C4.70153 1.78167 4.77876 1.76626 4.85081 1.73632C4.92286 1.70639 4.98832 1.66251 5.04346 1.6072C5.09859 1.55188 5.14232 1.48622 5.17214 1.41395C5.20196 1.34169 5.21728 1.26424 5.21725 1.18604V0.652672C5.2175 0.514433 5.16968 0.380431 5.08203 0.273732C4.99437 0.167033 4.87236 0.0943128 4.73701 0.0680893C4.65682 0.0525576 4.57634 0.0385688 4.49562 0.0261308C4.38349 0.0088098 3.79499 0 3.67959 0H4.15283H3.67154C2.71509 0 1.90069 0.223978 1.35537 0.810651L1.35448 0.811547C0.821527 1.40031 0.629878 2.23261 0.627197 3.2444V14.3943C0.627197 14.4725 0.642564 14.55 0.672419 14.6222C0.702275 14.6945 0.746034 14.7601 0.801196 14.8154C0.856359 14.8707 0.921844 14.9145 0.993911 14.9444C1.06598 14.9743 1.14321 14.9897 1.22121 14.9897H1.94343C2.02142 14.9897 2.09865 14.9744 2.17072 14.9445C2.24279 14.9146 2.30827 14.8707 2.36343 14.8154C2.41858 14.7601 2.46233 14.6945 2.49216 14.6222C2.52199 14.55 2.53732 14.4725 2.53729 14.3943V5.55466H3.67393C3.7519 5.55469 3.82913 5.53932 3.90118 5.50942C3.97323 5.47951 4.03869 5.43566 4.09383 5.38037C4.14897 5.32508 4.1927 5.25944 4.22252 5.18719C4.25235 5.11495 4.26768 5.03751 4.26764 4.95932M52.1909 6.48416C52.3441 6.91857 52.4182 7.37705 52.4097 7.83774V14.3928C52.4096 14.4711 52.425 14.5485 52.4548 14.6208C52.4847 14.6931 52.5284 14.7588 52.5836 14.8141C52.6387 14.8694 52.7042 14.9133 52.7763 14.9432C52.8484 14.9731 52.9257 14.9885 53.0037 14.9885H53.7073C53.7853 14.9885 53.8625 14.9731 53.9346 14.9431C54.0066 14.9132 54.0721 14.8693 54.1272 14.814C54.1824 14.7587 54.2261 14.693 54.2559 14.6207C54.2857 14.5485 54.301 14.471 54.301 14.3928V7.66602C54.3187 6.94289 54.189 6.22376 53.9196 5.55271C53.6698 4.95145 53.2415 4.44189 52.6928 4.09327C52.1056 3.74151 51.4307 3.56445 50.7469 3.58275H50.7352C50.0065 3.57658 49.2915 3.78076 48.6754 4.17092C48.2697 4.43286 47.9159 4.76779 47.6317 5.15881C47.3849 4.72894 47.0393 4.36435 46.6237 4.09536C46.0461 3.74321 45.3796 3.56525 44.7038 3.58275H44.6907C43.9685 3.5783 43.2602 3.78249 42.6506 4.17092C42.4678 4.28977 42.296 4.42469 42.137 4.57408V4.36832C42.1371 4.29014 42.1217 4.21272 42.0919 4.14047C42.0621 4.06823 42.0184 4.00258 41.9633 3.94727C41.9082 3.89196 41.8428 3.84807 41.7708 3.81812C41.6988 3.78816 41.6216 3.77273 41.5436 3.77269H40.8403C40.7622 3.77253 40.6849 3.78782 40.6127 3.81769C40.5405 3.84756 40.475 3.89142 40.4197 3.94676C40.3645 4.00209 40.3207 4.06781 40.2908 4.14015C40.2609 4.21249 40.2456 4.29003 40.2457 4.36832V14.3936C40.2457 14.4718 40.261 14.5493 40.2908 14.6216C40.3207 14.6938 40.3644 14.7595 40.4196 14.8148C40.4748 14.8702 40.5403 14.914 40.6123 14.9439C40.6844 14.9739 40.7617 14.9892 40.8397 14.9892H41.543C41.621 14.9893 41.6983 14.9739 41.7704 14.944C41.8425 14.9141 41.908 14.8702 41.9631 14.8149C42.0183 14.7595 42.062 14.6939 42.0918 14.6216C42.1216 14.5493 42.137 14.4718 42.1369 14.3936V8.31392C42.1401 7.96467 42.1978 7.61809 42.308 7.28675C42.4201 6.9378 42.589 6.60985 42.8079 6.31618C43.0098 6.04036 43.2662 5.80915 43.5611 5.63693C43.8502 5.47493 44.1775 5.39405 44.5086 5.4028C44.9915 5.40399 45.3094 5.51076 45.5313 5.6756C45.7991 5.88235 46.0001 6.16363 46.1094 6.48431C46.2626 6.91866 46.3367 7.37709 46.3281 7.83774V14.3928C46.3281 14.4711 46.3434 14.5485 46.3733 14.6208C46.4031 14.6931 46.4469 14.7588 46.502 14.8141C46.5572 14.8694 46.6227 14.9133 46.6948 14.9432C46.7669 14.9731 46.8441 14.9885 46.9221 14.9885H47.6255C47.7035 14.9885 47.7807 14.9731 47.8528 14.9432C47.9248 14.9133 47.9903 14.8694 48.0455 14.8141C48.1006 14.7588 48.1443 14.6931 48.1741 14.6208C48.2039 14.5485 48.2192 14.471 48.2192 14.3928V8.31392C48.222 7.96471 48.2797 7.61814 48.39 7.2869C48.5021 6.93792 48.6711 6.60997 48.89 6.31633C49.0916 6.04073 49.3476 5.80967 49.642 5.63753C49.9312 5.4756 50.2586 5.39472 50.5897 5.4034C51.0729 5.40459 51.3908 5.51135 51.612 5.6762C51.8801 5.88265 52.0813 6.16396 52.1905 6.48476M31.4671 14.4597C32.265 14.941 33.1832 15.1842 34.1141 15.1606H34.1256C35.039 15.1808 35.9402 14.9464 36.7286 14.4833C37.4967 14.0043 38.0992 13.2998 38.454 12.4654C38.8462 11.5919 39.0286 10.5603 39.0289 9.38139C39.0526 8.34281 38.8609 7.31061 38.4659 6.35022C38.1178 5.51148 37.5272 4.79645 36.7703 4.29724C35.9768 3.80695 35.0583 3.55874 34.1266 3.5829H34.1146C33.1966 3.56359 32.2914 3.8018 31.5012 4.27066C30.7329 4.74959 30.1307 5.4546 29.7768 6.28945C29.3905 7.15953 29.2127 8.19819 29.2122 9.40021C29.1899 10.4303 29.3778 11.4542 29.7644 12.4088C30.1073 13.2523 30.702 13.9687 31.4671 14.4597ZM31.9251 6.35874C32.1644 6.05034 32.4756 5.80557 32.8312 5.64589C33.2397 5.47675 33.6786 5.39394 34.1204 5.40265C34.5519 5.39447 34.9803 5.47877 35.3767 5.64992C35.7341 5.81766 36.0457 6.06949 36.2851 6.38397C36.8045 7.05053 37.0998 8.02797 37.1004 9.38095V9.38289C37.1004 10.7775 36.806 11.7675 36.3049 12.4064C36.0687 12.7139 35.7603 12.958 35.4073 13.1169C34.9999 13.2859 34.562 13.3686 34.1213 13.3598C33.1282 13.3483 32.4798 13.0399 31.9455 12.3761C31.4203 11.7081 31.1235 10.739 31.1228 9.40021V9.39737C31.1228 7.99109 31.4206 6.99633 31.9259 6.35874M21.0111 14.3937V8.31421C21.0145 7.96893 21.077 7.62681 21.1959 7.30273C21.3205 6.95173 21.5052 6.62524 21.7418 6.33798C21.9742 6.05269 22.2633 5.81903 22.5906 5.65186C22.937 5.47974 23.3198 5.39448 23.7062 5.4034C24.2748 5.4034 24.677 5.51912 24.9503 5.69785C25.2483 5.89159 25.4788 6.1737 25.6095 6.50492C25.7767 6.92907 25.8581 7.38234 25.8489 7.83833V14.3937C25.8489 14.4719 25.8642 14.5494 25.8941 14.6217C25.9239 14.6939 25.9677 14.7596 26.0228 14.8149C26.078 14.8702 26.1435 14.914 26.2156 14.9439C26.2877 14.9738 26.3649 14.9891 26.4429 14.9891H27.1652C27.2432 14.9892 27.3204 14.9738 27.3925 14.9439C27.4646 14.9141 27.53 14.8702 27.5852 14.8149C27.6403 14.7596 27.6841 14.6939 27.7139 14.6217C27.7437 14.5494 27.759 14.4719 27.7589 14.3937V7.66617C27.7782 6.92796 27.6271 6.19526 27.3175 5.52524C27.026 4.92072 26.56 4.41798 25.9801 4.08222C25.3425 3.73389 24.624 3.56138 23.8982 3.5823H23.8891C23.1196 3.57488 22.3626 3.77853 21.7001 4.17122C21.4532 4.31874 21.2222 4.49169 21.0111 4.68726V0.671934C21.0111 0.593729 20.9958 0.516282 20.966 0.444018C20.9362 0.371754 20.8924 0.30609 20.8373 0.250777C20.7822 0.195463 20.7167 0.151584 20.6447 0.121647C20.5726 0.0917105 20.4954 0.0763018 20.4174 0.0763018H19.7142C19.6362 0.0762233 19.5589 0.0915761 19.4868 0.121482C19.4147 0.151387 19.3492 0.195258 19.294 0.250583C19.2389 0.305908 19.1951 0.371602 19.1653 0.443903C19.1355 0.516203 19.1201 0.593692 19.1202 0.671934V14.3943C19.1202 14.4725 19.1355 14.55 19.1654 14.6223C19.1952 14.6945 19.239 14.7602 19.2941 14.8155C19.3493 14.8708 19.4148 14.9146 19.4869 14.9445C19.559 14.9744 19.6362 14.9897 19.7142 14.9897H20.4174C20.4954 14.9897 20.5726 14.9743 20.6446 14.9444C20.7167 14.9145 20.7822 14.8707 20.8373 14.8154C20.8924 14.7601 20.9362 14.6944 20.966 14.6222C20.9958 14.5499 21.0111 14.4725 21.0111 14.3943M17.2798 15.0652H17.2813C17.3954 15.0652 17.5067 15.0616 17.6152 15.0545C17.7579 15.0469 17.8985 15.0173 18.0321 14.9665C18.1429 14.9225 18.2379 14.8461 18.3048 14.7473C18.3717 14.6484 18.4075 14.5317 18.4074 14.4122V13.8792C18.4074 13.801 18.3921 13.7235 18.3623 13.6513C18.3325 13.579 18.2887 13.5133 18.2336 13.458C18.1785 13.4027 18.113 13.3588 18.0409 13.3289C17.9689 13.2989 17.8917 13.2835 17.8137 13.2835H17.5348C17.2624 13.2897 16.9907 13.2561 16.728 13.1839C16.6065 13.1573 16.495 13.0972 16.4059 13.0103L16.399 13.0022C16.269 12.8623 16.1246 12.4796 16.1268 11.8395V5.55525H17.3577C17.5151 5.55521 17.666 5.49253 17.7773 5.38099C17.8886 5.26944 17.9511 5.11816 17.9513 4.96037V4.36906C17.9513 4.29086 17.936 4.21341 17.9062 4.14115C17.8763 4.06888 17.8326 4.00322 17.7775 3.94791C17.7223 3.89259 17.6569 3.84872 17.5848 3.81878C17.5128 3.78884 17.4355 3.77343 17.3576 3.77343H16.1267V2.04402C16.1267 1.96582 16.1114 1.88837 16.0815 1.81611C16.0517 1.74384 16.008 1.67818 15.9529 1.62287C15.8977 1.56755 15.8323 1.52367 15.7602 1.49374C15.6882 1.4638 15.6109 1.44839 15.5329 1.44839H14.8107C14.7327 1.44831 14.6554 1.46367 14.5833 1.49357C14.5112 1.52348 14.4457 1.56735 14.3905 1.62267C14.3353 1.678 14.2916 1.74369 14.2618 1.81599C14.2319 1.88829 14.2166 1.96578 14.2167 2.04402V11.8208C14.2186 12.8212 14.4131 13.6504 14.9406 14.241C15.4872 14.8382 16.3106 15.0645 17.2785 15.0643" fill="currentColor"/> <path d="M77.8904 16.8124C77.8355 16.7348 77.7629 16.6716 77.6787 16.6279C77.5945 16.5843 77.5011 16.5615 77.4063 16.5615H76.6842C76.5609 16.5615 76.4406 16.5999 76.3401 16.6715C76.2396 16.7431 76.1638 16.8443 76.1232 16.9611L71.6185 29.9205C71.5873 30.0102 71.578 30.1062 71.5914 30.2003C71.6047 30.2944 71.6403 30.3839 71.6953 30.4614C71.7502 30.5388 71.8228 30.602 71.907 30.6456C71.9913 30.6892 72.0847 30.7119 72.1795 30.7119H72.9017C73.0249 30.7119 73.1451 30.6735 73.2456 30.602C73.346 30.5304 73.4218 30.4293 73.4623 30.3126L77.9668 17.3531C77.9979 17.2633 78.0072 17.1674 77.9939 17.0733C77.9805 16.9793 77.945 16.8897 77.8902 16.8122" fill="currentColor"/> <path d="M50.475 17.1713H49.7717C49.6937 17.1714 49.6165 17.1868 49.5445 17.2168C49.4725 17.2467 49.4071 17.2906 49.352 17.3459C49.2969 17.4012 49.2532 17.4669 49.2234 17.5391C49.1936 17.6114 49.1782 17.6888 49.1783 17.767V18.8969C49.1783 18.9751 49.1936 19.0525 49.2235 19.1247C49.2534 19.197 49.2971 19.2626 49.3523 19.3179C49.4074 19.3732 49.4729 19.4171 49.545 19.447C49.6171 19.4769 49.6943 19.4922 49.7723 19.4922H50.4756C50.5536 19.4922 50.6308 19.4769 50.7028 19.447C50.7749 19.417 50.8404 19.3732 50.8955 19.3179C50.9506 19.2626 50.9944 19.197 51.0242 19.1247C51.054 19.0525 51.0693 18.975 51.0693 18.8969V17.767C51.0694 17.6887 51.0541 17.6113 51.0243 17.539C50.9945 17.4667 50.9507 17.401 50.8956 17.3457C50.8405 17.2904 50.775 17.2465 50.7029 17.2166C50.6308 17.1867 50.5536 17.1713 50.4756 17.1713M50.475 21.281H49.7717C49.6937 21.281 49.6165 21.2964 49.5445 21.3264C49.4724 21.3563 49.407 21.4002 49.3519 21.4555C49.2968 21.5108 49.2531 21.5765 49.2233 21.6488C49.1935 21.721 49.1782 21.7985 49.1783 21.8767V30.1162C49.1783 30.1944 49.1936 30.2719 49.2235 30.3441C49.2534 30.4164 49.2971 30.482 49.3523 30.5373C49.4074 30.5926 49.4729 30.6364 49.545 30.6663C49.6171 30.6962 49.6943 30.7116 49.7723 30.7115H50.4756C50.5536 30.7116 50.6308 30.6962 50.7029 30.6664C50.775 30.6365 50.8404 30.5926 50.8956 30.5373C50.9507 30.482 50.9945 30.4164 51.0243 30.3441C51.0542 30.2719 51.0695 30.1944 51.0695 30.1162V21.8767C51.0695 21.7984 51.0542 21.721 51.0244 21.6487C50.9946 21.5764 50.9509 21.5107 50.8957 21.4554C50.8406 21.4001 50.7751 21.3562 50.7031 21.3263C50.631 21.2964 50.5537 21.281 50.4757 21.281M47.8714 29.0065H47.5925C47.3201 29.0127 47.0482 28.9792 46.7854 28.9072C46.6641 28.8805 46.5526 28.8203 46.4635 28.7335L46.4568 28.7252C46.3266 28.5852 46.1823 28.2018 46.1843 27.5617V21.2783H47.4152C47.4931 21.2784 47.5704 21.263 47.6424 21.2331C47.7145 21.2032 47.7799 21.1593 47.8351 21.1041C47.8902 21.0488 47.9339 20.9831 47.9638 20.9109C47.9936 20.8386 48.0089 20.7612 48.0089 20.683V20.092C48.0089 20.0138 47.9936 19.9363 47.9638 19.864C47.934 19.7918 47.8903 19.7261 47.8352 19.6708C47.78 19.6154 47.7146 19.5716 47.6425 19.5416C47.5704 19.5117 47.4932 19.4963 47.4152 19.4964H46.1843V17.767C46.1843 17.6888 46.169 17.6113 46.1391 17.539C46.1093 17.4668 46.0656 17.4011 46.0105 17.3458C45.9553 17.2905 45.8899 17.2466 45.8178 17.2167C45.7458 17.1867 45.6685 17.1713 45.5905 17.1713H44.8683C44.7903 17.1713 44.7131 17.1867 44.641 17.2166C44.5689 17.2465 44.5034 17.2904 44.4482 17.3457C44.393 17.401 44.3493 17.4667 44.3195 17.539C44.2896 17.6113 44.2743 17.6887 44.2743 17.767V27.5439C44.2763 28.5443 44.4707 29.3735 44.9982 29.9638L44.9991 29.9647C45.546 30.5619 46.3691 30.7887 47.3389 30.7881H47.3483C47.4589 30.7881 47.5669 30.7843 47.6719 30.7774C47.8146 30.7697 47.9553 30.7399 48.0888 30.689C48.1997 30.6452 48.2949 30.569 48.362 30.4703C48.4291 30.3715 48.4651 30.2548 48.4651 30.1353V29.6017C48.4652 29.5234 48.4499 29.446 48.4201 29.3737C48.3903 29.3014 48.3466 29.2357 48.2914 29.1804C48.2363 29.1251 48.1708 29.0812 48.0987 29.0513C48.0267 29.0214 47.9494 29.006 47.8714 29.006M43.0726 19.4964H42.3312C42.2123 19.4962 42.0961 19.5319 41.9976 19.5988C41.8992 19.6657 41.8232 19.7608 41.7793 19.8716L38.758 27.4842L35.6587 19.8668C35.6143 19.7572 35.5382 19.6634 35.4402 19.5974C35.3422 19.5314 35.2268 19.4962 35.1088 19.4964H34.3299C34.2322 19.4963 34.136 19.5204 34.0499 19.5665C33.9637 19.6126 33.8902 19.6793 33.8359 19.7607C33.7816 19.8421 33.7482 19.9357 33.7386 20.0331C33.729 20.1306 33.7435 20.2289 33.7808 20.3194L37.7365 29.9093L37.3522 30.8658C37.1027 31.4904 36.8865 31.9755 36.7118 32.3069C36.5986 32.5435 36.4512 32.7622 36.2745 32.9558C36.192 33.0416 36.0858 33.1006 35.9695 33.1251C35.7372 33.1658 35.5015 33.1843 35.2656 33.1802H34.938C34.86 33.1802 34.7827 33.1956 34.7107 33.2255C34.6386 33.2554 34.5731 33.2993 34.5179 33.3546C34.4627 33.4099 34.419 33.4756 34.3891 33.5479C34.3593 33.6202 34.344 33.6976 34.344 33.7759V34.3478C34.3441 34.4856 34.3919 34.6192 34.4792 34.7257C34.5665 34.8322 34.6879 34.9051 34.8228 34.9319C34.903 34.9476 34.9928 34.9618 35.0965 34.9767C35.2141 34.9926 35.3327 35.0007 35.4515 35.001C35.8429 35.0081 36.2336 34.9667 36.6149 34.8778C36.9886 34.7823 37.3294 34.5868 37.6009 34.3121C37.8886 34.006 38.1295 33.6588 38.3156 33.2818C38.5311 32.8682 38.7653 32.3488 39.0235 31.715L43.6236 20.3154C43.6601 20.2249 43.674 20.1269 43.6639 20.0298C43.6537 19.9328 43.62 19.8397 43.5656 19.7588C43.5111 19.6779 43.4377 19.6116 43.3517 19.5659C43.2658 19.5201 43.1699 19.4962 43.0726 19.4964ZM32.4292 15.7991H31.726C31.648 15.799 31.5707 15.8144 31.4986 15.8443C31.4265 15.8743 31.361 15.9181 31.3059 15.9735C31.2507 16.0288 31.207 16.0945 31.1771 16.1667C31.1473 16.239 31.1319 16.3165 31.132 16.3947V30.1171C31.1319 30.1953 31.1473 30.2728 31.1771 30.345C31.207 30.4173 31.2507 30.483 31.3059 30.5383C31.3611 30.5936 31.4266 30.6374 31.4987 30.6673C31.5707 30.6972 31.648 30.7125 31.726 30.7124H32.4292C32.5866 30.7124 32.7376 30.6497 32.849 30.5381C32.9603 30.4264 33.0229 30.275 33.0229 30.1171V16.3947C33.0229 16.3165 33.0076 16.2391 32.9778 16.1668C32.9479 16.0945 32.9042 16.0289 32.8491 15.9736C32.7939 15.9183 32.7285 15.8744 32.6564 15.8444C32.5844 15.8145 32.5071 15.7991 32.4292 15.7991ZM15.3049 21.1257C15.8732 21.1257 16.2752 21.2415 16.5483 21.4199C16.8469 21.6133 17.0779 21.8953 17.2091 22.2267C17.3763 22.6508 17.4577 23.1042 17.4484 23.5602V30.1153C17.4484 30.1935 17.4637 30.271 17.4936 30.3432C17.5234 30.4155 17.5672 30.4811 17.6224 30.5364C17.6775 30.5917 17.743 30.6355 17.8151 30.6654C17.8871 30.6953 17.9644 30.7107 18.0424 30.7107H18.7646C18.8426 30.7107 18.9198 30.6954 18.9919 30.6655C19.064 30.6356 19.1295 30.5918 19.1847 30.5365C19.2399 30.4812 19.2836 30.4155 19.3135 30.3433C19.3433 30.271 19.3586 30.1935 19.3586 30.1153V23.3891C19.3777 22.6509 19.2266 21.9183 18.9172 21.2482C18.6256 20.6436 18.1597 20.1408 17.5797 19.805C16.9424 19.4572 16.2245 19.285 15.4993 19.306H15.4876C14.7213 19.2983 13.9671 19.4973 13.3039 19.8824C13.055 20.0279 12.8225 20.1998 12.6104 20.3953V20.0914C12.6104 20.0132 12.5951 19.9358 12.5653 19.8635C12.5354 19.7912 12.4917 19.7256 12.4366 19.6702C12.3815 19.6149 12.316 19.5711 12.2439 19.5411C12.1719 19.5112 12.0947 19.4958 12.0167 19.4958H11.3135C11.2355 19.4957 11.1582 19.511 11.0861 19.541C11.014 19.5709 10.9485 19.6147 10.8933 19.6701C10.8381 19.7254 10.7944 19.7911 10.7646 19.8634C10.7347 19.9357 10.7194 20.0132 10.7195 20.0914V30.1167C10.7195 30.1949 10.7348 30.2723 10.7646 30.3446C10.7945 30.4169 10.8382 30.4825 10.8934 30.5378C10.9486 30.5931 11.0141 30.637 11.0862 30.6668C11.1582 30.6967 11.2355 30.7121 11.3135 30.712H12.0167C12.0946 30.712 12.1719 30.6967 12.2439 30.6668C12.316 30.6369 12.3814 30.593 12.4366 30.5377C12.4917 30.4824 12.5354 30.4168 12.5653 30.3445C12.5951 30.2723 12.6104 30.1949 12.6104 30.1167V24.0373C12.6139 23.6919 12.6764 23.3497 12.7952 23.0255C12.9196 22.6744 13.1044 22.3478 13.3411 22.0605C13.5735 21.7752 13.8625 21.5415 14.1899 21.3744C14.5363 21.2024 14.9191 21.1171 15.3055 21.1259M1.91555 30.5197C2.55729 30.7821 3.24608 30.9092 3.93896 30.893C4.47191 30.8866 4.99971 30.7876 5.49896 30.6005C6.06063 30.3934 6.58028 30.0861 7.03274 29.6933C7.12209 29.617 7.20593 29.5357 7.28768 29.452C7.34064 29.7994 7.45813 30.1337 7.63405 30.4375C7.6869 30.5246 7.76129 30.5964 7.85 30.6461C7.93871 30.6959 8.03873 30.7217 8.14035 30.7213H8.14154L8.48791 30.7175C8.64419 30.7157 8.79347 30.6522 8.90336 30.5407C9.01325 30.4293 9.07489 30.2789 9.07492 30.1222V23.7418C9.092 22.9595 8.94487 22.1824 8.64307 21.4608C8.35396 20.7926 7.86061 20.2338 7.23422 19.865C6.59137 19.485 5.81227 19.3154 4.92729 19.3154C4.13458 19.2954 3.34767 19.4557 2.62556 19.7843C1.97802 20.0905 1.43315 20.5788 1.05722 21.1898L1.05454 21.1941C1.00441 21.2756 0.977859 21.3695 0.977854 21.4653C0.978291 21.5778 1.01357 21.6874 1.07882 21.779C1.14407 21.8706 1.23606 21.9395 1.34209 21.9764L1.92493 22.1844C2.08693 22.2418 2.26268 22.2474 2.42801 22.2005C2.59334 22.1537 2.74013 22.0566 2.84818 21.9226C2.90281 21.8547 2.96113 21.7899 3.02286 21.7284C3.40422 21.3572 3.97008 21.1386 4.8506 21.1351C5.22956 21.1261 5.60709 21.185 5.96535 21.3092C6.2219 21.4018 6.449 21.5616 6.62294 21.7721C6.95293 22.1781 7.16051 22.8056 7.17987 23.7049C6.33107 23.7182 5.57862 23.7537 4.92833 23.8147C4.11074 23.8878 3.30442 24.056 2.52564 24.3161H2.52296L2.51611 24.3182H2.51492C1.74847 24.5571 1.11515 24.9292 0.670352 25.4631C0.211831 26.0414 -0.0258877 26.7647 -4.80397e-05 27.503V27.5222C-0.0133982 28.1667 0.162123 28.8008 0.504762 29.3462C0.848377 29.8691 1.33951 30.2777 1.91555 30.5197ZM6.75115 27.4162C6.46617 27.9147 6.06349 28.3354 5.57847 28.6414C5.10578 28.9428 4.55568 29.0995 3.99555 29.0922C3.24786 29.0907 2.74662 28.9188 2.408 28.6384C2.24852 28.5088 2.12136 28.3437 2.03661 28.1563C1.94892 27.9406 1.90576 27.7094 1.90974 27.4766C1.90549 27.2028 1.9739 26.9328 2.10794 26.6943C2.20846 26.5139 2.43063 26.3031 2.83686 26.1081C3.22314 25.9205 3.84827 25.7474 4.68024 25.6268C5.51061 25.5172 6.34685 25.4583 7.18434 25.4504V25.8188C7.18636 26.3808 7.03673 26.9329 6.7513 27.4165M27.6564 19.865C27.0135 19.485 26.2344 19.3154 25.3495 19.3154C24.5568 19.2954 23.7698 19.4557 23.0477 19.7843C22.4003 20.0906 21.8555 20.5789 21.4797 21.1898L21.477 21.1941C21.4267 21.2755 21.4001 21.3695 21.4003 21.4653C21.4007 21.5778 21.436 21.6874 21.5012 21.7789C21.5664 21.8705 21.6583 21.9395 21.7643 21.9764L22.3471 22.1844C22.5091 22.2418 22.6849 22.2475 22.8502 22.2006C23.0156 22.1538 23.1623 22.0566 23.2704 21.9226C23.3255 21.8551 23.3842 21.7906 23.4464 21.7294C23.8277 21.3582 24.3936 21.1396 25.2741 21.1362C25.6531 21.1271 26.0306 21.1861 26.3889 21.3103C26.6454 21.4028 26.8725 21.5627 27.0465 21.7732C27.3764 22.1792 27.584 22.8066 27.6034 23.706C26.7546 23.7192 26.0021 23.7548 25.3518 23.8157C24.5343 23.8888 23.7279 24.0571 22.9492 24.3171L22.9465 24.318L22.9396 24.32H22.9384C22.172 24.5589 21.5387 24.931 21.0939 25.4649C20.636 26.0426 20.3984 26.765 20.4238 27.5025V27.5218C20.4102 28.1662 20.5857 28.8005 20.9286 29.3457C21.2721 29.8687 21.7631 30.2772 22.3391 30.5192C22.9809 30.7817 23.6698 30.9088 24.3628 30.8925C24.8957 30.8861 25.4235 30.7871 25.9228 30.6C26.4844 30.3929 27.0041 30.0856 27.4566 29.6929C27.5459 29.6166 27.6297 29.5352 27.7115 29.4516C27.7644 29.7989 27.8819 30.1332 28.0579 30.4371C28.1107 30.5241 28.1851 30.596 28.2738 30.6457C28.3625 30.6954 28.4625 30.7213 28.5642 30.7208H28.5653L28.9129 30.7168C29.0692 30.715 29.2185 30.6515 29.3284 30.54C29.4383 30.4286 29.4999 30.2782 29.4999 30.1214V23.741C29.517 22.9588 29.3699 22.1816 29.0681 21.4601C28.7787 20.7918 28.285 20.233 27.6583 19.8644M27.1738 27.4164C26.8888 27.9149 26.4861 28.3356 26.0011 28.6415C25.5284 28.943 24.9783 29.0996 24.4182 29.0923C23.6705 29.0908 23.1692 28.919 22.8306 28.6386C22.6711 28.509 22.544 28.3439 22.4592 28.1564C22.3714 27.9408 22.3282 27.7096 22.3324 27.4767C22.3281 27.2029 22.3965 26.933 22.5306 26.6944C22.6311 26.514 22.8533 26.3032 23.2595 26.1082C23.6458 25.9207 24.2709 25.7476 25.1029 25.6269C25.9332 25.5173 26.7695 25.4585 27.607 25.4506V25.819C27.609 26.381 27.4593 26.933 27.1739 27.4167M4.58181 13.6235C4.92541 14.1463 5.41642 14.5547 5.9923 14.7967C6.63415 15.0592 7.32303 15.1862 8.01601 15.17C8.54897 15.1637 9.07679 15.0647 9.576 14.8775C10.1377 14.6705 10.6573 14.3632 11.1098 13.9705C11.1991 13.8942 11.283 13.8126 11.3647 13.7292C11.4177 14.0766 11.5352 14.4108 11.7111 14.7147C11.7639 14.8018 11.8383 14.8736 11.927 14.9234C12.0157 14.9731 12.1158 14.9989 12.2174 14.9984H12.2186L12.5661 14.9944C12.7221 14.9922 12.871 14.9285 12.9805 14.8172C13.0901 14.7058 13.1515 14.5557 13.1515 14.3992V8.01899C13.1686 7.23662 13.0214 6.45939 12.7197 5.7377C12.4304 5.06943 11.9367 4.5107 11.3099 4.14223C10.6671 3.76221 9.88797 3.59243 9.00299 3.59243C8.21078 3.57276 7.4244 3.7331 6.70276 4.06144C6.05527 4.36766 5.51049 4.85597 5.13472 5.46698L5.13204 5.47101C5.08169 5.5525 5.05503 5.64647 5.05505 5.74233C5.0555 5.85483 5.09077 5.96443 5.15598 6.05598C5.2212 6.14753 5.31315 6.21653 5.41914 6.25344L6.00198 6.46144C6.09064 6.49317 6.18407 6.50938 6.27821 6.50938C6.40216 6.5091 6.5245 6.4812 6.63637 6.42769C6.74825 6.37418 6.84686 6.2964 6.92508 6.19999C6.98016 6.1321 7.03892 6.06729 7.1011 6.00587C7.48246 5.63467 8.04832 5.41606 8.92883 5.41263C9.30781 5.40376 9.68532 5.46282 10.0436 5.58703C10.3002 5.67935 10.5274 5.83924 10.7012 6.04992C11.0312 6.45562 11.2387 7.08306 11.2581 7.9824C10.4093 7.99569 9.65686 8.03153 9.00657 8.09215C8.18897 8.16535 7.38265 8.33372 6.60388 8.59386H6.6012L6.59435 8.59595H6.59316C5.82671 8.83487 5.19339 9.20682 4.74859 9.74093C4.29068 10.3186 4.0531 11.041 4.07849 11.7785V11.7978C4.06498 12.4422 4.24051 13.0764 4.5833 13.6217M10.8285 11.6934C10.5435 12.1919 10.1408 12.6127 9.65582 12.9189C9.18305 13.2201 8.63298 13.3766 8.07289 13.3694C7.32521 13.3682 6.82397 13.1962 6.48535 12.9157C6.32579 12.7861 6.19862 12.6209 6.11396 12.4333C6.02613 12.2178 5.98297 11.9866 5.98709 11.7539C5.98282 11.4803 6.05111 11.2104 6.18499 10.9719C6.28551 10.7918 6.50768 10.5807 6.91391 10.3857C7.30019 10.1981 7.92532 10.0251 8.75729 9.90473C9.58764 9.79495 10.4239 9.73601 11.2614 9.72824V10.0968C11.2634 10.6587 11.1138 11.2108 10.8284 11.6945M59.2341 28.5C58.7552 28.884 58.1867 29.079 57.4314 29.0823C56.4371 29.0714 55.7871 28.764 55.254 28.1065C54.731 27.4473 54.4332 26.4754 54.4328 25.123V25.1197C54.4328 23.7118 54.7255 22.7136 55.2205 22.0766C55.4529 21.7705 55.7572 21.5268 56.1064 21.3673C56.5076 21.1991 56.9395 21.1166 57.3744 21.1253C58.0298 21.1018 58.6715 21.3173 59.1807 21.7318C59.4409 21.951 59.6548 22.22 59.8098 22.5232C59.8617 22.6271 59.9492 22.7088 60.0563 22.7531C60.1635 22.7974 60.2829 22.8015 60.3928 22.7645L61.2851 22.4527C61.3489 22.4299 61.4072 22.3938 61.4561 22.3467C61.5049 22.2996 61.5433 22.2427 61.5685 22.1796C61.5938 22.1165 61.6054 22.0488 61.6026 21.9809C61.5999 21.913 61.5827 21.8465 61.5524 21.7857C61.4472 21.567 61.3244 21.3572 61.185 21.1586C60.7709 20.5658 60.2121 20.0896 59.5619 19.7754C58.8789 19.455 58.1321 19.2946 57.3781 19.3064H57.366C56.4587 19.2872 55.5646 19.5267 54.7876 19.997C54.0301 20.4807 53.437 21.1836 53.0868 22.0128C52.6996 22.8829 52.5225 23.9217 52.5222 25.1236C52.4991 26.1515 52.6872 27.1731 53.0748 28.1249C53.4209 28.9643 54.0133 29.6782 54.7735 30.1721C55.5637 30.6585 56.4772 30.9058 57.4041 30.8843H57.4229C58.4909 30.9078 59.5369 30.5782 60.3995 29.9464C61.0496 29.4377 61.5387 28.7509 61.8076 27.9692C61.8292 27.9098 61.8387 27.8467 61.8357 27.7836C61.8326 27.7206 61.8171 27.6587 61.79 27.6017C61.7628 27.5447 61.7246 27.4937 61.6776 27.4517C61.6305 27.4096 61.5756 27.3774 61.516 27.357L60.6427 27.0516C60.528 27.0105 60.4019 27.0155 60.2908 27.0656C60.1797 27.1157 60.0924 27.207 60.047 27.3204C59.8862 27.7798 59.6052 28.1875 59.2334 28.5007M71.1263 25.6013C70.8886 25.2627 70.5771 24.9829 70.2154 24.783C70.1158 24.726 70.0128 24.6751 69.9071 24.6305C69.4426 24.4417 68.9579 24.3076 68.4626 24.2308C68.0324 24.1619 67.5997 24.1011 67.1646 24.0483C67.1108 24.0416 67.0576 24.0334 67.0037 24.0276C66.591 23.9816 66.1831 23.8994 65.7847 23.782C65.5211 23.7121 65.2829 23.5681 65.0981 23.367C64.98 23.2326 64.8878 23.014 64.8858 22.6092C64.8826 22.4012 64.9218 22.1947 65.001 22.0024C65.0818 21.8252 65.2003 21.668 65.3481 21.5416C65.643 21.2827 66.1314 21.1075 66.8959 21.1071C67.6168 21.1107 68.1335 21.2922 68.5488 21.6367C68.8511 21.9089 69.0712 22.2607 69.1839 22.6521C69.2041 22.7114 69.2358 22.766 69.2772 22.813C69.3186 22.8599 69.3688 22.8982 69.425 22.9256C69.4811 22.953 69.5422 22.969 69.6046 22.9726C69.6669 22.9763 69.7294 22.9675 69.7884 22.9468L70.6833 22.634C70.801 22.5933 70.898 22.5079 70.9535 22.3962C71.009 22.2845 71.0186 22.1554 70.9801 22.0367C70.8662 21.69 70.7063 21.3602 70.5048 21.0562C70.1255 20.4787 69.5943 20.0178 68.9698 19.7245C68.3239 19.437 67.6231 19.2947 66.9165 19.3073H66.9114C66.1822 19.2861 65.4584 19.4391 64.7998 19.7538C64.2581 20.0134 63.8018 20.4232 63.4852 20.9348C63.1685 21.4463 63.0046 22.0381 63.0129 22.6401V22.6513C63.0129 23.3124 63.1486 23.9037 63.4849 24.3758C63.7205 24.7056 64.0278 24.9773 64.3835 25.1705C64.4886 25.229 64.5974 25.2808 64.709 25.3256C65.1721 25.5071 65.6537 25.637 66.1451 25.7128C66.4627 25.7637 66.7807 25.8091 67.0981 25.8515C67.2633 25.8736 67.4281 25.8963 67.5933 25.916C67.9952 25.9611 68.3915 26.0478 68.7756 26.1748C69.0427 26.257 69.283 26.4092 69.4719 26.6156C69.586 26.7447 69.6819 26.9728 69.6837 27.392C69.687 27.63 69.6414 27.866 69.5497 28.0855C69.455 28.2914 69.3169 28.4742 69.1448 28.6212C68.8 28.9248 68.2351 29.122 67.3692 29.1225C66.5305 29.1197 65.9171 28.9117 65.4333 28.5216C65.1075 28.2533 64.8562 27.9052 64.7036 27.511C64.6569 27.4 64.5695 27.3112 64.4594 27.2628C64.3494 27.2143 64.225 27.21 64.1119 27.2506L63.2416 27.5548C63.1812 27.5755 63.1257 27.6083 63.0782 27.6511C63.0308 27.6939 62.9924 27.7459 62.9655 27.804C62.9386 27.862 62.9237 27.9249 62.9216 27.9889C62.9195 28.0529 62.9304 28.1166 62.9535 28.1763C63.2117 28.8518 63.6442 29.4465 64.2069 29.8994C65.0472 30.5663 66.118 30.8849 67.3391 30.8849H67.3558C68.0762 30.897 68.7918 30.765 69.4608 30.4967C70.0767 30.2481 70.6114 29.8324 71.005 29.2963C71.4027 28.7317 71.6094 28.0543 71.595 27.3632V27.3528C71.595 26.6789 71.4609 26.0797 71.1262 25.6001" fill="currentColor"/> </g> <defs> <clipPath id="clip0_157_23209"> <rect width="78" height="35" fill="white"/> </clipPath> </defs> </svg></div> <blockquote class="flex-grow -indent-[.6rem] text-xl lg:text-2xl leading-normal text-pretty"> “The Laravel ecosystem has been integral to the success of our business. The framework allows us to move fast and ship regularly.” </blockquote> <figcaption class="flex justify-between"> <div class="text[13px] lg:text-sm"> <span class="font-medium text-sand-dark-11">Jack Ellis</span> <span class="block text-sand-dark-11">Founder, Fathom Analytics</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/jack-ellis.png" alt="Jack Ellis" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Freek Van der Herten" subtitle="Owner of Spatie" photo="freek-van-der-herten.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “I've been enjoying Laravel's focus on pushing DX to the next level for many years. It is well-designed and has stellar documentation.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Freek Van der Herten</span> <span class="block text-sand-light-10">Owner of Spatie</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/freek-van-der-herten.jpg" alt="Freek Van der Herten" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Caleb Porzio" subtitle="Creator of Livewire and Alpine.js" photo="caleb-porzio.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “Laravel is nothing short of a delight. It allows me to build any web-y thing I want in record speed with joy.” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Caleb Porzio</span> <span class="block text-sand-light-10">Creator of Livewire and Alpine.js</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/caleb-porzio.jpg" alt="Caleb Porzio" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> <figure class="flex flex-col h-full p-5 border rounded-xs shadow-community text-sand-light-12 border-sand-light-6/10 col-span-4" name="Joseph Silber" subtitle="Creator of Bouncer" photo="joseph-silber.jpg"> <blockquote class="flex-grow -indent-[.45rem] text-pretty"> “I didn't fully appreciate Laravel's one-stop-shop solution until I tried (many) different ecosystems. Laravel is in a class of its own!” </blockquote> <figcaption class="flex justify-between"> <div class="text-sm"> <span class="font-medium ">Joseph Silber</span> <span class="block text-sand-light-10">Creator of Bouncer</span> </div> <div class="w-12 h-12"> <img src="/images/home/community/joseph-silber.jpg" alt="Joseph Silber" loading="lazy" class="w-full h-full rounded-xs"> </div> </figcaption> </figure> </div> </div> <div class="absolute top-0 bottom-0 right-0 bg-linear-to-l from-5% translate-x-(--community-fade-x) w-(--community-fade-x) from-sand-light-1 to-transparent" style="--community-fade-x: max(0px, (var(--viewport-width) - (1400px - 8rem)) / 2);" ></div> </div> </div> </div> <div class="grid grid-cols-subgrid col-span-12 relative pb-20 mt-10 lg:mt-36 lg:pb-64"> <div class="-left-3.5 xl:-left-16 h-[1vh] absolute dummy-marker -translate-x-px invisible -top-1"> <div class="w-[3px] h-12 bg-laravel-red translate-y-0"></div> </div> <div class="col-span-12 xl:col-span-8"> <h3 class="mb-4 text-2xl lg:text-3xl text-sand-light-12">Ready to create your next big idea?</h3> <p class="text-sand-light-12">Get started now and ship something amazing.</p> </div> <div class="col-span-12 col-start-1 mt-16 space-x-5 xl:col-span-6"> <a href="/docs" class="font-medium rounded-xs transition 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 "> Read docs </a> <a href="https://cloud.laravel.com" class="font-medium rounded-xs transition 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 "> Deploy now </a> </div> </div> </div> </div> </div> </div> <div class="text-sand-dark-10 bg-laravel-red text-white"> <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-[#B02409]"> <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 mt-8 space-x-6 lg:mt-16"> <li> <a href="https://github.com/laravel" target="_blank" title="Laravel on GitHub" class="hover:text-sand-dark-12 transition duration-100"> <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="hover:text-sand-dark-12 transition duration-100"> <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="hover:text-sand-dark-12 transition duration-100"> <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="hover:text-sand-dark-12 transition duration-100"> <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> <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 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="hover:text-sand-dark-12 transition duration-100">Cloud</a> </li> <li> <a href="https://forge.laravel.com" class="hover:text-sand-dark-12 transition duration-100">Forge</a> </li> <li> <a href="https://nightwatch.laravel.com" class="hover:text-sand-dark-12 transition duration-100">Nightwatch</a> </li> <li> <a href="https://nova.laravel.com" class="hover:text-sand-dark-12 transition duration-100">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 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="hover:text-sand-dark-12 transition duration-100">Cashier</a> </li> <li> <a href="/docs/dusk" class="hover:text-sand-dark-12 transition duration-100">Dusk</a> </li> <li> <a href="/docs/horizon" class="hover:text-sand-dark-12 transition duration-100">Horizon</a> </li> <li> <a href="/docs/octane" class="hover:text-sand-dark-12 transition duration-100">Octane</a> </li> <li> <a href="/docs/scout" class="hover:text-sand-dark-12 transition duration-100">Scout</a> </li> <li> <a href="/docs/pennant" class="hover:text-sand-dark-12 transition duration-100">Pennant</a> </li> <li> <a href="/docs/pint" class="hover:text-sand-dark-12 transition duration-100">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="hover:text-sand-dark-12 transition duration-100">Sail</a> </li> <li> <a href="/docs/sanctum" class="hover:text-sand-dark-12 transition duration-100">Sanctum</a> </li> <li> <a href="/docs/socialite" class="hover:text-sand-dark-12 transition duration-100">Socialite</a> </li> <li> <a href="/docs/telescope" class="hover:text-sand-dark-12 transition duration-100">Telescope</a> </li> <li> <a href="/docs/pulse" class="hover:text-sand-dark-12 transition duration-100">Pulse</a> </li> <li> <a href="/docs/reverb" class="hover:text-sand-dark-12 transition duration-100">Reverb</a> </li> <li> <a href="/docs/echo" class="hover:text-sand-dark-12 transition duration-100">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 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="hover:text-sand-dark-12 transition duration-100">Documentation</a> </li> <li> <a href="/starter-kits" class="hover:text-sand-dark-12 transition duration-100">Starter Kits</a> </li> <li> <a href="/docs/releases" class="hover:text-sand-dark-12 transition duration-100">Release Notes</a> </li> <li> <a href="https://blog.laravel.com" class="hover:text-sand-dark-12 transition duration-100">Blog</a> </li> <li> <a href="https://partners.laravel.com" class="hover:text-sand-dark-12 transition duration-100">Partners</a> </li> <li> <a href="https://laravel-news.com" class="hover:text-sand-dark-12 transition duration-100">News</a> </li> <li> <a href="https://larajobs.com/?partner=5" class="hover:text-sand-dark-12 transition duration-100">Jobs</a> </li> <li> <a href="/careers" class="hover:text-sand-dark-12 transition duration-100">Careers</a> </li> </ul> </div> </div> <div class="col-span-12 mb-12 mt-14 lg:mb-0"> <ul class="flex justify-start space-x-10"> <li class="">© 2025 Laravel</li> <li class=""><a href="/trademark" class="hover:text-sand-dark-12 transition duration-100">Legal</a></li> <li class=""><a href="https://status.laravel.com/" class="hover:text-sand-dark-12 transition duration-100">Status</a></li> </ul> </div> <div class="col-span-12 text-sand-light-1"> <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> </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

Laravel - The PHP Framework For Web Artisans