Navigations

Effortlessly create responsive and customizable navigation bars with our easy-to-use Navigation component. Perfect for guiding users through your site seamlessly.

Navigation 1

Copied!
<header x-data="{ mobileMenuOpen: false }" class="relative border-b border-neutral-200">

    <!-- Desktop Navigation Starts -->
    <nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global">
  
      <!-- Desktop Logo Starts -->
      <div class="flex lg:flex-1">
        <a href="#" class="">
          <svg class="w-44" width="706" viewBox="0 0 706 73" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M61.6479 24.7387H48.8979C48.5342 22.6477 47.8638 20.7955 46.8865 19.1818C45.9092 17.5455 44.6933 16.1591 43.2388 15.0227C41.7842 13.8864 40.1251 13.0341 38.2615 12.4659C36.4206 11.875 34.432 11.5796 32.2956 11.5796C28.5001 11.5796 25.1365 12.5341 22.2047 14.4432C19.2729 16.3296 16.9774 19.1023 15.3183 22.7614C13.6592 26.3978 12.8297 30.8409 12.8297 36.0909C12.8297 41.4318 13.6592 45.9318 15.3183 49.5909C17.0001 53.2273 19.2956 55.9773 22.2047 57.8409C25.1365 59.6818 28.4888 60.6023 32.2615 60.6023C34.3524 60.6023 36.307 60.3296 38.1251 59.7841C39.966 59.2159 41.6138 58.3864 43.0683 57.2955C44.5456 56.2046 45.7842 54.8637 46.7842 53.2728C47.807 51.6818 48.5115 49.8637 48.8979 47.8182L61.6479 47.8864C61.1706 51.2046 60.1365 54.3182 58.5456 57.2273C56.9774 60.1364 54.9206 62.7046 52.3751 64.9318C49.8297 67.1364 46.8524 68.8637 43.4433 70.1137C40.0342 71.3409 36.2501 71.9546 32.091 71.9546C25.9547 71.9546 20.4774 70.5341 15.6592 67.6932C10.841 64.8523 7.04559 60.75 4.27286 55.3864C1.50013 50.0227 0.11377 43.5909 0.11377 36.0909C0.11377 28.5682 1.5115 22.1364 4.30695 16.7955C7.10241 11.4318 10.9092 7.32957 15.7274 4.48866C20.5456 1.64775 26.0001 0.227295 32.091 0.227295C35.9774 0.227295 39.591 0.772749 42.932 1.86366C46.2729 2.95457 49.2501 4.55684 51.8638 6.67048C54.4774 8.76139 56.6251 11.3296 58.307 14.375C60.0115 17.3978 61.1251 20.8523 61.6479 24.7387Z" fill="black"/>
            <path d="M95.5257 72.0228C90.4121 72.0228 85.9802 70.8978 82.2302 68.6478C78.4802 66.3978 75.5712 63.25 73.503 59.2046C71.4575 55.1591 70.4348 50.4318 70.4348 45.0228C70.4348 39.6137 71.4575 34.875 73.503 30.8068C75.5712 26.7387 78.4802 23.5796 82.2302 21.3296C85.9802 19.0796 90.4121 17.9546 95.5257 17.9546C100.639 17.9546 105.071 19.0796 108.821 21.3296C112.571 23.5796 115.469 26.7387 117.514 30.8068C119.583 34.875 120.617 39.6137 120.617 45.0228C120.617 50.4318 119.583 55.1591 117.514 59.2046C115.469 63.25 112.571 66.3978 108.821 68.6478C105.071 70.8978 100.639 72.0228 95.5257 72.0228ZM95.5939 62.1364C98.3666 62.1364 100.685 61.375 102.548 59.8523C104.412 58.3068 105.798 56.2387 106.708 53.6478C107.639 51.0568 108.105 48.1705 108.105 44.9887C108.105 41.7841 107.639 38.8864 106.708 36.2955C105.798 33.6818 104.412 31.6023 102.548 30.0568C100.685 28.5114 98.3666 27.7387 95.5939 27.7387C92.753 27.7387 90.3893 28.5114 88.503 30.0568C86.6393 31.6023 85.2416 33.6818 84.3098 36.2955C83.4007 38.8864 82.9462 41.7841 82.9462 44.9887C82.9462 48.1705 83.4007 51.0568 84.3098 53.6478C85.2416 56.2387 86.6393 58.3068 88.503 59.8523C90.3893 61.375 92.753 62.1364 95.5939 62.1364Z" fill="black"/>
            <path d="M150.523 71.9205C146.409 71.9205 142.727 70.8637 139.477 68.75C136.227 66.6364 133.659 63.5682 131.773 59.5455C129.886 55.5228 128.943 50.6364 128.943 44.8864C128.943 39.0682 129.898 34.1591 131.807 30.1591C133.739 26.1364 136.341 23.1023 139.614 21.0568C142.886 18.9887 146.534 17.9546 150.557 17.9546C153.625 17.9546 156.148 18.4773 158.125 19.5227C160.102 20.5455 161.671 21.7841 162.83 23.2387C163.989 24.6705 164.886 26.0228 165.523 27.2955H166.034V1.18184H178.409V71H166.273V62.75H165.523C164.886 64.0227 163.966 65.375 162.762 66.8068C161.557 68.2159 159.966 69.4205 157.989 70.4205C156.011 71.4205 153.523 71.9205 150.523 71.9205ZM153.966 61.7955C156.58 61.7955 158.807 61.0909 160.648 59.6818C162.489 58.25 163.887 56.2614 164.841 53.7159C165.796 51.1705 166.273 48.2046 166.273 44.8182C166.273 41.4318 165.796 38.4887 164.841 35.9887C163.909 33.4887 162.523 31.5455 160.682 30.1591C158.864 28.7728 156.625 28.0796 153.966 28.0796C151.216 28.0796 148.921 28.7955 147.08 30.2273C145.239 31.6591 143.852 33.6364 142.921 36.1591C141.989 38.6818 141.523 41.5682 141.523 44.8182C141.523 48.0909 141.989 51.0114 142.921 53.5796C143.875 56.125 145.273 58.1364 147.114 59.6137C148.977 61.0682 151.262 61.7955 153.966 61.7955Z" fill="black"/>
            <path d="M214.742 72.0228C209.492 72.0228 204.958 70.9318 201.139 68.75C197.344 66.5455 194.423 63.4318 192.378 59.4091C190.333 55.3637 189.31 50.6023 189.31 45.125C189.31 39.7387 190.333 35.0114 192.378 30.9432C194.446 26.8523 197.333 23.6705 201.037 21.3977C204.742 19.1023 209.094 17.9546 214.094 17.9546C217.321 17.9546 220.367 18.4773 223.23 19.5227C226.117 20.5455 228.662 22.1364 230.867 24.2955C233.094 26.4546 234.844 29.2046 236.117 32.5455C237.389 35.8637 238.026 39.8182 238.026 44.4091V48.1932H195.105V39.875H226.196C226.173 37.5114 225.662 35.4091 224.662 33.5682C223.662 31.7046 222.264 30.2387 220.469 29.1705C218.696 28.1023 216.628 27.5682 214.264 27.5682C211.742 27.5682 209.526 28.1818 207.617 29.4091C205.708 30.6137 204.219 32.2046 203.151 34.1818C202.105 36.1364 201.571 38.2841 201.548 40.625V47.8864C201.548 50.9318 202.105 53.5455 203.219 55.7273C204.333 57.8864 205.889 59.5455 207.889 60.7046C209.889 61.8409 212.23 62.4091 214.912 62.4091C216.708 62.4091 218.333 62.1591 219.787 61.6591C221.242 61.1364 222.503 60.375 223.571 59.375C224.639 58.375 225.446 57.1364 225.992 55.6591L237.514 56.9546C236.787 60 235.401 62.6591 233.355 64.9318C231.333 67.1818 228.742 68.9318 225.583 70.1818C222.423 71.4091 218.81 72.0228 214.742 72.0228Z" fill="black"/>
            <path d="M306.387 1.18184V71H295.137L262.239 23.4432H261.659V71H249.011V1.18184H260.33L293.193 48.7728H293.807V1.18184H306.387Z" fill="black"/>
            <path d="M320.168 71V1.18184H332.815V30.7387H365.168V1.18184H377.85V71H365.168V41.3409H332.815V71H320.168Z" fill="black"/>
            <path d="M406.128 72.0568C402.81 72.0568 399.821 71.4659 397.162 70.2841C394.526 69.0796 392.435 67.3068 390.889 64.9659C389.367 62.625 388.605 59.7387 388.605 56.3068C388.605 53.3523 389.151 50.9091 390.242 48.9773C391.333 47.0455 392.821 45.5 394.708 44.3409C396.594 43.1818 398.719 42.3068 401.083 41.7159C403.469 41.1023 405.935 40.6591 408.48 40.3864C411.548 40.0682 414.037 39.7841 415.946 39.5341C417.855 39.2614 419.242 38.8523 420.105 38.3068C420.992 37.7387 421.435 36.8637 421.435 35.6818V35.4773C421.435 32.9091 420.673 30.9205 419.151 29.5114C417.628 28.1023 415.435 27.3978 412.571 27.3978C409.548 27.3978 407.151 28.0568 405.378 29.375C403.628 30.6932 402.446 32.25 401.833 34.0455L390.31 32.4091C391.219 29.2273 392.719 26.5682 394.81 24.4318C396.901 22.2727 399.458 20.6591 402.48 19.5909C405.503 18.5 408.844 17.9546 412.503 17.9546C415.026 17.9546 417.537 18.25 420.037 18.8409C422.537 19.4318 424.821 20.4091 426.889 21.7727C428.958 23.1137 430.617 24.9432 431.867 27.2614C433.139 29.5796 433.776 32.4773 433.776 35.9546V71H421.912V63.8068H421.503C420.753 65.2614 419.696 66.625 418.333 67.8978C416.992 69.1478 415.298 70.1591 413.253 70.9318C411.23 71.6818 408.855 72.0568 406.128 72.0568ZM409.333 62.9887C411.81 62.9887 413.958 62.5 415.776 61.5228C417.594 60.5228 418.992 59.2046 419.969 57.5682C420.969 55.9318 421.469 54.1478 421.469 52.2159V46.0455C421.083 46.3637 420.423 46.6591 419.492 46.9318C418.583 47.2046 417.56 47.4432 416.423 47.6478C415.287 47.8523 414.162 48.0341 413.048 48.1932C411.935 48.3523 410.969 48.4887 410.151 48.6023C408.31 48.8523 406.662 49.2614 405.208 49.8296C403.753 50.3978 402.605 51.1932 401.764 52.2159C400.923 53.2159 400.503 54.5114 400.503 56.1023C400.503 58.375 401.333 60.0909 402.992 61.25C404.651 62.4091 406.764 62.9887 409.333 62.9887Z" fill="black"/>
            <path d="M446.185 71V18.6364H457.98V27.5341H458.594C459.685 24.5341 461.492 22.1932 464.014 20.5114C466.537 18.8068 469.548 17.9546 473.048 17.9546C476.594 17.9546 479.583 18.8182 482.014 20.5455C484.469 22.25 486.196 24.5796 487.196 27.5341H487.742C488.901 24.625 490.855 22.3068 493.605 20.5796C496.378 18.8296 499.662 17.9546 503.458 17.9546C508.276 17.9546 512.208 19.4773 515.253 22.5227C518.298 25.5682 519.821 30.0114 519.821 35.8523V71H507.446V37.7614C507.446 34.5114 506.583 32.1364 504.855 30.6364C503.128 29.1137 501.014 28.3523 498.514 28.3523C495.537 28.3523 493.208 29.2841 491.526 31.1478C489.867 32.9887 489.037 35.3864 489.037 38.3409V71H476.935V37.25C476.935 34.5455 476.117 32.3864 474.48 30.7728C472.867 29.1591 470.753 28.3523 468.139 28.3523C466.367 28.3523 464.753 28.8068 463.298 29.7159C461.844 30.6023 460.685 31.8637 459.821 33.5C458.958 35.1137 458.526 37 458.526 39.1591V71H446.185Z" fill="black"/>
            <path d="M532.341 71V18.6364H544.136V27.5341H544.75C545.841 24.5341 547.648 22.1932 550.171 20.5114C552.693 18.8068 555.705 17.9546 559.205 17.9546C562.75 17.9546 565.739 18.8182 568.171 20.5455C570.625 22.25 572.352 24.5796 573.352 27.5341H573.898C575.057 24.625 577.011 22.3068 579.761 20.5796C582.534 18.8296 585.818 17.9546 589.614 17.9546C594.432 17.9546 598.364 19.4773 601.409 22.5227C604.455 25.5682 605.977 30.0114 605.977 35.8523V71H593.602V37.7614C593.602 34.5114 592.739 32.1364 591.011 30.6364C589.284 29.1137 587.171 28.3523 584.671 28.3523C581.693 28.3523 579.364 29.2841 577.682 31.1478C576.023 32.9887 575.193 35.3864 575.193 38.3409V71H563.091V37.25C563.091 34.5455 562.273 32.3864 560.636 30.7728C559.023 29.1591 556.909 28.3523 554.296 28.3523C552.523 28.3523 550.909 28.8068 549.455 29.7159C548 30.6023 546.841 31.8637 545.977 33.5C545.114 35.1137 544.682 37 544.682 39.1591V71H532.341Z" fill="black"/>
            <path d="M641.679 72.0228C636.429 72.0228 631.895 70.9318 628.077 68.75C624.281 66.5455 621.361 63.4318 619.315 59.4091C617.27 55.3637 616.247 50.6023 616.247 45.125C616.247 39.7387 617.27 35.0114 619.315 30.9432C621.384 26.8523 624.27 23.6705 627.975 21.3977C631.679 19.1023 636.031 17.9546 641.031 17.9546C644.259 17.9546 647.304 18.4773 650.168 19.5227C653.054 20.5455 655.6 22.1364 657.804 24.2955C660.031 26.4546 661.781 29.2046 663.054 32.5455C664.327 35.8637 664.963 39.8182 664.963 44.4091V48.1932H622.043V39.875H653.134C653.111 37.5114 652.6 35.4091 651.6 33.5682C650.6 31.7046 649.202 30.2387 647.406 29.1705C645.634 28.1023 643.565 27.5682 641.202 27.5682C638.679 27.5682 636.463 28.1818 634.554 29.4091C632.645 30.6137 631.156 32.2046 630.088 34.1818C629.043 36.1364 628.509 38.2841 628.486 40.625V47.8864C628.486 50.9318 629.043 53.5455 630.156 55.7273C631.27 57.8864 632.827 59.5455 634.827 60.7046C636.827 61.8409 639.168 62.4091 641.85 62.4091C643.645 62.4091 645.27 62.1591 646.725 61.6591C648.179 61.1364 649.44 60.375 650.509 59.375C651.577 58.375 652.384 57.1364 652.929 55.6591L664.452 56.9546C663.725 60 662.338 62.6591 660.293 64.9318C658.27 67.1818 655.679 68.9318 652.52 70.1818C649.361 71.4091 645.747 72.0228 641.679 72.0228Z" fill="black"/>
            <path d="M675.404 71V18.6364H687.369V27.3637H687.915C688.869 24.3409 690.506 22.0114 692.824 20.375C695.165 18.7159 697.835 17.8864 700.835 17.8864C701.517 17.8864 702.279 17.9205 703.119 17.9887C703.983 18.0341 704.699 18.1137 705.267 18.2273V29.5796C704.744 29.3977 703.915 29.2387 702.779 29.1023C701.665 28.9432 700.585 28.8637 699.54 28.8637C697.29 28.8637 695.267 29.3523 693.472 30.3296C691.699 31.2841 690.301 32.6137 689.279 34.3182C688.256 36.0228 687.744 37.9887 687.744 40.2159V71H675.404Z" fill="black"/>
          </svg>
        </a>
      </div>
      <!-- Desktop Logo Ends -->

      <!-- Hamburger Icon Starts -->
      <div class="flex lg:hidden">
        <button @click="mobileMenuOpen = true" type="button" class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-neutral-800">
          <span class="sr-only">Open main menu</span>
          <svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
          </svg>
        </button>
      </div>
      <!-- Hamburger Icon Ends -->

      <!-- Desktop Links Start -->
      <div class="hidden lg:flex lg:gap-x-12 *:text-sm *:font-medium *:leading-6 *:text-neutral-800">
        <a href="#">Services</a>
        <a href="#">About Us</a>
        <a href="#">Portfolio</a>
        <a href="#">Contact Us</a>
      </div>
      <!-- Desktop Links Ends -->
        
    </nav>
    <!-- Desktop Navigation Ends -->
  
    <!-- Mobile Navigation Starts -->
    <div x-description="Mobile menu, show/hide based on mobile menu state." x-show="mobileMenuOpen" class="lg:hidden" role="dialog" aria-modal="true">
    
      <div class="fixed inset-y-0 right-0 z-10 w-full overflow-y-auto bg-white p-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
  
        <div class="flex items-center justify-between">
          <a href="#" class="-m-1.5 p-1.5">
            <svg class="w-44" width="706" viewBox="0 0 706 73" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M61.6479 24.7387H48.8979C48.5342 22.6477 47.8638 20.7955 46.8865 19.1818C45.9092 17.5455 44.6933 16.1591 43.2388 15.0227C41.7842 13.8864 40.1251 13.0341 38.2615 12.4659C36.4206 11.875 34.432 11.5796 32.2956 11.5796C28.5001 11.5796 25.1365 12.5341 22.2047 14.4432C19.2729 16.3296 16.9774 19.1023 15.3183 22.7614C13.6592 26.3978 12.8297 30.8409 12.8297 36.0909C12.8297 41.4318 13.6592 45.9318 15.3183 49.5909C17.0001 53.2273 19.2956 55.9773 22.2047 57.8409C25.1365 59.6818 28.4888 60.6023 32.2615 60.6023C34.3524 60.6023 36.307 60.3296 38.1251 59.7841C39.966 59.2159 41.6138 58.3864 43.0683 57.2955C44.5456 56.2046 45.7842 54.8637 46.7842 53.2728C47.807 51.6818 48.5115 49.8637 48.8979 47.8182L61.6479 47.8864C61.1706 51.2046 60.1365 54.3182 58.5456 57.2273C56.9774 60.1364 54.9206 62.7046 52.3751 64.9318C49.8297 67.1364 46.8524 68.8637 43.4433 70.1137C40.0342 71.3409 36.2501 71.9546 32.091 71.9546C25.9547 71.9546 20.4774 70.5341 15.6592 67.6932C10.841 64.8523 7.04559 60.75 4.27286 55.3864C1.50013 50.0227 0.11377 43.5909 0.11377 36.0909C0.11377 28.5682 1.5115 22.1364 4.30695 16.7955C7.10241 11.4318 10.9092 7.32957 15.7274 4.48866C20.5456 1.64775 26.0001 0.227295 32.091 0.227295C35.9774 0.227295 39.591 0.772749 42.932 1.86366C46.2729 2.95457 49.2501 4.55684 51.8638 6.67048C54.4774 8.76139 56.6251 11.3296 58.307 14.375C60.0115 17.3978 61.1251 20.8523 61.6479 24.7387Z" fill="black"/>
              <path d="M95.5257 72.0228C90.4121 72.0228 85.9802 70.8978 82.2302 68.6478C78.4802 66.3978 75.5712 63.25 73.503 59.2046C71.4575 55.1591 70.4348 50.4318 70.4348 45.0228C70.4348 39.6137 71.4575 34.875 73.503 30.8068C75.5712 26.7387 78.4802 23.5796 82.2302 21.3296C85.9802 19.0796 90.4121 17.9546 95.5257 17.9546C100.639 17.9546 105.071 19.0796 108.821 21.3296C112.571 23.5796 115.469 26.7387 117.514 30.8068C119.583 34.875 120.617 39.6137 120.617 45.0228C120.617 50.4318 119.583 55.1591 117.514 59.2046C115.469 63.25 112.571 66.3978 108.821 68.6478C105.071 70.8978 100.639 72.0228 95.5257 72.0228ZM95.5939 62.1364C98.3666 62.1364 100.685 61.375 102.548 59.8523C104.412 58.3068 105.798 56.2387 106.708 53.6478C107.639 51.0568 108.105 48.1705 108.105 44.9887C108.105 41.7841 107.639 38.8864 106.708 36.2955C105.798 33.6818 104.412 31.6023 102.548 30.0568C100.685 28.5114 98.3666 27.7387 95.5939 27.7387C92.753 27.7387 90.3893 28.5114 88.503 30.0568C86.6393 31.6023 85.2416 33.6818 84.3098 36.2955C83.4007 38.8864 82.9462 41.7841 82.9462 44.9887C82.9462 48.1705 83.4007 51.0568 84.3098 53.6478C85.2416 56.2387 86.6393 58.3068 88.503 59.8523C90.3893 61.375 92.753 62.1364 95.5939 62.1364Z" fill="black"/>
              <path d="M150.523 71.9205C146.409 71.9205 142.727 70.8637 139.477 68.75C136.227 66.6364 133.659 63.5682 131.773 59.5455C129.886 55.5228 128.943 50.6364 128.943 44.8864C128.943 39.0682 129.898 34.1591 131.807 30.1591C133.739 26.1364 136.341 23.1023 139.614 21.0568C142.886 18.9887 146.534 17.9546 150.557 17.9546C153.625 17.9546 156.148 18.4773 158.125 19.5227C160.102 20.5455 161.671 21.7841 162.83 23.2387C163.989 24.6705 164.886 26.0228 165.523 27.2955H166.034V1.18184H178.409V71H166.273V62.75H165.523C164.886 64.0227 163.966 65.375 162.762 66.8068C161.557 68.2159 159.966 69.4205 157.989 70.4205C156.011 71.4205 153.523 71.9205 150.523 71.9205ZM153.966 61.7955C156.58 61.7955 158.807 61.0909 160.648 59.6818C162.489 58.25 163.887 56.2614 164.841 53.7159C165.796 51.1705 166.273 48.2046 166.273 44.8182C166.273 41.4318 165.796 38.4887 164.841 35.9887C163.909 33.4887 162.523 31.5455 160.682 30.1591C158.864 28.7728 156.625 28.0796 153.966 28.0796C151.216 28.0796 148.921 28.7955 147.08 30.2273C145.239 31.6591 143.852 33.6364 142.921 36.1591C141.989 38.6818 141.523 41.5682 141.523 44.8182C141.523 48.0909 141.989 51.0114 142.921 53.5796C143.875 56.125 145.273 58.1364 147.114 59.6137C148.977 61.0682 151.262 61.7955 153.966 61.7955Z" fill="black"/>
              <path d="M214.742 72.0228C209.492 72.0228 204.958 70.9318 201.139 68.75C197.344 66.5455 194.423 63.4318 192.378 59.4091C190.333 55.3637 189.31 50.6023 189.31 45.125C189.31 39.7387 190.333 35.0114 192.378 30.9432C194.446 26.8523 197.333 23.6705 201.037 21.3977C204.742 19.1023 209.094 17.9546 214.094 17.9546C217.321 17.9546 220.367 18.4773 223.23 19.5227C226.117 20.5455 228.662 22.1364 230.867 24.2955C233.094 26.4546 234.844 29.2046 236.117 32.5455C237.389 35.8637 238.026 39.8182 238.026 44.4091V48.1932H195.105V39.875H226.196C226.173 37.5114 225.662 35.4091 224.662 33.5682C223.662 31.7046 222.264 30.2387 220.469 29.1705C218.696 28.1023 216.628 27.5682 214.264 27.5682C211.742 27.5682 209.526 28.1818 207.617 29.4091C205.708 30.6137 204.219 32.2046 203.151 34.1818C202.105 36.1364 201.571 38.2841 201.548 40.625V47.8864C201.548 50.9318 202.105 53.5455 203.219 55.7273C204.333 57.8864 205.889 59.5455 207.889 60.7046C209.889 61.8409 212.23 62.4091 214.912 62.4091C216.708 62.4091 218.333 62.1591 219.787 61.6591C221.242 61.1364 222.503 60.375 223.571 59.375C224.639 58.375 225.446 57.1364 225.992 55.6591L237.514 56.9546C236.787 60 235.401 62.6591 233.355 64.9318C231.333 67.1818 228.742 68.9318 225.583 70.1818C222.423 71.4091 218.81 72.0228 214.742 72.0228Z" fill="black"/>
              <path d="M306.387 1.18184V71H295.137L262.239 23.4432H261.659V71H249.011V1.18184H260.33L293.193 48.7728H293.807V1.18184H306.387Z" fill="black"/>
              <path d="M320.168 71V1.18184H332.815V30.7387H365.168V1.18184H377.85V71H365.168V41.3409H332.815V71H320.168Z" fill="black"/>
              <path d="M406.128 72.0568C402.81 72.0568 399.821 71.4659 397.162 70.2841C394.526 69.0796 392.435 67.3068 390.889 64.9659C389.367 62.625 388.605 59.7387 388.605 56.3068C388.605 53.3523 389.151 50.9091 390.242 48.9773C391.333 47.0455 392.821 45.5 394.708 44.3409C396.594 43.1818 398.719 42.3068 401.083 41.7159C403.469 41.1023 405.935 40.6591 408.48 40.3864C411.548 40.0682 414.037 39.7841 415.946 39.5341C417.855 39.2614 419.242 38.8523 420.105 38.3068C420.992 37.7387 421.435 36.8637 421.435 35.6818V35.4773C421.435 32.9091 420.673 30.9205 419.151 29.5114C417.628 28.1023 415.435 27.3978 412.571 27.3978C409.548 27.3978 407.151 28.0568 405.378 29.375C403.628 30.6932 402.446 32.25 401.833 34.0455L390.31 32.4091C391.219 29.2273 392.719 26.5682 394.81 24.4318C396.901 22.2727 399.458 20.6591 402.48 19.5909C405.503 18.5 408.844 17.9546 412.503 17.9546C415.026 17.9546 417.537 18.25 420.037 18.8409C422.537 19.4318 424.821 20.4091 426.889 21.7727C428.958 23.1137 430.617 24.9432 431.867 27.2614C433.139 29.5796 433.776 32.4773 433.776 35.9546V71H421.912V63.8068H421.503C420.753 65.2614 419.696 66.625 418.333 67.8978C416.992 69.1478 415.298 70.1591 413.253 70.9318C411.23 71.6818 408.855 72.0568 406.128 72.0568ZM409.333 62.9887C411.81 62.9887 413.958 62.5 415.776 61.5228C417.594 60.5228 418.992 59.2046 419.969 57.5682C420.969 55.9318 421.469 54.1478 421.469 52.2159V46.0455C421.083 46.3637 420.423 46.6591 419.492 46.9318C418.583 47.2046 417.56 47.4432 416.423 47.6478C415.287 47.8523 414.162 48.0341 413.048 48.1932C411.935 48.3523 410.969 48.4887 410.151 48.6023C408.31 48.8523 406.662 49.2614 405.208 49.8296C403.753 50.3978 402.605 51.1932 401.764 52.2159C400.923 53.2159 400.503 54.5114 400.503 56.1023C400.503 58.375 401.333 60.0909 402.992 61.25C404.651 62.4091 406.764 62.9887 409.333 62.9887Z" fill="black"/>
              <path d="M446.185 71V18.6364H457.98V27.5341H458.594C459.685 24.5341 461.492 22.1932 464.014 20.5114C466.537 18.8068 469.548 17.9546 473.048 17.9546C476.594 17.9546 479.583 18.8182 482.014 20.5455C484.469 22.25 486.196 24.5796 487.196 27.5341H487.742C488.901 24.625 490.855 22.3068 493.605 20.5796C496.378 18.8296 499.662 17.9546 503.458 17.9546C508.276 17.9546 512.208 19.4773 515.253 22.5227C518.298 25.5682 519.821 30.0114 519.821 35.8523V71H507.446V37.7614C507.446 34.5114 506.583 32.1364 504.855 30.6364C503.128 29.1137 501.014 28.3523 498.514 28.3523C495.537 28.3523 493.208 29.2841 491.526 31.1478C489.867 32.9887 489.037 35.3864 489.037 38.3409V71H476.935V37.25C476.935 34.5455 476.117 32.3864 474.48 30.7728C472.867 29.1591 470.753 28.3523 468.139 28.3523C466.367 28.3523 464.753 28.8068 463.298 29.7159C461.844 30.6023 460.685 31.8637 459.821 33.5C458.958 35.1137 458.526 37 458.526 39.1591V71H446.185Z" fill="black"/>
              <path d="M532.341 71V18.6364H544.136V27.5341H544.75C545.841 24.5341 547.648 22.1932 550.171 20.5114C552.693 18.8068 555.705 17.9546 559.205 17.9546C562.75 17.9546 565.739 18.8182 568.171 20.5455C570.625 22.25 572.352 24.5796 573.352 27.5341H573.898C575.057 24.625 577.011 22.3068 579.761 20.5796C582.534 18.8296 585.818 17.9546 589.614 17.9546C594.432 17.9546 598.364 19.4773 601.409 22.5227C604.455 25.5682 605.977 30.0114 605.977 35.8523V71H593.602V37.7614C593.602 34.5114 592.739 32.1364 591.011 30.6364C589.284 29.1137 587.171 28.3523 584.671 28.3523C581.693 28.3523 579.364 29.2841 577.682 31.1478C576.023 32.9887 575.193 35.3864 575.193 38.3409V71H563.091V37.25C563.091 34.5455 562.273 32.3864 560.636 30.7728C559.023 29.1591 556.909 28.3523 554.296 28.3523C552.523 28.3523 550.909 28.8068 549.455 29.7159C548 30.6023 546.841 31.8637 545.977 33.5C545.114 35.1137 544.682 37 544.682 39.1591V71H532.341Z" fill="black"/>
              <path d="M641.679 72.0228C636.429 72.0228 631.895 70.9318 628.077 68.75C624.281 66.5455 621.361 63.4318 619.315 59.4091C617.27 55.3637 616.247 50.6023 616.247 45.125C616.247 39.7387 617.27 35.0114 619.315 30.9432C621.384 26.8523 624.27 23.6705 627.975 21.3977C631.679 19.1023 636.031 17.9546 641.031 17.9546C644.259 17.9546 647.304 18.4773 650.168 19.5227C653.054 20.5455 655.6 22.1364 657.804 24.2955C660.031 26.4546 661.781 29.2046 663.054 32.5455C664.327 35.8637 664.963 39.8182 664.963 44.4091V48.1932H622.043V39.875H653.134C653.111 37.5114 652.6 35.4091 651.6 33.5682C650.6 31.7046 649.202 30.2387 647.406 29.1705C645.634 28.1023 643.565 27.5682 641.202 27.5682C638.679 27.5682 636.463 28.1818 634.554 29.4091C632.645 30.6137 631.156 32.2046 630.088 34.1818C629.043 36.1364 628.509 38.2841 628.486 40.625V47.8864C628.486 50.9318 629.043 53.5455 630.156 55.7273C631.27 57.8864 632.827 59.5455 634.827 60.7046C636.827 61.8409 639.168 62.4091 641.85 62.4091C643.645 62.4091 645.27 62.1591 646.725 61.6591C648.179 61.1364 649.44 60.375 650.509 59.375C651.577 58.375 652.384 57.1364 652.929 55.6591L664.452 56.9546C663.725 60 662.338 62.6591 660.293 64.9318C658.27 67.1818 655.679 68.9318 652.52 70.1818C649.361 71.4091 645.747 72.0228 641.679 72.0228Z" fill="black"/>
              <path d="M675.404 71V18.6364H687.369V27.3637H687.915C688.869 24.3409 690.506 22.0114 692.824 20.375C695.165 18.7159 697.835 17.8864 700.835 17.8864C701.517 17.8864 702.279 17.9205 703.119 17.9887C703.983 18.0341 704.699 18.1137 705.267 18.2273V29.5796C704.744 29.3977 703.915 29.2387 702.779 29.1023C701.665 28.9432 700.585 28.8637 699.54 28.8637C697.29 28.8637 695.267 29.3523 693.472 30.3296C691.699 31.2841 690.301 32.6137 689.279 34.3182C688.256 36.0228 687.744 37.9887 687.744 40.2159V71H675.404Z" fill="black"/>
            </svg>
          </a>
  
          <button @click="mobileMenuOpen = false" type="button" class="-m-2.5 rounded-md p-2.5 text-neutral-800">
            <span class="sr-only">Close menu</span>
            <svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
            </svg>
          </button>
        </div>
  
        <div class="mt-6 flow-root border-t border-neutral-200">
  
          <div class="py-4">
            <div class="space-y-2 *:-mx-3 *:block *:px-3 *:py-2 *:font-medium *:leading-7 *:text-neutral-800">
              <a href="#" @click="mobileMenuOpen = false">Services</a>
              <a href="#" @click="mobileMenuOpen = false">About Us</a>
              <a href="#" @click="mobileMenuOpen = false">Portfolio</a>
              <a href="#" @click="mobileMenuOpen = false">Contact Us</a>
            </div>
          </div>
  
        </div>
  
      </div>
    </div>
    <!-- Mobile Navigation Ends -->
  
</header>

Navigation 2

Copied!
<header x-data="{ dropdownOpen: false, mobileMenuOpen: false, navigationMenuOpen: false, navigationMenu: '', navigationMenuCloseDelay: 200, navigationMenuCloseTimeout: null, servicesDropdownOpen: false, aboutUsDropdownOpen: false, navigationMenuLeave() { let that = this; this.navigationMenuCloseTimeout = setTimeout(() => { that.navigationMenuClose(); }, this.navigationMenuCloseDelay); }, navigationMenuReposition(navElement) { this.navigationMenuClearCloseTimeout(); this.$refs.navigationDropdown.style.left = navElement.offsetLeft + 'px'; this.$refs.navigationDropdown.style.marginLeft = (navElement.offsetWidth / 2) + 'px'; }, navigationMenuClearCloseTimeout() { clearTimeout(this.navigationMenuCloseTimeout); }, navigationMenuClose() { this.navigationMenuOpen = false; this.navigationMenu = ''; } }" class="relative border-b border-neutral-200">

    <!-- Desktop Navigation Starts -->
    <nav class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl p-6 lg:py-3 lg:px-8" aria-label="Global">
    
        <!-- Desktop Logo Starts -->
        <div class="flex items-center lg:flex">
            <a href="#">
                <svg class="w-44" width="706" viewBox="0 0 706 73" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M61.6479 24.7387H48.8979C48.5342 22.6477 47.8638 20.7955 46.8865 19.1818C45.9092 17.5455 44.6933 16.1591 43.2388 15.0227C41.7842 13.8864 40.1251 13.0341 38.2615 12.4659C36.4206 11.875 34.432 11.5796 32.2956 11.5796C28.5001 11.5796 25.1365 12.5341 22.2047 14.4432C19.2729 16.3296 16.9774 19.1023 15.3183 22.7614C13.6592 26.3978 12.8297 30.8409 12.8297 36.0909C12.8297 41.4318 13.6592 45.9318 15.3183 49.5909C17.0001 53.2273 19.2956 55.9773 22.2047 57.8409C25.1365 59.6818 28.4888 60.6023 32.2615 60.6023C34.3524 60.6023 36.307 60.3296 38.1251 59.7841C39.966 59.2159 41.6138 58.3864 43.0683 57.2955C44.5456 56.2046 45.7842 54.8637 46.7842 53.2728C47.807 51.6818 48.5115 49.8637 48.8979 47.8182L61.6479 47.8864C61.1706 51.2046 60.1365 54.3182 58.5456 57.2273C56.9774 60.1364 54.9206 62.7046 52.3751 64.9318C49.8297 67.1364 46.8524 68.8637 43.4433 70.1137C40.0342 71.3409 36.2501 71.9546 32.091 71.9546C25.9547 71.9546 20.4774 70.5341 15.6592 67.6932C10.841 64.8523 7.04559 60.75 4.27286 55.3864C1.50013 50.0227 0.11377 43.5909 0.11377 36.0909C0.11377 28.5682 1.5115 22.1364 4.30695 16.7955C7.10241 11.4318 10.9092 7.32957 15.7274 4.48866C20.5456 1.64775 26.0001 0.227295 32.091 0.227295C35.9774 0.227295 39.591 0.772749 42.932 1.86366C46.2729 2.95457 49.2501 4.55684 51.8638 6.67048C54.4774 8.76139 56.6251 11.3296 58.307 14.375C60.0115 17.3978 61.1251 20.8523 61.6479 24.7387Z" fill="black"/>
                    <path d="M95.5257 72.0228C90.4121 72.0228 85.9802 70.8978 82.2302 68.6478C78.4802 66.3978 75.5712 63.25 73.503 59.2046C71.4575 55.1591 70.4348 50.4318 70.4348 45.0228C70.4348 39.6137 71.4575 34.875 73.503 30.8068C75.5712 26.7387 78.4802 23.5796 82.2302 21.3296C85.9802 19.0796 90.4121 17.9546 95.5257 17.9546C100.639 17.9546 105.071 19.0796 108.821 21.3296C112.571 23.5796 115.469 26.7387 117.514 30.8068C119.583 34.875 120.617 39.6137 120.617 45.0228C120.617 50.4318 119.583 55.1591 117.514 59.2046C115.469 63.25 112.571 66.3978 108.821 68.6478C105.071 70.8978 100.639 72.0228 95.5257 72.0228ZM95.5939 62.1364C98.3666 62.1364 100.685 61.375 102.548 59.8523C104.412 58.3068 105.798 56.2387 106.708 53.6478C107.639 51.0568 108.105 48.1705 108.105 44.9887C108.105 41.7841 107.639 38.8864 106.708 36.2955C105.798 33.6818 104.412 31.6023 102.548 30.0568C100.685 28.5114 98.3666 27.7387 95.5939 27.7387C92.753 27.7387 90.3893 28.5114 88.503 30.0568C86.6393 31.6023 85.2416 33.6818 84.3098 36.2955C83.4007 38.8864 82.9462 41.7841 82.9462 44.9887C82.9462 48.1705 83.4007 51.0568 84.3098 53.6478C85.2416 56.2387 86.6393 58.3068 88.503 59.8523C90.3893 61.375 92.753 62.1364 95.5939 62.1364Z" fill="black"/>
                    <path d="M150.523 71.9205C146.409 71.9205 142.727 70.8637 139.477 68.75C136.227 66.6364 133.659 63.5682 131.773 59.5455C129.886 55.5228 128.943 50.6364 128.943 44.8864C128.943 39.0682 129.898 34.1591 131.807 30.1591C133.739 26.1364 136.341 23.1023 139.614 21.0568C142.886 18.9887 146.534 17.9546 150.557 17.9546C153.625 17.9546 156.148 18.4773 158.125 19.5227C160.102 20.5455 161.671 21.7841 162.83 23.2387C163.989 24.6705 164.886 26.0228 165.523 27.2955H166.034V1.18184H178.409V71H166.273V62.75H165.523C164.886 64.0227 163.966 65.375 162.762 66.8068C161.557 68.2159 159.966 69.4205 157.989 70.4205C156.011 71.4205 153.523 71.9205 150.523 71.9205ZM153.966 61.7955C156.58 61.7955 158.807 61.0909 160.648 59.6818C162.489 58.25 163.887 56.2614 164.841 53.7159C165.796 51.1705 166.273 48.2046 166.273 44.8182C166.273 41.4318 165.796 38.4887 164.841 35.9887C163.909 33.4887 162.523 31.5455 160.682 30.1591C158.864 28.7728 156.625 28.0796 153.966 28.0796C151.216 28.0796 148.921 28.7955 147.08 30.2273C145.239 31.6591 143.852 33.6364 142.921 36.1591C141.989 38.6818 141.523 41.5682 141.523 44.8182C141.523 48.0909 141.989 51.0114 142.921 53.5796C143.875 56.125 145.273 58.1364 147.114 59.6137C148.977 61.0682 151.262 61.7955 153.966 61.7955Z" fill="black"/>
                    <path d="M214.742 72.0228C209.492 72.0228 204.958 70.9318 201.139 68.75C197.344 66.5455 194.423 63.4318 192.378 59.4091C190.333 55.3637 189.31 50.6023 189.31 45.125C189.31 39.7387 190.333 35.0114 192.378 30.9432C194.446 26.8523 197.333 23.6705 201.037 21.3977C204.742 19.1023 209.094 17.9546 214.094 17.9546C217.321 17.9546 220.367 18.4773 223.23 19.5227C226.117 20.5455 228.662 22.1364 230.867 24.2955C233.094 26.4546 234.844 29.2046 236.117 32.5455C237.389 35.8637 238.026 39.8182 238.026 44.4091V48.1932H195.105V39.875H226.196C226.173 37.5114 225.662 35.4091 224.662 33.5682C223.662 31.7046 222.264 30.2387 220.469 29.1705C218.696 28.1023 216.628 27.5682 214.264 27.5682C211.742 27.5682 209.526 28.1818 207.617 29.4091C205.708 30.6137 204.219 32.2046 203.151 34.1818C202.105 36.1364 201.571 38.2841 201.548 40.625V47.8864C201.548 50.9318 202.105 53.5455 203.219 55.7273C204.333 57.8864 205.889 59.5455 207.889 60.7046C209.889 61.8409 212.23 62.4091 214.912 62.4091C216.708 62.4091 218.333 62.1591 219.787 61.6591C221.242 61.1364 222.503 60.375 223.571 59.375C224.639 58.375 225.446 57.1364 225.992 55.6591L237.514 56.9546C236.787 60 235.401 62.6591 233.355 64.9318C231.333 67.1818 228.742 68.9318 225.583 70.1818C222.423 71.4091 218.81 72.0228 214.742 72.0228Z" fill="black"/>
                    <path d="M306.387 1.18184V71H295.137L262.239 23.4432H261.659V71H249.011V1.18184H260.33L293.193 48.7728H293.807V1.18184H306.387Z" fill="black"/>
                    <path d="M320.168 71V1.18184H332.815V30.7387H365.168V1.18184H377.85V71H365.168V41.3409H332.815V71H320.168Z" fill="black"/>
                    <path d="M406.128 72.0568C402.81 72.0568 399.821 71.4659 397.162 70.2841C394.526 69.0796 392.435 67.3068 390.889 64.9659C389.367 62.625 388.605 59.7387 388.605 56.3068C388.605 53.3523 389.151 50.9091 390.242 48.9773C391.333 47.0455 392.821 45.5 394.708 44.3409C396.594 43.1818 398.719 42.3068 401.083 41.7159C403.469 41.1023 405.935 40.6591 408.48 40.3864C411.548 40.0682 414.037 39.7841 415.946 39.5341C417.855 39.2614 419.242 38.8523 420.105 38.3068C420.992 37.7387 421.435 36.8637 421.435 35.6818V35.4773C421.435 32.9091 420.673 30.9205 419.151 29.5114C417.628 28.1023 415.435 27.3978 412.571 27.3978C409.548 27.3978 407.151 28.0568 405.378 29.375C403.628 30.6932 402.446 32.25 401.833 34.0455L390.31 32.4091C391.219 29.2273 392.719 26.5682 394.81 24.4318C396.901 22.2727 399.458 20.6591 402.48 19.5909C405.503 18.5 408.844 17.9546 412.503 17.9546C415.026 17.9546 417.537 18.25 420.037 18.8409C422.537 19.4318 424.821 20.4091 426.889 21.7727C428.958 23.1137 430.617 24.9432 431.867 27.2614C433.139 29.5796 433.776 32.4773 433.776 35.9546V71H421.912V63.8068H421.503C420.753 65.2614 419.696 66.625 418.333 67.8978C416.992 69.1478 415.298 70.1591 413.253 70.9318C411.23 71.6818 408.855 72.0568 406.128 72.0568ZM409.333 62.9887C411.81 62.9887 413.958 62.5 415.776 61.5228C417.594 60.5228 418.992 59.2046 419.969 57.5682C420.969 55.9318 421.469 54.1478 421.469 52.2159V46.0455C421.083 46.3637 420.423 46.6591 419.492 46.9318C418.583 47.2046 417.56 47.4432 416.423 47.6478C415.287 47.8523 414.162 48.0341 413.048 48.1932C411.935 48.3523 410.969 48.4887 410.151 48.6023C408.31 48.8523 406.662 49.2614 405.208 49.8296C403.753 50.3978 402.605 51.1932 401.764 52.2159C400.923 53.2159 400.503 54.5114 400.503 56.1023C400.503 58.375 401.333 60.0909 402.992 61.25C404.651 62.4091 406.764 62.9887 409.333 62.9887Z" fill="black"/>
                    <path d="M446.185 71V18.6364H457.98V27.5341H458.594C459.685 24.5341 461.492 22.1932 464.014 20.5114C466.537 18.8068 469.548 17.9546 473.048 17.9546C476.594 17.9546 479.583 18.8182 482.014 20.5455C484.469 22.25 486.196 24.5796 487.196 27.5341H487.742C488.901 24.625 490.855 22.3068 493.605 20.5796C496.378 18.8296 499.662 17.9546 503.458 17.9546C508.276 17.9546 512.208 19.4773 515.253 22.5227C518.298 25.5682 519.821 30.0114 519.821 35.8523V71H507.446V37.7614C507.446 34.5114 506.583 32.1364 504.855 30.6364C503.128 29.1137 501.014 28.3523 498.514 28.3523C495.537 28.3523 493.208 29.2841 491.526 31.1478C489.867 32.9887 489.037 35.3864 489.037 38.3409V71H476.935V37.25C476.935 34.5455 476.117 32.3864 474.48 30.7728C472.867 29.1591 470.753 28.3523 468.139 28.3523C466.367 28.3523 464.753 28.8068 463.298 29.7159C461.844 30.6023 460.685 31.8637 459.821 33.5C458.958 35.1137 458.526 37 458.526 39.1591V71H446.185Z" fill="black"/>
                    <path d="M532.341 71V18.6364H544.136V27.5341H544.75C545.841 24.5341 547.648 22.1932 550.171 20.5114C552.693 18.8068 555.705 17.9546 559.205 17.9546C562.75 17.9546 565.739 18.8182 568.171 20.5455C570.625 22.25 572.352 24.5796 573.352 27.5341H573.898C575.057 24.625 577.011 22.3068 579.761 20.5796C582.534 18.8296 585.818 17.9546 589.614 17.9546C594.432 17.9546 598.364 19.4773 601.409 22.5227C604.455 25.5682 605.977 30.0114 605.977 35.8523V71H593.602V37.7614C593.602 34.5114 592.739 32.1364 591.011 30.6364C589.284 29.1137 587.171 28.3523 584.671 28.3523C581.693 28.3523 579.364 29.2841 577.682 31.1478C576.023 32.9887 575.193 35.3864 575.193 38.3409V71H563.091V37.25C563.091 34.5455 562.273 32.3864 560.636 30.7728C559.023 29.1591 556.909 28.3523 554.296 28.3523C552.523 28.3523 550.909 28.8068 549.455 29.7159C548 30.6023 546.841 31.8637 545.977 33.5C545.114 35.1137 544.682 37 544.682 39.1591V71H532.341Z" fill="black"/>
                    <path d="M641.679 72.0228C636.429 72.0228 631.895 70.9318 628.077 68.75C624.281 66.5455 621.361 63.4318 619.315 59.4091C617.27 55.3637 616.247 50.6023 616.247 45.125C616.247 39.7387 617.27 35.0114 619.315 30.9432C621.384 26.8523 624.27 23.6705 627.975 21.3977C631.679 19.1023 636.031 17.9546 641.031 17.9546C644.259 17.9546 647.304 18.4773 650.168 19.5227C653.054 20.5455 655.6 22.1364 657.804 24.2955C660.031 26.4546 661.781 29.2046 663.054 32.5455C664.327 35.8637 664.963 39.8182 664.963 44.4091V48.1932H622.043V39.875H653.134C653.111 37.5114 652.6 35.4091 651.6 33.5682C650.6 31.7046 649.202 30.2387 647.406 29.1705C645.634 28.1023 643.565 27.5682 641.202 27.5682C638.679 27.5682 636.463 28.1818 634.554 29.4091C632.645 30.6137 631.156 32.2046 630.088 34.1818C629.043 36.1364 628.509 38.2841 628.486 40.625V47.8864C628.486 50.9318 629.043 53.5455 630.156 55.7273C631.27 57.8864 632.827 59.5455 634.827 60.7046C636.827 61.8409 639.168 62.4091 641.85 62.4091C643.645 62.4091 645.27 62.1591 646.725 61.6591C648.179 61.1364 649.44 60.375 650.509 59.375C651.577 58.375 652.384 57.1364 652.929 55.6591L664.452 56.9546C663.725 60 662.338 62.6591 660.293 64.9318C658.27 67.1818 655.679 68.9318 652.52 70.1818C649.361 71.4091 645.747 72.0228 641.679 72.0228Z" fill="black"/>
                    <path d="M675.404 71V18.6364H687.369V27.3637H687.915C688.869 24.3409 690.506 22.0114 692.824 20.375C695.165 18.7159 697.835 17.8864 700.835 17.8864C701.517 17.8864 702.279 17.9205 703.119 17.9887C703.983 18.0341 704.699 18.1137 705.267 18.2273V29.5796C704.744 29.3977 703.915 29.2387 702.779 29.1023C701.665 28.9432 700.585 28.8637 699.54 28.8637C697.29 28.8637 695.267 29.3523 693.472 30.3296C691.699 31.2841 690.301 32.6137 689.279 34.3182C688.256 36.0228 687.744 37.9887 687.744 40.2159V71H675.404Z" fill="black"/>
                </svg>
            </a>
        </div>
        <!-- Desktop Logo Ends -->

        <!-- Hamburger Icon Starts -->
        <div class="flex lg:hidden">
            <button @click="mobileMenuOpen = true" type="button" class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-neutral-800">
                <span class="sr-only">Open main menu</span>
                <svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
                </svg>
            </button>
        </div>
        <!-- Hamburger Icon Ends -->

        <!-- Desktop Middle Links Start -->
        <div class="hidden lg:items-center lg:flex lg:gap-x-6 *:text-sm *:font-medium *:text-neutral-800">
            <button :class="{ 'bg-neutral-100' : navigationMenu=='getting-started', 'hover:bg-neutral-100' : navigationMenu!='getting-started' }" @mouseover="navigationMenuOpen=true; navigationMenuReposition($el); navigationMenu='getting-started'" @mouseleave="navigationMenuLeave()" class="inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium transition-colors rounded-md hover:text-neutral-900 focus:outline-none disabled:opacity-50 disabled:pointer-events-none group w-max">
                <span>Services</span>
                <svg :class="{ '-rotate-180' : navigationMenuOpen==true && navigationMenu == 'getting-started' }" class="relative top-[1px] ml-1 h-3 w-3 ease-out duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
            </button>

            <button :class="{ 'bg-neutral-100' : navigationMenu=='learn-more', 'hover:bg-neutral-100' : navigationMenu!='learn-more' }" @mouseover="navigationMenuOpen=true; navigationMenuReposition($el); navigationMenu='learn-more'" @mouseleave="navigationMenuLeave()" class="inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium transition-colors rounded-md hover:text-neutral-900 focus:outline-none disabled:opacity-50 disabled:pointer-events-none bg-background hover:bg-neutral-100 group w-max">
                <span>About Us</span>
                <svg :class="{ '-rotate-180' : navigationMenuOpen==true && navigationMenu == 'learn-more' }" class="relative top-[1px] ml-1 h-3 w-3 ease-out duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
            </button>

            <a href="#" class="px-3.5 py-3 rounded hover:bg-neutral-100">Portfolio</a>
            <a href="#" class="px-3.5 py-3 rounded hover:bg-neutral-100">Contact Us</a>
        </div>
        <!-- Desktop Middle Links End -->

        <!-- Dropdown Menu Container & Animation Start  -->
        <div x-ref="navigationDropdown" x-show="navigationMenuOpen"
            x-transition:enter="transition ease-out duration-100"
            x-transition:enter-start="opacity-0 scale-90"
            x-transition:enter-end="opacity-100 scale-100"
            x-transition:leave="transition ease-in duration-100"
            x-transition:leave-start="opacity-100 scale-100"
            x-transition:leave-end="opacity-0 scale-90"
            @mouseover="navigationMenuClearCloseTimeout()" 
            @mouseleave="navigationMenuLeave()"
            class="absolute z-50 top-0 pt-3 duration-200 ease-out -translate-x-1/2 translate-y-11" x-cloak>

            <div class="flex justify-center w-auto h-auto overflow-hidden bg-white border rounded-md shadow-sm border-neutral-200/70">
                <div x-show="navigationMenu == 'getting-started'" class="flex items-stretch justify-center w-full max-w-2xl p-6 gap-x-3">
                    <div class="w-72">
                        <a href="#" @click="navigationMenuClose()" class="flex space-x-2 px-3.5 py-3 text-sm rounded hover:bg-neutral-100">
                            <svg class="size-7" width="150" height="168" viewBox="0 0 150 168" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M150 121.5C150 124.667 148.25 127.417 145.583 128.833L79.75 165.833C78.4167 166.833 76.75 167.333 75 167.333C73.25 167.333 71.5834 166.833 70.25 165.833L4.41671 128.833C3.08011 128.132 1.96154 127.077 1.18278 125.784C0.404021 124.491 -0.00506896 123.009 4.74094e-05 121.5V46.5C4.74094e-05 43.3333 1.75005 40.5833 4.41671 39.1666L70.25 2.16663C71.5834 1.16663 73.25 0.666626 75 0.666626C76.75 0.666626 78.4167 1.16663 79.75 2.16663L145.583 39.1666C148.25 40.5833 150 43.3333 150 46.5V121.5ZM75 18.5833L16.6667 51.4166V116.583L75 149.417L133.333 116.583V51.4166L75 18.5833Z" fill="black"/>
                                <path d="M54.8352 78.3125H47.3693C47.233 77.3466 46.9545 76.4886 46.5341 75.7386C46.1136 74.9773 45.5739 74.3295 44.9148 73.7955C44.2557 73.2614 43.4943 72.8523 42.6307 72.5682C41.7784 72.2841 40.8523 72.142 39.8523 72.142C38.0455 72.142 36.4716 72.5909 35.1307 73.4886C33.7898 74.375 32.75 75.6705 32.0114 77.375C31.2727 79.0682 30.9034 81.125 30.9034 83.5455C30.9034 86.0341 31.2727 88.125 32.0114 89.8182C32.7614 91.5114 33.8068 92.7898 35.1477 93.6534C36.4886 94.517 38.0398 94.9489 39.8011 94.9489C40.7898 94.9489 41.7045 94.8182 42.5455 94.5568C43.3977 94.2955 44.1534 93.9148 44.8125 93.4148C45.4716 92.9034 46.017 92.2841 46.4489 91.5568C46.892 90.8295 47.1989 90 47.3693 89.0682L54.8352 89.1023C54.642 90.7045 54.1591 92.25 53.3864 93.7386C52.625 95.2159 51.5966 96.5398 50.3011 97.7102C49.017 98.8693 47.483 99.7898 45.6989 100.472C43.9261 101.142 41.9205 101.477 39.6818 101.477C36.5682 101.477 33.7841 100.773 31.3295 99.3636C28.8864 97.9545 26.9545 95.9148 25.5341 93.2443C24.125 90.5739 23.4205 87.3409 23.4205 83.5455C23.4205 79.7386 24.1364 76.5 25.5682 73.8295C27 71.1591 28.9432 69.125 31.3977 67.7273C33.8523 66.3182 36.6136 65.6136 39.6818 65.6136C41.7045 65.6136 43.5795 65.8977 45.3068 66.4659C47.0455 67.0341 48.5852 67.8636 49.9261 68.9545C51.267 70.0341 52.358 71.358 53.1989 72.9261C54.0511 74.4943 54.5966 76.2898 54.8352 78.3125Z" fill="black"/>
                                <path d="M89.3267 66.0909V101H82.9517L67.7642 79.0284H67.5085V101H60.1278V66.0909H66.6051L81.6733 88.0455H81.9801V66.0909H89.3267Z" fill="black"/>
                                <path d="M95.4247 101V66.0909H102.805V80.4943H117.788V66.0909H125.152V101H117.788V86.5795H102.805V101H95.4247Z" fill="black"/>
                            </svg>
                            <div>
                                <span class="block mb-1 font-medium text-black">Service 01</span>
                                <span class="block font-light leading-5 opacity-50">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
                            </div>
                        </a>
                        <a href="#" @click="navigationMenuClose()" class="flex space-x-2 px-3.5 py-3 text-sm rounded hover:bg-neutral-100">
                            <svg class="size-7" width="150" height="168" viewBox="0 0 150 168" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M150 121.5C150 124.667 148.25 127.417 145.583 128.833L79.75 165.833C78.4167 166.833 76.75 167.333 75 167.333C73.25 167.333 71.5834 166.833 70.25 165.833L4.41671 128.833C3.08011 128.132 1.96154 127.077 1.18278 125.784C0.404021 124.491 -0.00506896 123.009 4.74094e-05 121.5V46.5C4.74094e-05 43.3333 1.75005 40.5833 4.41671 39.1666L70.25 2.16663C71.5834 1.16663 73.25 0.666626 75 0.666626C76.75 0.666626 78.4167 1.16663 79.75 2.16663L145.583 39.1666C148.25 40.5833 150 43.3333 150 46.5V121.5ZM75 18.5833L16.6667 51.4166V116.583L75 149.417L133.333 116.583V51.4166L75 18.5833Z" fill="black"/>
                                <path d="M54.8352 78.3125H47.3693C47.233 77.3466 46.9545 76.4886 46.5341 75.7386C46.1136 74.9773 45.5739 74.3295 44.9148 73.7955C44.2557 73.2614 43.4943 72.8523 42.6307 72.5682C41.7784 72.2841 40.8523 72.142 39.8523 72.142C38.0455 72.142 36.4716 72.5909 35.1307 73.4886C33.7898 74.375 32.75 75.6705 32.0114 77.375C31.2727 79.0682 30.9034 81.125 30.9034 83.5455C30.9034 86.0341 31.2727 88.125 32.0114 89.8182C32.7614 91.5114 33.8068 92.7898 35.1477 93.6534C36.4886 94.517 38.0398 94.9489 39.8011 94.9489C40.7898 94.9489 41.7045 94.8182 42.5455 94.5568C43.3977 94.2955 44.1534 93.9148 44.8125 93.4148C45.4716 92.9034 46.017 92.2841 46.4489 91.5568C46.892 90.8295 47.1989 90 47.3693 89.0682L54.8352 89.1023C54.642 90.7045 54.1591 92.25 53.3864 93.7386C52.625 95.2159 51.5966 96.5398 50.3011 97.7102C49.017 98.8693 47.483 99.7898 45.6989 100.472C43.9261 101.142 41.9205 101.477 39.6818 101.477C36.5682 101.477 33.7841 100.773 31.3295 99.3636C28.8864 97.9545 26.9545 95.9148 25.5341 93.2443C24.125 90.5739 23.4205 87.3409 23.4205 83.5455C23.4205 79.7386 24.1364 76.5 25.5682 73.8295C27 71.1591 28.9432 69.125 31.3977 67.7273C33.8523 66.3182 36.6136 65.6136 39.6818 65.6136C41.7045 65.6136 43.5795 65.8977 45.3068 66.4659C47.0455 67.0341 48.5852 67.8636 49.9261 68.9545C51.267 70.0341 52.358 71.358 53.1989 72.9261C54.0511 74.4943 54.5966 76.2898 54.8352 78.3125Z" fill="black"/>
                                <path d="M89.3267 66.0909V101H82.9517L67.7642 79.0284H67.5085V101H60.1278V66.0909H66.6051L81.6733 88.0455H81.9801V66.0909H89.3267Z" fill="black"/>
                                <path d="M95.4247 101V66.0909H102.805V80.4943H117.788V66.0909H125.152V101H117.788V86.5795H102.805V101H95.4247Z" fill="black"/>
                            </svg>
                            <div>
                                <span class="block mb-1 font-medium text-black">Service 02</span>
                                <span class="block font-light leading-5 opacity-50">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
                            </div>
                        </a>
                        <a href="#" @click="navigationMenuClose()" class="flex space-x-2 px-3.5 py-3 text-sm rounded hover:bg-neutral-100">
                            <svg class="size-7" width="150" height="168" viewBox="0 0 150 168" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M150 121.5C150 124.667 148.25 127.417 145.583 128.833L79.75 165.833C78.4167 166.833 76.75 167.333 75 167.333C73.25 167.333 71.5834 166.833 70.25 165.833L4.41671 128.833C3.08011 128.132 1.96154 127.077 1.18278 125.784C0.404021 124.491 -0.00506896 123.009 4.74094e-05 121.5V46.5C4.74094e-05 43.3333 1.75005 40.5833 4.41671 39.1666L70.25 2.16663C71.5834 1.16663 73.25 0.666626 75 0.666626C76.75 0.666626 78.4167 1.16663 79.75 2.16663L145.583 39.1666C148.25 40.5833 150 43.3333 150 46.5V121.5ZM75 18.5833L16.6667 51.4166V116.583L75 149.417L133.333 116.583V51.4166L75 18.5833Z" fill="black"/>
                                <path d="M54.8352 78.3125H47.3693C47.233 77.3466 46.9545 76.4886 46.5341 75.7386C46.1136 74.9773 45.5739 74.3295 44.9148 73.7955C44.2557 73.2614 43.4943 72.8523 42.6307 72.5682C41.7784 72.2841 40.8523 72.142 39.8523 72.142C38.0455 72.142 36.4716 72.5909 35.1307 73.4886C33.7898 74.375 32.75 75.6705 32.0114 77.375C31.2727 79.0682 30.9034 81.125 30.9034 83.5455C30.9034 86.0341 31.2727 88.125 32.0114 89.8182C32.7614 91.5114 33.8068 92.7898 35.1477 93.6534C36.4886 94.517 38.0398 94.9489 39.8011 94.9489C40.7898 94.9489 41.7045 94.8182 42.5455 94.5568C43.3977 94.2955 44.1534 93.9148 44.8125 93.4148C45.4716 92.9034 46.017 92.2841 46.4489 91.5568C46.892 90.8295 47.1989 90 47.3693 89.0682L54.8352 89.1023C54.642 90.7045 54.1591 92.25 53.3864 93.7386C52.625 95.2159 51.5966 96.5398 50.3011 97.7102C49.017 98.8693 47.483 99.7898 45.6989 100.472C43.9261 101.142 41.9205 101.477 39.6818 101.477C36.5682 101.477 33.7841 100.773 31.3295 99.3636C28.8864 97.9545 26.9545 95.9148 25.5341 93.2443C24.125 90.5739 23.4205 87.3409 23.4205 83.5455C23.4205 79.7386 24.1364 76.5 25.5682 73.8295C27 71.1591 28.9432 69.125 31.3977 67.7273C33.8523 66.3182 36.6136 65.6136 39.6818 65.6136C41.7045 65.6136 43.5795 65.8977 45.3068 66.4659C47.0455 67.0341 48.5852 67.8636 49.9261 68.9545C51.267 70.0341 52.358 71.358 53.1989 72.9261C54.0511 74.4943 54.5966 76.2898 54.8352 78.3125Z" fill="black"/>
                                <path d="M89.3267 66.0909V101H82.9517L67.7642 79.0284H67.5085V101H60.1278V66.0909H66.6051L81.6733 88.0455H81.9801V66.0909H89.3267Z" fill="black"/>
                                <path d="M95.4247 101V66.0909H102.805V80.4943H117.788V66.0909H125.152V101H117.788V86.5795H102.805V101H95.4247Z" fill="black"/>
                            </svg>
                            <div>
                                <span class="block mb-1 font-medium text-black">Service 03</span>
                                <span class="block font-light leading-5 opacity-50">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
                            </div>
                        </a>
                    </div>
                    <div class="w-72">
                        <a href="#" @click="navigationMenuClose()" class="flex space-x-2 px-3.5 py-3 text-sm rounded hover:bg-neutral-100">
                            <svg class="size-7" width="150" height="168" viewBox="0 0 150 168" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M150 121.5C150 124.667 148.25 127.417 145.583 128.833L79.75 165.833C78.4167 166.833 76.75 167.333 75 167.333C73.25 167.333 71.5834 166.833 70.25 165.833L4.41671 128.833C3.08011 128.132 1.96154 127.077 1.18278 125.784C0.404021 124.491 -0.00506896 123.009 4.74094e-05 121.5V46.5C4.74094e-05 43.3333 1.75005 40.5833 4.41671 39.1666L70.25 2.16663C71.5834 1.16663 73.25 0.666626 75 0.666626C76.75 0.666626 78.4167 1.16663 79.75 2.16663L145.583 39.1666C148.25 40.5833 150 43.3333 150 46.5V121.5ZM75 18.5833L16.6667 51.4166V116.583L75 149.417L133.333 116.583V51.4166L75 18.5833Z" fill="black"/>
                                <path d="M54.8352 78.3125H47.3693C47.233 77.3466 46.9545 76.4886 46.5341 75.7386C46.1136 74.9773 45.5739 74.3295 44.9148 73.7955C44.2557 73.2614 43.4943 72.8523 42.6307 72.5682C41.7784 72.2841 40.8523 72.142 39.8523 72.142C38.0455 72.142 36.4716 72.5909 35.1307 73.4886C33.7898 74.375 32.75 75.6705 32.0114 77.375C31.2727 79.0682 30.9034 81.125 30.9034 83.5455C30.9034 86.0341 31.2727 88.125 32.0114 89.8182C32.7614 91.5114 33.8068 92.7898 35.1477 93.6534C36.4886 94.517 38.0398 94.9489 39.8011 94.9489C40.7898 94.9489 41.7045 94.8182 42.5455 94.5568C43.3977 94.2955 44.1534 93.9148 44.8125 93.4148C45.4716 92.9034 46.017 92.2841 46.4489 91.5568C46.892 90.8295 47.1989 90 47.3693 89.0682L54.8352 89.1023C54.642 90.7045 54.1591 92.25 53.3864 93.7386C52.625 95.2159 51.5966 96.5398 50.3011 97.7102C49.017 98.8693 47.483 99.7898 45.6989 100.472C43.9261 101.142 41.9205 101.477 39.6818 101.477C36.5682 101.477 33.7841 100.773 31.3295 99.3636C28.8864 97.9545 26.9545 95.9148 25.5341 93.2443C24.125 90.5739 23.4205 87.3409 23.4205 83.5455C23.4205 79.7386 24.1364 76.5 25.5682 73.8295C27 71.1591 28.9432 69.125 31.3977 67.7273C33.8523 66.3182 36.6136 65.6136 39.6818 65.6136C41.7045 65.6136 43.5795 65.8977 45.3068 66.4659C47.0455 67.0341 48.5852 67.8636 49.9261 68.9545C51.267 70.0341 52.358 71.358 53.1989 72.9261C54.0511 74.4943 54.5966 76.2898 54.8352 78.3125Z" fill="black"/>
                                <path d="M89.3267 66.0909V101H82.9517L67.7642 79.0284H67.5085V101H60.1278V66.0909H66.6051L81.6733 88.0455H81.9801V66.0909H89.3267Z" fill="black"/>
                                <path d="M95.4247 101V66.0909H102.805V80.4943H117.788V66.0909H125.152V101H117.788V86.5795H102.805V101H95.4247Z" fill="black"/>
                            </svg>
                            <div>
                                <span class="block mb-1 font-medium text-black">Service 04</span>
                                <span class="block font-light leading-5 opacity-50">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
                            </div>
                        </a>
                        <a href="#" @click="navigationMenuClose()" class="flex space-x-2 px-3.5 py-3 text-sm rounded hover:bg-neutral-100">
                            <svg class="size-7" width="150" height="168" viewBox="0 0 150 168" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M150 121.5C150 124.667 148.25 127.417 145.583 128.833L79.75 165.833C78.4167 166.833 76.75 167.333 75 167.333C73.25 167.333 71.5834 166.833 70.25 165.833L4.41671 128.833C3.08011 128.132 1.96154 127.077 1.18278 125.784C0.404021 124.491 -0.00506896 123.009 4.74094e-05 121.5V46.5C4.74094e-05 43.3333 1.75005 40.5833 4.41671 39.1666L70.25 2.16663C71.5834 1.16663 73.25 0.666626 75 0.666626C76.75 0.666626 78.4167 1.16663 79.75 2.16663L145.583 39.1666C148.25 40.5833 150 43.3333 150 46.5V121.5ZM75 18.5833L16.6667 51.4166V116.583L75 149.417L133.333 116.583V51.4166L75 18.5833Z" fill="black"/>
                                <path d="M54.8352 78.3125H47.3693C47.233 77.3466 46.9545 76.4886 46.5341 75.7386C46.1136 74.9773 45.5739 74.3295 44.9148 73.7955C44.2557 73.2614 43.4943 72.8523 42.6307 72.5682C41.7784 72.2841 40.8523 72.142 39.8523 72.142C38.0455 72.142 36.4716 72.5909 35.1307 73.4886C33.7898 74.375 32.75 75.6705 32.0114 77.375C31.2727 79.0682 30.9034 81.125 30.9034 83.5455C30.9034 86.0341 31.2727 88.125 32.0114 89.8182C32.7614 91.5114 33.8068 92.7898 35.1477 93.6534C36.4886 94.517 38.0398 94.9489 39.8011 94.9489C40.7898 94.9489 41.7045 94.8182 42.5455 94.5568C43.3977 94.2955 44.1534 93.9148 44.8125 93.4148C45.4716 92.9034 46.017 92.2841 46.4489 91.5568C46.892 90.8295 47.1989 90 47.3693 89.0682L54.8352 89.1023C54.642 90.7045 54.1591 92.25 53.3864 93.7386C52.625 95.2159 51.5966 96.5398 50.3011 97.7102C49.017 98.8693 47.483 99.7898 45.6989 100.472C43.9261 101.142 41.9205 101.477 39.6818 101.477C36.5682 101.477 33.7841 100.773 31.3295 99.3636C28.8864 97.9545 26.9545 95.9148 25.5341 93.2443C24.125 90.5739 23.4205 87.3409 23.4205 83.5455C23.4205 79.7386 24.1364 76.5 25.5682 73.8295C27 71.1591 28.9432 69.125 31.3977 67.7273C33.8523 66.3182 36.6136 65.6136 39.6818 65.6136C41.7045 65.6136 43.5795 65.8977 45.3068 66.4659C47.0455 67.0341 48.5852 67.8636 49.9261 68.9545C51.267 70.0341 52.358 71.358 53.1989 72.9261C54.0511 74.4943 54.5966 76.2898 54.8352 78.3125Z" fill="black"/>
                                <path d="M89.3267 66.0909V101H82.9517L67.7642 79.0284H67.5085V101H60.1278V66.0909H66.6051L81.6733 88.0455H81.9801V66.0909H89.3267Z" fill="black"/>
                                <path d="M95.4247 101V66.0909H102.805V80.4943H117.788V66.0909H125.152V101H117.788V86.5795H102.805V101H95.4247Z" fill="black"/>
                            </svg>
                            <div>
                                <span class="block mb-1 font-medium text-black">Service 05</span>
                                <span class="block font-light leading-5 opacity-50">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
                            </div>
                        </a>
                        <a href="#" @click="navigationMenuClose()" class="flex space-x-2 px-3.5 py-3 text-sm rounded hover:bg-neutral-100">
                            <svg class="size-7" width="150" height="168" viewBox="0 0 150 168" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M150 121.5C150 124.667 148.25 127.417 145.583 128.833L79.75 165.833C78.4167 166.833 76.75 167.333 75 167.333C73.25 167.333 71.5834 166.833 70.25 165.833L4.41671 128.833C3.08011 128.132 1.96154 127.077 1.18278 125.784C0.404021 124.491 -0.00506896 123.009 4.74094e-05 121.5V46.5C4.74094e-05 43.3333 1.75005 40.5833 4.41671 39.1666L70.25 2.16663C71.5834 1.16663 73.25 0.666626 75 0.666626C76.75 0.666626 78.4167 1.16663 79.75 2.16663L145.583 39.1666C148.25 40.5833 150 43.3333 150 46.5V121.5ZM75 18.5833L16.6667 51.4166V116.583L75 149.417L133.333 116.583V51.4166L75 18.5833Z" fill="black"/>
                                <path d="M54.8352 78.3125H47.3693C47.233 77.3466 46.9545 76.4886 46.5341 75.7386C46.1136 74.9773 45.5739 74.3295 44.9148 73.7955C44.2557 73.2614 43.4943 72.8523 42.6307 72.5682C41.7784 72.2841 40.8523 72.142 39.8523 72.142C38.0455 72.142 36.4716 72.5909 35.1307 73.4886C33.7898 74.375 32.75 75.6705 32.0114 77.375C31.2727 79.0682 30.9034 81.125 30.9034 83.5455C30.9034 86.0341 31.2727 88.125 32.0114 89.8182C32.7614 91.5114 33.8068 92.7898 35.1477 93.6534C36.4886 94.517 38.0398 94.9489 39.8011 94.9489C40.7898 94.9489 41.7045 94.8182 42.5455 94.5568C43.3977 94.2955 44.1534 93.9148 44.8125 93.4148C45.4716 92.9034 46.017 92.2841 46.4489 91.5568C46.892 90.8295 47.1989 90 47.3693 89.0682L54.8352 89.1023C54.642 90.7045 54.1591 92.25 53.3864 93.7386C52.625 95.2159 51.5966 96.5398 50.3011 97.7102C49.017 98.8693 47.483 99.7898 45.6989 100.472C43.9261 101.142 41.9205 101.477 39.6818 101.477C36.5682 101.477 33.7841 100.773 31.3295 99.3636C28.8864 97.9545 26.9545 95.9148 25.5341 93.2443C24.125 90.5739 23.4205 87.3409 23.4205 83.5455C23.4205 79.7386 24.1364 76.5 25.5682 73.8295C27 71.1591 28.9432 69.125 31.3977 67.7273C33.8523 66.3182 36.6136 65.6136 39.6818 65.6136C41.7045 65.6136 43.5795 65.8977 45.3068 66.4659C47.0455 67.0341 48.5852 67.8636 49.9261 68.9545C51.267 70.0341 52.358 71.358 53.1989 72.9261C54.0511 74.4943 54.5966 76.2898 54.8352 78.3125Z" fill="black"/>
                                <path d="M89.3267 66.0909V101H82.9517L67.7642 79.0284H67.5085V101H60.1278V66.0909H66.6051L81.6733 88.0455H81.9801V66.0909H89.3267Z" fill="black"/>
                                <path d="M95.4247 101V66.0909H102.805V80.4943H117.788V66.0909H125.152V101H117.788V86.5795H102.805V101H95.4247Z" fill="black"/>
                            </svg>
                            <div>
                                <span class="block mb-1 font-medium text-black">Service 06</span>
                                <span class="block font-light leading-5 opacity-50">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
                            </div>
                        </a>
                    </div>
                </div>

                <div x-show="navigationMenu == 'learn-more'" class="flex items-stretch justify-center w-full p-6">
                    <div class="w-72">
                        <a href="#" @click="navigationMenuClose()" class="block px-3.5 py-3 text-sm rounded hover:bg-neutral-100">
                            <span class="block mb-1 font-medium text-black">Who We Are</span>
                            <span class="block font-light leading-5 opacity-50">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
                        </a>
                        <a href="#" @click="navigationMenuClose()" class="block px-3.5 py-3 text-sm rounded hover:bg-neutral-100">
                            <span class="block mb-1 font-medium text-black">Careers</span>
                            <span class="block font-light leading-5 opacity-50">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Dropdown Menu Container & Animation End -->

        <!-- Desktop Right Links Start -->
        <div class="hidden lg:items-center lg:flex lg:gap-x-12">
            <a href="#" class="text-neutral-800 text-sm font-medium">(123) 456-7890</a>
            <a href="#" class="w-full md:w-auto cursor-pointer inline-flex items-center justify-center px-4 py-2 text-sm text-center font-medium tracking-wide transition-colors duration-100 border-2 border-neutral-900 text-neutral-50 rounded-md bg-neutral-900 hover:bg-neutral-900 hover:border-neutral-900">
                Get Quote
            </a>
        </div>
        <!-- Desktop Right Links Ends -->
        
    </nav>
    <!-- Desktop Navigation Ends -->
    
    <!-- Mobile Navigation Starts -->
    <div x-description="Mobile menu, show/hide based on mobile menu state." x-show="mobileMenuOpen" class="lg:hidden" role="dialog" aria-modal="true">
        <div class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
    
            <!-- Logo & Close Button Container Start -->
            <div class="flex items-center justify-between">
                <a href="#">
                    <svg class="w-44" width="706" viewBox="0 0 706 73" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M61.6479 24.7387H48.8979C48.5342 22.6477 47.8638 20.7955 46.8865 19.1818C45.9092 17.5455 44.6933 16.1591 43.2388 15.0227C41.7842 13.8864 40.1251 13.0341 38.2615 12.4659C36.4206 11.875 34.432 11.5796 32.2956 11.5796C28.5001 11.5796 25.1365 12.5341 22.2047 14.4432C19.2729 16.3296 16.9774 19.1023 15.3183 22.7614C13.6592 26.3978 12.8297 30.8409 12.8297 36.0909C12.8297 41.4318 13.6592 45.9318 15.3183 49.5909C17.0001 53.2273 19.2956 55.9773 22.2047 57.8409C25.1365 59.6818 28.4888 60.6023 32.2615 60.6023C34.3524 60.6023 36.307 60.3296 38.1251 59.7841C39.966 59.2159 41.6138 58.3864 43.0683 57.2955C44.5456 56.2046 45.7842 54.8637 46.7842 53.2728C47.807 51.6818 48.5115 49.8637 48.8979 47.8182L61.6479 47.8864C61.1706 51.2046 60.1365 54.3182 58.5456 57.2273C56.9774 60.1364 54.9206 62.7046 52.3751 64.9318C49.8297 67.1364 46.8524 68.8637 43.4433 70.1137C40.0342 71.3409 36.2501 71.9546 32.091 71.9546C25.9547 71.9546 20.4774 70.5341 15.6592 67.6932C10.841 64.8523 7.04559 60.75 4.27286 55.3864C1.50013 50.0227 0.11377 43.5909 0.11377 36.0909C0.11377 28.5682 1.5115 22.1364 4.30695 16.7955C7.10241 11.4318 10.9092 7.32957 15.7274 4.48866C20.5456 1.64775 26.0001 0.227295 32.091 0.227295C35.9774 0.227295 39.591 0.772749 42.932 1.86366C46.2729 2.95457 49.2501 4.55684 51.8638 6.67048C54.4774 8.76139 56.6251 11.3296 58.307 14.375C60.0115 17.3978 61.1251 20.8523 61.6479 24.7387Z" fill="black"/>
                        <path d="M95.5257 72.0228C90.4121 72.0228 85.9802 70.8978 82.2302 68.6478C78.4802 66.3978 75.5712 63.25 73.503 59.2046C71.4575 55.1591 70.4348 50.4318 70.4348 45.0228C70.4348 39.6137 71.4575 34.875 73.503 30.8068C75.5712 26.7387 78.4802 23.5796 82.2302 21.3296C85.9802 19.0796 90.4121 17.9546 95.5257 17.9546C100.639 17.9546 105.071 19.0796 108.821 21.3296C112.571 23.5796 115.469 26.7387 117.514 30.8068C119.583 34.875 120.617 39.6137 120.617 45.0228C120.617 50.4318 119.583 55.1591 117.514 59.2046C115.469 63.25 112.571 66.3978 108.821 68.6478C105.071 70.8978 100.639 72.0228 95.5257 72.0228ZM95.5939 62.1364C98.3666 62.1364 100.685 61.375 102.548 59.8523C104.412 58.3068 105.798 56.2387 106.708 53.6478C107.639 51.0568 108.105 48.1705 108.105 44.9887C108.105 41.7841 107.639 38.8864 106.708 36.2955C105.798 33.6818 104.412 31.6023 102.548 30.0568C100.685 28.5114 98.3666 27.7387 95.5939 27.7387C92.753 27.7387 90.3893 28.5114 88.503 30.0568C86.6393 31.6023 85.2416 33.6818 84.3098 36.2955C83.4007 38.8864 82.9462 41.7841 82.9462 44.9887C82.9462 48.1705 83.4007 51.0568 84.3098 53.6478C85.2416 56.2387 86.6393 58.3068 88.503 59.8523C90.3893 61.375 92.753 62.1364 95.5939 62.1364Z" fill="black"/>
                        <path d="M150.523 71.9205C146.409 71.9205 142.727 70.8637 139.477 68.75C136.227 66.6364 133.659 63.5682 131.773 59.5455C129.886 55.5228 128.943 50.6364 128.943 44.8864C128.943 39.0682 129.898 34.1591 131.807 30.1591C133.739 26.1364 136.341 23.1023 139.614 21.0568C142.886 18.9887 146.534 17.9546 150.557 17.9546C153.625 17.9546 156.148 18.4773 158.125 19.5227C160.102 20.5455 161.671 21.7841 162.83 23.2387C163.989 24.6705 164.886 26.0228 165.523 27.2955H166.034V1.18184H178.409V71H166.273V62.75H165.523C164.886 64.0227 163.966 65.375 162.762 66.8068C161.557 68.2159 159.966 69.4205 157.989 70.4205C156.011 71.4205 153.523 71.9205 150.523 71.9205ZM153.966 61.7955C156.58 61.7955 158.807 61.0909 160.648 59.6818C162.489 58.25 163.887 56.2614 164.841 53.7159C165.796 51.1705 166.273 48.2046 166.273 44.8182C166.273 41.4318 165.796 38.4887 164.841 35.9887C163.909 33.4887 162.523 31.5455 160.682 30.1591C158.864 28.7728 156.625 28.0796 153.966 28.0796C151.216 28.0796 148.921 28.7955 147.08 30.2273C145.239 31.6591 143.852 33.6364 142.921 36.1591C141.989 38.6818 141.523 41.5682 141.523 44.8182C141.523 48.0909 141.989 51.0114 142.921 53.5796C143.875 56.125 145.273 58.1364 147.114 59.6137C148.977 61.0682 151.262 61.7955 153.966 61.7955Z" fill="black"/>
                        <path d="M214.742 72.0228C209.492 72.0228 204.958 70.9318 201.139 68.75C197.344 66.5455 194.423 63.4318 192.378 59.4091C190.333 55.3637 189.31 50.6023 189.31 45.125C189.31 39.7387 190.333 35.0114 192.378 30.9432C194.446 26.8523 197.333 23.6705 201.037 21.3977C204.742 19.1023 209.094 17.9546 214.094 17.9546C217.321 17.9546 220.367 18.4773 223.23 19.5227C226.117 20.5455 228.662 22.1364 230.867 24.2955C233.094 26.4546 234.844 29.2046 236.117 32.5455C237.389 35.8637 238.026 39.8182 238.026 44.4091V48.1932H195.105V39.875H226.196C226.173 37.5114 225.662 35.4091 224.662 33.5682C223.662 31.7046 222.264 30.2387 220.469 29.1705C218.696 28.1023 216.628 27.5682 214.264 27.5682C211.742 27.5682 209.526 28.1818 207.617 29.4091C205.708 30.6137 204.219 32.2046 203.151 34.1818C202.105 36.1364 201.571 38.2841 201.548 40.625V47.8864C201.548 50.9318 202.105 53.5455 203.219 55.7273C204.333 57.8864 205.889 59.5455 207.889 60.7046C209.889 61.8409 212.23 62.4091 214.912 62.4091C216.708 62.4091 218.333 62.1591 219.787 61.6591C221.242 61.1364 222.503 60.375 223.571 59.375C224.639 58.375 225.446 57.1364 225.992 55.6591L237.514 56.9546C236.787 60 235.401 62.6591 233.355 64.9318C231.333 67.1818 228.742 68.9318 225.583 70.1818C222.423 71.4091 218.81 72.0228 214.742 72.0228Z" fill="black"/>
                        <path d="M306.387 1.18184V71H295.137L262.239 23.4432H261.659V71H249.011V1.18184H260.33L293.193 48.7728H293.807V1.18184H306.387Z" fill="black"/>
                        <path d="M320.168 71V1.18184H332.815V30.7387H365.168V1.18184H377.85V71H365.168V41.3409H332.815V71H320.168Z" fill="black"/>
                        <path d="M406.128 72.0568C402.81 72.0568 399.821 71.4659 397.162 70.2841C394.526 69.0796 392.435 67.3068 390.889 64.9659C389.367 62.625 388.605 59.7387 388.605 56.3068C388.605 53.3523 389.151 50.9091 390.242 48.9773C391.333 47.0455 392.821 45.5 394.708 44.3409C396.594 43.1818 398.719 42.3068 401.083 41.7159C403.469 41.1023 405.935 40.6591 408.48 40.3864C411.548 40.0682 414.037 39.7841 415.946 39.5341C417.855 39.2614 419.242 38.8523 420.105 38.3068C420.992 37.7387 421.435 36.8637 421.435 35.6818V35.4773C421.435 32.9091 420.673 30.9205 419.151 29.5114C417.628 28.1023 415.435 27.3978 412.571 27.3978C409.548 27.3978 407.151 28.0568 405.378 29.375C403.628 30.6932 402.446 32.25 401.833 34.0455L390.31 32.4091C391.219 29.2273 392.719 26.5682 394.81 24.4318C396.901 22.2727 399.458 20.6591 402.48 19.5909C405.503 18.5 408.844 17.9546 412.503 17.9546C415.026 17.9546 417.537 18.25 420.037 18.8409C422.537 19.4318 424.821 20.4091 426.889 21.7727C428.958 23.1137 430.617 24.9432 431.867 27.2614C433.139 29.5796 433.776 32.4773 433.776 35.9546V71H421.912V63.8068H421.503C420.753 65.2614 419.696 66.625 418.333 67.8978C416.992 69.1478 415.298 70.1591 413.253 70.9318C411.23 71.6818 408.855 72.0568 406.128 72.0568ZM409.333 62.9887C411.81 62.9887 413.958 62.5 415.776 61.5228C417.594 60.5228 418.992 59.2046 419.969 57.5682C420.969 55.9318 421.469 54.1478 421.469 52.2159V46.0455C421.083 46.3637 420.423 46.6591 419.492 46.9318C418.583 47.2046 417.56 47.4432 416.423 47.6478C415.287 47.8523 414.162 48.0341 413.048 48.1932C411.935 48.3523 410.969 48.4887 410.151 48.6023C408.31 48.8523 406.662 49.2614 405.208 49.8296C403.753 50.3978 402.605 51.1932 401.764 52.2159C400.923 53.2159 400.503 54.5114 400.503 56.1023C400.503 58.375 401.333 60.0909 402.992 61.25C404.651 62.4091 406.764 62.9887 409.333 62.9887Z" fill="black"/>
                        <path d="M446.185 71V18.6364H457.98V27.5341H458.594C459.685 24.5341 461.492 22.1932 464.014 20.5114C466.537 18.8068 469.548 17.9546 473.048 17.9546C476.594 17.9546 479.583 18.8182 482.014 20.5455C484.469 22.25 486.196 24.5796 487.196 27.5341H487.742C488.901 24.625 490.855 22.3068 493.605 20.5796C496.378 18.8296 499.662 17.9546 503.458 17.9546C508.276 17.9546 512.208 19.4773 515.253 22.5227C518.298 25.5682 519.821 30.0114 519.821 35.8523V71H507.446V37.7614C507.446 34.5114 506.583 32.1364 504.855 30.6364C503.128 29.1137 501.014 28.3523 498.514 28.3523C495.537 28.3523 493.208 29.2841 491.526 31.1478C489.867 32.9887 489.037 35.3864 489.037 38.3409V71H476.935V37.25C476.935 34.5455 476.117 32.3864 474.48 30.7728C472.867 29.1591 470.753 28.3523 468.139 28.3523C466.367 28.3523 464.753 28.8068 463.298 29.7159C461.844 30.6023 460.685 31.8637 459.821 33.5C458.958 35.1137 458.526 37 458.526 39.1591V71H446.185Z" fill="black"/>
                        <path d="M532.341 71V18.6364H544.136V27.5341H544.75C545.841 24.5341 547.648 22.1932 550.171 20.5114C552.693 18.8068 555.705 17.9546 559.205 17.9546C562.75 17.9546 565.739 18.8182 568.171 20.5455C570.625 22.25 572.352 24.5796 573.352 27.5341H573.898C575.057 24.625 577.011 22.3068 579.761 20.5796C582.534 18.8296 585.818 17.9546 589.614 17.9546C594.432 17.9546 598.364 19.4773 601.409 22.5227C604.455 25.5682 605.977 30.0114 605.977 35.8523V71H593.602V37.7614C593.602 34.5114 592.739 32.1364 591.011 30.6364C589.284 29.1137 587.171 28.3523 584.671 28.3523C581.693 28.3523 579.364 29.2841 577.682 31.1478C576.023 32.9887 575.193 35.3864 575.193 38.3409V71H563.091V37.25C563.091 34.5455 562.273 32.3864 560.636 30.7728C559.023 29.1591 556.909 28.3523 554.296 28.3523C552.523 28.3523 550.909 28.8068 549.455 29.7159C548 30.6023 546.841 31.8637 545.977 33.5C545.114 35.1137 544.682 37 544.682 39.1591V71H532.341Z" fill="black"/>
                        <path d="M641.679 72.0228C636.429 72.0228 631.895 70.9318 628.077 68.75C624.281 66.5455 621.361 63.4318 619.315 59.4091C617.27 55.3637 616.247 50.6023 616.247 45.125C616.247 39.7387 617.27 35.0114 619.315 30.9432C621.384 26.8523 624.27 23.6705 627.975 21.3977C631.679 19.1023 636.031 17.9546 641.031 17.9546C644.259 17.9546 647.304 18.4773 650.168 19.5227C653.054 20.5455 655.6 22.1364 657.804 24.2955C660.031 26.4546 661.781 29.2046 663.054 32.5455C664.327 35.8637 664.963 39.8182 664.963 44.4091V48.1932H622.043V39.875H653.134C653.111 37.5114 652.6 35.4091 651.6 33.5682C650.6 31.7046 649.202 30.2387 647.406 29.1705C645.634 28.1023 643.565 27.5682 641.202 27.5682C638.679 27.5682 636.463 28.1818 634.554 29.4091C632.645 30.6137 631.156 32.2046 630.088 34.1818C629.043 36.1364 628.509 38.2841 628.486 40.625V47.8864C628.486 50.9318 629.043 53.5455 630.156 55.7273C631.27 57.8864 632.827 59.5455 634.827 60.7046C636.827 61.8409 639.168 62.4091 641.85 62.4091C643.645 62.4091 645.27 62.1591 646.725 61.6591C648.179 61.1364 649.44 60.375 650.509 59.375C651.577 58.375 652.384 57.1364 652.929 55.6591L664.452 56.9546C663.725 60 662.338 62.6591 660.293 64.9318C658.27 67.1818 655.679 68.9318 652.52 70.1818C649.361 71.4091 645.747 72.0228 641.679 72.0228Z" fill="black"/>
                        <path d="M675.404 71V18.6364H687.369V27.3637H687.915C688.869 24.3409 690.506 22.0114 692.824 20.375C695.165 18.7159 697.835 17.8864 700.835 17.8864C701.517 17.8864 702.279 17.9205 703.119 17.9887C703.983 18.0341 704.699 18.1137 705.267 18.2273V29.5796C704.744 29.3977 703.915 29.2387 702.779 29.1023C701.665 28.9432 700.585 28.8637 699.54 28.8637C697.29 28.8637 695.267 29.3523 693.472 30.3296C691.699 31.2841 690.301 32.6137 689.279 34.3182C688.256 36.0228 687.744 37.9887 687.744 40.2159V71H675.404Z" fill="black"/>
                    </svg>
                </a>
                <button @click="mobileMenuOpen = false" type="button" class="-m-2.5 rounded-md p-2.5 text-neutral-800">
                    <span class="sr-only">Close menu</span>
                    <svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>
            </div>
            <!-- Logo & Close Button Container End -->
    
            <!-- Mobile Links Container Start -->
            <div class="mt-6 flow-root border-t border-neutral-200">
                <div class="py-4">
                    <div class="space-y-2 grid grid-cols-1">

                        <!-- Services Dropdown Start -->
                        <div x-data="{ open: false }">
                            <button @click="open = !open" class="flex items-center justify-between w-full py-2 font-medium text-neutral-900">
                                Services
                                <svg :class="{ 'rotate-180': open }" class="w-5 h-5 transform transition-transform" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                                </svg>
                            </button>
                            <div x-show="open" class="mt-2 space-y-2">
                                <a href="#" class="block px-3 py-2 text-neutral-900">Service 1</a>
                                <a href="#" class="block px-3 py-2 text-neutral-900">Service 2</a>
                                <a href="#" class="block px-3 py-2 text-neutral-900">Service 3</a>
                                <a href="#" class="block px-3 py-2 text-neutral-900">Service 4</a>
                                <a href="#" class="block px-3 py-2 text-neutral-900">Service 5</a>
                                <a href="#" class="block px-3 py-2 text-neutral-900">Service 6</a>
                            </div>
                        </div>
                        <!-- Services Dropdown End -->

                        <!-- About Us Dropdown Start -->
                        <div x-data="{ open: false }">
                            <button @click="open = !open" class="flex items-center justify-between w-full py-2 font-medium text-neutral-900">
                                About Us
                                <svg :class="{ 'rotate-180': open }" class="w-5 h-5 transform transition-transform" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                                </svg>
                            </button>
                            <div x-show="open" class="mt-2 space-y-2">
                                <a href="#" class="block px-3 py-2 text-neutral-900">Who We Are</a>
                                <a href="#" class="block px-3 py-2 text-neutral-900">Careers</a>
                            </div>
                        </div>
                        <!-- About Us Dropdown End -->

                        <a href="#" @click="mobileMenuOpen = false" class="py-2 font-medium text-neutral-900">Portfolio</a>
                        <a href="#" @click="mobileMenuOpen = false" class="py-2 font-medium text-neutral-900">Contact Us</a>
                    </div>
                </div>

                <!-- Divider -->
                <hr class="mx-auto border-neutral-200">

                <div class="py-4">
                    <div class="space-y-2">
                        <a href="#" class="text-neutral-800 text-sm font-medium">(123) 456-7890</a>
                        <a href="#" class="w-full md:w-auto cursor-pointer inline-flex items-center justify-center px-4 py-2 text-sm text-center font-medium tracking-wide transition-colors duration-100 border-2 border-neutral-900 text-neutral-50 rounded-md bg-neutral-900 hover:bg-neutral-900 hover:border-neutral-900">
                            Get Quote
                        </a>
                    </div>
                </div>
            </div>
            <!-- Mobile Links Container End -->
    
        </div>
    </div>
    <!-- Mobile Navigation Ends -->

</header>

Navigation 3

Copied!
<header x-data="{ mobileMenuOpen: false }" class="relative border-b border-neutral-200">

    <!-- Desktop Navigation Starts -->
    <nav class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl p-6 lg:py-3 lg:px-8" aria-label="Global">

        <!-- Desktop Logo Starts -->
        <div class="flex items-center lg:flex">
            <a href="#">
                <svg class="w-44" width="706" viewBox="0 0 706 73" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M61.6479 24.7387H48.8979C48.5342 22.6477 47.8638 20.7955 46.8865 19.1818C45.9092 17.5455 44.6933 16.1591 43.2388 15.0227C41.7842 13.8864 40.1251 13.0341 38.2615 12.4659C36.4206 11.875 34.432 11.5796 32.2956 11.5796C28.5001 11.5796 25.1365 12.5341 22.2047 14.4432C19.2729 16.3296 16.9774 19.1023 15.3183 22.7614C13.6592 26.3978 12.8297 30.8409 12.8297 36.0909C12.8297 41.4318 13.6592 45.9318 15.3183 49.5909C17.0001 53.2273 19.2956 55.9773 22.2047 57.8409C25.1365 59.6818 28.4888 60.6023 32.2615 60.6023C34.3524 60.6023 36.307 60.3296 38.1251 59.7841C39.966 59.2159 41.6138 58.3864 43.0683 57.2955C44.5456 56.2046 45.7842 54.8637 46.7842 53.2728C47.807 51.6818 48.5115 49.8637 48.8979 47.8182L61.6479 47.8864C61.1706 51.2046 60.1365 54.3182 58.5456 57.2273C56.9774 60.1364 54.9206 62.7046 52.3751 64.9318C49.8297 67.1364 46.8524 68.8637 43.4433 70.1137C40.0342 71.3409 36.2501 71.9546 32.091 71.9546C25.9547 71.9546 20.4774 70.5341 15.6592 67.6932C10.841 64.8523 7.04559 60.75 4.27286 55.3864C1.50013 50.0227 0.11377 43.5909 0.11377 36.0909C0.11377 28.5682 1.5115 22.1364 4.30695 16.7955C7.10241 11.4318 10.9092 7.32957 15.7274 4.48866C20.5456 1.64775 26.0001 0.227295 32.091 0.227295C35.9774 0.227295 39.591 0.772749 42.932 1.86366C46.2729 2.95457 49.2501 4.55684 51.8638 6.67048C54.4774 8.76139 56.6251 11.3296 58.307 14.375C60.0115 17.3978 61.1251 20.8523 61.6479 24.7387Z" fill="black"/>
                    <path d="M95.5257 72.0228C90.4121 72.0228 85.9802 70.8978 82.2302 68.6478C78.4802 66.3978 75.5712 63.25 73.503 59.2046C71.4575 55.1591 70.4348 50.4318 70.4348 45.0228C70.4348 39.6137 71.4575 34.875 73.503 30.8068C75.5712 26.7387 78.4802 23.5796 82.2302 21.3296C85.9802 19.0796 90.4121 17.9546 95.5257 17.9546C100.639 17.9546 105.071 19.0796 108.821 21.3296C112.571 23.5796 115.469 26.7387 117.514 30.8068C119.583 34.875 120.617 39.6137 120.617 45.0228C120.617 50.4318 119.583 55.1591 117.514 59.2046C115.469 63.25 112.571 66.3978 108.821 68.6478C105.071 70.8978 100.639 72.0228 95.5257 72.0228ZM95.5939 62.1364C98.3666 62.1364 100.685 61.375 102.548 59.8523C104.412 58.3068 105.798 56.2387 106.708 53.6478C107.639 51.0568 108.105 48.1705 108.105 44.9887C108.105 41.7841 107.639 38.8864 106.708 36.2955C105.798 33.6818 104.412 31.6023 102.548 30.0568C100.685 28.5114 98.3666 27.7387 95.5939 27.7387C92.753 27.7387 90.3893 28.5114 88.503 30.0568C86.6393 31.6023 85.2416 33.6818 84.3098 36.2955C83.4007 38.8864 82.9462 41.7841 82.9462 44.9887C82.9462 48.1705 83.4007 51.0568 84.3098 53.6478C85.2416 56.2387 86.6393 58.3068 88.503 59.8523C90.3893 61.375 92.753 62.1364 95.5939 62.1364Z" fill="black"/>
                    <path d="M150.523 71.9205C146.409 71.9205 142.727 70.8637 139.477 68.75C136.227 66.6364 133.659 63.5682 131.773 59.5455C129.886 55.5228 128.943 50.6364 128.943 44.8864C128.943 39.0682 129.898 34.1591 131.807 30.1591C133.739 26.1364 136.341 23.1023 139.614 21.0568C142.886 18.9887 146.534 17.9546 150.557 17.9546C153.625 17.9546 156.148 18.4773 158.125 19.5227C160.102 20.5455 161.671 21.7841 162.83 23.2387C163.989 24.6705 164.886 26.0228 165.523 27.2955H166.034V1.18184H178.409V71H166.273V62.75H165.523C164.886 64.0227 163.966 65.375 162.762 66.8068C161.557 68.2159 159.966 69.4205 157.989 70.4205C156.011 71.4205 153.523 71.9205 150.523 71.9205ZM153.966 61.7955C156.58 61.7955 158.807 61.0909 160.648 59.6818C162.489 58.25 163.887 56.2614 164.841 53.7159C165.796 51.1705 166.273 48.2046 166.273 44.8182C166.273 41.4318 165.796 38.4887 164.841 35.9887C163.909 33.4887 162.523 31.5455 160.682 30.1591C158.864 28.7728 156.625 28.0796 153.966 28.0796C151.216 28.0796 148.921 28.7955 147.08 30.2273C145.239 31.6591 143.852 33.6364 142.921 36.1591C141.989 38.6818 141.523 41.5682 141.523 44.8182C141.523 48.0909 141.989 51.0114 142.921 53.5796C143.875 56.125 145.273 58.1364 147.114 59.6137C148.977 61.0682 151.262 61.7955 153.966 61.7955Z" fill="black"/>
                    <path d="M214.742 72.0228C209.492 72.0228 204.958 70.9318 201.139 68.75C197.344 66.5455 194.423 63.4318 192.378 59.4091C190.333 55.3637 189.31 50.6023 189.31 45.125C189.31 39.7387 190.333 35.0114 192.378 30.9432C194.446 26.8523 197.333 23.6705 201.037 21.3977C204.742 19.1023 209.094 17.9546 214.094 17.9546C217.321 17.9546 220.367 18.4773 223.23 19.5227C226.117 20.5455 228.662 22.1364 230.867 24.2955C233.094 26.4546 234.844 29.2046 236.117 32.5455C237.389 35.8637 238.026 39.8182 238.026 44.4091V48.1932H195.105V39.875H226.196C226.173 37.5114 225.662 35.4091 224.662 33.5682C223.662 31.7046 222.264 30.2387 220.469 29.1705C218.696 28.1023 216.628 27.5682 214.264 27.5682C211.742 27.5682 209.526 28.1818 207.617 29.4091C205.708 30.6137 204.219 32.2046 203.151 34.1818C202.105 36.1364 201.571 38.2841 201.548 40.625V47.8864C201.548 50.9318 202.105 53.5455 203.219 55.7273C204.333 57.8864 205.889 59.5455 207.889 60.7046C209.889 61.8409 212.23 62.4091 214.912 62.4091C216.708 62.4091 218.333 62.1591 219.787 61.6591C221.242 61.1364 222.503 60.375 223.571 59.375C224.639 58.375 225.446 57.1364 225.992 55.6591L237.514 56.9546C236.787 60 235.401 62.6591 233.355 64.9318C231.333 67.1818 228.742 68.9318 225.583 70.1818C222.423 71.4091 218.81 72.0228 214.742 72.0228Z" fill="black"/>
                    <path d="M306.387 1.18184V71H295.137L262.239 23.4432H261.659V71H249.011V1.18184H260.33L293.193 48.7728H293.807V1.18184H306.387Z" fill="black"/>
                    <path d="M320.168 71V1.18184H332.815V30.7387H365.168V1.18184H377.85V71H365.168V41.3409H332.815V71H320.168Z" fill="black"/>
                    <path d="M406.128 72.0568C402.81 72.0568 399.821 71.4659 397.162 70.2841C394.526 69.0796 392.435 67.3068 390.889 64.9659C389.367 62.625 388.605 59.7387 388.605 56.3068C388.605 53.3523 389.151 50.9091 390.242 48.9773C391.333 47.0455 392.821 45.5 394.708 44.3409C396.594 43.1818 398.719 42.3068 401.083 41.7159C403.469 41.1023 405.935 40.6591 408.48 40.3864C411.548 40.0682 414.037 39.7841 415.946 39.5341C417.855 39.2614 419.242 38.8523 420.105 38.3068C420.992 37.7387 421.435 36.8637 421.435 35.6818V35.4773C421.435 32.9091 420.673 30.9205 419.151 29.5114C417.628 28.1023 415.435 27.3978 412.571 27.3978C409.548 27.3978 407.151 28.0568 405.378 29.375C403.628 30.6932 402.446 32.25 401.833 34.0455L390.31 32.4091C391.219 29.2273 392.719 26.5682 394.81 24.4318C396.901 22.2727 399.458 20.6591 402.48 19.5909C405.503 18.5 408.844 17.9546 412.503 17.9546C415.026 17.9546 417.537 18.25 420.037 18.8409C422.537 19.4318 424.821 20.4091 426.889 21.7727C428.958 23.1137 430.617 24.9432 431.867 27.2614C433.139 29.5796 433.776 32.4773 433.776 35.9546V71H421.912V63.8068H421.503C420.753 65.2614 419.696 66.625 418.333 67.8978C416.992 69.1478 415.298 70.1591 413.253 70.9318C411.23 71.6818 408.855 72.0568 406.128 72.0568ZM409.333 62.9887C411.81 62.9887 413.958 62.5 415.776 61.5228C417.594 60.5228 418.992 59.2046 419.969 57.5682C420.969 55.9318 421.469 54.1478 421.469 52.2159V46.0455C421.083 46.3637 420.423 46.6591 419.492 46.9318C418.583 47.2046 417.56 47.4432 416.423 47.6478C415.287 47.8523 414.162 48.0341 413.048 48.1932C411.935 48.3523 410.969 48.4887 410.151 48.6023C408.31 48.8523 406.662 49.2614 405.208 49.8296C403.753 50.3978 402.605 51.1932 401.764 52.2159C400.923 53.2159 400.503 54.5114 400.503 56.1023C400.503 58.375 401.333 60.0909 402.992 61.25C404.651 62.4091 406.764 62.9887 409.333 62.9887Z" fill="black"/>
                    <path d="M446.185 71V18.6364H457.98V27.5341H458.594C459.685 24.5341 461.492 22.1932 464.014 20.5114C466.537 18.8068 469.548 17.9546 473.048 17.9546C476.594 17.9546 479.583 18.8182 482.014 20.5455C484.469 22.25 486.196 24.5796 487.196 27.5341H487.742C488.901 24.625 490.855 22.3068 493.605 20.5796C496.378 18.8296 499.662 17.9546 503.458 17.9546C508.276 17.9546 512.208 19.4773 515.253 22.5227C518.298 25.5682 519.821 30.0114 519.821 35.8523V71H507.446V37.7614C507.446 34.5114 506.583 32.1364 504.855 30.6364C503.128 29.1137 501.014 28.3523 498.514 28.3523C495.537 28.3523 493.208 29.2841 491.526 31.1478C489.867 32.9887 489.037 35.3864 489.037 38.3409V71H476.935V37.25C476.935 34.5455 476.117 32.3864 474.48 30.7728C472.867 29.1591 470.753 28.3523 468.139 28.3523C466.367 28.3523 464.753 28.8068 463.298 29.7159C461.844 30.6023 460.685 31.8637 459.821 33.5C458.958 35.1137 458.526 37 458.526 39.1591V71H446.185Z" fill="black"/>
                    <path d="M532.341 71V18.6364H544.136V27.5341H544.75C545.841 24.5341 547.648 22.1932 550.171 20.5114C552.693 18.8068 555.705 17.9546 559.205 17.9546C562.75 17.9546 565.739 18.8182 568.171 20.5455C570.625 22.25 572.352 24.5796 573.352 27.5341H573.898C575.057 24.625 577.011 22.3068 579.761 20.5796C582.534 18.8296 585.818 17.9546 589.614 17.9546C594.432 17.9546 598.364 19.4773 601.409 22.5227C604.455 25.5682 605.977 30.0114 605.977 35.8523V71H593.602V37.7614C593.602 34.5114 592.739 32.1364 591.011 30.6364C589.284 29.1137 587.171 28.3523 584.671 28.3523C581.693 28.3523 579.364 29.2841 577.682 31.1478C576.023 32.9887 575.193 35.3864 575.193 38.3409V71H563.091V37.25C563.091 34.5455 562.273 32.3864 560.636 30.7728C559.023 29.1591 556.909 28.3523 554.296 28.3523C552.523 28.3523 550.909 28.8068 549.455 29.7159C548 30.6023 546.841 31.8637 545.977 33.5C545.114 35.1137 544.682 37 544.682 39.1591V71H532.341Z" fill="black"/>
                    <path d="M641.679 72.0228C636.429 72.0228 631.895 70.9318 628.077 68.75C624.281 66.5455 621.361 63.4318 619.315 59.4091C617.27 55.3637 616.247 50.6023 616.247 45.125C616.247 39.7387 617.27 35.0114 619.315 30.9432C621.384 26.8523 624.27 23.6705 627.975 21.3977C631.679 19.1023 636.031 17.9546 641.031 17.9546C644.259 17.9546 647.304 18.4773 650.168 19.5227C653.054 20.5455 655.6 22.1364 657.804 24.2955C660.031 26.4546 661.781 29.2046 663.054 32.5455C664.327 35.8637 664.963 39.8182 664.963 44.4091V48.1932H622.043V39.875H653.134C653.111 37.5114 652.6 35.4091 651.6 33.5682C650.6 31.7046 649.202 30.2387 647.406 29.1705C645.634 28.1023 643.565 27.5682 641.202 27.5682C638.679 27.5682 636.463 28.1818 634.554 29.4091C632.645 30.6137 631.156 32.2046 630.088 34.1818C629.043 36.1364 628.509 38.2841 628.486 40.625V47.8864C628.486 50.9318 629.043 53.5455 630.156 55.7273C631.27 57.8864 632.827 59.5455 634.827 60.7046C636.827 61.8409 639.168 62.4091 641.85 62.4091C643.645 62.4091 645.27 62.1591 646.725 61.6591C648.179 61.1364 649.44 60.375 650.509 59.375C651.577 58.375 652.384 57.1364 652.929 55.6591L664.452 56.9546C663.725 60 662.338 62.6591 660.293 64.9318C658.27 67.1818 655.679 68.9318 652.52 70.1818C649.361 71.4091 645.747 72.0228 641.679 72.0228Z" fill="black"/>
                    <path d="M675.404 71V18.6364H687.369V27.3637H687.915C688.869 24.3409 690.506 22.0114 692.824 20.375C695.165 18.7159 697.835 17.8864 700.835 17.8864C701.517 17.8864 702.279 17.9205 703.119 17.9887C703.983 18.0341 704.699 18.1137 705.267 18.2273V29.5796C704.744 29.3977 703.915 29.2387 702.779 29.1023C701.665 28.9432 700.585 28.8637 699.54 28.8637C697.29 28.8637 695.267 29.3523 693.472 30.3296C691.699 31.2841 690.301 32.6137 689.279 34.3182C688.256 36.0228 687.744 37.9887 687.744 40.2159V71H675.404Z" fill="black"/>
                </svg>
            </a>
        </div>
        <!-- Desktop Logo Ends -->

        <!-- Hamburger Icon Starts -->
        <div class="flex lg:hidden">
            <button @click="mobileMenuOpen = true" type="button" class="inline-flex items-center justify-center rounded-md text-neutral-800">
                <span class="sr-only">Open main menu</span>
                <svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
                </svg>
            </button>
        </div>
        <!-- Hamburger Icon Ends -->

        <!-- Desktop Middle Links Start -->
        <div class="hidden lg:items-center lg:flex lg:gap-x-12 *:text-sm *:font-medium *:text-neutral-800">
            <a href="#">Services</a>
            <a href="#">About Us</a>
            <a href="#">Portfolio</a>
            <a href="#">Contact Us</a>
        </div>
        <!-- Desktop Middle Links End -->

        <!-- Desktop Right Links Start -->
        <div class="hidden lg:items-center lg:flex lg:gap-x-12">
            <a href="#" class="text-neutral-800 text-sm font-medium">(123) 456-7890</a>
            <a href="#" class="w-full md:w-auto cursor-pointer inline-flex items-center justify-center px-4 py-2 text-sm text-center font-medium tracking-wide transition-colors duration-100 border-2 border-neutral-900 text-neutral-50 rounded-md bg-neutral-900 hover:bg-neutral-900 hover:border-neutral-900">
                Get Quote
            </a>
        </div>
        <!-- Desktop Right Links Ends -->
        
    </nav>
    <!-- Desktop Navigation Ends -->

    <!-- Mobile Navigation Starts -->
    <div x-description="Mobile menu, show/hide based on mobile menu state." x-show="mobileMenuOpen" class="lg:hidden" role="dialog" aria-modal="true">
    
        <div class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
    
            <!-- Logo & Close Button Container Start -->
            <div class="flex items-center justify-between">

                <!-- Logo Link -->
                <a href="#">
                    <svg class="w-44" width="706" viewBox="0 0 706 73" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M61.6479 24.7387H48.8979C48.5342 22.6477 47.8638 20.7955 46.8865 19.1818C45.9092 17.5455 44.6933 16.1591 43.2388 15.0227C41.7842 13.8864 40.1251 13.0341 38.2615 12.4659C36.4206 11.875 34.432 11.5796 32.2956 11.5796C28.5001 11.5796 25.1365 12.5341 22.2047 14.4432C19.2729 16.3296 16.9774 19.1023 15.3183 22.7614C13.6592 26.3978 12.8297 30.8409 12.8297 36.0909C12.8297 41.4318 13.6592 45.9318 15.3183 49.5909C17.0001 53.2273 19.2956 55.9773 22.2047 57.8409C25.1365 59.6818 28.4888 60.6023 32.2615 60.6023C34.3524 60.6023 36.307 60.3296 38.1251 59.7841C39.966 59.2159 41.6138 58.3864 43.0683 57.2955C44.5456 56.2046 45.7842 54.8637 46.7842 53.2728C47.807 51.6818 48.5115 49.8637 48.8979 47.8182L61.6479 47.8864C61.1706 51.2046 60.1365 54.3182 58.5456 57.2273C56.9774 60.1364 54.9206 62.7046 52.3751 64.9318C49.8297 67.1364 46.8524 68.8637 43.4433 70.1137C40.0342 71.3409 36.2501 71.9546 32.091 71.9546C25.9547 71.9546 20.4774 70.5341 15.6592 67.6932C10.841 64.8523 7.04559 60.75 4.27286 55.3864C1.50013 50.0227 0.11377 43.5909 0.11377 36.0909C0.11377 28.5682 1.5115 22.1364 4.30695 16.7955C7.10241 11.4318 10.9092 7.32957 15.7274 4.48866C20.5456 1.64775 26.0001 0.227295 32.091 0.227295C35.9774 0.227295 39.591 0.772749 42.932 1.86366C46.2729 2.95457 49.2501 4.55684 51.8638 6.67048C54.4774 8.76139 56.6251 11.3296 58.307 14.375C60.0115 17.3978 61.1251 20.8523 61.6479 24.7387Z" fill="black"/>
                        <path d="M95.5257 72.0228C90.4121 72.0228 85.9802 70.8978 82.2302 68.6478C78.4802 66.3978 75.5712 63.25 73.503 59.2046C71.4575 55.1591 70.4348 50.4318 70.4348 45.0228C70.4348 39.6137 71.4575 34.875 73.503 30.8068C75.5712 26.7387 78.4802 23.5796 82.2302 21.3296C85.9802 19.0796 90.4121 17.9546 95.5257 17.9546C100.639 17.9546 105.071 19.0796 108.821 21.3296C112.571 23.5796 115.469 26.7387 117.514 30.8068C119.583 34.875 120.617 39.6137 120.617 45.0228C120.617 50.4318 119.583 55.1591 117.514 59.2046C115.469 63.25 112.571 66.3978 108.821 68.6478C105.071 70.8978 100.639 72.0228 95.5257 72.0228ZM95.5939 62.1364C98.3666 62.1364 100.685 61.375 102.548 59.8523C104.412 58.3068 105.798 56.2387 106.708 53.6478C107.639 51.0568 108.105 48.1705 108.105 44.9887C108.105 41.7841 107.639 38.8864 106.708 36.2955C105.798 33.6818 104.412 31.6023 102.548 30.0568C100.685 28.5114 98.3666 27.7387 95.5939 27.7387C92.753 27.7387 90.3893 28.5114 88.503 30.0568C86.6393 31.6023 85.2416 33.6818 84.3098 36.2955C83.4007 38.8864 82.9462 41.7841 82.9462 44.9887C82.9462 48.1705 83.4007 51.0568 84.3098 53.6478C85.2416 56.2387 86.6393 58.3068 88.503 59.8523C90.3893 61.375 92.753 62.1364 95.5939 62.1364Z" fill="black"/>
                        <path d="M150.523 71.9205C146.409 71.9205 142.727 70.8637 139.477 68.75C136.227 66.6364 133.659 63.5682 131.773 59.5455C129.886 55.5228 128.943 50.6364 128.943 44.8864C128.943 39.0682 129.898 34.1591 131.807 30.1591C133.739 26.1364 136.341 23.1023 139.614 21.0568C142.886 18.9887 146.534 17.9546 150.557 17.9546C153.625 17.9546 156.148 18.4773 158.125 19.5227C160.102 20.5455 161.671 21.7841 162.83 23.2387C163.989 24.6705 164.886 26.0228 165.523 27.2955H166.034V1.18184H178.409V71H166.273V62.75H165.523C164.886 64.0227 163.966 65.375 162.762 66.8068C161.557 68.2159 159.966 69.4205 157.989 70.4205C156.011 71.4205 153.523 71.9205 150.523 71.9205ZM153.966 61.7955C156.58 61.7955 158.807 61.0909 160.648 59.6818C162.489 58.25 163.887 56.2614 164.841 53.7159C165.796 51.1705 166.273 48.2046 166.273 44.8182C166.273 41.4318 165.796 38.4887 164.841 35.9887C163.909 33.4887 162.523 31.5455 160.682 30.1591C158.864 28.7728 156.625 28.0796 153.966 28.0796C151.216 28.0796 148.921 28.7955 147.08 30.2273C145.239 31.6591 143.852 33.6364 142.921 36.1591C141.989 38.6818 141.523 41.5682 141.523 44.8182C141.523 48.0909 141.989 51.0114 142.921 53.5796C143.875 56.125 145.273 58.1364 147.114 59.6137C148.977 61.0682 151.262 61.7955 153.966 61.7955Z" fill="black"/>
                        <path d="M214.742 72.0228C209.492 72.0228 204.958 70.9318 201.139 68.75C197.344 66.5455 194.423 63.4318 192.378 59.4091C190.333 55.3637 189.31 50.6023 189.31 45.125C189.31 39.7387 190.333 35.0114 192.378 30.9432C194.446 26.8523 197.333 23.6705 201.037 21.3977C204.742 19.1023 209.094 17.9546 214.094 17.9546C217.321 17.9546 220.367 18.4773 223.23 19.5227C226.117 20.5455 228.662 22.1364 230.867 24.2955C233.094 26.4546 234.844 29.2046 236.117 32.5455C237.389 35.8637 238.026 39.8182 238.026 44.4091V48.1932H195.105V39.875H226.196C226.173 37.5114 225.662 35.4091 224.662 33.5682C223.662 31.7046 222.264 30.2387 220.469 29.1705C218.696 28.1023 216.628 27.5682 214.264 27.5682C211.742 27.5682 209.526 28.1818 207.617 29.4091C205.708 30.6137 204.219 32.2046 203.151 34.1818C202.105 36.1364 201.571 38.2841 201.548 40.625V47.8864C201.548 50.9318 202.105 53.5455 203.219 55.7273C204.333 57.8864 205.889 59.5455 207.889 60.7046C209.889 61.8409 212.23 62.4091 214.912 62.4091C216.708 62.4091 218.333 62.1591 219.787 61.6591C221.242 61.1364 222.503 60.375 223.571 59.375C224.639 58.375 225.446 57.1364 225.992 55.6591L237.514 56.9546C236.787 60 235.401 62.6591 233.355 64.9318C231.333 67.1818 228.742 68.9318 225.583 70.1818C222.423 71.4091 218.81 72.0228 214.742 72.0228Z" fill="black"/>
                        <path d="M306.387 1.18184V71H295.137L262.239 23.4432H261.659V71H249.011V1.18184H260.33L293.193 48.7728H293.807V1.18184H306.387Z" fill="black"/>
                        <path d="M320.168 71V1.18184H332.815V30.7387H365.168V1.18184H377.85V71H365.168V41.3409H332.815V71H320.168Z" fill="black"/>
                        <path d="M406.128 72.0568C402.81 72.0568 399.821 71.4659 397.162 70.2841C394.526 69.0796 392.435 67.3068 390.889 64.9659C389.367 62.625 388.605 59.7387 388.605 56.3068C388.605 53.3523 389.151 50.9091 390.242 48.9773C391.333 47.0455 392.821 45.5 394.708 44.3409C396.594 43.1818 398.719 42.3068 401.083 41.7159C403.469 41.1023 405.935 40.6591 408.48 40.3864C411.548 40.0682 414.037 39.7841 415.946 39.5341C417.855 39.2614 419.242 38.8523 420.105 38.3068C420.992 37.7387 421.435 36.8637 421.435 35.6818V35.4773C421.435 32.9091 420.673 30.9205 419.151 29.5114C417.628 28.1023 415.435 27.3978 412.571 27.3978C409.548 27.3978 407.151 28.0568 405.378 29.375C403.628 30.6932 402.446 32.25 401.833 34.0455L390.31 32.4091C391.219 29.2273 392.719 26.5682 394.81 24.4318C396.901 22.2727 399.458 20.6591 402.48 19.5909C405.503 18.5 408.844 17.9546 412.503 17.9546C415.026 17.9546 417.537 18.25 420.037 18.8409C422.537 19.4318 424.821 20.4091 426.889 21.7727C428.958 23.1137 430.617 24.9432 431.867 27.2614C433.139 29.5796 433.776 32.4773 433.776 35.9546V71H421.912V63.8068H421.503C420.753 65.2614 419.696 66.625 418.333 67.8978C416.992 69.1478 415.298 70.1591 413.253 70.9318C411.23 71.6818 408.855 72.0568 406.128 72.0568ZM409.333 62.9887C411.81 62.9887 413.958 62.5 415.776 61.5228C417.594 60.5228 418.992 59.2046 419.969 57.5682C420.969 55.9318 421.469 54.1478 421.469 52.2159V46.0455C421.083 46.3637 420.423 46.6591 419.492 46.9318C418.583 47.2046 417.56 47.4432 416.423 47.6478C415.287 47.8523 414.162 48.0341 413.048 48.1932C411.935 48.3523 410.969 48.4887 410.151 48.6023C408.31 48.8523 406.662 49.2614 405.208 49.8296C403.753 50.3978 402.605 51.1932 401.764 52.2159C400.923 53.2159 400.503 54.5114 400.503 56.1023C400.503 58.375 401.333 60.0909 402.992 61.25C404.651 62.4091 406.764 62.9887 409.333 62.9887Z" fill="black"/>
                        <path d="M446.185 71V18.6364H457.98V27.5341H458.594C459.685 24.5341 461.492 22.1932 464.014 20.5114C466.537 18.8068 469.548 17.9546 473.048 17.9546C476.594 17.9546 479.583 18.8182 482.014 20.5455C484.469 22.25 486.196 24.5796 487.196 27.5341H487.742C488.901 24.625 490.855 22.3068 493.605 20.5796C496.378 18.8296 499.662 17.9546 503.458 17.9546C508.276 17.9546 512.208 19.4773 515.253 22.5227C518.298 25.5682 519.821 30.0114 519.821 35.8523V71H507.446V37.7614C507.446 34.5114 506.583 32.1364 504.855 30.6364C503.128 29.1137 501.014 28.3523 498.514 28.3523C495.537 28.3523 493.208 29.2841 491.526 31.1478C489.867 32.9887 489.037 35.3864 489.037 38.3409V71H476.935V37.25C476.935 34.5455 476.117 32.3864 474.48 30.7728C472.867 29.1591 470.753 28.3523 468.139 28.3523C466.367 28.3523 464.753 28.8068 463.298 29.7159C461.844 30.6023 460.685 31.8637 459.821 33.5C458.958 35.1137 458.526 37 458.526 39.1591V71H446.185Z" fill="black"/>
                        <path d="M532.341 71V18.6364H544.136V27.5341H544.75C545.841 24.5341 547.648 22.1932 550.171 20.5114C552.693 18.8068 555.705 17.9546 559.205 17.9546C562.75 17.9546 565.739 18.8182 568.171 20.5455C570.625 22.25 572.352 24.5796 573.352 27.5341H573.898C575.057 24.625 577.011 22.3068 579.761 20.5796C582.534 18.8296 585.818 17.9546 589.614 17.9546C594.432 17.9546 598.364 19.4773 601.409 22.5227C604.455 25.5682 605.977 30.0114 605.977 35.8523V71H593.602V37.7614C593.602 34.5114 592.739 32.1364 591.011 30.6364C589.284 29.1137 587.171 28.3523 584.671 28.3523C581.693 28.3523 579.364 29.2841 577.682 31.1478C576.023 32.9887 575.193 35.3864 575.193 38.3409V71H563.091V37.25C563.091 34.5455 562.273 32.3864 560.636 30.7728C559.023 29.1591 556.909 28.3523 554.296 28.3523C552.523 28.3523 550.909 28.8068 549.455 29.7159C548 30.6023 546.841 31.8637 545.977 33.5C545.114 35.1137 544.682 37 544.682 39.1591V71H532.341Z" fill="black"/>
                        <path d="M641.679 72.0228C636.429 72.0228 631.895 70.9318 628.077 68.75C624.281 66.5455 621.361 63.4318 619.315 59.4091C617.27 55.3637 616.247 50.6023 616.247 45.125C616.247 39.7387 617.27 35.0114 619.315 30.9432C621.384 26.8523 624.27 23.6705 627.975 21.3977C631.679 19.1023 636.031 17.9546 641.031 17.9546C644.259 17.9546 647.304 18.4773 650.168 19.5227C653.054 20.5455 655.6 22.1364 657.804 24.2955C660.031 26.4546 661.781 29.2046 663.054 32.5455C664.327 35.8637 664.963 39.8182 664.963 44.4091V48.1932H622.043V39.875H653.134C653.111 37.5114 652.6 35.4091 651.6 33.5682C650.6 31.7046 649.202 30.2387 647.406 29.1705C645.634 28.1023 643.565 27.5682 641.202 27.5682C638.679 27.5682 636.463 28.1818 634.554 29.4091C632.645 30.6137 631.156 32.2046 630.088 34.1818C629.043 36.1364 628.509 38.2841 628.486 40.625V47.8864C628.486 50.9318 629.043 53.5455 630.156 55.7273C631.27 57.8864 632.827 59.5455 634.827 60.7046C636.827 61.8409 639.168 62.4091 641.85 62.4091C643.645 62.4091 645.27 62.1591 646.725 61.6591C648.179 61.1364 649.44 60.375 650.509 59.375C651.577 58.375 652.384 57.1364 652.929 55.6591L664.452 56.9546C663.725 60 662.338 62.6591 660.293 64.9318C658.27 67.1818 655.679 68.9318 652.52 70.1818C649.361 71.4091 645.747 72.0228 641.679 72.0228Z" fill="black"/>
                        <path d="M675.404 71V18.6364H687.369V27.3637H687.915C688.869 24.3409 690.506 22.0114 692.824 20.375C695.165 18.7159 697.835 17.8864 700.835 17.8864C701.517 17.8864 702.279 17.9205 703.119 17.9887C703.983 18.0341 704.699 18.1137 705.267 18.2273V29.5796C704.744 29.3977 703.915 29.2387 702.779 29.1023C701.665 28.9432 700.585 28.8637 699.54 28.8637C697.29 28.8637 695.267 29.3523 693.472 30.3296C691.699 31.2841 690.301 32.6137 689.279 34.3182C688.256 36.0228 687.744 37.9887 687.744 40.2159V71H675.404Z" fill="black"/>
                    </svg>
                </a>
        
                <!-- Close Button Menu -->
                <button @click="mobileMenuOpen = false" type="button" class="rounded-md text-neutral-800">
                    <span class="sr-only">Close menu</span>
                    <svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>

            </div>
            <!-- Logo & Close Button Container End -->
    
            <!-- Mobile Links Container Start -->
            <div class="mt-6 flow-root border-t border-neutral-200">
    
                <!-- Top Links -->
                <div class="py-4">
                    <div class="space-y-2 *:block *:py-2 *:font-medium *:leading-7 *:text-neutral-800 ">
                        <a href="#" @click="mobileMenuOpen = false">Services</a>
                        <a href="#" @click="mobileMenuOpen = false">About Us</a>
                        <a href="#" @click="mobileMenuOpen = false">Portfolio</a>
                        <a href="#" @click="mobileMenuOpen = false">Contact Us</a>
                    </div>
                </div>

                <!-- Divider -->
                <hr class="mx-auto border-neutral-200">

                <!-- Bottom Links -->
                <div class="py-4">
                    <div class="space-y-2 *:block *:py-2">
                        <a href="#" class="text-neutral-800 text-sm font-medium">(123) 456-7890</a>
                        <a href="#" class="w-full md:w-auto cursor-pointer inline-flex items-center justify-center px-4 py-2 text-sm text-center font-medium tracking-wide transition-colors duration-100 border-2 border-neutral-900 text-neutral-50 rounded-md bg-neutral-900 hover:bg-neutral-900 hover:border-neutral-900">
                            Get Quote
                        </a>
                    </div>  
                </div>
    
            </div>
            <!-- Mobile Links Container End -->
    
        </div>
    </div>
    <!-- Mobile Navigation Ends -->

</header>

Navigation 4

Copied!
<header x-data="{ mobileOpen: false }" class="relative border-b border-neutral-200">

    <!-- Desktop Navigation Starts -->
    <nav class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl p-6 lg:py-3 lg:px-8" aria-label="Global">

        <!-- Desktop Left Links Start -->
        <div class="hidden lg:items-center lg:flex lg:gap-x-12 lg:order-1 *:text-sm *:font-medium *:text-neutral-800">
            <a href="#">Services</a>
            <a href="#">About Us</a>
            <a href="#">Portfolio</a>
        </div>
        <!-- Desktop Left Links End -->

        <!-- Desktop Middle Logo Starts -->
        <div class="flex items-center lg:order-2 lg:flex">
            <a href="#">
                <svg class="w-44" width="706" viewBox="0 0 706 73" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M61.6479 24.7387H48.8979C48.5342 22.6477 47.8638 20.7955 46.8865 19.1818C45.9092 17.5455 44.6933 16.1591 43.2388 15.0227C41.7842 13.8864 40.1251 13.0341 38.2615 12.4659C36.4206 11.875 34.432 11.5796 32.2956 11.5796C28.5001 11.5796 25.1365 12.5341 22.2047 14.4432C19.2729 16.3296 16.9774 19.1023 15.3183 22.7614C13.6592 26.3978 12.8297 30.8409 12.8297 36.0909C12.8297 41.4318 13.6592 45.9318 15.3183 49.5909C17.0001 53.2273 19.2956 55.9773 22.2047 57.8409C25.1365 59.6818 28.4888 60.6023 32.2615 60.6023C34.3524 60.6023 36.307 60.3296 38.1251 59.7841C39.966 59.2159 41.6138 58.3864 43.0683 57.2955C44.5456 56.2046 45.7842 54.8637 46.7842 53.2728C47.807 51.6818 48.5115 49.8637 48.8979 47.8182L61.6479 47.8864C61.1706 51.2046 60.1365 54.3182 58.5456 57.2273C56.9774 60.1364 54.9206 62.7046 52.3751 64.9318C49.8297 67.1364 46.8524 68.8637 43.4433 70.1137C40.0342 71.3409 36.2501 71.9546 32.091 71.9546C25.9547 71.9546 20.4774 70.5341 15.6592 67.6932C10.841 64.8523 7.04559 60.75 4.27286 55.3864C1.50013 50.0227 0.11377 43.5909 0.11377 36.0909C0.11377 28.5682 1.5115 22.1364 4.30695 16.7955C7.10241 11.4318 10.9092 7.32957 15.7274 4.48866C20.5456 1.64775 26.0001 0.227295 32.091 0.227295C35.9774 0.227295 39.591 0.772749 42.932 1.86366C46.2729 2.95457 49.2501 4.55684 51.8638 6.67048C54.4774 8.76139 56.6251 11.3296 58.307 14.375C60.0115 17.3978 61.1251 20.8523 61.6479 24.7387Z" fill="black"/>
                    <path d="M95.5257 72.0228C90.4121 72.0228 85.9802 70.8978 82.2302 68.6478C78.4802 66.3978 75.5712 63.25 73.503 59.2046C71.4575 55.1591 70.4348 50.4318 70.4348 45.0228C70.4348 39.6137 71.4575 34.875 73.503 30.8068C75.5712 26.7387 78.4802 23.5796 82.2302 21.3296C85.9802 19.0796 90.4121 17.9546 95.5257 17.9546C100.639 17.9546 105.071 19.0796 108.821 21.3296C112.571 23.5796 115.469 26.7387 117.514 30.8068C119.583 34.875 120.617 39.6137 120.617 45.0228C120.617 50.4318 119.583 55.1591 117.514 59.2046C115.469 63.25 112.571 66.3978 108.821 68.6478C105.071 70.8978 100.639 72.0228 95.5257 72.0228ZM95.5939 62.1364C98.3666 62.1364 100.685 61.375 102.548 59.8523C104.412 58.3068 105.798 56.2387 106.708 53.6478C107.639 51.0568 108.105 48.1705 108.105 44.9887C108.105 41.7841 107.639 38.8864 106.708 36.2955C105.798 33.6818 104.412 31.6023 102.548 30.0568C100.685 28.5114 98.3666 27.7387 95.5939 27.7387C92.753 27.7387 90.3893 28.5114 88.503 30.0568C86.6393 31.6023 85.2416 33.6818 84.3098 36.2955C83.4007 38.8864 82.9462 41.7841 82.9462 44.9887C82.9462 48.1705 83.4007 51.0568 84.3098 53.6478C85.2416 56.2387 86.6393 58.3068 88.503 59.8523C90.3893 61.375 92.753 62.1364 95.5939 62.1364Z" fill="black"/>
                    <path d="M150.523 71.9205C146.409 71.9205 142.727 70.8637 139.477 68.75C136.227 66.6364 133.659 63.5682 131.773 59.5455C129.886 55.5228 128.943 50.6364 128.943 44.8864C128.943 39.0682 129.898 34.1591 131.807 30.1591C133.739 26.1364 136.341 23.1023 139.614 21.0568C142.886 18.9887 146.534 17.9546 150.557 17.9546C153.625 17.9546 156.148 18.4773 158.125 19.5227C160.102 20.5455 161.671 21.7841 162.83 23.2387C163.989 24.6705 164.886 26.0228 165.523 27.2955H166.034V1.18184H178.409V71H166.273V62.75H165.523C164.886 64.0227 163.966 65.375 162.762 66.8068C161.557 68.2159 159.966 69.4205 157.989 70.4205C156.011 71.4205 153.523 71.9205 150.523 71.9205ZM153.966 61.7955C156.58 61.7955 158.807 61.0909 160.648 59.6818C162.489 58.25 163.887 56.2614 164.841 53.7159C165.796 51.1705 166.273 48.2046 166.273 44.8182C166.273 41.4318 165.796 38.4887 164.841 35.9887C163.909 33.4887 162.523 31.5455 160.682 30.1591C158.864 28.7728 156.625 28.0796 153.966 28.0796C151.216 28.0796 148.921 28.7955 147.08 30.2273C145.239 31.6591 143.852 33.6364 142.921 36.1591C141.989 38.6818 141.523 41.5682 141.523 44.8182C141.523 48.0909 141.989 51.0114 142.921 53.5796C143.875 56.125 145.273 58.1364 147.114 59.6137C148.977 61.0682 151.262 61.7955 153.966 61.7955Z" fill="black"/>
                    <path d="M214.742 72.0228C209.492 72.0228 204.958 70.9318 201.139 68.75C197.344 66.5455 194.423 63.4318 192.378 59.4091C190.333 55.3637 189.31 50.6023 189.31 45.125C189.31 39.7387 190.333 35.0114 192.378 30.9432C194.446 26.8523 197.333 23.6705 201.037 21.3977C204.742 19.1023 209.094 17.9546 214.094 17.9546C217.321 17.9546 220.367 18.4773 223.23 19.5227C226.117 20.5455 228.662 22.1364 230.867 24.2955C233.094 26.4546 234.844 29.2046 236.117 32.5455C237.389 35.8637 238.026 39.8182 238.026 44.4091V48.1932H195.105V39.875H226.196C226.173 37.5114 225.662 35.4091 224.662 33.5682C223.662 31.7046 222.264 30.2387 220.469 29.1705C218.696 28.1023 216.628 27.5682 214.264 27.5682C211.742 27.5682 209.526 28.1818 207.617 29.4091C205.708 30.6137 204.219 32.2046 203.151 34.1818C202.105 36.1364 201.571 38.2841 201.548 40.625V47.8864C201.548 50.9318 202.105 53.5455 203.219 55.7273C204.333 57.8864 205.889 59.5455 207.889 60.7046C209.889 61.8409 212.23 62.4091 214.912 62.4091C216.708 62.4091 218.333 62.1591 219.787 61.6591C221.242 61.1364 222.503 60.375 223.571 59.375C224.639 58.375 225.446 57.1364 225.992 55.6591L237.514 56.9546C236.787 60 235.401 62.6591 233.355 64.9318C231.333 67.1818 228.742 68.9318 225.583 70.1818C222.423 71.4091 218.81 72.0228 214.742 72.0228Z" fill="black"/>
                    <path d="M306.387 1.18184V71H295.137L262.239 23.4432H261.659V71H249.011V1.18184H260.33L293.193 48.7728H293.807V1.18184H306.387Z" fill="black"/>
                    <path d="M320.168 71V1.18184H332.815V30.7387H365.168V1.18184H377.85V71H365.168V41.3409H332.815V71H320.168Z" fill="black"/>
                    <path d="M406.128 72.0568C402.81 72.0568 399.821 71.4659 397.162 70.2841C394.526 69.0796 392.435 67.3068 390.889 64.9659C389.367 62.625 388.605 59.7387 388.605 56.3068C388.605 53.3523 389.151 50.9091 390.242 48.9773C391.333 47.0455 392.821 45.5 394.708 44.3409C396.594 43.1818 398.719 42.3068 401.083 41.7159C403.469 41.1023 405.935 40.6591 408.48 40.3864C411.548 40.0682 414.037 39.7841 415.946 39.5341C417.855 39.2614 419.242 38.8523 420.105 38.3068C420.992 37.7387 421.435 36.8637 421.435 35.6818V35.4773C421.435 32.9091 420.673 30.9205 419.151 29.5114C417.628 28.1023 415.435 27.3978 412.571 27.3978C409.548 27.3978 407.151 28.0568 405.378 29.375C403.628 30.6932 402.446 32.25 401.833 34.0455L390.31 32.4091C391.219 29.2273 392.719 26.5682 394.81 24.4318C396.901 22.2727 399.458 20.6591 402.48 19.5909C405.503 18.5 408.844 17.9546 412.503 17.9546C415.026 17.9546 417.537 18.25 420.037 18.8409C422.537 19.4318 424.821 20.4091 426.889 21.7727C428.958 23.1137 430.617 24.9432 431.867 27.2614C433.139 29.5796 433.776 32.4773 433.776 35.9546V71H421.912V63.8068H421.503C420.753 65.2614 419.696 66.625 418.333 67.8978C416.992 69.1478 415.298 70.1591 413.253 70.9318C411.23 71.6818 408.855 72.0568 406.128 72.0568ZM409.333 62.9887C411.81 62.9887 413.958 62.5 415.776 61.5228C417.594 60.5228 418.992 59.2046 419.969 57.5682C420.969 55.9318 421.469 54.1478 421.469 52.2159V46.0455C421.083 46.3637 420.423 46.6591 419.492 46.9318C418.583 47.2046 417.56 47.4432 416.423 47.6478C415.287 47.8523 414.162 48.0341 413.048 48.1932C411.935 48.3523 410.969 48.4887 410.151 48.6023C408.31 48.8523 406.662 49.2614 405.208 49.8296C403.753 50.3978 402.605 51.1932 401.764 52.2159C400.923 53.2159 400.503 54.5114 400.503 56.1023C400.503 58.375 401.333 60.0909 402.992 61.25C404.651 62.4091 406.764 62.9887 409.333 62.9887Z" fill="black"/>
                    <path d="M446.185 71V18.6364H457.98V27.5341H458.594C459.685 24.5341 461.492 22.1932 464.014 20.5114C466.537 18.8068 469.548 17.9546 473.048 17.9546C476.594 17.9546 479.583 18.8182 482.014 20.5455C484.469 22.25 486.196 24.5796 487.196 27.5341H487.742C488.901 24.625 490.855 22.3068 493.605 20.5796C496.378 18.8296 499.662 17.9546 503.458 17.9546C508.276 17.9546 512.208 19.4773 515.253 22.5227C518.298 25.5682 519.821 30.0114 519.821 35.8523V71H507.446V37.7614C507.446 34.5114 506.583 32.1364 504.855 30.6364C503.128 29.1137 501.014 28.3523 498.514 28.3523C495.537 28.3523 493.208 29.2841 491.526 31.1478C489.867 32.9887 489.037 35.3864 489.037 38.3409V71H476.935V37.25C476.935 34.5455 476.117 32.3864 474.48 30.7728C472.867 29.1591 470.753 28.3523 468.139 28.3523C466.367 28.3523 464.753 28.8068 463.298 29.7159C461.844 30.6023 460.685 31.8637 459.821 33.5C458.958 35.1137 458.526 37 458.526 39.1591V71H446.185Z" fill="black"/>
                    <path d="M532.341 71V18.6364H544.136V27.5341H544.75C545.841 24.5341 547.648 22.1932 550.171 20.5114C552.693 18.8068 555.705 17.9546 559.205 17.9546C562.75 17.9546 565.739 18.8182 568.171 20.5455C570.625 22.25 572.352 24.5796 573.352 27.5341H573.898C575.057 24.625 577.011 22.3068 579.761 20.5796C582.534 18.8296 585.818 17.9546 589.614 17.9546C594.432 17.9546 598.364 19.4773 601.409 22.5227C604.455 25.5682 605.977 30.0114 605.977 35.8523V71H593.602V37.7614C593.602 34.5114 592.739 32.1364 591.011 30.6364C589.284 29.1137 587.171 28.3523 584.671 28.3523C581.693 28.3523 579.364 29.2841 577.682 31.1478C576.023 32.9887 575.193 35.3864 575.193 38.3409V71H563.091V37.25C563.091 34.5455 562.273 32.3864 560.636 30.7728C559.023 29.1591 556.909 28.3523 554.296 28.3523C552.523 28.3523 550.909 28.8068 549.455 29.7159C548 30.6023 546.841 31.8637 545.977 33.5C545.114 35.1137 544.682 37 544.682 39.1591V71H532.341Z" fill="black"/>
                    <path d="M641.679 72.0228C636.429 72.0228 631.895 70.9318 628.077 68.75C624.281 66.5455 621.361 63.4318 619.315 59.4091C617.27 55.3637 616.247 50.6023 616.247 45.125C616.247 39.7387 617.27 35.0114 619.315 30.9432C621.384 26.8523 624.27 23.6705 627.975 21.3977C631.679 19.1023 636.031 17.9546 641.031 17.9546C644.259 17.9546 647.304 18.4773 650.168 19.5227C653.054 20.5455 655.6 22.1364 657.804 24.2955C660.031 26.4546 661.781 29.2046 663.054 32.5455C664.327 35.8637 664.963 39.8182 664.963 44.4091V48.1932H622.043V39.875H653.134C653.111 37.5114 652.6 35.4091 651.6 33.5682C650.6 31.7046 649.202 30.2387 647.406 29.1705C645.634 28.1023 643.565 27.5682 641.202 27.5682C638.679 27.5682 636.463 28.1818 634.554 29.4091C632.645 30.6137 631.156 32.2046 630.088 34.1818C629.043 36.1364 628.509 38.2841 628.486 40.625V47.8864C628.486 50.9318 629.043 53.5455 630.156 55.7273C631.27 57.8864 632.827 59.5455 634.827 60.7046C636.827 61.8409 639.168 62.4091 641.85 62.4091C643.645 62.4091 645.27 62.1591 646.725 61.6591C648.179 61.1364 649.44 60.375 650.509 59.375C651.577 58.375 652.384 57.1364 652.929 55.6591L664.452 56.9546C663.725 60 662.338 62.6591 660.293 64.9318C658.27 67.1818 655.679 68.9318 652.52 70.1818C649.361 71.4091 645.747 72.0228 641.679 72.0228Z" fill="black"/>
                    <path d="M675.404 71V18.6364H687.369V27.3637H687.915C688.869 24.3409 690.506 22.0114 692.824 20.375C695.165 18.7159 697.835 17.8864 700.835 17.8864C701.517 17.8864 702.279 17.9205 703.119 17.9887C703.983 18.0341 704.699 18.1137 705.267 18.2273V29.5796C704.744 29.3977 703.915 29.2387 702.779 29.1023C701.665 28.9432 700.585 28.8637 699.54 28.8637C697.29 28.8637 695.267 29.3523 693.472 30.3296C691.699 31.2841 690.301 32.6137 689.279 34.3182C688.256 36.0228 687.744 37.9887 687.744 40.2159V71H675.404Z" fill="black"/>
                </svg>
            </a>
        </div>
        <!-- Desktop Middle Logo Ends -->

        <!-- Hamburger Icon Starts -->
        <div class="flex lg:hidden">
            <button @click="mobileOpen = true" type="button" class="inline-flex items-center justify-center rounded-md text-neutral-800">
                <span class="sr-only">Open main menu</span>
                <svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
                </svg>
            </button>
        </div>
        <!-- Hamburger Icon Ends -->

        <!-- Desktop Right Links Start -->
        <div class="hidden lg:items-center lg:order-3 lg:flex lg:gap-x-12">
            <a href="#" class="text-neutral-800 text-sm font-medium">(123) 456-7890</a>
            <a href="#" class="w-full md:w-auto cursor-pointer inline-flex items-center justify-center px-4 py-2 text-sm text-center font-medium tracking-wide transition-colors duration-100 border-2 border-neutral-900 text-neutral-50 rounded-md bg-neutral-900 hover:bg-neutral-900 hover:border-neutral-900">
                Get Quote
            </a>
        </div>
        <!-- Desktop Right Links Ends -->
        
    </nav>
    <!-- Desktop Navigation Ends -->

    <!-- Mobile Navigation Starts -->
    <div x-description="Mobile menu, show/hide based on mobile menu state." x-show="mobileOpen" class="lg:hidden" role="dialog" aria-modal="true">
    
        <div class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
    
            <!-- Logo & Close Button Container Start -->
            <div class="flex items-center justify-between">

                <!-- Logo Link -->
                <a href="#">
                    <svg class="w-44" width="706" viewBox="0 0 706 73" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M61.6479 24.7387H48.8979C48.5342 22.6477 47.8638 20.7955 46.8865 19.1818C45.9092 17.5455 44.6933 16.1591 43.2388 15.0227C41.7842 13.8864 40.1251 13.0341 38.2615 12.4659C36.4206 11.875 34.432 11.5796 32.2956 11.5796C28.5001 11.5796 25.1365 12.5341 22.2047 14.4432C19.2729 16.3296 16.9774 19.1023 15.3183 22.7614C13.6592 26.3978 12.8297 30.8409 12.8297 36.0909C12.8297 41.4318 13.6592 45.9318 15.3183 49.5909C17.0001 53.2273 19.2956 55.9773 22.2047 57.8409C25.1365 59.6818 28.4888 60.6023 32.2615 60.6023C34.3524 60.6023 36.307 60.3296 38.1251 59.7841C39.966 59.2159 41.6138 58.3864 43.0683 57.2955C44.5456 56.2046 45.7842 54.8637 46.7842 53.2728C47.807 51.6818 48.5115 49.8637 48.8979 47.8182L61.6479 47.8864C61.1706 51.2046 60.1365 54.3182 58.5456 57.2273C56.9774 60.1364 54.9206 62.7046 52.3751 64.9318C49.8297 67.1364 46.8524 68.8637 43.4433 70.1137C40.0342 71.3409 36.2501 71.9546 32.091 71.9546C25.9547 71.9546 20.4774 70.5341 15.6592 67.6932C10.841 64.8523 7.04559 60.75 4.27286 55.3864C1.50013 50.0227 0.11377 43.5909 0.11377 36.0909C0.11377 28.5682 1.5115 22.1364 4.30695 16.7955C7.10241 11.4318 10.9092 7.32957 15.7274 4.48866C20.5456 1.64775 26.0001 0.227295 32.091 0.227295C35.9774 0.227295 39.591 0.772749 42.932 1.86366C46.2729 2.95457 49.2501 4.55684 51.8638 6.67048C54.4774 8.76139 56.6251 11.3296 58.307 14.375C60.0115 17.3978 61.1251 20.8523 61.6479 24.7387Z" fill="black"/>
                        <path d="M95.5257 72.0228C90.4121 72.0228 85.9802 70.8978 82.2302 68.6478C78.4802 66.3978 75.5712 63.25 73.503 59.2046C71.4575 55.1591 70.4348 50.4318 70.4348 45.0228C70.4348 39.6137 71.4575 34.875 73.503 30.8068C75.5712 26.7387 78.4802 23.5796 82.2302 21.3296C85.9802 19.0796 90.4121 17.9546 95.5257 17.9546C100.639 17.9546 105.071 19.0796 108.821 21.3296C112.571 23.5796 115.469 26.7387 117.514 30.8068C119.583 34.875 120.617 39.6137 120.617 45.0228C120.617 50.4318 119.583 55.1591 117.514 59.2046C115.469 63.25 112.571 66.3978 108.821 68.6478C105.071 70.8978 100.639 72.0228 95.5257 72.0228ZM95.5939 62.1364C98.3666 62.1364 100.685 61.375 102.548 59.8523C104.412 58.3068 105.798 56.2387 106.708 53.6478C107.639 51.0568 108.105 48.1705 108.105 44.9887C108.105 41.7841 107.639 38.8864 106.708 36.2955C105.798 33.6818 104.412 31.6023 102.548 30.0568C100.685 28.5114 98.3666 27.7387 95.5939 27.7387C92.753 27.7387 90.3893 28.5114 88.503 30.0568C86.6393 31.6023 85.2416 33.6818 84.3098 36.2955C83.4007 38.8864 82.9462 41.7841 82.9462 44.9887C82.9462 48.1705 83.4007 51.0568 84.3098 53.6478C85.2416 56.2387 86.6393 58.3068 88.503 59.8523C90.3893 61.375 92.753 62.1364 95.5939 62.1364Z" fill="black"/>
                        <path d="M150.523 71.9205C146.409 71.9205 142.727 70.8637 139.477 68.75C136.227 66.6364 133.659 63.5682 131.773 59.5455C129.886 55.5228 128.943 50.6364 128.943 44.8864C128.943 39.0682 129.898 34.1591 131.807 30.1591C133.739 26.1364 136.341 23.1023 139.614 21.0568C142.886 18.9887 146.534 17.9546 150.557 17.9546C153.625 17.9546 156.148 18.4773 158.125 19.5227C160.102 20.5455 161.671 21.7841 162.83 23.2387C163.989 24.6705 164.886 26.0228 165.523 27.2955H166.034V1.18184H178.409V71H166.273V62.75H165.523C164.886 64.0227 163.966 65.375 162.762 66.8068C161.557 68.2159 159.966 69.4205 157.989 70.4205C156.011 71.4205 153.523 71.9205 150.523 71.9205ZM153.966 61.7955C156.58 61.7955 158.807 61.0909 160.648 59.6818C162.489 58.25 163.887 56.2614 164.841 53.7159C165.796 51.1705 166.273 48.2046 166.273 44.8182C166.273 41.4318 165.796 38.4887 164.841 35.9887C163.909 33.4887 162.523 31.5455 160.682 30.1591C158.864 28.7728 156.625 28.0796 153.966 28.0796C151.216 28.0796 148.921 28.7955 147.08 30.2273C145.239 31.6591 143.852 33.6364 142.921 36.1591C141.989 38.6818 141.523 41.5682 141.523 44.8182C141.523 48.0909 141.989 51.0114 142.921 53.5796C143.875 56.125 145.273 58.1364 147.114 59.6137C148.977 61.0682 151.262 61.7955 153.966 61.7955Z" fill="black"/>
                        <path d="M214.742 72.0228C209.492 72.0228 204.958 70.9318 201.139 68.75C197.344 66.5455 194.423 63.4318 192.378 59.4091C190.333 55.3637 189.31 50.6023 189.31 45.125C189.31 39.7387 190.333 35.0114 192.378 30.9432C194.446 26.8523 197.333 23.6705 201.037 21.3977C204.742 19.1023 209.094 17.9546 214.094 17.9546C217.321 17.9546 220.367 18.4773 223.23 19.5227C226.117 20.5455 228.662 22.1364 230.867 24.2955C233.094 26.4546 234.844 29.2046 236.117 32.5455C237.389 35.8637 238.026 39.8182 238.026 44.4091V48.1932H195.105V39.875H226.196C226.173 37.5114 225.662 35.4091 224.662 33.5682C223.662 31.7046 222.264 30.2387 220.469 29.1705C218.696 28.1023 216.628 27.5682 214.264 27.5682C211.742 27.5682 209.526 28.1818 207.617 29.4091C205.708 30.6137 204.219 32.2046 203.151 34.1818C202.105 36.1364 201.571 38.2841 201.548 40.625V47.8864C201.548 50.9318 202.105 53.5455 203.219 55.7273C204.333 57.8864 205.889 59.5455 207.889 60.7046C209.889 61.8409 212.23 62.4091 214.912 62.4091C216.708 62.4091 218.333 62.1591 219.787 61.6591C221.242 61.1364 222.503 60.375 223.571 59.375C224.639 58.375 225.446 57.1364 225.992 55.6591L237.514 56.9546C236.787 60 235.401 62.6591 233.355 64.9318C231.333 67.1818 228.742 68.9318 225.583 70.1818C222.423 71.4091 218.81 72.0228 214.742 72.0228Z" fill="black"/>
                        <path d="M306.387 1.18184V71H295.137L262.239 23.4432H261.659V71H249.011V1.18184H260.33L293.193 48.7728H293.807V1.18184H306.387Z" fill="black"/>
                        <path d="M320.168 71V1.18184H332.815V30.7387H365.168V1.18184H377.85V71H365.168V41.3409H332.815V71H320.168Z" fill="black"/>
                        <path d="M406.128 72.0568C402.81 72.0568 399.821 71.4659 397.162 70.2841C394.526 69.0796 392.435 67.3068 390.889 64.9659C389.367 62.625 388.605 59.7387 388.605 56.3068C388.605 53.3523 389.151 50.9091 390.242 48.9773C391.333 47.0455 392.821 45.5 394.708 44.3409C396.594 43.1818 398.719 42.3068 401.083 41.7159C403.469 41.1023 405.935 40.6591 408.48 40.3864C411.548 40.0682 414.037 39.7841 415.946 39.5341C417.855 39.2614 419.242 38.8523 420.105 38.3068C420.992 37.7387 421.435 36.8637 421.435 35.6818V35.4773C421.435 32.9091 420.673 30.9205 419.151 29.5114C417.628 28.1023 415.435 27.3978 412.571 27.3978C409.548 27.3978 407.151 28.0568 405.378 29.375C403.628 30.6932 402.446 32.25 401.833 34.0455L390.31 32.4091C391.219 29.2273 392.719 26.5682 394.81 24.4318C396.901 22.2727 399.458 20.6591 402.48 19.5909C405.503 18.5 408.844 17.9546 412.503 17.9546C415.026 17.9546 417.537 18.25 420.037 18.8409C422.537 19.4318 424.821 20.4091 426.889 21.7727C428.958 23.1137 430.617 24.9432 431.867 27.2614C433.139 29.5796 433.776 32.4773 433.776 35.9546V71H421.912V63.8068H421.503C420.753 65.2614 419.696 66.625 418.333 67.8978C416.992 69.1478 415.298 70.1591 413.253 70.9318C411.23 71.6818 408.855 72.0568 406.128 72.0568ZM409.333 62.9887C411.81 62.9887 413.958 62.5 415.776 61.5228C417.594 60.5228 418.992 59.2046 419.969 57.5682C420.969 55.9318 421.469 54.1478 421.469 52.2159V46.0455C421.083 46.3637 420.423 46.6591 419.492 46.9318C418.583 47.2046 417.56 47.4432 416.423 47.6478C415.287 47.8523 414.162 48.0341 413.048 48.1932C411.935 48.3523 410.969 48.4887 410.151 48.6023C408.31 48.8523 406.662 49.2614 405.208 49.8296C403.753 50.3978 402.605 51.1932 401.764 52.2159C400.923 53.2159 400.503 54.5114 400.503 56.1023C400.503 58.375 401.333 60.0909 402.992 61.25C404.651 62.4091 406.764 62.9887 409.333 62.9887Z" fill="black"/>
                        <path d="M446.185 71V18.6364H457.98V27.5341H458.594C459.685 24.5341 461.492 22.1932 464.014 20.5114C466.537 18.8068 469.548 17.9546 473.048 17.9546C476.594 17.9546 479.583 18.8182 482.014 20.5455C484.469 22.25 486.196 24.5796 487.196 27.5341H487.742C488.901 24.625 490.855 22.3068 493.605 20.5796C496.378 18.8296 499.662 17.9546 503.458 17.9546C508.276 17.9546 512.208 19.4773 515.253 22.5227C518.298 25.5682 519.821 30.0114 519.821 35.8523V71H507.446V37.7614C507.446 34.5114 506.583 32.1364 504.855 30.6364C503.128 29.1137 501.014 28.3523 498.514 28.3523C495.537 28.3523 493.208 29.2841 491.526 31.1478C489.867 32.9887 489.037 35.3864 489.037 38.3409V71H476.935V37.25C476.935 34.5455 476.117 32.3864 474.48 30.7728C472.867 29.1591 470.753 28.3523 468.139 28.3523C466.367 28.3523 464.753 28.8068 463.298 29.7159C461.844 30.6023 460.685 31.8637 459.821 33.5C458.958 35.1137 458.526 37 458.526 39.1591V71H446.185Z" fill="black"/>
                        <path d="M532.341 71V18.6364H544.136V27.5341H544.75C545.841 24.5341 547.648 22.1932 550.171 20.5114C552.693 18.8068 555.705 17.9546 559.205 17.9546C562.75 17.9546 565.739 18.8182 568.171 20.5455C570.625 22.25 572.352 24.5796 573.352 27.5341H573.898C575.057 24.625 577.011 22.3068 579.761 20.5796C582.534 18.8296 585.818 17.9546 589.614 17.9546C594.432 17.9546 598.364 19.4773 601.409 22.5227C604.455 25.5682 605.977 30.0114 605.977 35.8523V71H593.602V37.7614C593.602 34.5114 592.739 32.1364 591.011 30.6364C589.284 29.1137 587.171 28.3523 584.671 28.3523C581.693 28.3523 579.364 29.2841 577.682 31.1478C576.023 32.9887 575.193 35.3864 575.193 38.3409V71H563.091V37.25C563.091 34.5455 562.273 32.3864 560.636 30.7728C559.023 29.1591 556.909 28.3523 554.296 28.3523C552.523 28.3523 550.909 28.8068 549.455 29.7159C548 30.6023 546.841 31.8637 545.977 33.5C545.114 35.1137 544.682 37 544.682 39.1591V71H532.341Z" fill="black"/>
                        <path d="M641.679 72.0228C636.429 72.0228 631.895 70.9318 628.077 68.75C624.281 66.5455 621.361 63.4318 619.315 59.4091C617.27 55.3637 616.247 50.6023 616.247 45.125C616.247 39.7387 617.27 35.0114 619.315 30.9432C621.384 26.8523 624.27 23.6705 627.975 21.3977C631.679 19.1023 636.031 17.9546 641.031 17.9546C644.259 17.9546 647.304 18.4773 650.168 19.5227C653.054 20.5455 655.6 22.1364 657.804 24.2955C660.031 26.4546 661.781 29.2046 663.054 32.5455C664.327 35.8637 664.963 39.8182 664.963 44.4091V48.1932H622.043V39.875H653.134C653.111 37.5114 652.6 35.4091 651.6 33.5682C650.6 31.7046 649.202 30.2387 647.406 29.1705C645.634 28.1023 643.565 27.5682 641.202 27.5682C638.679 27.5682 636.463 28.1818 634.554 29.4091C632.645 30.6137 631.156 32.2046 630.088 34.1818C629.043 36.1364 628.509 38.2841 628.486 40.625V47.8864C628.486 50.9318 629.043 53.5455 630.156 55.7273C631.27 57.8864 632.827 59.5455 634.827 60.7046C636.827 61.8409 639.168 62.4091 641.85 62.4091C643.645 62.4091 645.27 62.1591 646.725 61.6591C648.179 61.1364 649.44 60.375 650.509 59.375C651.577 58.375 652.384 57.1364 652.929 55.6591L664.452 56.9546C663.725 60 662.338 62.6591 660.293 64.9318C658.27 67.1818 655.679 68.9318 652.52 70.1818C649.361 71.4091 645.747 72.0228 641.679 72.0228Z" fill="black"/>
                        <path d="M675.404 71V18.6364H687.369V27.3637H687.915C688.869 24.3409 690.506 22.0114 692.824 20.375C695.165 18.7159 697.835 17.8864 700.835 17.8864C701.517 17.8864 702.279 17.9205 703.119 17.9887C703.983 18.0341 704.699 18.1137 705.267 18.2273V29.5796C704.744 29.3977 703.915 29.2387 702.779 29.1023C701.665 28.9432 700.585 28.8637 699.54 28.8637C697.29 28.8637 695.267 29.3523 693.472 30.3296C691.699 31.2841 690.301 32.6137 689.279 34.3182C688.256 36.0228 687.744 37.9887 687.744 40.2159V71H675.404Z" fill="black"/>
                    </svg>
                </a>
        
                <!-- Close Button Menu -->
                <button @click="mobileOpen = false" type="button" class="rounded-md text-neutral-800">
                    <span class="sr-only">Close menu</span>
                    <svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>

            </div>
            <!-- Logo & Close Button Container End -->
    
            <!-- Mobile Links Container Start -->
            <div class="mt-6 flow-root border-t border-neutral-200">
    
                <!-- Top Links -->
                <div class="py-4">
                    <div class="space-y-2 *:block *:py-2 *:font-medium *:leading-7 *:text-neutral-800 ">
                        <a href="#" @click="mobileOpen = false">Services</a>
                        <a href="#" @click="mobileOpen = false">About Us</a>
                        <a href="#" @click="mobileOpen = false">Portfolio</a>
                        <a href="#" @click="mobileOpen = false">Contact Us</a>
                    </div>
                </div>

                <!-- Divider -->
                <hr class="mx-auto border-neutral-200">

                <!-- Bottom Links -->
                <div class="py-4">
                    <div class="space-y-2 *:block *:py-2">
                        <a href="#" class="text-neutral-800 text-sm font-medium">(123) 456-7890</a>
                        <a href="#" class="w-full md:w-auto cursor-pointer inline-flex items-center justify-center px-4 py-2 text-sm text-center font-medium tracking-wide transition-colors duration-100 border-2 border-neutral-900 text-neutral-50 rounded-md bg-neutral-900 hover:bg-neutral-900 hover:border-neutral-900">
                            Get Quote
                        </a>
                    </div>
                    
                </div>
    
            </div>
            <!-- Mobile Links Container End -->
    
        </div>
    </div>
    <!-- Mobile Navigation Ends -->

</header>