It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://tiejet.com/

  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr" class="">
  3.    
  4.    <head>
  5.        <meta charset="UTF-8">
  6.        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  7.        <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.        <meta name="csrf-token" content="Xokav8Ky9FvsLw4Cb8ZzFAz1BS3PZSr1jrNX6Sug">
  9.        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
  10.  
  11.        <!-- Meta Pixel Code -->
  12.        <script>
  13.        !function(f,b,e,v,n,t,s)
  14.        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  15.        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  16.        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  17.        n.queue=[];t=b.createElement(e);t.async=!0;
  18.        t.src=v;s=b.getElementsByTagName(e)[0];
  19.        s.parentNode.insertBefore(t,s)}(window, document,'script',
  20.        'https://connect.facebook.net/en_US/fbevents.js');
  21.        fbq('init', '1065162878196867');
  22.        fbq('track', 'PageView');
  23.        </script>
  24.        <noscript><img height="1" width="1" style="display:none"
  25.        src="https://www.facebook.com/tr?id=1065162878196867&ev=PageView&noscript=1"
  26.        /></noscript>
  27. <!-- End Meta Pixel Code -->
  29. <!-- Tiejet Support Live -->
  30. <script src="https://help.tiejet.com/wp-content/plugins/supportboard/supportboard/js/min/jquery.min.js"></script>
  31.        <script id="sbinit" src="https://help.tiejet.com/wp-content/plugins/supportboard/supportboard/js/main.js"></script>
  32. <!-- Tiejet Support Live -->
  33.  
  34.        
  35.        <title>Tiejet | Freelance Services Marketplace</title>
  36. <meta name="description" content="Discover a reliable and efficient freelance platform designed exclusively for small business owners. Find skilled professionals in various fields, from web design and marketing to content creation and virtual assistance. Streamline your hiring process and connect with top-rated freelancers who can help grow your business. Our platform offers a secure and user-friendly experience, ensuring seamless collaboration and successful project outcomes. Join our community of small business owners and tap into a vast pool of talent to achieve your goals. Start hiring freelancers today and elevate your business to new heights.">
  37. <meta property="fb:page_id" content="110490558197925">
  38. <meta property="fb:app_id" content="1218851601993540">
  39. <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
  40. <link rel="canonical" href="https://tiejet.com">
  41. <meta property="og:title" content="Tiejet | Freelance Services Marketplace">
  42. <meta property="og:description" content="Discover a reliable and efficient freelance platform designed exclusively for small business owners. Find skilled professionals in various fields, from web design and marketing to content creation and virtual assistance. Streamline your hiring process and connect with top-rated freelancers who can help grow your business. Our platform offers a secure and user-friendly experience, ensuring seamless collaboration and successful project outcomes. Join our community of small business owners and tap into a vast pool of talent to achieve your goals. Start hiring freelancers today and elevate your business to new heights.">
  43. <meta property="og:type" content="website">
  44. <meta property="og:url" content="https://tiejet.com">
  45. <meta property="og:image" content="https://tiejet.com/public/storage/site/ogimage/7E4FFC4FB8B2EE8B686D.webp">
  46.  
  47. <meta name="twitter:title" content="Tiejet | Freelance Services Marketplace">
  48. <meta name="twitter:description" content="Discover a reliable and efficient freelance platform designed exclusively for small business owners. Find skilled professionals in various fields, from web design and marketing to content creation and virtual assistance. Streamline your hiring process and connect with top-rated freelancers who can help grow your business. Our platform offers a secure and user-friendly experience, ensuring seamless collaboration and successful project outcomes. Join our community of small business owners and tap into a vast pool of talent to achieve your goals. Start hiring freelancers today and elevate your business to new heights.">
  49. <meta name="twitter:image" content="https://tiejet.com/public/storage/site/ogimage/7E4FFC4FB8B2EE8B686D.webp">
  50. <meta name="twitter:url" content="https://tiejet.com">
  51. <meta name="twitter:site" content="@">
  52. <meta name="twitter:card" content="summary_large_image">
  53. <script type="application/ld+json">{"@context":"https://schema.org","name":"Tiejet | Freelance Services Marketplace","description":"Discover a reliable and efficient freelance platform designed exclusively for small business owners. Find skilled professionals in various fields, from web design and marketing to content creation and virtual assistance. Streamline your hiring process and connect with top-rated freelancers who can help grow your business. Our platform offers a secure and user-friendly experience, ensuring seamless collaboration and successful project outcomes. Join our community of small business owners and tap into a vast pool of talent to achieve your goals. Start hiring freelancers today and elevate your business to new heights."}</script>
  54.        <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Tiejet | Freelance Services Marketplace","description":"Discover a reliable and efficient freelance platform designed exclusively for small business owners. Find skilled professionals in various fields, from web design and marketing to content creation and virtual assistance. Streamline your hiring process and connect with top-rated freelancers who can help grow your business. Our platform offers a secure and user-friendly experience, ensuring seamless collaboration and successful project outcomes. Join our community of small business owners and tap into a vast pool of talent to achieve your goals. Start hiring freelancers today and elevate your business to new heights.","url":"https://tiejet.com"}</script>
  55.  
  56.        
  57. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&display=swap">
  58.  
  59.        
  60.        <link rel="icon" type="image/png" href="https://tiejet.com/public/storage/site/favicon/522C6701888BAACE1C17.png"/>
  61.  
  62.        
  64.            
  65.                            <link rel="preload prefetch" as="image" href="https://tiejet.com/public/storage/site/hero/3B97EC72D25C06347098.webp" type="image/webp" />
  66.            
  67.            
  68.            
  69.            
  70.                            <link rel="preload prefetch" as="image" href="https://tiejet.com/public/storage/site/hero/48991020C0D451C205DC.webp" type="image/webp" />
  71.            
  72.        
  73.        
  74.        <link rel="preconnect" href="https://fonts.googleapis.com">
  75.        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  76.  
  77.        
  78.        <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>
  79.  
  80.        
  81.        <link rel="preload" href="https://tiejet.com/public/css/app.css?id=0776fcf3aa54f71df2ed41836af8b71c" as="style">
  82.        <link rel="stylesheet" href="https://tiejet.com/public/css/app.css?id=0776fcf3aa54f71df2ed41836af8b71c">
  83.        
  84.        <link rel="stylesheet" href="https://tiejet.com/public/css/delta.css?v1.0.6">
  85.  
  86.        
  87.        <link rel="preload" href="https://tiejet.com/public/vendor/livewire/livewire.js?id=90730a3b0e7144480175" as="script">
  88.  
  89.        
  90.        <link rel="stylesheet" href="https://tiejet.com/public/vendor/flaticon/css/flaticon.css">
  91.  
  93.        <style>
  94.            :root {
  95.                --color-primary  : #f57f17;
  96.                --color-primary-h: 28;
  97.                --color-primary-s: 92%;
  98.                --color-primary-l: 53%;
  99.            }
  100.            html {
  101.                font-family: Heebo, sans-serif !important;
  102.            }
  103.            .home-hero-section-parent{height: 570px;}
  104.            .home-hero-section {
  105.                background-color: #a1a1aa;
  106.                background-repeat: no-repeat;
  107.                background-position: center center;
  108.                background-size: cover;
  109.                height: 570px;
  110.            }
  111.            
  112.            
  113.                            
  114.                
  115.                                
  116.                    @media only screen and (max-width: 600px) {
  117.                        .home-hero-section-parent{height: 250px;}
  118.                        .home-hero-section {
  119.                            background-image: url('https://tiejet.com/public/storage/site/hero/3B97EC72D25C06347098.webp');
  120.                            height: 250px;
  121.                        }
  122.                                                .home-hero-section.pic0 {
  123.                            background-image: url('https://tiejet.com/public/storage/site/hero/3B97EC72D25C06347098.webp');
  124.                        }
  125.                                                .home-hero-section.pic1 {
  126.                            background-image: url('https://tiejet.com/public/storage/site/hero/45C9688A9A05EC01397E.webp');
  127.                        }
  128.                                                .home-hero-section.pic2 {
  129.                            background-image: url('https://tiejet.com/public/storage/site/hero/9BA19F98F515BCB9669C.webp');
  130.                        }
  131.                                                .home-hero-section.pic3 {
  132.                            background-image: url('https://tiejet.com/public/storage/site/hero/F7F20592903BA1738BBC.webp');
  133.                        }
  134.                                            }
  135.  
  136.                
  137.                
  138.                
  139.                
  140.                                
  141.                    @media only screen and (min-width: 768px) {
  142.                        .home-hero-section {
  143.                            background-image: url('https://tiejet.com/public/storage/site/hero/48991020C0D451C205DC.webp');
  144.                        }
  145.                    }
  146.  
  147.                
  148.                
  149.                
  150.                                
  151.                    @media only screen and (min-width: 992px) {
  152.                        .home-hero-section {
  153.                            background-image: url('https://tiejet.com/public/storage/site/hero/48991020C0D451C205DC.webp');
  154.                        }
  155.                    }
  156.  
  157.                
  158.                
  159.                                
  160.                    @media only screen and (min-width: 1200px) {
  161.                        .home-hero-section {
  162.                            background-image: url('https://tiejet.com/public/storage/site/hero/48991020C0D451C205DC.webp');
  163.                        }
  164.                                                .home-hero-section.pic0 {
  165.                            background-image: url('https://tiejet.com/public/storage/site/hero/48991020C0D451C205DC.webp');
  166.                        }
  167.                                                .home-hero-section.pic1 {
  168.                            background-image: url('https://tiejet.com/public/storage/site/hero/54DC4C657724C8149582.webp');
  169.                        }
  170.                                                .home-hero-section.pic2 {
  171.                            background-image: url('https://tiejet.com/public/storage/site/hero/2AB32B09EC8EB39F1FCF.webp');
  172.                        }
  173.                                                .home-hero-section.pic3 {
  174.                            background-image: url('https://tiejet.com/public/storage/site/hero/3F39ADCEFA0F5B80A6BA.webp');
  175.                        }
  176.                                            }
  177.  
  178.                
  179.                        
  180.            body{
  181.                background:#f0f4f7;
  182.            }
  183.        
  184.        body{
  185.            background-color: #f0f4f7;
  186.        }
  187.            .main-header{
  188.                box-shadow:0 1px 5px 0 rgba(41,85,115,0.22);
  189.                height:48px;
  190.            }
  191.        .sidebar{
  192.            max-width: 240px;
  193.            width:100%;
  194.            height: 100%;
  195.            position: fixed;
  196.            min-height: 0;
  197.            flex-direction: column;
  198.            top:88px;
  199.            z-index: 18;
  200.            margin-left: 0;
  201.            margin-right: 0;
  202.            transition-property: margin-left,margin-right,visibility;
  203.            transition-duration: .6s;
  204.            }
  205.            .sidebarnav{
  206.                min-height:0px;
  207.                max-height:80vh;
  208.                overflow-y:scroll!important;
  209.            }
  210.            .main-content{
  211.                margin-left:280px!important;
  212.                width:calc( 100% -300px);
  213.                padding: 0 25px;
  214.                padding-bottom:48px;
  215.                margin-right:50px!important;
  216.                margin:0px auto;
  217.                
  218.            }
  219.            .sidebar nav a:active{
  220.                background-color:  #C1E4FE;
  221.                color:  #2B81CB;
  222.            }
  223.  
  224.            .dropdown-content a span{
  225. color:#20455e;
  226.                padding:5px;
  227. }
  228. .dropdown-content a span:hover{
  229. background-color: #eaf7ff;
  230.     border-radius: 20px;
  231. color:  #3899EC;
  232.   border:1px solid  #EAF7FF;
  233. max-width:60%;
  235. }
  236.            .dropdown-content a{
  237.                padding: 0px 0px 6px 6px;
  238.            }
  239.            .head-dropdown{
  241. min-width:320px;
  242. }
  243.            .avatar-drop-header{
  244. height: 75px;
  245. align-items: center;
  246. display: flex;
  247. border-bottom: 1px solid #dadada;
  248. font-size: 16px;
  250. }
  251.            .account-settings{
  252. list-style-type: none;
  253. font-size: 14px;
  254. flex-shrink: 1;
  255. border-bottom: 1px solid #dadada;
  256. }
  257.            .bg-primary-100\/25{
  258.                background-color:  #C1E4FE!important;
  259.                color:  #2B81CB!important;
  260.            }
  261.            .placeholder{
  262.                height: 90px;
  263.                width: 90px;
  264.                border-radius: 45px;
  265.                background-color: #EAF7FF;
  266.            }
  267.            .placeholder1{
  268.                height:70px;width:70px;
  269.            }
  270.            .custom-btn{
  271. padding-left:20px;
  272. padding-right:20px;
  273.                border-radius:32px;
  274.                border:1px solid #dadada;
  275.                padding-top:5px;
  276. font-size:12px;
  277. height:30px!important;
  278. display:inline-block;
  279. align-content: center;
  281. }
  282. .custom-btn:hover{
  283. background:#116cffe4!important;
  284. color:#FFF!important;
  285. }
  286.            .custom-btn{
  287.                border-color:#DAEFFE;
  288.            }
  289.            .img-ico{
  290.                width: 30px;
  291.                height: 30px;
  292.                position: absolute;
  293.                bottom: 10px;
  294.                right: 0;
  295.                border: solid 1px  #DAEFFE;
  296.    background-color:  #FFFFFF;
  297.    color:  #3899EC;
  298.    align-items: center;
  299.    justify-content: center;
  300.            }
  301.            .img-ico svg{
  302.              
  303.            }
  304.  
  305.            .text-sky{
  306.                color:#5999FF;!important;
  307.            }
  308.            .text-danger{
  309.                color:#E62214;
  310.                border:1px solid #E62214!important;
  311.            }
  312.            .text-danger:hover{
  313.                background:#E62214!important;
  314.                color:#FFF;
  315.            }
  316.            .sidebar nav{
  317.                
  318.    position: absolute;
  319.    /* width: 228px; */
  320.    overflow: auto;
  321.    overflow-y: overlay!important;
  322.    box-sizing: border-box;
  323.    height: 100%;
  324.    padding-top: 12px;
  325.    animation-duration: .3s;
  326.    animation-fill-mode: forwards;
  327.    animation-timing-function: ease-in-out;
  328.            }
  329.            .sidebar nav a:hover{
  330.                background:#D6E6FE;
  331.            }
  332.            .bg-primary-100\/25{
  333.                background:#A8CAFF!important;
  334.                color: #2B81CB!important;
  335.            }
  336.            @media screen and ( max-width:1020px )
  337.            {
  338.                .main-content{
  339.                    margin:2%!important;
  340.                }
  341.            }
  342.        </style>
  343.  
  344.        
  345.            
  346.            <link rel="preload" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" type="text/css" as="style" onload="this.onload=null;this.rel='stylesheet';"/>
  347.    
  348.    
  349.    <!-- <link rel='stylesheet' id='slick-css' href='https://demoapus1.com/freeio/wp-content/themes/freeio/css/slick.css?ver=1.8.0' type='text/css' media='all' /> -->
  350.    
  351.    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  352.            
  353.  
  354.        
  355.        <script>
  356.            __var_app_url        = "https://tiejet.com";
  357.            __var_app_locale     = "en";
  358.            __var_rtl            = false;
  359.            __var_primary_color  = "#f57f17";
  360.            __var_axios_base_url = "https://tiejet.com/";
  361.            __var_currency_code  = "EUR";
  362.        </script>
  363.  
  364.        
  365.        
  366.        
  367.        
  368.         <script>
  369. window.dataLayer = window.dataLayer || [];
  370. </script>
  371. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  372. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  373. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  374. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  375. })(window,document,'script','dataLayer','GTM-THL8GJQX');</script>
  377.    </head>
  378.  
  379.    <body class="scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100 antialiased bg-gray-50 dark:bg-[#161616] text-gray-600 min-h-full flex flex-col application application-ltr overflow-x-hidden overflow-y-scroll " style="overflow-y: scroll">
  380.        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-THL8GJQX"
  381. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  382.        
  383.        
  384.        <div class="fixed z-[65] inset-0 flex items-end justify-center px-4 py-6
  385.            pointer-events-none sm:p-5 sm:pt-4 sm:items-start sm:justify-center"
  386.     x-data="wireui_notifications"
  387.     x-on:wireui:notification.window="addNotification($event.detail)"
  388.     x-on:wireui:confirm-notification.window="addConfirmNotification($event.detail)"
  389.     wire:ignore>
  390.    <div class="max-w-sm w-full space-y-2 pointer-events-auto flex flex-col-reverse">
  391.        <template x-for="notification in notifications" :key="`notification-${notification.id}`">
  392.            <div class="max-w-sm w-full bg-white shadow-lg rounded-lg ring-1 ring-black
  393.                        ring-opacity-5 relative overflow-hidden pointer-events-auto
  394.                        dark:bg-zinc-800 dark:border dark:border-zinc-700"
  395.                 :class="{ 'flex': notification.rightButtons }"
  396.                 :id="`notification.${notification.id}`"
  397.                 x-transition:enter="transform ease-out duration-300 transition"
  398.                 x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2"
  399.                 x-transition:enter-end="translate-y-0 opacity-100 sm:translate-x-0"
  400.                 x-on:mouseenter="pauseNotification(notification)"
  401.                 x-on:mouseleave="resumeNotification(notification)">
  402.                <div class="bg-zinc-300 dark:bg-zinc-600 rounded-full transition-all duration-150 ease-linear absolute top-0 ltr:left-0 rtl:right-0"
  403.                     style="height: 2px; width: 100%;"
  404.                     :id="`timeout.bar.${notification.id}`"
  405.                     x-show="Boolean(notification.timer) && notification.progressbar !== false">
  406.                </div>
  407.                <div :class="{
  408.                        'pl-4': Boolean(notification.dense),
  409.                        'p-4': !Boolean(notification.rightButtons),
  410.                        'w-0 flex-1 flex items-center p-4': Boolean(notification.rightButtons),
  411.                    }">
  412.                    <div :class="{
  413.                        'flex items-start': !Boolean(notification.rightButtons),
  414.                        'w-full flex': Boolean(notification.rightButtons),
  415.                    }">
  416.                        <!-- notification icon|img -->
  417.                        <template x-if="notification.icon || notification.img">
  418.                            <div class="shrink-0" :class="{
  419.                                    'w-6': Boolean(notification.icon),
  420.                                    'pt-0.5': Boolean(notification.img),
  421.                                }">
  422.                                <template x-if="notification.icon">
  423.                                    <div class="notification-icon"></div>
  424.                                </template>
  425.  
  426.                                <template x-if="notification.img">
  427.                                    <img class="h-10 w-10 rounded-full" :src="notification.img" />
  428.                                </template>
  429.                            </div>
  430.                        </template>
  431.  
  432.                        <div class="w-0 flex-1 pt-0.5" :class="{
  433.                                'ltr:ml-3 rtl:mr-3': Boolean(notification.icon || notification.img)
  434.                            }">
  435.                            <p class="text-sm font-medium text-zinc-900 dark:text-zinc-400"
  436.                               x-show="notification.title"
  437.                               x-html="notification.title">
  438.                            </p>
  439.                            <p class="mt-1 text-sm text-zinc-500"
  440.                               x-show="notification.description"
  441.                               x-html="notification.description">
  442.                            </p>
  443.  
  444.                            <!-- actions buttons -->
  445.                            <template x-if="!notification.dense && !notification.rightButtons && (notification.accept || notification.reject)">
  446.                                <div class="mt-3 flex gap-x-3">
  447.                                    <button class="rounded-md text-sm font-medium focus:outline-none"
  448.                                            :class="{
  449.                                            'bg-white dark:bg-transparent text-primary-600 hover:text-primary-500': !Boolean($wireui.dataGet(notification, 'accept.style')),
  450.                                            [$wireui.dataGet(notification, 'accept.style')]: Boolean($wireui.dataGet(notification, 'accept.style')),
  451.                                            'px-3 py-2 border shadow-sm': Boolean($wireui.dataGet(notification, 'accept.solid')),
  452.                                        }"
  453.                                            x-on:click="accept(notification)"
  454.                                            x-show="$wireui.dataGet(notification, 'accept.label')"
  455.                                            x-text="$wireui.dataGet(notification, 'accept.label', '')">
  456.                                    </button>
  457.  
  458.                                    <button class="rounded-md text-sm font-medium focus:outline-none"
  459.                                            :class="{
  460.                                            'bg-white dark:bg-transparent text-zinc-700 dark:text-zinc-600 hover:text-zinc-500': !Boolean($wireui.dataGet(notification, 'reject.style')),
  461.                                            [$wireui.dataGet(notification, 'reject.style')]: Boolean($wireui.dataGet(notification, 'reject.style')),
  462.                                            'px-3 py-2 border border-zinc-300 shadow-sm': Boolean($wireui.dataGet(notification, 'accept.solid')),
  463.                                        }"
  464.                                            x-on:click="reject(notification)"
  465.                                            x-show="$wireui.dataGet(notification, 'reject.label')"
  466.                                            x-text="$wireui.dataGet(notification, 'reject.label', '')">
  467.                                    </button>
  468.                                </div>
  469.                            </template>
  470.                        </div>
  471.  
  472.                        <div class="ltr:ml-4 rtl:mr-4 shrink-0 flex">
  473.                            <!-- accept button -->
  474.                            <button class="mr-4 shrink-0 rounded-md text-sm font-medium focus:outline-none"
  475.                                    :class="{
  476.                                    'text-primary-600 hover:text-primary-500': !Boolean($wireui.dataGet(notification, 'accept.style')),
  477.                                    [$wireui.dataGet(notification, 'accept.style')]: Boolean($wireui.dataGet(notification, 'accept.style'))
  478.                                }"
  479.                                    x-on:click="accept(notification)"
  480.                                    x-show="notification.dense && notification.accept"
  481.                                    x-text="$wireui.dataGet(notification, 'accept.label', '')">
  482.                            </button>
  483.  
  484.                            <!-- close button -->
  485.                            <button class="rounded-md inline-flex text-zinc-400 hover:text-zinc-500 focus:outline-none"
  486.                                    x-show="notification.closeButton"
  487.                                    x-on:click="closeNotification(notification)">
  488.                                <span class="sr-only">Close</span>
  489.                                <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  490.    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
  491. </svg>
  492.                            </button>
  493.                        </div>
  494.                    </div>
  495.                </div>
  496.  
  497.                <!-- right actions buttons -->
  498.                <template x-if="notification.rightButtons">
  499.                    <div class="flex flex-col border-l border-zinc-200 dark:border-zinc-700">
  500.                        <template x-if="notification.accept">
  501.                            <div class="h-0 flex-1 flex" :class="{
  502.                                'border-b border-zinc-200 dark:border-zinc-700': notification.reject
  503.                            }">
  504.                                <button class="w-full rounded-none rounded-tr-lg px-4 py-3 flex items-center
  505.                                               justify-center text-sm font-medium focus:outline-none"
  506.                                        :class="{
  507.                                        'text-primary-600 hover:text-primary-500 hover:bg-zinc-50 dark:hover:bg-zinc-700': !Boolean(notification.accept.style),
  508.                                        [notification.accept.style]: Boolean(notification.accept.style),
  509.                                        'rounded-br-lg': !Boolean(notification.reject),
  510.                                    }"
  511.                                        x-on:click="accept(notification)"
  512.                                        x-text="notification.accept.label">
  513.                                </button>
  514.                            </div>
  515.                        </template>
  516.  
  517.                        <template x-if="notification.reject">
  518.                            <div class="h-0 flex-1 flex">
  519.                                <button class="w-full rounded-none rounded-br-lg px-4 py-3 flex items-center
  520.                                                justify-center text-sm font-medium focus:outline-none"
  521.                                        :class="{
  522.                                        'text-zinc-700 hover:text-zinc-500 dark:text-zinc-600 hover:bg-zinc-50 dark:hover:bg-zinc-700': !Boolean(notification.reject.style),
  523.                                        [notification.reject.style]: Boolean(notification.reject.style),
  524.                                        'rounded-tr-lg': !Boolean(notification.accept),
  525.                                    }"
  526.                                        x-on:click="reject(notification)"
  527.                                        x-text="notification.reject.label">
  528.                                </button>
  529.                            </div>
  530.                        </template>
  531.                    </div>
  532.                </template>
  533.            </div>
  534.        </template>
  535.    </div>
  536. </div>
  537.  
  538.        
  539.        <div class="fixed inset-0 flex items-end overflow-y-auto sm:pt-16 justify-center sm:items-start z-[65]"
  540.    x-data="wireui_dialog({ id: 'dialog' })"
  541.    x-show="show"
  542.    x-on:wireui:dialog.window="showDialog($event.detail)"
  543.    x-on:wireui:confirm-dialog.window="confirmDialog($event.detail)"
  544.    x-on:keydown.escape.window="handleEscape"
  545.    style="display: none"
  546.    x-cloak>
  547.    <div class="fixed inset-0 bg-secondary-400 bg-opacity-60 transform transition-opacity
  548.        dialog-backdrop  backdrop-blur-sm  dark:bg-secondary-700 dark:bg-opacity-60"
  549.        x-show="show"
  550.        x-on:click="dismiss"
  551.        x-transition:enter="ease-out duration-300"
  552.        x-transition:enter-start="opacity-0"
  553.        x-transition:enter-end="opacity-100"
  554.        x-transition:leave="ease-in duration-200"
  555.        x-transition:leave-start="opacity-100"
  556.        x-transition:leave-end="opacity-0">
  557.    </div>
  558.  
  559.    <div class="w-full transition-all p-4 sm:max-w-lg"
  560.        x-show="show"
  561.        x-transition:enter="ease-out duration-300"
  562.        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
  563.        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
  564.        x-transition:leave="ease-in duration-200"
  565.        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
  566.        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
  567.        x-on:mouseenter="pauseTimeout"
  568.        x-on:mouseleave="resumeTimeout">
  569.        <div class="relative shadow-md bg-white dark:bg-secondary-800 rounded-xl space-y-4 p-4"
  570.            :class="{
  571.                'sm:p-5 sm:pt-7': style === 'center',
  572.                'sm:p-0 sm:pt-1': style === 'inline',
  573.            }">
  574.            <div class="bg-secondary-300 dark:bg-secondary-600 rounded-full transition-all duration-150 ease-linear absolute top-0 left-0"
  575.                style="height: 2px; width: 100%;"
  576.                x-ref="progressbar"
  577.                x-show="dialog && dialog.progressbar && dialog.timeout">
  578.            </div>
  579.  
  580.            <div x-show="dialog && dialog.closeButton" class="absolute ltr:right-2 rtl:left-2 -top-2">
  581.                <button class="dialog-button-close focus:outline-none p-1 focus:ring-2 focus:ring-secondary-200 rounded-full text-secondary-300"
  582.                    x-on:click="close"
  583.                    type="button">
  584.                    <span class="sr-only">close</span>
  585.                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  586.    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
  587. </svg>
  588.                </button>
  589.            </div>
  590.  
  591.            <div class="space-y-4" :class="{ 'sm:space-x-4 rtl:space-x-reverse sm:flex sm:items-center sm:space-y-0 sm:px-5 sm:py-2': style === 'inline' }">
  592.                <div class="mx-auto flex items-center self-start justify-center shrink-0"
  593.                    :class="{ 'sm:items-start sm:mx-0': style === 'inline' }"
  594.                    x-show="dialog && dialog.icon">
  595.                    <div x-ref="iconContainer"></div>
  596.                </div>
  597.  
  598.                <div class="mt-4 w-full" :class="{ 'sm:mt-5': style === 'center' }">
  599.                    <h3 class="text-lg leading-6 font-medium text-secondary-900 dark:text-secondary-400 text-center"
  600.                        :class="{ 'sm:text-left sm:rtl:text-right': style === 'inline' }"
  601.                         x-ref="title" >
  602.                        
  603.                    </h3>
  604.  
  605.                    <p class="mt-2 text-sm text-secondary-500 text-center"
  606.                        :class="{ 'sm:text-left sm:rtl:text-right': style === 'inline' }"
  607.                         x-ref="description" >
  608.                        
  609.                    </p>
  610.  
  611.                    
  612.                </div>
  613.            </div>
  614.  
  615.            <div class="grid grid-cols-1 gap-y-2 sm:gap-x-3 rounded-b-xl"
  616.                :class="{
  617.                    'sm:grid-cols-2 sm:gap-y-0': style === 'center',
  618.                    'sm:p-4 sm:bg-secondary-100 sm:dark:bg-secondary-800 sm:grid-cols-none sm:flex sm:justify-end': style === 'inline',
  619.                }"
  620.                x-show="dialog && (dialog.accept || dialog.reject)">
  621.                <div x-show="dialog && dialog.accept" class="sm:order-last" x-ref="accept"></div>
  622.                <div x-show="dialog && dialog.reject" x-ref="reject"></div>
  623.            </div>
  624.  
  625.            <div class="flex justify-center"
  626.                x-show="dialog && dialog.close && !dialog.accept && !dialog.accept"
  627.                x-ref="close">
  628.            </div>
  629.        </div>
  630.    </div>
  631. </div>
  632.  
  634.        
  635.                <header wire:id="GxKrTVQbB1atZok2TKL8" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;GxKrTVQbB1atZok2TKL8&quot;,&quot;name&quot;:&quot;main.includes.header&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:{&quot;l2446992791-0&quot;:{&quot;id&quot;:&quot;ymJVI0fOhpbo2AC1JbIl&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;l2446992791-1&quot;:{&quot;id&quot;:&quot;wt15EmOWpyAGbZ1TYQkn&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;l2446992791-2&quot;:{&quot;id&quot;:&quot;LNK9XeTmy3QU8JBe3zhr&quot;,&quot;tag&quot;:&quot;div&quot;}},&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;bfc46640&quot;,&quot;data&quot;:{&quot;new_messages&quot;:null,&quot;notifications&quot;:null,&quot;q&quot;:null,&quot;gigs&quot;:[],&quot;sellers&quot;:[],&quot;tags&quot;:[],&quot;default_language_name&quot;:&quot;English&quot;,&quot;default_language_code&quot;:&quot;en&quot;,&quot;default_country_code&quot;:&quot;us&quot;},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;85f0b55a1e3bafd19918684eb2680cdb2395539b2d71d77bef7607488d0c91e0&quot;}}" class="header bg-white dark:bg-[#0f0f0f] shadow-sm w-full z-40 transition-all duration-200  sticky top-0 ">
  636.    <!-- osama -->
  637.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
  638.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha384-0b4KkqKD6nx5KWn5kqq5frMlaZuGR3axdZxtLUoDn2UvzrI6DIjzS5LG1RkNfo3w" crossorigin="anonymous">
  639.  
  640.    <!-- osama -->
  641.  
  642.    <div x-data="window.TTRjRvxLbHzaKxW">
  643.  
  644.        
  645.        
  646.        
  647.        <nav class="relative container max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 justify-between items-center h-20 flex">
  648.  
  649.            
  650.            <div class="inline-flex items-center min-w-fit">
  651.  
  652.                
  653.                <button type="button" class="bg-white dark:bg-transparent rounded-md text-gray-500 dark:text-gray-100 dark:hover:text-white ltr:mr-5 rtl:ml-5 md:hidden" x-on:click="mobile_menu = true">
  654.                    <span class="sr-only">Open menu</span>
  655.                    <svg class="text-gray-400 hover:text-gray-700 dark:text-gray-100 dark:hover:text-white h-6 w-6" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  656.                        <g>
  657.                            <path fill="none" d="M0 0h24v24H0z"></path>
  658.                            <path d="M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z"></path>
  659.                        </g>
  660.                    </svg>
  661.                </button>
  662.  
  663.                
  664.                                <a href="https://tiejet.com" class="block ltr:sm:mr-6 rtl:sm:ml-6">
  665.                    <img width="150" height="40" src="https://tiejet.com/public/storage/site/logo/E9ACBAD3B8285468F135.png" alt="Tiejet" style="height: 40px;width:auto">
  666.                </a>
  667.                
  668.            </div>
  669.  
  670.            
  671.            <div class="w-full hidden lg:block">
  672.                <div class="relative max-w-md" x-data="{ open: false }">
  673.  
  674.                    
  675.                    <input wire:model.debounce.500ms="q" wire:keydown.enter="enter" x-ref="search" x-on:click="open = true" type="search" class="block p-2.5 w-full z-20 text-sm text-gray-900 dark:text-white bg-white dark:bg-[#181818] rounded border border-gray-300 dark:border-[#181818] focus:ring-0 focus:border-gray-500" placeholder="What service are you looking for today?" required>
  676.  
  677.                    
  678.                    <button type="button" wire:click="enter" class="absolute top-0 ltr:right-0 rtl:left-0 p-2.5 text-white bg-zinc-700 hover:bg-zinc-800 ltr:rounded-r rtl:rounded-l border border-zinc-700 hover:border-zinc-800">
  679.                        <svg class="w-5 h-5" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  680.                            <path d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z"></path>
  681.                        </svg>
  682.                        <span class="sr-only">Search</span>
  683.                    </button>
  684.  
  685.                    
  686.                    
  687.                </div>
  688.            </div>
  689.  
  690.            
  691.            <div class="min-w-fit ltr:sm:ml-10 rtl:sm:mr-10 flex items-center font-medium text-sm transition-all duration-200">
  692.  
  693.                
  694.                <div x-data="{ open: false }" class="relative inline-block">
  695.  
  696.                    
  697.                    <div aria-haspopup="true" x-bind:aria-expanded="open" x-on:click="open = true" aria-expanded="true" class="text-gray-500 hover:text-primary-600 transition-colors duration-300 py-2 px-4 focus:outline-none hidden md:flex dark:text-gray-100 dark:hover:text-white space-x-2 rtl:space-x-reverse md:items-center cursor-pointer">
  698.                        <span>Explore</span>
  699.                        <svg class="w-4 h-4" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
  700.                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
  701.                        </svg>
  702.                    </div>
  703.  
  704.                    
  705.                    <div x-show="open" style="display: none" x-transition:enter="transition ease-out duration-150" x-transition:enter-start="transform opacity-0 scale-75" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-75" x-on:click.outside="open = false" role="menu" class="ltr:origin-top-right rtl:origin-top-left absolute top-full ltr:right-0 rtl:left-0 w-48 mt-3 bg-white dark:bg-zinc-800 rounded-lg shadow-md ring-1 ring-gray-900 ring-opacity-5 font-normal text-sm text-gray-900 z-40">
  706.                        <div class="bg-white dark:bg-zinc-800 ring-1 ring-black ring-opacity-5 rounded divide-y divide-gray-100 dark:divide-zinc-400">
  707.                            <div class="p-2 space-y-1">
  708.  
  709.                                
  710.                                <a href="https://tiejet.com/search" role="menuitem" class="w-full flex items-center rounded py-2 px-3 text-sm font-medium text-gray-600 hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus:bg-gray-100 focus:text-gray-700 dark:text-zinc-400 dark:hover:bg-zinc-500 dark:hover:text-zinc-200">
  711.                                    <span>Explore eServices</span>
  712.                                </a>
  713.  
  714.                                
  715.                                
  716.                            </div>
  717.                        </div>
  718.                    </div>
  719.  
  720.                </div>
  721.  
  722.                
  723.                                <div wire:id="ymJVI0fOhpbo2AC1JbIl" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;ymJVI0fOhpbo2AC1JbIl&quot;,&quot;name&quot;:&quot;main.partials.languages&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;e0452599&quot;,&quot;data&quot;:{&quot;default_language_name&quot;:&quot;English&quot;,&quot;default_language_code&quot;:&quot;en&quot;,&quot;default_country_code&quot;:&quot;us&quot;},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;4074c24c22bcd6aa50e3b9f6cac653c15c8998095d8a23ecc19568631ed78bf4&quot;}}" class="relative inline-block">
  724.    <div x-data="{ open: false }">
  725.  
  726.        
  727.        <button x-on:click="open = !open" type="button" class="hidden md:flex items-center text-gray-500 hover:text-primary-600 transition-colors duration-300 py-2 px-4 focus:outline-none focus:ring-0 dark:text-gray-100 dark:hover:text-white">
  728.            <svg class="w-[18px] h-[18px]" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm7.931 9h-2.764a14.67 14.67 0 0 0-1.792-6.243A8.013 8.013 0 0 1 19.931 11zM12.53 4.027c1.035 1.364 2.427 3.78 2.627 6.973H9.03c.139-2.596.994-5.028 2.451-6.974.172-.01.344-.026.519-.026.179 0 .354.016.53.027zm-3.842.7C7.704 6.618 7.136 8.762 7.03 11H4.069a8.013 8.013 0 0 1 4.619-6.273zM4.069 13h2.974c.136 2.379.665 4.478 1.556 6.23A8.01 8.01 0 0 1 4.069 13zm7.381 6.973C10.049 18.275 9.222 15.896 9.041 13h6.113c-.208 2.773-1.117 5.196-2.603 6.972-.182.012-.364.028-.551.028-.186 0-.367-.016-.55-.027zm4.011-.772c.955-1.794 1.538-3.901 1.691-6.201h2.778a8.005 8.005 0 0 1-4.469 6.201z"></path></svg>
  729.            <span class="ltr:ml-1 rtl:mr-1">English</span>
  730.        </button>
  731.    
  732.        
  733.        <div
  734.            x-show="open"
  735.            style="display: none;"
  736.            x-transition:enter="transition ease-out duration-150"
  737.            x-transition:enter-start="transform opacity-0 scale-75"
  738.            x-transition:enter-end="transform opacity-100 scale-100"
  739.            x-transition:leave="transition ease-in duration-100"
  740.            x-transition:leave-start="transform opacity-100 scale-100"
  741.            x-transition:leave-end="transform opacity-0 scale-75"
  742.            x-on:click.outside="open = false" role="menu"
  743.            class="absolute ltr:right-0 rtl:left-0 origin-top-right mt-2 w-48 shadow-xl rounded z-50" x-cloak>
  744.            
  745.            <div class="bg-white dark:bg-zinc-800 rounded p-2 space-y-1">
  746.    
  747.                
  748.                                    <div  wire:click="setLocale('de')"  class="py-2 px-4 rounded-sm inline-flex items-center cursor-pointer justify-between hover:bg-gray-50 dark:hover:bg-zinc-600 focus:outline-none w-full">
  749.                        <div class="inline-flex items-center">
  750.                            <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/vendor/blade-flags/country-de.svg" alt="Deutsch" class="lazy w-5 ltr:mr-3 rtl:ml-3">
  751.                            <span class="font-medium text-xs dark:text-gray-200">Deutsch</span>
  752.                        </div>
  753.                                                    <div wire:loading wire:target="setLocale('de')">
  754.                                <svg role="status" class="block w-4 h-4 text-gray-700 animate-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#E5E7EB"/> <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentColor"/> </svg>
  755.                            </div>
  756.                                            </div>
  757.                                    <div  class="py-2 px-4 rounded-sm inline-flex items-center cursor-pointer justify-between bg-primary-100/25 text-primary-600 focus:outline-none w-full">
  758.                        <div class="inline-flex items-center">
  759.                            <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/vendor/blade-flags/country-us.svg" alt="English" class="lazy w-5 ltr:mr-3 rtl:ml-3">
  760.                            <span class="font-medium text-xs dark:text-gray-200">English</span>
  761.                        </div>
  762.                                                    <div class="block">
  763.                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
  764.                            </div>
  765.                                            </div>
  766.                    
  767.            </div>
  768.        </div>
  769.  
  770.    </div>
  771. </div>
  772. <!-- Livewire Component wire-end:ymJVI0fOhpbo2AC1JbIl -->                
  773.                
  774.                                <a href="https://tiejet.com/start_selling" class="text-gray-500 hover:text-primary-600 transition-colors duration-300 py-2 px-4 hidden md:block dark:text-gray-100 dark:hover:text-white">
  775.                    Become a seller                </a>
  776.                
  777.                
  778.                
  779.                
  780.                                <a href="https://tiejet.com/auth/login?source=top_nav" class="text-gray-500 hover:text-primary-600 transition-colors duration-300 py-2 px-4 hidden md:block dark:text-gray-100 dark:hover:text-white">
  781.                    Sign In                </a>
  782.                
  783.                
  784.                                <a href="https://tiejet.com/auth/register?source=top_nav" class="py-2 px-4 text-primary-600 hover:text-primary-800 transition-colors duration-300 rounded-full hidden md:inline-block dark:text-gray-100 dark:hover:text-white">
  785.                    Join                </a>
  786.                
  787.                
  788.                <div wire:id="wt15EmOWpyAGbZ1TYQkn" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;wt15EmOWpyAGbZ1TYQkn&quot;,&quot;name&quot;:&quot;main.partials.search&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;687cc6e7&quot;,&quot;data&quot;:{&quot;q&quot;:null,&quot;gigs&quot;:[],&quot;sellers&quot;:[],&quot;tags&quot;:[]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;980cc02c9bc4b8f0eb3e05be42ec85f79876113a778416b83741057e176faca2&quot;}}" x-data="window.jDxKFKNiKkfxISD" x-init="init()" x-cloak>
  789.  
  790.    
  791.    <div class="py-2 mx-4 text-gray-400 hover:text-gray-500 dark:text-gray-100 dark:hover:text-white cursor-pointer md:hidden" @click="open()">
  792.        <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> </svg>
  793.    </div>
  794.  
  795.    
  796.    <div class="fixed inset-0 z-10 overflow-y-auto p-4 sm:p-6 md:p-20" role="dialog" aria-modal="true" @keydown.window.escape="close()" x-show="isOpen" style="display: none;" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
  797.  
  798.        <div class="fixed inset-0 bg-gray-500 bg-opacity-25 transition-opacity" aria-hidden="true" x-transition:enter="ease-out duration-300"></div>
  799.  
  800.        <div class="mx-auto max-w-xl transform divide-y divide-gray-100 overflow-hidden rounded-xl bg-white shadow-2xl ring-1 ring-black ring-opacity-5 transition-all" @click.away="close()"
  801.            
  802.        >
  803.  
  804.            
  805.            <div class="relative">
  806.  
  807.                
  808.                <svg class="pointer-events-none absolute top-3.5 ltr:left-4 rtl:right-4 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"/> </svg>
  809.  
  810.                
  811.                <input wire:model.debounce.500ms="q" wire:keydown.enter="enter" x-ref="search" type="text" class="h-12 w-full border-0 bg-transparent ltr:pl-11 ltr:pr-3 rtl:pr-11 rtl:pl-3 text-gray-800 placeholder-gray-400 focus:ring-0 sm:text-sm pt-2.5" placeholder="What service are you looking for today?">
  812.  
  813.                
  814.                <div role="status" class="absolute ltr:right-2 rtl:left-2 top-3" wire:loading wire:target="q">
  815.                    <svg class="inline ltr:mr-2 rtl:ml-2 w-6 h-6 text-gray-200 animate-spin fill-primary-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
  816.                        <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
  817.                        <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
  818.                    </svg>
  819.                </div>
  820.  
  821.            </div>
  822.      
  823.            
  824.                  
  825.            
  826.                  
  827.            
  828.            <div class="flex flex-wrap items-center bg-gray-50 py-2.5 px-4 text-xs text-gray-700">
  829.                Press <kbd class='mx-2 flex h-5 px-1 items-center justify-center rounded border border-gray-400 bg-white font-semibold text-gray-900 sm:mx-2'>ENTER</kbd> <span class='hidden sm:inline'>for advanced search</span>
  830.            </div>
  831.  
  832.        </div>
  833.    </div>
  834.  
  835. </div>
  836.  
  837.  
  838.  
  839. <!-- Livewire Component wire-end:wt15EmOWpyAGbZ1TYQkn -->
  840.                
  841.                <div wire:id="LNK9XeTmy3QU8JBe3zhr" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;LNK9XeTmy3QU8JBe3zhr&quot;,&quot;name&quot;:&quot;main.partials.cart&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;cart-updated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;8fdb48a5&quot;,&quot;data&quot;:{&quot;cart&quot;:[]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;e803dce9a0d9a1d70a60aaf2d08253219398b7f595782a3d25f1a9c6c4b066e7&quot;}}" x-data="window.XnbzELJbXoSEFED" x-init="initialize()">
  842.  
  843.    
  844.    <button x-on:click="cart_open = !cart_open" type="button" class="text-gray-500 hover:text-primary-600 dark:text-gray-100 dark:hover:text-white transition-colors duration-300 py-2 relative ltr:ml-4 rtl:mr-4">
  845.        <svg class="text-gray-400 hover:text-gray-700 h-6 w-6 dark:text-gray-100 dark:hover:text-white" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M4 16V4H2V2h3a1 1 0 0 1 1 1v12h12.438l2-8H8V5h13.72a1 1 0 0 1 .97 1.243l-2.5 10a1 1 0 0 1-.97.757H5a1 1 0 0 1-1-1zm2 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm12 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"></path></g></svg>
  846.            </button>
  847.  
  848.    
  849.    <div @keydown.window.escape="cart_open = false" x-show="cart_open" style="display: none;" class="fixed inset-0 overflow-hidden z-50" x-ref="dialog" aria-modal="true" x-cloak>
  850.        <div class="absolute inset-0 overflow-hidden">
  851.  
  852.            
  853.            <div
  854.                x-show="cart_open"
  855.                style="display: none;"
  856.                x-transition:enter="ease-in-out duration-500"
  857.                x-transition:enter-start="opacity-0"
  858.                x-transition:enter-end="opacity-100"
  859.                x-transition:leave="ease-in-out duration-500"
  860.                x-transition:leave-start="opacity-100"
  861.                x-transition:leave-end="opacity-0"
  862.                class="absolute inset-0 bg-gray-500 bg-opacity-75 transition-opacity" @click="cart_open = false" aria-hidden="true">
  863.            </div>
  864.  
  865.            
  866.            <div class="pointer-events-none fixed inset-y-0 ltr:right-0 rtl:left-0 flex max-w-full ltr:pl-10 rtl:pr-10">
  867.                <div
  868.                    x-show="cart_open"
  869.                    style="display: none;"
  870.                    x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="ltr:translate-x-full rtl:-translate-x-full"
  871.                    x-transition:enter-end="ltr:translate-x-0 rtl:-translate-x-0"
  872.                    x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="ltr:translate-x-0 rtl:-translate-x-0"
  873.                    x-transition:leave-end="ltr:translate-x-full rtl:-translate-x-full"
  874.                    class="pointer-events-auto w-screen max-w-xs lg:max-w-sm">
  875.                    <div class="flex h-full flex-col bg-white dark:bg-zinc-700 shadow-xl">
  876.                        <div class="flex-1 overflow-y-auto overflow-x-hidden py-6 px-4 sm:px-6">
  877.                            <div class="flex items-start justify-between rtl:flex-row-reverse">
  878.                                <h2 class="text-base tracking-wide font-extrabold text-gray-900 dark:text-gray-200"> My shopping cart </h2>
  879.                                <div class="ml-3 flex h-7 items-center">
  880.                                    <button type="button" class="-m-2 p-2 text-gray-400 hover:text-gray-500" @click="cart_open = false">
  881.                                        <span class="sr-only">Close panel</span>
  882.                                        <svg class="h-6 w-6" x-description="Heroicon name: outline/x" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  883.                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
  884.                                        </svg>
  885.                                    </button>
  886.                                </div>
  887.                            </div>
  888.  
  889.                                                            <div class="py-14 px-6 text-center sm:px-14 border-2 border-dashed mt-24 dark:border-gray-400">
  890.                                    <svg xmlns="http://www.w3.org/2000/svg" class="mx-auto h-7 w-7 text-gray-400 dark:text-gray-300" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M10 2a4 4 0 00-4 4v1H5a1 1 0 00-.994.89l-1 9A1 1 0 004 18h12a1 1 0 00.994-1.11l-1-9A1 1 0 0015 7h-1V6a4 4 0 00-4-4zm2 5V6a2 2 0 10-4 0v1h4zm-6 3a1 1 0 112 0 1 1 0 01-2 0zm7-1a1 1 0 100 2 1 1 0 000-2z" clip-rule="evenodd"/></svg>
  891.                                    <p class="mt-4 font-semibold text-gray-900 text-base dark:text-white">Your shopping cart is empty</p>
  892.                                    <p class="mt-2 text-gray-500 text-sm font-normal dark:text-gray-300">Looks like you haven&#039;t added anything to your cart yet</p>
  893.                                </div>
  894.                            
  895.                        </div>
  896.                                            </div>
  897.                </div>
  898.            </div>
  899.        </div>
  900.    </div>
  901.  
  902. </div>
  903.  
  904.  
  905. <!-- Livewire Component wire-end:LNK9XeTmy3QU8JBe3zhr -->
  906.                
  907.                
  908.                
  909.                
  910.                
  911.                <!-- <a href="https://tiejet.com/inbox" -->
  912.                
  913.                
  914.                
  915.            </div>
  916.  
  917.        </nav>
  918.  
  919.        
  920.        <div class="w-full h-px bg-gray-100 dark:bg-zinc-900 hidden md:block"></div>
  921.  
  922.        
  923.    <div class="">
  924.        <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 hidden md:block">
  925.  
  926.            
  927.            <ul class="relative flex items-center justify-between overflow-y-auto transition-colors duration-300 space-x-5 rtl:space-x-reverse scrollbar-thin scrollbar-thumb-gray-400 dark:scrollbar-thumb-zinc-600 scrollbar-track-gray-50 dark:scrollbar-track-zinc-400">
  928.                                <li class="inline-block flex-shrink-0 border-b-2 border-transparent hover:border-primary-600 focus:outline-none focus:ring-0 relative">
  929.  
  930.                    
  931.                                        <button data-popover-target="popover-subcategories-F173AE5DB4B019C83B7B" data-popover-trigger="hover" class="block text-[13px] font-medium text-gray-700 dark:text-gray-300 dark:group-hover:text-white group-hover:text-primary-600 py-2 focus:outline-none focus:ring-0">
  932.                        Graphic Design
  933.                    </button>
  934.  
  935.                    
  936.                </li>
  937.                                <li class="inline-block flex-shrink-0 border-b-2 border-transparent hover:border-primary-600 focus:outline-none focus:ring-0 relative">
  938.  
  939.                    
  940.                                        <button data-popover-target="popover-subcategories-68A457C7547AA20C02E6" data-popover-trigger="hover" class="block text-[13px] font-medium text-gray-700 dark:text-gray-300 dark:group-hover:text-white group-hover:text-primary-600 py-2 focus:outline-none focus:ring-0">
  941.                        Digital Marketing
  942.                    </button>
  943.  
  944.                    
  945.                </li>
  946.                                <li class="inline-block flex-shrink-0 border-b-2 border-transparent hover:border-primary-600 focus:outline-none focus:ring-0 relative">
  947.  
  948.                    
  949.                                        <button data-popover-target="popover-subcategories-B70FECEEA5C00C335184" data-popover-trigger="hover" class="block text-[13px] font-medium text-gray-700 dark:text-gray-300 dark:group-hover:text-white group-hover:text-primary-600 py-2 focus:outline-none focus:ring-0">
  950.                        Writing &amp; Translation
  951.                    </button>
  952.  
  953.                    
  954.                </li>
  955.                                <li class="inline-block flex-shrink-0 border-b-2 border-transparent hover:border-primary-600 focus:outline-none focus:ring-0 relative">
  956.  
  957.                    
  958.                                        <button data-popover-target="popover-subcategories-A7581441FF1D68B04FF2" data-popover-trigger="hover" class="block text-[13px] font-medium text-gray-700 dark:text-gray-300 dark:group-hover:text-white group-hover:text-primary-600 py-2 focus:outline-none focus:ring-0">
  959.                        Video &amp; Animation
  960.                    </button>
  961.  
  962.                    
  963.                </li>
  964.                                <li class="inline-block flex-shrink-0 border-b-2 border-transparent hover:border-primary-600 focus:outline-none focus:ring-0 relative">
  965.  
  966.                    
  967.                                        <button data-popover-target="popover-subcategories-F64849AF648F1AB5B4E7" data-popover-trigger="hover" class="block text-[13px] font-medium text-gray-700 dark:text-gray-300 dark:group-hover:text-white group-hover:text-primary-600 py-2 focus:outline-none focus:ring-0">
  968.                        Music &amp; Audio
  969.                    </button>
  970.  
  971.                    
  972.                </li>
  973.                                <li class="inline-block flex-shrink-0 border-b-2 border-transparent hover:border-primary-600 focus:outline-none focus:ring-0 relative">
  974.  
  975.                    
  976.                                        <button data-popover-target="popover-subcategories-2A461AD52426C78A654F" data-popover-trigger="hover" class="block text-[13px] font-medium text-gray-700 dark:text-gray-300 dark:group-hover:text-white group-hover:text-primary-600 py-2 focus:outline-none focus:ring-0">
  977.                        Programming
  978.                    </button>
  979.  
  980.                    
  981.                </li>
  982.                                <li class="inline-block flex-shrink-0 border-b-2 border-transparent hover:border-primary-600 focus:outline-none focus:ring-0 relative">
  983.  
  984.                    
  985.                                        <button data-popover-target="popover-subcategories-DB4AD2CEC36F8786619E" data-popover-trigger="hover" class="block text-[13px] font-medium text-gray-700 dark:text-gray-300 dark:group-hover:text-white group-hover:text-primary-600 py-2 focus:outline-none focus:ring-0">
  986.                        Photography
  987.                    </button>
  988.  
  989.                    
  990.                </li>
  991.                                <li class="inline-block flex-shrink-0 border-b-2 border-transparent hover:border-primary-600 focus:outline-none focus:ring-0 relative">
  992.  
  993.                    
  994.                                        <button data-popover-target="popover-subcategories-D0D2C5BA53651586E9CD" data-popover-trigger="hover" class="block text-[13px] font-medium text-gray-700 dark:text-gray-300 dark:group-hover:text-white group-hover:text-primary-600 py-2 focus:outline-none focus:ring-0">
  995.                        Business
  996.                    </button>
  997.  
  998.                    
  999.                </li>
  1000.                                <li class="inline-block flex-shrink-0 border-b-2 border-transparent hover:border-primary-600 focus:outline-none focus:ring-0 relative">
  1001.  
  1002.                    
  1003.                                        <button data-popover-target="popover-subcategories-60B65F1052EF46208C09" data-popover-trigger="hover" class="block text-[13px] font-medium text-gray-700 dark:text-gray-300 dark:group-hover:text-white group-hover:text-primary-600 py-2 focus:outline-none focus:ring-0">
  1004.                        AI Services
  1005.                    </button>
  1006.  
  1007.                    
  1008.                </li>
  1009.                            </ul>
  1010.  
  1011.          
  1012.          
  1013.                                    <div data-popover id="popover-subcategories-F173AE5DB4B019C83B7B" data-popover-placement="bottom" role="tooltip" class="absolute z-10 invisible inline-block w-600 text-sm font-light text-gray-500 transition-opacity duration-300 bg-white rounded-md shadow-xl opacity-0 dark:text-zinc-400 dark:bg-zinc-800">
  1014.  
  1015.                <ul class="max-h-52 w-600 scrollbar-thin scrollbar-thumb-primary-600 scrollbar-track-white dark:scrollbar-track-zinc-800">
  1016.  
  1017.                                        <li class="first:rounded-t-md">
  1018.                        <a href="https://tiejet.com/categories/graphic-design/logo-brand-identity" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1019.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1020.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/42355C8739F0981E93AF.webp" alt="Logo &amp; Brand Identity">
  1021.                            </div>
  1022.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1023.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1024.                                    Logo &amp; Brand Identity
  1025.                                </p>
  1026.  
  1027.                                                            </div>
  1028.                        </a>
  1029.                    
  1030.                    </li>
  1031.                                        <li class="first:rounded-t-md">
  1032.                        <a href="https://tiejet.com/categories/graphic-design/art-illustration" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1033.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1034.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/EC44725F45648B43AD86.webp" alt="Art &amp; Illustration">
  1035.                            </div>
  1036.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1037.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1038.                                    Art &amp; Illustration
  1039.                                </p>
  1040.  
  1041.                                                                <div class="font-bold text-2xs text-center w-10 cat-new-tag mx-2">
  1042.                                <span class="text-center">NEW</span>
  1043.                                </div>
  1044.                                                            </div>
  1045.                        </a>
  1046.                    
  1047.                    </li>
  1048.                                        <li class="first:rounded-t-md">
  1049.                        <a href="https://tiejet.com/categories/graphic-design/web-app-design" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1050.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1051.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/28B348D695CF03D94A68.webp" alt="Web &amp; App Design">
  1052.                            </div>
  1053.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1054.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1055.                                    Web &amp; App Design
  1056.                                </p>
  1057.  
  1058.                                                            </div>
  1059.                        </a>
  1060.                    
  1061.                    </li>
  1062.                                        <li class="first:rounded-t-md">
  1063.                        <a href="https://tiejet.com/categories/graphic-design/product-gaming" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1064.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1065.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/E8C3441860DAE133729C.webp" alt="Product &amp; Gaming">
  1066.                            </div>
  1067.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1068.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1069.                                    Product &amp; Gaming
  1070.                                </p>
  1071.  
  1072.                                                            </div>
  1073.                        </a>
  1074.                    
  1075.                    </li>
  1076.                                        <li class="first:rounded-t-md">
  1077.                        <a href="https://tiejet.com/categories/graphic-design/print-design" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1078.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1079.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/34BCF8FE7D6FB1B132AD.webp" alt="Print Design">
  1080.                            </div>
  1081.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1082.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1083.                                    Print Design
  1084.                                </p>
  1085.  
  1086.                                                            </div>
  1087.                        </a>
  1088.                    
  1089.                    </li>
  1090.                                        <li class="first:rounded-t-md">
  1091.                        <a href="https://tiejet.com/categories/graphic-design/visual-design" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1092.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1093.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/130E0FBC43740394540F.webp" alt="Visual Design">
  1094.                            </div>
  1095.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1096.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1097.                                    Visual Design
  1098.                                </p>
  1099.  
  1100.                                                            </div>
  1101.                        </a>
  1102.                    
  1103.                    </li>
  1104.                                        <li class="first:rounded-t-md">
  1105.                        <a href="https://tiejet.com/categories/graphic-design/miscellaneous" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1106.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1107.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/B399B4ACF7BADCA6D332.webp" alt="Miscellaneous">
  1108.                            </div>
  1109.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1110.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1111.                                    Miscellaneous
  1112.                                </p>
  1113.  
  1114.                                                            </div>
  1115.                        </a>
  1116.                    
  1117.                    </li>
  1118.                                        <li class="first:rounded-t-md">
  1119.                        <a href="https://tiejet.com/categories/graphic-design/marketing-design" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1120.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1121.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/4A1FF630AC8256564FF0.webp" alt="Marketing Design">
  1122.                            </div>
  1123.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1124.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1125.                                    Marketing Design
  1126.                                </p>
  1127.  
  1128.                                                            </div>
  1129.                        </a>
  1130.                    
  1131.                    </li>
  1132.                                        <li class="first:rounded-t-md">
  1133.                        <a href="https://tiejet.com/categories/graphic-design/fashion-merchandise" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1134.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1135.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/372B3D7ED4685354A191.webp" alt="Fashion &amp; Merchandise">
  1136.                            </div>
  1137.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1138.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1139.                                    Fashion &amp; Merchandise
  1140.                                </p>
  1141.  
  1142.                                                            </div>
  1143.                        </a>
  1144.                    
  1145.                    </li>
  1146.                                        <li class="first:rounded-t-md">
  1147.                        <a href="https://tiejet.com/categories/graphic-design/packaging-covers" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1148.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1149.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/50057353479564B1C28A.webp" alt="Packaging &amp; Covers">
  1150.                            </div>
  1151.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1152.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1153.                                    Packaging &amp; Covers
  1154.                                </p>
  1155.  
  1156.                                                            </div>
  1157.                        </a>
  1158.                    
  1159.                    </li>
  1160.                                        <li class="first:rounded-t-md">
  1161.                        <a href="https://tiejet.com/categories/graphic-design/architecture-building-design" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1162.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1163.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/FDC661D8E2C7A2E6A04A.webp" alt="Architecture &amp; Building Design">
  1164.                            </div>
  1165.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1166.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1167.                                    Architecture &amp; Building Design
  1168.                                </p>
  1169.  
  1170.                                                            </div>
  1171.                        </a>
  1172.                    
  1173.                    </li>
  1174.                                        <li class="first:rounded-t-md">
  1175.                        <a href="https://tiejet.com/categories/graphic-design/3d-design" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1176.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1177.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/CC87C44198A39483AE94.webp" alt="3D Design">
  1178.                            </div>
  1179.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1180.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1181.                                    3D Design
  1182.                                </p>
  1183.  
  1184.                                                            </div>
  1185.                        </a>
  1186.                    
  1187.                    </li>
  1188.                    
  1189.                </ul>
  1190.                <div class="bg-gray-50 dark:bg-zinc-700 rounded-b-md text-center">
  1191.                    <a href="https://tiejet.com/categories/graphic-design" class="block px-1 py-4 text-gray-500 dark:text-zinc-300 hover:text-primary-600 hover:underline text-xs tracking-wide font-semibold">
  1192.                        Browse Graphic Design
  1193.                    </a>
  1194.                </div>
  1195.            </div>
  1196.                                                <div data-popover id="popover-subcategories-68A457C7547AA20C02E6" data-popover-placement="bottom" role="tooltip" class="absolute z-10 invisible inline-block w-600 text-sm font-light text-gray-500 transition-opacity duration-300 bg-white rounded-md shadow-xl opacity-0 dark:text-zinc-400 dark:bg-zinc-800">
  1197.  
  1198.                <ul class="max-h-52 w-600 scrollbar-thin scrollbar-thumb-primary-600 scrollbar-track-white dark:scrollbar-track-zinc-800">
  1199.  
  1200.                                        <li class="first:rounded-t-md">
  1201.                        <a href="https://tiejet.com/categories/digital-marketing/search" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1202.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1203.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/3951108DFD15E669237B.webp" alt="Search">
  1204.                            </div>
  1205.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1206.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1207.                                    Search
  1208.                                </p>
  1209.  
  1210.                                                            </div>
  1211.                        </a>
  1212.                    
  1213.                    </li>
  1214.                                        <li class="first:rounded-t-md">
  1215.                        <a href="https://tiejet.com/categories/digital-marketing/social" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1216.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1217.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/3053260E0B73E88DCD6A.webp" alt="Social">
  1218.                            </div>
  1219.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1220.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1221.                                    Social
  1222.                                </p>
  1223.  
  1224.                                                            </div>
  1225.                        </a>
  1226.                    
  1227.                    </li>
  1228.                                        <li class="first:rounded-t-md">
  1229.                        <a href="https://tiejet.com/categories/digital-marketing/methods-techniques" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1230.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1231.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/1C7749B52514B35DD9EE.webp" alt="Methods &amp; Techniques">
  1232.                            </div>
  1233.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1234.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1235.                                    Methods &amp; Techniques
  1236.                                </p>
  1237.  
  1238.                                                            </div>
  1239.                        </a>
  1240.                    
  1241.                    </li>
  1242.                                        <li class="first:rounded-t-md">
  1243.                        <a href="https://tiejet.com/categories/digital-marketing/analytics-strategy" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1244.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1245.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/B971D106BD29507E4884.webp" alt="Analytics &amp; Strategy">
  1246.                            </div>
  1247.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1248.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1249.                                    Analytics &amp; Strategy
  1250.                                </p>
  1251.  
  1252.                                                            </div>
  1253.                        </a>
  1254.                    
  1255.                    </li>
  1256.                                        <li class="first:rounded-t-md">
  1257.                        <a href="https://tiejet.com/categories/digital-marketing/industry-purpose-specific" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1258.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1259.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/18D403D94753F8F488F4.webp" alt="Industry &amp; Purpose-Specific">
  1260.                            </div>
  1261.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1262.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1263.                                    Industry &amp; Purpose-Specific
  1264.                                </p>
  1265.  
  1266.                                                            </div>
  1267.                        </a>
  1268.                    
  1269.                    </li>
  1270.                    
  1271.                </ul>
  1272.                <div class="bg-gray-50 dark:bg-zinc-700 rounded-b-md text-center">
  1273.                    <a href="https://tiejet.com/categories/digital-marketing" class="block px-1 py-4 text-gray-500 dark:text-zinc-300 hover:text-primary-600 hover:underline text-xs tracking-wide font-semibold">
  1274.                        Browse Digital Marketing
  1275.                    </a>
  1276.                </div>
  1277.            </div>
  1278.                                                <div data-popover id="popover-subcategories-B70FECEEA5C00C335184" data-popover-placement="bottom" role="tooltip" class="absolute z-10 invisible inline-block w-600 text-sm font-light text-gray-500 transition-opacity duration-300 bg-white rounded-md shadow-xl opacity-0 dark:text-zinc-400 dark:bg-zinc-800">
  1279.  
  1280.                <ul class="max-h-52 w-600 scrollbar-thin scrollbar-thumb-primary-600 scrollbar-track-white dark:scrollbar-track-zinc-800">
  1281.  
  1282.                                        <li class="first:rounded-t-md">
  1283.                        <a href="https://tiejet.com/categories/writing-translation/content-writing" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1284.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1285.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/87B4EEB6AC8B5E252FE0.webp" alt="Content Writing">
  1286.                            </div>
  1287.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1288.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1289.                                    Content Writing
  1290.                                </p>
  1291.  
  1292.                                                            </div>
  1293.                        </a>
  1294.                    
  1295.                    </li>
  1296.                                        <li class="first:rounded-t-md">
  1297.                        <a href="https://tiejet.com/categories/writing-translation/translation-transcription" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1298.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1299.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/5AB8173F97017D3739B2.webp" alt="Translation &amp; Transcription">
  1300.                            </div>
  1301.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1302.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1303.                                    Translation &amp; Transcription
  1304.                                </p>
  1305.  
  1306.                                                            </div>
  1307.                        </a>
  1308.                    
  1309.                    </li>
  1310.                                        <li class="first:rounded-t-md">
  1311.                        <a href="https://tiejet.com/categories/writing-translation/editing-critique" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1312.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1313.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/39ECD1C1C4742774FDCA.webp" alt="Editing &amp; Critique">
  1314.                            </div>
  1315.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1316.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1317.                                    Editing &amp; Critique
  1318.                                </p>
  1319.  
  1320.                                                            </div>
  1321.                        </a>
  1322.                    
  1323.                    </li>
  1324.                                        <li class="first:rounded-t-md">
  1325.                        <a href="https://tiejet.com/categories/writing-translation/career-writing" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1326.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1327.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/FDFAAF6F853B88F442E0.webp" alt="Career Writing">
  1328.                            </div>
  1329.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1330.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1331.                                    Career Writing
  1332.                                </p>
  1333.  
  1334.                                                            </div>
  1335.                        </a>
  1336.                    
  1337.                    </li>
  1338.                                        <li class="first:rounded-t-md">
  1339.                        <a href="https://tiejet.com/categories/writing-translation/business-marketing-copy" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1340.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1341.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/25A4D746D4A1D4CD014A.webp" alt="Business &amp; Marketing Copy">
  1342.                            </div>
  1343.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1344.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1345.                                    Business &amp; Marketing Copy
  1346.                                </p>
  1347.  
  1348.                                                            </div>
  1349.                        </a>
  1350.                    
  1351.                    </li>
  1352.                    
  1353.                </ul>
  1354.                <div class="bg-gray-50 dark:bg-zinc-700 rounded-b-md text-center">
  1355.                    <a href="https://tiejet.com/categories/writing-translation" class="block px-1 py-4 text-gray-500 dark:text-zinc-300 hover:text-primary-600 hover:underline text-xs tracking-wide font-semibold">
  1356.                        Browse Writing &amp; Translation
  1357.                    </a>
  1358.                </div>
  1359.            </div>
  1360.                                                <div data-popover id="popover-subcategories-A7581441FF1D68B04FF2" data-popover-placement="bottom" role="tooltip" class="absolute z-10 invisible inline-block w-600 text-sm font-light text-gray-500 transition-opacity duration-300 bg-white rounded-md shadow-xl opacity-0 dark:text-zinc-400 dark:bg-zinc-800">
  1361.  
  1362.                <ul class="max-h-52 w-600 scrollbar-thin scrollbar-thumb-primary-600 scrollbar-track-white dark:scrollbar-track-zinc-800">
  1363.  
  1364.                                        <li class="first:rounded-t-md">
  1365.                        <a href="https://tiejet.com/categories/video-animation/editing-post-production" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1366.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1367.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/8946E3AF8BDA1733B410.webp" alt="Editing &amp; Post-Production">
  1368.                            </div>
  1369.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1370.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1371.                                    Editing &amp; Post-Production
  1372.                                </p>
  1373.  
  1374.                                                            </div>
  1375.                        </a>
  1376.                    
  1377.                    </li>
  1378.                                        <li class="first:rounded-t-md">
  1379.                        <a href="https://tiejet.com/categories/video-animation/social-marketing-videos" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1380.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1381.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/4B33C8187B1DB2181F32.webp" alt="Social &amp; Marketing Videos">
  1382.                            </div>
  1383.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1384.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1385.                                    Social &amp; Marketing Videos
  1386.                                </p>
  1387.  
  1388.                                                            </div>
  1389.                        </a>
  1390.                    
  1391.                    </li>
  1392.                                        <li class="first:rounded-t-md">
  1393.                        <a href="https://tiejet.com/categories/video-animation/animation" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1394.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1395.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/DCCB8DDEFF02D6DCA90E.webp" alt="Animation">
  1396.                            </div>
  1397.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1398.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1399.                                    Animation
  1400.                                </p>
  1401.  
  1402.                                                            </div>
  1403.                        </a>
  1404.                    
  1405.                    </li>
  1406.                                        <li class="first:rounded-t-md">
  1407.                        <a href="https://tiejet.com/categories/video-animation/filmed-video-production" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1408.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1409.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/18EBECBDA5652A0DF57A.webp" alt="Filmed Video Production">
  1410.                            </div>
  1411.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1412.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1413.                                    Filmed Video Production
  1414.                                </p>
  1415.  
  1416.                                                            </div>
  1417.                        </a>
  1418.                    
  1419.                    </li>
  1420.                                        <li class="first:rounded-t-md">
  1421.                        <a href="https://tiejet.com/categories/video-animation/explainer-videos" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1422.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1423.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/2508A4682CCADD0F936F.webp" alt="Explainer Videos">
  1424.                            </div>
  1425.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1426.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1427.                                    Explainer Videos
  1428.                                </p>
  1429.  
  1430.                                                            </div>
  1431.                        </a>
  1432.                    
  1433.                    </li>
  1434.                                        <li class="first:rounded-t-md">
  1435.                        <a href="https://tiejet.com/categories/video-animation/product-videos" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1436.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1437.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/C2E0FD5E59AF3F451C75.webp" alt="Product Videos">
  1438.                            </div>
  1439.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1440.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1441.                                    Product Videos
  1442.                                </p>
  1443.  
  1444.                                                            </div>
  1445.                        </a>
  1446.                    
  1447.                    </li>
  1448.                    
  1449.                </ul>
  1450.                <div class="bg-gray-50 dark:bg-zinc-700 rounded-b-md text-center">
  1451.                    <a href="https://tiejet.com/categories/video-animation" class="block px-1 py-4 text-gray-500 dark:text-zinc-300 hover:text-primary-600 hover:underline text-xs tracking-wide font-semibold">
  1452.                        Browse Video &amp; Animation
  1453.                    </a>
  1454.                </div>
  1455.            </div>
  1456.                                                <div data-popover id="popover-subcategories-F64849AF648F1AB5B4E7" data-popover-placement="bottom" role="tooltip" class="absolute z-10 invisible inline-block w-600 text-sm font-light text-gray-500 transition-opacity duration-300 bg-white rounded-md shadow-xl opacity-0 dark:text-zinc-400 dark:bg-zinc-800">
  1457.  
  1458.                <ul class="max-h-52 w-600 scrollbar-thin scrollbar-thumb-primary-600 scrollbar-track-white dark:scrollbar-track-zinc-800">
  1459.  
  1460.                                        <li class="first:rounded-t-md">
  1461.                        <a href="https://tiejet.com/categories/music-audio/music-production-writing" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1462.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1463.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/CD888372D0DCFC1A887D.webp" alt="Music Production &amp; Writing">
  1464.                            </div>
  1465.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1466.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1467.                                    Music Production &amp; Writing
  1468.                                </p>
  1469.  
  1470.                                                            </div>
  1471.                        </a>
  1472.                    
  1473.                    </li>
  1474.                                        <li class="first:rounded-t-md">
  1475.                        <a href="https://tiejet.com/categories/music-audio/audio-engineering-post-production" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1476.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1477.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/34BD336D6B44E1932C51.webp" alt="Audio Engineering &amp; Post Production">
  1478.                            </div>
  1479.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1480.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1481.                                    Audio Engineering &amp; Post Production
  1482.                                </p>
  1483.  
  1484.                                                            </div>
  1485.                        </a>
  1486.                    
  1487.                    </li>
  1488.                                        <li class="first:rounded-t-md">
  1489.                        <a href="https://tiejet.com/categories/music-audio/voice-over-narration" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1490.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1491.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/72B80B17702EA3D12978.webp" alt="Voice Over &amp; Narration">
  1492.                            </div>
  1493.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1494.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1495.                                    Voice Over &amp; Narration
  1496.                                </p>
  1497.  
  1498.                                                            </div>
  1499.                        </a>
  1500.                    
  1501.                    </li>
  1502.                                        <li class="first:rounded-t-md">
  1503.                        <a href="https://tiejet.com/categories/music-audio/streaming-audio" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1504.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1505.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/A18E856B60DD4CDEE9DC.webp" alt="Streaming &amp; Audio">
  1506.                            </div>
  1507.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1508.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1509.                                    Streaming &amp; Audio
  1510.                                </p>
  1511.  
  1512.                                                            </div>
  1513.                        </a>
  1514.                    
  1515.                    </li>
  1516.                                        <li class="first:rounded-t-md">
  1517.                        <a href="https://tiejet.com/categories/music-audio/djing" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1518.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1519.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/0F1D449C541F3D06BA6B.webp" alt="DJing">
  1520.                            </div>
  1521.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1522.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1523.                                    DJing
  1524.                                </p>
  1525.  
  1526.                                                            </div>
  1527.                        </a>
  1528.                    
  1529.                    </li>
  1530.                                        <li class="first:rounded-t-md">
  1531.                        <a href="https://tiejet.com/categories/music-audio/sound-design" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1532.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1533.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/2048BEC469171C1860BB.webp" alt="Sound Design">
  1534.                            </div>
  1535.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1536.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1537.                                    Sound Design
  1538.                                </p>
  1539.  
  1540.                                                            </div>
  1541.                        </a>
  1542.                    
  1543.                    </li>
  1544.                                        <li class="first:rounded-t-md">
  1545.                        <a href="https://tiejet.com/categories/music-audio/lessons-transcriptions" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1546.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1547.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/8E76AC237C2E78806ED7.webp" alt="Lessons &amp; Transcriptions">
  1548.                            </div>
  1549.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1550.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1551.                                    Lessons &amp; Transcriptions
  1552.                                </p>
  1553.  
  1554.                                                            </div>
  1555.                        </a>
  1556.                    
  1557.                    </li>
  1558.                    
  1559.                </ul>
  1560.                <div class="bg-gray-50 dark:bg-zinc-700 rounded-b-md text-center">
  1561.                    <a href="https://tiejet.com/categories/music-audio" class="block px-1 py-4 text-gray-500 dark:text-zinc-300 hover:text-primary-600 hover:underline text-xs tracking-wide font-semibold">
  1562.                        Browse Music &amp; Audio
  1563.                    </a>
  1564.                </div>
  1565.            </div>
  1566.                                                <div data-popover id="popover-subcategories-2A461AD52426C78A654F" data-popover-placement="bottom" role="tooltip" class="absolute z-10 invisible inline-block w-600 text-sm font-light text-gray-500 transition-opacity duration-300 bg-white rounded-md shadow-xl opacity-0 dark:text-zinc-400 dark:bg-zinc-800">
  1567.  
  1568.                <ul class="max-h-52 w-600 scrollbar-thin scrollbar-thumb-primary-600 scrollbar-track-white dark:scrollbar-track-zinc-800">
  1569.  
  1570.                                        <li class="first:rounded-t-md">
  1571.                        <a href="https://tiejet.com/categories/programming-tech/websites" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1572.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1573.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/B267E7397F783151222D.webp" alt="Websites">
  1574.                            </div>
  1575.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1576.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1577.                                    Websites
  1578.                                </p>
  1579.  
  1580.                                                            </div>
  1581.                        </a>
  1582.                    
  1583.                    </li>
  1584.                                        <li class="first:rounded-t-md">
  1585.                        <a href="https://tiejet.com/categories/programming-tech/website-platforms" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1586.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1587.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/D7EA5455D44071C34C8D.webp" alt="Website Platforms">
  1588.                            </div>
  1589.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1590.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1591.                                    Website Platforms
  1592.                                </p>
  1593.  
  1594.                                                            </div>
  1595.                        </a>
  1596.                    
  1597.                    </li>
  1598.                                        <li class="first:rounded-t-md">
  1599.                        <a href="https://tiejet.com/categories/programming-tech/application-development" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1600.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1601.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/CC9D6092B20FF725D46C.webp" alt="Application Development">
  1602.                            </div>
  1603.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1604.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1605.                                    Application Development
  1606.                                </p>
  1607.  
  1608.                                                            </div>
  1609.                        </a>
  1610.                    
  1611.                    </li>
  1612.                                        <li class="first:rounded-t-md">
  1613.                        <a href="https://tiejet.com/categories/programming-tech/testing-review" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1614.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1615.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/B3EEEBC3897EBB35577F.webp" alt="Testing &amp; Review">
  1616.                            </div>
  1617.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1618.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1619.                                    Testing &amp; Review
  1620.                                </p>
  1621.  
  1622.                                                            </div>
  1623.                        </a>
  1624.                    
  1625.                    </li>
  1626.                                        <li class="first:rounded-t-md">
  1627.                        <a href="https://tiejet.com/categories/programming-tech/software-developers" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1628.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1629.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/6A90160110303CCE2E3C.webp" alt="Software Developers">
  1630.                            </div>
  1631.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1632.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1633.                                    Software Developers
  1634.                                </p>
  1635.  
  1636.                                                            </div>
  1637.                        </a>
  1638.                    
  1639.                    </li>
  1640.                                        <li class="first:rounded-t-md">
  1641.                        <a href="https://tiejet.com/categories/programming-tech/support-cybersecurity" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1642.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1643.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/77A695964E1A5523A2D8.webp" alt="Support &amp; Cybersecurity">
  1644.                            </div>
  1645.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1646.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1647.                                    Support &amp; Cybersecurity
  1648.                                </p>
  1649.  
  1650.                                                            </div>
  1651.                        </a>
  1652.                    
  1653.                    </li>
  1654.                                        <li class="first:rounded-t-md">
  1655.                        <a href="https://tiejet.com/categories/programming-tech/data" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1656.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1657.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/9A9B8F88F656E796DED0.webp" alt="Data">
  1658.                            </div>
  1659.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1660.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1661.                                    Data
  1662.                                </p>
  1663.  
  1664.                                                            </div>
  1665.                        </a>
  1666.                    
  1667.                    </li>
  1668.                    
  1669.                </ul>
  1670.                <div class="bg-gray-50 dark:bg-zinc-700 rounded-b-md text-center">
  1671.                    <a href="https://tiejet.com/categories/programming-tech" class="block px-1 py-4 text-gray-500 dark:text-zinc-300 hover:text-primary-600 hover:underline text-xs tracking-wide font-semibold">
  1672.                        Browse Programming
  1673.                    </a>
  1674.                </div>
  1675.            </div>
  1676.                                                <div data-popover id="popover-subcategories-DB4AD2CEC36F8786619E" data-popover-placement="bottom" role="tooltip" class="absolute z-10 invisible inline-block w-600 text-sm font-light text-gray-500 transition-opacity duration-300 bg-white rounded-md shadow-xl opacity-0 dark:text-zinc-400 dark:bg-zinc-800">
  1677.  
  1678.                <ul class="max-h-52 w-600 scrollbar-thin scrollbar-thumb-primary-600 scrollbar-track-white dark:scrollbar-track-zinc-800">
  1679.  
  1680.                                        <li class="first:rounded-t-md">
  1681.                        <a href="https://tiejet.com/categories/photography/products-lifestyle" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1682.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1683.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/84B8FFD50C7A79B65BD7.webp" alt="Products &amp; Lifestyle">
  1684.                            </div>
  1685.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1686.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1687.                                    Products &amp; Lifestyle
  1688.                                </p>
  1689.  
  1690.                                                            </div>
  1691.                        </a>
  1692.                    
  1693.                    </li>
  1694.                                        <li class="first:rounded-t-md">
  1695.                        <a href="https://tiejet.com/categories/photography/people-scenes" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1696.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1697.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/D0081A28A6F5B27455D6.webp" alt="People &amp; Scenes">
  1698.                            </div>
  1699.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1700.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1701.                                    People &amp; Scenes
  1702.                                </p>
  1703.  
  1704.                                                            </div>
  1705.                        </a>
  1706.                    
  1707.                    </li>
  1708.                    
  1709.                </ul>
  1710.                <div class="bg-gray-50 dark:bg-zinc-700 rounded-b-md text-center">
  1711.                    <a href="https://tiejet.com/categories/photography" class="block px-1 py-4 text-gray-500 dark:text-zinc-300 hover:text-primary-600 hover:underline text-xs tracking-wide font-semibold">
  1712.                        Browse Photography
  1713.                    </a>
  1714.                </div>
  1715.            </div>
  1716.                                                <div data-popover id="popover-subcategories-D0D2C5BA53651586E9CD" data-popover-placement="bottom" role="tooltip" class="absolute z-10 invisible inline-block w-600 text-sm font-light text-gray-500 transition-opacity duration-300 bg-white rounded-md shadow-xl opacity-0 dark:text-zinc-400 dark:bg-zinc-800">
  1717.  
  1718.                <ul class="max-h-52 w-600 scrollbar-thin scrollbar-thumb-primary-600 scrollbar-track-white dark:scrollbar-track-zinc-800">
  1719.  
  1720.                                        <li class="first:rounded-t-md">
  1721.                        <a href="https://tiejet.com/categories/business/business-formation" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1722.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1723.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/0734C4AF8B86221F01A3.webp" alt="Business Formation">
  1724.                            </div>
  1725.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1726.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1727.                                    Business Formation
  1728.                                </p>
  1729.  
  1730.                                                            </div>
  1731.                        </a>
  1732.                    
  1733.                    </li>
  1734.                                        <li class="first:rounded-t-md">
  1735.                        <a href="https://tiejet.com/categories/business/legal-services" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1736.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1737.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/F2912FDE8925D94488B3.webp" alt="Legal Services">
  1738.                            </div>
  1739.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1740.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1741.                                    Legal Services
  1742.                                </p>
  1743.  
  1744.                                                            </div>
  1745.                        </a>
  1746.                    
  1747.                    </li>
  1748.                                        <li class="first:rounded-t-md">
  1749.                        <a href="https://tiejet.com/categories/business/general-administrative" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1750.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1751.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/CF2319A9B8B127F20A39.webp" alt="General &amp; Administrative">
  1752.                            </div>
  1753.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1754.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1755.                                    General &amp; Administrative
  1756.                                </p>
  1757.  
  1758.                                                            </div>
  1759.                        </a>
  1760.                    
  1761.                    </li>
  1762.                                        <li class="first:rounded-t-md">
  1763.                        <a href="https://tiejet.com/categories/business/business-growth" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1764.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1765.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/E481DBE33511A9376B05.webp" alt="Business Growth">
  1766.                            </div>
  1767.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1768.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1769.                                    Business Growth
  1770.                                </p>
  1771.  
  1772.                                                            </div>
  1773.                        </a>
  1774.                    
  1775.                    </li>
  1776.                                        <li class="first:rounded-t-md">
  1777.                        <a href="https://tiejet.com/categories/business/sales-customer-care" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1778.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1779.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/1423F53E03203516B94F.webp" alt="Sales &amp; Customer Care">
  1780.                            </div>
  1781.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1782.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1783.                                    Sales &amp; Customer Care
  1784.                                </p>
  1785.  
  1786.                                                            </div>
  1787.                        </a>
  1788.                    
  1789.                    </li>
  1790.                                        <li class="first:rounded-t-md">
  1791.                        <a href="https://tiejet.com/categories/business/professional-development" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1792.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1793.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/DE8D9072F67433DBCAC8.webp" alt="Professional Development">
  1794.                            </div>
  1795.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1796.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1797.                                    Professional Development
  1798.                                </p>
  1799.  
  1800.                                                            </div>
  1801.                        </a>
  1802.                    
  1803.                    </li>
  1804.                                        <li class="first:rounded-t-md">
  1805.                        <a href="https://tiejet.com/categories/business/accounting-finance" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1806.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1807.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/63C44F1F455080F35F97.webp" alt="Accounting &amp; Finance">
  1808.                            </div>
  1809.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1810.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1811.                                    Accounting &amp; Finance
  1812.                                </p>
  1813.  
  1814.                                                            </div>
  1815.                        </a>
  1816.                    
  1817.                    </li>
  1818.                    
  1819.                </ul>
  1820.                <div class="bg-gray-50 dark:bg-zinc-700 rounded-b-md text-center">
  1821.                    <a href="https://tiejet.com/categories/business" class="block px-1 py-4 text-gray-500 dark:text-zinc-300 hover:text-primary-600 hover:underline text-xs tracking-wide font-semibold">
  1822.                        Browse Business
  1823.                    </a>
  1824.                </div>
  1825.            </div>
  1826.                                                <div data-popover id="popover-subcategories-60B65F1052EF46208C09" data-popover-placement="bottom" role="tooltip" class="absolute z-10 invisible inline-block w-600 text-sm font-light text-gray-500 transition-opacity duration-300 bg-white rounded-md shadow-xl opacity-0 dark:text-zinc-400 dark:bg-zinc-800">
  1827.  
  1828.                <ul class="max-h-52 w-600 scrollbar-thin scrollbar-thumb-primary-600 scrollbar-track-white dark:scrollbar-track-zinc-800">
  1829.  
  1830.                                        <li class="first:rounded-t-md">
  1831.                        <a href="https://tiejet.com/categories/ai-services/build-ai-app" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1832.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1833.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/2ACA88C57C9AF066D1AE.webp" alt="Build AI app">
  1834.                            </div>
  1835.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1836.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1837.                                    Build AI app
  1838.                                </p>
  1839.  
  1840.                                                                <div class="font-bold text-2xs text-center w-10 cat-new-tag mx-2">
  1841.                                <span class="text-center">NEW</span>
  1842.                                </div>
  1843.                                                            </div>
  1844.                        </a>
  1845.                    
  1846.                    </li>
  1847.                                        <li class="first:rounded-t-md">
  1848.                        <a href="https://tiejet.com/categories/ai-services/get-right-data" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1849.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1850.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/1D7B78355871872F2537.webp" alt="Get Right Data">
  1851.                            </div>
  1852.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1853.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1854.                                    Get Right Data
  1855.                                </p>
  1856.  
  1857.                                                                <div class="font-bold text-2xs text-center w-10 cat-new-tag mx-2">
  1858.                                <span class="text-center">NEW</span>
  1859.                                </div>
  1860.                                                            </div>
  1861.                        </a>
  1862.                    
  1863.                    </li>
  1864.                                        <li class="first:rounded-t-md">
  1865.                        <a href="https://tiejet.com/categories/ai-services/ai-artists" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1866.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1867.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/B3498E467A8D4AD08A42.webp" alt="AI Artists">
  1868.                            </div>
  1869.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1870.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1871.                                    AI Artists
  1872.                                </p>
  1873.  
  1874.                                                                <div class="font-bold text-2xs text-center w-10 cat-new-tag mx-2">
  1875.                                <span class="text-center">NEW</span>
  1876.                                </div>
  1877.                                                            </div>
  1878.                        </a>
  1879.                    
  1880.                    </li>
  1881.                                        <li class="first:rounded-t-md">
  1882.                        <a href="https://tiejet.com/categories/ai-services/creative-services" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1883.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1884.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/CCBDD5CCCF36DED5C103.webp" alt="Creative services">
  1885.                            </div>
  1886.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1887.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1888.                                    Creative services
  1889.                                </p>
  1890.  
  1891.                                                            </div>
  1892.                        </a>
  1893.                    
  1894.                    </li>
  1895.                                        <li class="first:rounded-t-md">
  1896.                        <a href="https://tiejet.com/categories/ai-services/refine-ai-with-experts" class="flex items-center py-2 px-3 hover:bg-gray-50 dark:hover:bg-zinc-700" style="border-radius: inherit">
  1897.                            <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
  1898.                                <img class="w-7 h-7 lazy" src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/795B27C36F966902ABD4.webp" alt="Refine AI with experts">
  1899.                            </div>
  1900.                            <div class="flex items-center flex-1 min-w-0 mr-3">
  1901.                                <p class="text-[13px] font-semibold text-gray-700 truncate dark:text-zinc-200 group-hover:text-primary-600">
  1902.                                    Refine AI with experts
  1903.                                </p>
  1904.  
  1905.                                                                <div class="font-bold text-2xs text-center w-10 cat-new-tag mx-2">
  1906.                                <span class="text-center">NEW</span>
  1907.                                </div>
  1908.                                                            </div>
  1909.                        </a>
  1910.                    
  1911.                    </li>
  1912.                    
  1913.                </ul>
  1914.                <div class="bg-gray-50 dark:bg-zinc-700 rounded-b-md text-center">
  1915.                    <a href="https://tiejet.com/categories/ai-services" class="block px-1 py-4 text-gray-500 dark:text-zinc-300 hover:text-primary-600 hover:underline text-xs tracking-wide font-semibold">
  1916.                        Browse AI Services
  1917.                    </a>
  1918.                </div>
  1919.            </div>
  1920.                        
  1921.  
  1922.        </div>
  1923.    </div>
  1924.  
  1925.        
  1926.        <div x-show="mobile_menu" style="display: none" class="fixed inset-0 flex z-40 lg:hidden" x-ref="mobile_menu">
  1927.  
  1928.            
  1929.            <div x-show="mobile_menu" style="display: none" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute inset-0 bg-gray-500 bg-opacity-75 transition-opacity" @click="mobile_menu = false" aria-hidden="true">
  1930.            </div>
  1931.  
  1932.            
  1933.            <div x-show="mobile_menu" style="display: none" x-transition:enter="transition ease-in-out duration-300 transform" x-transition:enter-start="ltr:-translate-x-full rtl:translate-x-full" x-transition:enter-end="ltr:translate-x-0 rtl:translate-x-0" x-transition:leave="transition ease-in-out duration-300 transform" x-transition:leave-start="ltr:translate-x-0 rtl:translate-x-0" x-transition:leave-end="ltr:-translate-x-full rtl:translate-x-full" class="relative max-w-[275px] w-full bg-white dark:bg-zinc-700 shadow-xl flex flex-col overflow-y-auto">
  1934.  
  1935.                
  1936.                                <div class="w-full mb-6 px-5 pt-5">
  1937.                    <a href="https://tiejet.com/auth/register" class="w-full inline-flex justify-center items-center rounded border text-xs uppercase tracking-widest font-semibold focus:outline-none px-3 py-2 leading-6 border-primary-700 bg-primary-700 text-white hover:text-white hover:bg-primary-800 hover:border-primary-800 focus:ring focus:ring-primary-500 focus:ring-opacity-50 active:bg-primary-700 active:border-primary-700">
  1938.                        <span>Join</span>
  1939.                    </a>
  1940.                </div>
  1941.                
  1942.                
  1943.                <div class="w-full overflow-auto h-full">
  1944.  
  1945.                    <div class="flex items-center justify-center">
  1946.  
  1947.                        
  1948.                        
  1949.                        
  1950.                        
  1951.                        
  1952.                        
  1953.                    </div>
  1954.  
  1955.                    
  1956.                    
  1957.                    
  1958.                                        <a href="https://tiejet.com/auth/login" class="py-2 px-5 block text-gray-500 dark:text-gray-200 font-semibold text-sm">
  1959.                        Sign In                    </a>
  1960.                    
  1961.                    
  1962.                                        <a href="https://tiejet.com/start_selling" class="py-2 px-5 block text-gray-500 dark:text-gray-200 font-semibold text-sm">
  1963.                        Become a seller                    </a>
  1964.                    
  1965.                    
  1966.                    <a href="https://tiejet.com/search" class="py-2 px-5 block text-gray-500 dark:text-gray-200 font-semibold text-sm">
  1967.                        Explore eServices                    </a>
  1968.  
  1969.                    
  1970.                    <div x-data="{ open: false }" class="space-y-1">
  1971.  
  1972.                        
  1973.                        <a href="javascript:void(0)" class="py-2 px-5 text-gray-500 dark:text-gray-200 font-semibold text-sm flex items-center space-x-3 rtl:space-x-reverse relative z-1" x-on:click="open = !open">
  1974.                            <span class="grow">
  1975.                                Browse categories                            </span>
  1976.                            <span x-bind:class="{ 'rotate-90': !open, 'rotate-0': open }" class="transform transition ease-out duration-150 opacity-75 rotate-0">
  1977.                                <svg fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="hi-solid hi-chevron-down inline-block w-4 h-4">
  1978.                                    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
  1979.                                </svg>
  1980.                            </span>
  1981.                        </a>
  1982.  
  1983.                        
  1984.                        <div x-show="open" style="display: none" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform -translate-y-6 opacity-0" x-transition:enter-end="transform translate-y-0 opacity-100" x-transition:leave="transition ease-in duration-100 bg-transparent" x-transition:leave-start="transform translate-y-0 opacity-100" x-transition:leave-end="transform -translate-y-6 opacity-0" class="relative z-0">
  1985.  
  1986.                                                        <details class="group ltr:ml-4 rtl:mr-4" wire:key="header-categories-F173AE5DB4B019C83B7B">
  1987.  
  1988.                                
  1989.                                <summary class="flex items-center text-gray-500 dark:text-gray-300 py-2 px-5">
  1990.  
  1991.                                    
  1992.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/33382870BBD67BA64BE3.webp" alt="Graphic Design" class="lazy h-6 w-6 rounded-full object-contain">
  1993.  
  1994.                                    
  1995.                                    <span class="ltr:ml-3 rtl:mr-3 text-[13px] font-medium"> Graphic Design </span>
  1996.  
  1997.                                    
  1998.                                    <span class="ltr:ml-auto rtl:mr-auto transition duration-300 shrink-0 group-open:-rotate-180">
  1999.                                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
  2000.                                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
  2001.                                        </svg>
  2002.                                    </span>
  2003.  
  2004.                                </summary>
  2005.  
  2006.                                
  2007.                                <nav class="mt-1.5 ltr:ml-8 rtl:mr-8 flex flex-col">
  2008.  
  2009.                                    
  2010.                                    <a href="https://tiejet.com/categories/graphic-design" class="flex items-center px-4 py-2 text-gray-800 dark:text-gray-100 rounded-lg hover:bg-gray-100 dark:hover:bg-zinc-700 hover:text-gray-700 dark:hover:text-gray-200">
  2011.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Browse Graphic Design </span>
  2012.                                    </a>
  2013.  
  2014.                                    
  2015.                                                                        <a href="https://tiejet.com/categories/graphic-design/logo-brand-identity" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2016.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Logo &amp; Brand Identity </span>
  2017.                                    </a>
  2018.                                                                        <a href="https://tiejet.com/categories/graphic-design/art-illustration" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2019.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Art &amp; Illustration </span>
  2020.                                    </a>
  2021.                                                                        <a href="https://tiejet.com/categories/graphic-design/web-app-design" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2022.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Web &amp; App Design </span>
  2023.                                    </a>
  2024.                                                                        <a href="https://tiejet.com/categories/graphic-design/product-gaming" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2025.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Product &amp; Gaming </span>
  2026.                                    </a>
  2027.                                                                        <a href="https://tiejet.com/categories/graphic-design/print-design" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2028.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Print Design </span>
  2029.                                    </a>
  2030.                                                                        <a href="https://tiejet.com/categories/graphic-design/visual-design" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2031.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Visual Design </span>
  2032.                                    </a>
  2033.                                                                        <a href="https://tiejet.com/categories/graphic-design/miscellaneous" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2034.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Miscellaneous </span>
  2035.                                    </a>
  2036.                                                                        <a href="https://tiejet.com/categories/graphic-design/marketing-design" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2037.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Marketing Design </span>
  2038.                                    </a>
  2039.                                                                        <a href="https://tiejet.com/categories/graphic-design/fashion-merchandise" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2040.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Fashion &amp; Merchandise </span>
  2041.                                    </a>
  2042.                                                                        <a href="https://tiejet.com/categories/graphic-design/packaging-covers" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2043.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Packaging &amp; Covers </span>
  2044.                                    </a>
  2045.                                                                        <a href="https://tiejet.com/categories/graphic-design/architecture-building-design" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2046.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Architecture &amp; Building Design </span>
  2047.                                    </a>
  2048.                                                                        <a href="https://tiejet.com/categories/graphic-design/3d-design" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2049.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> 3D Design </span>
  2050.                                    </a>
  2051.                                    
  2052.                                </nav>
  2053.  
  2054.                            </details>
  2055.                                                        <details class="group ltr:ml-4 rtl:mr-4" wire:key="header-categories-68A457C7547AA20C02E6">
  2056.  
  2057.                                
  2058.                                <summary class="flex items-center text-gray-500 dark:text-gray-300 py-2 px-5">
  2059.  
  2060.                                    
  2061.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/684BA1E05519F161DB5F.webp" alt="Digital Marketing" class="lazy h-6 w-6 rounded-full object-contain">
  2062.  
  2063.                                    
  2064.                                    <span class="ltr:ml-3 rtl:mr-3 text-[13px] font-medium"> Digital Marketing </span>
  2065.  
  2066.                                    
  2067.                                    <span class="ltr:ml-auto rtl:mr-auto transition duration-300 shrink-0 group-open:-rotate-180">
  2068.                                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
  2069.                                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
  2070.                                        </svg>
  2071.                                    </span>
  2072.  
  2073.                                </summary>
  2074.  
  2075.                                
  2076.                                <nav class="mt-1.5 ltr:ml-8 rtl:mr-8 flex flex-col">
  2077.  
  2078.                                    
  2079.                                    <a href="https://tiejet.com/categories/digital-marketing" class="flex items-center px-4 py-2 text-gray-800 dark:text-gray-100 rounded-lg hover:bg-gray-100 dark:hover:bg-zinc-700 hover:text-gray-700 dark:hover:text-gray-200">
  2080.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Browse Digital Marketing </span>
  2081.                                    </a>
  2082.  
  2083.                                    
  2084.                                                                        <a href="https://tiejet.com/categories/digital-marketing/search" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2085.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Search </span>
  2086.                                    </a>
  2087.                                                                        <a href="https://tiejet.com/categories/digital-marketing/social" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2088.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Social </span>
  2089.                                    </a>
  2090.                                                                        <a href="https://tiejet.com/categories/digital-marketing/methods-techniques" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2091.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Methods &amp; Techniques </span>
  2092.                                    </a>
  2093.                                                                        <a href="https://tiejet.com/categories/digital-marketing/analytics-strategy" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2094.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Analytics &amp; Strategy </span>
  2095.                                    </a>
  2096.                                                                        <a href="https://tiejet.com/categories/digital-marketing/industry-purpose-specific" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2097.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Industry &amp; Purpose-Specific </span>
  2098.                                    </a>
  2099.                                    
  2100.                                </nav>
  2101.  
  2102.                            </details>
  2103.                                                        <details class="group ltr:ml-4 rtl:mr-4" wire:key="header-categories-B70FECEEA5C00C335184">
  2104.  
  2105.                                
  2106.                                <summary class="flex items-center text-gray-500 dark:text-gray-300 py-2 px-5">
  2107.  
  2108.                                    
  2109.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/2921E4F771C236208076.webp" alt="Writing &amp; Translation" class="lazy h-6 w-6 rounded-full object-contain">
  2110.  
  2111.                                    
  2112.                                    <span class="ltr:ml-3 rtl:mr-3 text-[13px] font-medium"> Writing &amp; Translation </span>
  2113.  
  2114.                                    
  2115.                                    <span class="ltr:ml-auto rtl:mr-auto transition duration-300 shrink-0 group-open:-rotate-180">
  2116.                                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
  2117.                                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
  2118.                                        </svg>
  2119.                                    </span>
  2120.  
  2121.                                </summary>
  2122.  
  2123.                                
  2124.                                <nav class="mt-1.5 ltr:ml-8 rtl:mr-8 flex flex-col">
  2125.  
  2126.                                    
  2127.                                    <a href="https://tiejet.com/categories/writing-translation" class="flex items-center px-4 py-2 text-gray-800 dark:text-gray-100 rounded-lg hover:bg-gray-100 dark:hover:bg-zinc-700 hover:text-gray-700 dark:hover:text-gray-200">
  2128.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Browse Writing &amp; Translation </span>
  2129.                                    </a>
  2130.  
  2131.                                    
  2132.                                                                        <a href="https://tiejet.com/categories/writing-translation/content-writing" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2133.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Content Writing </span>
  2134.                                    </a>
  2135.                                                                        <a href="https://tiejet.com/categories/writing-translation/translation-transcription" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2136.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Translation &amp; Transcription </span>
  2137.                                    </a>
  2138.                                                                        <a href="https://tiejet.com/categories/writing-translation/editing-critique" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2139.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Editing &amp; Critique </span>
  2140.                                    </a>
  2141.                                                                        <a href="https://tiejet.com/categories/writing-translation/career-writing" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2142.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Career Writing </span>
  2143.                                    </a>
  2144.                                                                        <a href="https://tiejet.com/categories/writing-translation/business-marketing-copy" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2145.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Business &amp; Marketing Copy </span>
  2146.                                    </a>
  2147.                                    
  2148.                                </nav>
  2149.  
  2150.                            </details>
  2151.                                                        <details class="group ltr:ml-4 rtl:mr-4" wire:key="header-categories-A7581441FF1D68B04FF2">
  2152.  
  2153.                                
  2154.                                <summary class="flex items-center text-gray-500 dark:text-gray-300 py-2 px-5">
  2155.  
  2156.                                    
  2157.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/7D509FF76B301369175E.webp" alt="Video &amp; Animation" class="lazy h-6 w-6 rounded-full object-contain">
  2158.  
  2159.                                    
  2160.                                    <span class="ltr:ml-3 rtl:mr-3 text-[13px] font-medium"> Video &amp; Animation </span>
  2161.  
  2162.                                    
  2163.                                    <span class="ltr:ml-auto rtl:mr-auto transition duration-300 shrink-0 group-open:-rotate-180">
  2164.                                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
  2165.                                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
  2166.                                        </svg>
  2167.                                    </span>
  2168.  
  2169.                                </summary>
  2170.  
  2171.                                
  2172.                                <nav class="mt-1.5 ltr:ml-8 rtl:mr-8 flex flex-col">
  2173.  
  2174.                                    
  2175.                                    <a href="https://tiejet.com/categories/video-animation" class="flex items-center px-4 py-2 text-gray-800 dark:text-gray-100 rounded-lg hover:bg-gray-100 dark:hover:bg-zinc-700 hover:text-gray-700 dark:hover:text-gray-200">
  2176.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Browse Video &amp; Animation </span>
  2177.                                    </a>
  2178.  
  2179.                                    
  2180.                                                                        <a href="https://tiejet.com/categories/video-animation/editing-post-production" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2181.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Editing &amp; Post-Production </span>
  2182.                                    </a>
  2183.                                                                        <a href="https://tiejet.com/categories/video-animation/social-marketing-videos" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2184.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Social &amp; Marketing Videos </span>
  2185.                                    </a>
  2186.                                                                        <a href="https://tiejet.com/categories/video-animation/animation" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2187.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Animation </span>
  2188.                                    </a>
  2189.                                                                        <a href="https://tiejet.com/categories/video-animation/filmed-video-production" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2190.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Filmed Video Production </span>
  2191.                                    </a>
  2192.                                                                        <a href="https://tiejet.com/categories/video-animation/explainer-videos" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2193.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Explainer Videos </span>
  2194.                                    </a>
  2195.                                                                        <a href="https://tiejet.com/categories/video-animation/product-videos" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2196.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Product Videos </span>
  2197.                                    </a>
  2198.                                    
  2199.                                </nav>
  2200.  
  2201.                            </details>
  2202.                                                        <details class="group ltr:ml-4 rtl:mr-4" wire:key="header-categories-F64849AF648F1AB5B4E7">
  2203.  
  2204.                                
  2205.                                <summary class="flex items-center text-gray-500 dark:text-gray-300 py-2 px-5">
  2206.  
  2207.                                    
  2208.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/82464CE4CD93768DA85A.webp" alt="Music &amp; Audio" class="lazy h-6 w-6 rounded-full object-contain">
  2209.  
  2210.                                    
  2211.                                    <span class="ltr:ml-3 rtl:mr-3 text-[13px] font-medium"> Music &amp; Audio </span>
  2212.  
  2213.                                    
  2214.                                    <span class="ltr:ml-auto rtl:mr-auto transition duration-300 shrink-0 group-open:-rotate-180">
  2215.                                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
  2216.                                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
  2217.                                        </svg>
  2218.                                    </span>
  2219.  
  2220.                                </summary>
  2221.  
  2222.                                
  2223.                                <nav class="mt-1.5 ltr:ml-8 rtl:mr-8 flex flex-col">
  2224.  
  2225.                                    
  2226.                                    <a href="https://tiejet.com/categories/music-audio" class="flex items-center px-4 py-2 text-gray-800 dark:text-gray-100 rounded-lg hover:bg-gray-100 dark:hover:bg-zinc-700 hover:text-gray-700 dark:hover:text-gray-200">
  2227.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Browse Music &amp; Audio </span>
  2228.                                    </a>
  2229.  
  2230.                                    
  2231.                                                                        <a href="https://tiejet.com/categories/music-audio/music-production-writing" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2232.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Music Production &amp; Writing </span>
  2233.                                    </a>
  2234.                                                                        <a href="https://tiejet.com/categories/music-audio/audio-engineering-post-production" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2235.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Audio Engineering &amp; Post Production </span>
  2236.                                    </a>
  2237.                                                                        <a href="https://tiejet.com/categories/music-audio/voice-over-narration" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2238.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Voice Over &amp; Narration </span>
  2239.                                    </a>
  2240.                                                                        <a href="https://tiejet.com/categories/music-audio/streaming-audio" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2241.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Streaming &amp; Audio </span>
  2242.                                    </a>
  2243.                                                                        <a href="https://tiejet.com/categories/music-audio/djing" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2244.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> DJing </span>
  2245.                                    </a>
  2246.                                                                        <a href="https://tiejet.com/categories/music-audio/sound-design" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2247.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Sound Design </span>
  2248.                                    </a>
  2249.                                                                        <a href="https://tiejet.com/categories/music-audio/lessons-transcriptions" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2250.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Lessons &amp; Transcriptions </span>
  2251.                                    </a>
  2252.                                    
  2253.                                </nav>
  2254.  
  2255.                            </details>
  2256.                                                        <details class="group ltr:ml-4 rtl:mr-4" wire:key="header-categories-2A461AD52426C78A654F">
  2257.  
  2258.                                
  2259.                                <summary class="flex items-center text-gray-500 dark:text-gray-300 py-2 px-5">
  2260.  
  2261.                                    
  2262.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/D122F993C78F9DB50340.webp" alt="Programming" class="lazy h-6 w-6 rounded-full object-contain">
  2263.  
  2264.                                    
  2265.                                    <span class="ltr:ml-3 rtl:mr-3 text-[13px] font-medium"> Programming </span>
  2266.  
  2267.                                    
  2268.                                    <span class="ltr:ml-auto rtl:mr-auto transition duration-300 shrink-0 group-open:-rotate-180">
  2269.                                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
  2270.                                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
  2271.                                        </svg>
  2272.                                    </span>
  2273.  
  2274.                                </summary>
  2275.  
  2276.                                
  2277.                                <nav class="mt-1.5 ltr:ml-8 rtl:mr-8 flex flex-col">
  2278.  
  2279.                                    
  2280.                                    <a href="https://tiejet.com/categories/programming-tech" class="flex items-center px-4 py-2 text-gray-800 dark:text-gray-100 rounded-lg hover:bg-gray-100 dark:hover:bg-zinc-700 hover:text-gray-700 dark:hover:text-gray-200">
  2281.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Browse Programming </span>
  2282.                                    </a>
  2283.  
  2284.                                    
  2285.                                                                        <a href="https://tiejet.com/categories/programming-tech/websites" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2286.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Websites </span>
  2287.                                    </a>
  2288.                                                                        <a href="https://tiejet.com/categories/programming-tech/website-platforms" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2289.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Website Platforms </span>
  2290.                                    </a>
  2291.                                                                        <a href="https://tiejet.com/categories/programming-tech/application-development" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2292.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Application Development </span>
  2293.                                    </a>
  2294.                                                                        <a href="https://tiejet.com/categories/programming-tech/testing-review" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2295.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Testing &amp; Review </span>
  2296.                                    </a>
  2297.                                                                        <a href="https://tiejet.com/categories/programming-tech/software-developers" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2298.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Software Developers </span>
  2299.                                    </a>
  2300.                                                                        <a href="https://tiejet.com/categories/programming-tech/support-cybersecurity" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2301.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Support &amp; Cybersecurity </span>
  2302.                                    </a>
  2303.                                                                        <a href="https://tiejet.com/categories/programming-tech/data" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2304.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Data </span>
  2305.                                    </a>
  2306.                                    
  2307.                                </nav>
  2308.  
  2309.                            </details>
  2310.                                                        <details class="group ltr:ml-4 rtl:mr-4" wire:key="header-categories-DB4AD2CEC36F8786619E">
  2311.  
  2312.                                
  2313.                                <summary class="flex items-center text-gray-500 dark:text-gray-300 py-2 px-5">
  2314.  
  2315.                                    
  2316.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/2C417C56323A45119D08.webp" alt="Photography" class="lazy h-6 w-6 rounded-full object-contain">
  2317.  
  2318.                                    
  2319.                                    <span class="ltr:ml-3 rtl:mr-3 text-[13px] font-medium"> Photography </span>
  2320.  
  2321.                                    
  2322.                                    <span class="ltr:ml-auto rtl:mr-auto transition duration-300 shrink-0 group-open:-rotate-180">
  2323.                                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
  2324.                                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
  2325.                                        </svg>
  2326.                                    </span>
  2327.  
  2328.                                </summary>
  2329.  
  2330.                                
  2331.                                <nav class="mt-1.5 ltr:ml-8 rtl:mr-8 flex flex-col">
  2332.  
  2333.                                    
  2334.                                    <a href="https://tiejet.com/categories/photography" class="flex items-center px-4 py-2 text-gray-800 dark:text-gray-100 rounded-lg hover:bg-gray-100 dark:hover:bg-zinc-700 hover:text-gray-700 dark:hover:text-gray-200">
  2335.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Browse Photography </span>
  2336.                                    </a>
  2337.  
  2338.                                    
  2339.                                                                        <a href="https://tiejet.com/categories/photography/products-lifestyle" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2340.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Products &amp; Lifestyle </span>
  2341.                                    </a>
  2342.                                                                        <a href="https://tiejet.com/categories/photography/people-scenes" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2343.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> People &amp; Scenes </span>
  2344.                                    </a>
  2345.                                    
  2346.                                </nav>
  2347.  
  2348.                            </details>
  2349.                                                        <details class="group ltr:ml-4 rtl:mr-4" wire:key="header-categories-D0D2C5BA53651586E9CD">
  2350.  
  2351.                                
  2352.                                <summary class="flex items-center text-gray-500 dark:text-gray-300 py-2 px-5">
  2353.  
  2354.                                    
  2355.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/DF00757D381F683CCEF2.webp" alt="Business" class="lazy h-6 w-6 rounded-full object-contain">
  2356.  
  2357.                                    
  2358.                                    <span class="ltr:ml-3 rtl:mr-3 text-[13px] font-medium"> Business </span>
  2359.  
  2360.                                    
  2361.                                    <span class="ltr:ml-auto rtl:mr-auto transition duration-300 shrink-0 group-open:-rotate-180">
  2362.                                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
  2363.                                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
  2364.                                        </svg>
  2365.                                    </span>
  2366.  
  2367.                                </summary>
  2368.  
  2369.                                
  2370.                                <nav class="mt-1.5 ltr:ml-8 rtl:mr-8 flex flex-col">
  2371.  
  2372.                                    
  2373.                                    <a href="https://tiejet.com/categories/business" class="flex items-center px-4 py-2 text-gray-800 dark:text-gray-100 rounded-lg hover:bg-gray-100 dark:hover:bg-zinc-700 hover:text-gray-700 dark:hover:text-gray-200">
  2374.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Browse Business </span>
  2375.                                    </a>
  2376.  
  2377.                                    
  2378.                                                                        <a href="https://tiejet.com/categories/business/business-formation" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2379.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Business Formation </span>
  2380.                                    </a>
  2381.                                                                        <a href="https://tiejet.com/categories/business/legal-services" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2382.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Legal Services </span>
  2383.                                    </a>
  2384.                                                                        <a href="https://tiejet.com/categories/business/general-administrative" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2385.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> General &amp; Administrative </span>
  2386.                                    </a>
  2387.                                                                        <a href="https://tiejet.com/categories/business/business-growth" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2388.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Business Growth </span>
  2389.                                    </a>
  2390.                                                                        <a href="https://tiejet.com/categories/business/sales-customer-care" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2391.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Sales &amp; Customer Care </span>
  2392.                                    </a>
  2393.                                                                        <a href="https://tiejet.com/categories/business/professional-development" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2394.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Professional Development </span>
  2395.                                    </a>
  2396.                                                                        <a href="https://tiejet.com/categories/business/accounting-finance" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2397.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Accounting &amp; Finance </span>
  2398.                                    </a>
  2399.                                    
  2400.                                </nav>
  2401.  
  2402.                            </details>
  2403.                                                        <details class="group ltr:ml-4 rtl:mr-4" wire:key="header-categories-60B65F1052EF46208C09">
  2404.  
  2405.                                
  2406.                                <summary class="flex items-center text-gray-500 dark:text-gray-300 py-2 px-5">
  2407.  
  2408.                                    
  2409.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/categories/E3BCCB4FCCB17D279467.webp" alt="AI Services" class="lazy h-6 w-6 rounded-full object-contain">
  2410.  
  2411.                                    
  2412.                                    <span class="ltr:ml-3 rtl:mr-3 text-[13px] font-medium"> AI Services </span>
  2413.  
  2414.                                    
  2415.                                    <span class="ltr:ml-auto rtl:mr-auto transition duration-300 shrink-0 group-open:-rotate-180">
  2416.                                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
  2417.                                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
  2418.                                        </svg>
  2419.                                    </span>
  2420.  
  2421.                                </summary>
  2422.  
  2423.                                
  2424.                                <nav class="mt-1.5 ltr:ml-8 rtl:mr-8 flex flex-col">
  2425.  
  2426.                                    
  2427.                                    <a href="https://tiejet.com/categories/ai-services" class="flex items-center px-4 py-2 text-gray-800 dark:text-gray-100 rounded-lg hover:bg-gray-100 dark:hover:bg-zinc-700 hover:text-gray-700 dark:hover:text-gray-200">
  2428.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Browse AI Services </span>
  2429.                                    </a>
  2430.  
  2431.                                    
  2432.                                                                        <a href="https://tiejet.com/categories/ai-services/build-ai-app" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2433.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Build AI app </span>
  2434.                                    </a>
  2435.                                                                        <a href="https://tiejet.com/categories/ai-services/get-right-data" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2436.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Get Right Data </span>
  2437.                                    </a>
  2438.                                                                        <a href="https://tiejet.com/categories/ai-services/ai-artists" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2439.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> AI Artists </span>
  2440.                                    </a>
  2441.                                                                        <a href="https://tiejet.com/categories/ai-services/creative-services" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2442.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Creative services </span>
  2443.                                    </a>
  2444.                                                                        <a href="https://tiejet.com/categories/ai-services/refine-ai-with-experts" class="flex items-center px-4 py-2 text-gray-500 dark:text-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700">
  2445.                                        <span class="ltr:ml-3 rtl:mr-3 text-xs font-medium"> Refine AI with experts </span>
  2446.                                    </a>
  2447.                                    
  2448.                                </nav>
  2449.  
  2450.                            </details>
  2451.                            
  2452.                        </div>
  2453.                    </div>
  2454.  
  2455.                    
  2456.                    <div class="w-full h-px bg-gray-100 dark:bg-zinc-600 my-3"></div>
  2457.  
  2458.                    
  2459.                    <a href="https://tiejet.com" class="py-2 px-5 flex items-center text-gray-500 dark:text-gray-200 font-semibold text-sm">
  2460.                        <svg class="w-[18px] h-[18px] ltr:mr-2.5 rtl:ml-2.5" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  2461.                            <path d="M5 22h14a2 2 0 0 0 2-2v-9a1 1 0 0 0-.29-.71l-8-8a1 1 0 0 0-1.41 0l-8 8A1 1 0 0 0 3 11v9a2 2 0 0 0 2 2zm5-2v-5h4v5zm-5-8.59 7-7 7 7V20h-3v-5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v5H5z"></path>
  2462.                        </svg>
  2463.                        Home                    </a>
  2464.  
  2465.                    
  2466.                    <div x-data="{ open: false }" class="space-y-1">
  2467.  
  2468.                        
  2469.                        <a href="javascript:void(0)" class="py-2 px-5 text-gray-500 dark:text-gray-200 font-semibold text-sm flex items-center space-x-3 rtl:space-x-reverse relative z-1" x-on:click="open = !open">
  2470.                            <span class="grow flex items-center">
  2471.                                <svg class="w-[18px] h-[18px] ltr:mr-2.5 rtl:ml-2.5" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  2472.                                    <path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm7.931 9h-2.764a14.67 14.67 0 0 0-1.792-6.243A8.013 8.013 0 0 1 19.931 11zM12.53 4.027c1.035 1.364 2.427 3.78 2.627 6.973H9.03c.139-2.596.994-5.028 2.451-6.974.172-.01.344-.026.519-.026.179 0 .354.016.53.027zm-3.842.7C7.704 6.618 7.136 8.762 7.03 11H4.069a8.013 8.013 0 0 1 4.619-6.273zM4.069 13h2.974c.136 2.379.665 4.478 1.556 6.23A8.01 8.01 0 0 1 4.069 13zm7.381 6.973C10.049 18.275 9.222 15.896 9.041 13h6.113c-.208 2.773-1.117 5.196-2.603 6.972-.182.012-.364.028-.551.028-.186 0-.367-.016-.55-.027zm4.011-.772c.955-1.794 1.538-3.901 1.691-6.201h2.778a8.005 8.005 0 0 1-4.469 6.201z"></path>
  2473.                                </svg>
  2474.                                English
  2475.                            </span>
  2476.                            <span x-bind:class="{ 'rotate-90': !open, 'rotate-0': open }" class="transform transition ease-out duration-150 opacity-75 rotate-0">
  2477.                                <svg fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="hi-solid hi-chevron-down inline-block w-4 h-4">
  2478.                                    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
  2479.                                </svg>
  2480.                            </span>
  2481.                        </a>
  2482.  
  2483.                        
  2484.                        <div x-show="open" style="display: none" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform -translate-y-6 opacity-0" x-transition:enter-end="transform translate-y-0 opacity-100" x-transition:leave="transition ease-in duration-100 bg-transparent" x-transition:leave-start="transform translate-y-0 opacity-100" x-transition:leave-end="transform -translate-y-6 opacity-0" class="relative z-0">
  2485.  
  2486.                                                        <div  wire:click="setLocale('de')"  class="py-2 px-5 rounded-sm inline-flex items-center cursor-pointer justify-between hover:bg-gray-50 dark:hover:bg-zinc-600 focus:outline-none w-full">
  2487.                                <div class="inline-flex items-center">
  2488.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/vendor/blade-flags/country-de.svg" alt="Deutsch" class="lazy w-5 ltr:mr-3 rtl:ml-3">
  2489.                                    <span class="font-normal text-xs dark:text-gray-300">Deutsch</span>
  2490.                                </div>
  2491.                                                                <div wire:loading wire:target="setLocale('de')">
  2492.                                    <svg role="status" class="block w-4 h-4 text-gray-700 animate-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
  2493.                                        <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#E5E7EB" />
  2494.                                        <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentColor" />
  2495.                                    </svg>
  2496.                                </div>
  2497.                                                            </div>
  2498.                                                        <div  class="py-2 px-5 rounded-sm inline-flex items-center cursor-pointer justify-between bg-primary-100/25 text-primary-600 focus:outline-none w-full">
  2499.                                <div class="inline-flex items-center">
  2500.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/vendor/blade-flags/country-us.svg" alt="English" class="lazy w-5 ltr:mr-3 rtl:ml-3">
  2501.                                    <span class="font-normal text-xs dark:text-gray-300">English</span>
  2502.                                </div>
  2503.                                                                <div class="block">
  2504.                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  2505.                                        <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
  2506.                                    </svg>
  2507.                                </div>
  2508.                                                            </div>
  2509.                            
  2510.                        </div>
  2511.  
  2512.                    </div>
  2513.  
  2514.                    
  2515.                    <a href="https://tiejet.com/help/contact" class="py-2 px-5 flex items-center text-gray-500 dark:text-gray-200 font-semibold text-sm">
  2516.                        <svg class="w-[18px] h-[18px] ltr:mr-2.5 rtl:ml-2.5" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  2517.                            <path d="M12 6a3.939 3.939 0 0 0-3.934 3.934h2C10.066 8.867 10.934 8 12 8s1.934.867 1.934 1.934c0 .598-.481 1.032-1.216 1.626a9.208 9.208 0 0 0-.691.599c-.998.997-1.027 2.056-1.027 2.174V15h2l-.001-.633c.001-.016.033-.386.441-.793.15-.15.339-.3.535-.458.779-.631 1.958-1.584 1.958-3.182A3.937 3.937 0 0 0 12 6zm-1 10h2v2h-2z"></path>
  2518.                            <path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z"></path>
  2519.                        </svg>
  2520.                        Contact Us                    </a>
  2521.  
  2522.  
  2523.                </div>
  2524.  
  2525.            </div>
  2526.  
  2527.        </div>
  2528.  
  2529.        
  2530.        
  2531.    </div>
  2532. </header>
  2533.  
  2534.  
  2535. <!-- Livewire Component wire-end:GxKrTVQbB1atZok2TKL8 -->                
  2536.        
  2537.            
  2538.            <div class="home-hero-section-parent relative block w-full">
  2539.                                    <div class="home-hero-section pic0" style="position: absolute; width: 100%; ">
  2540.                        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-full flex items-center">
  2541.                            <div class="w-full md:max-w-lg">
  2542.                                
  2543.                                <h1 class="text-center sm:ltr:text-left sm:rtl:text-right mt-4 tracking-tight font-semibold text-white sm:mt-5 lg:mt-6 text-freelance-banner">
  2544.                                    Find best <span class="text-ddr-bold">freelance</span><br> services for your business
  2545.                                </h1>
  2546.                                <div class="mt-10 sm:mt-12">
  2547.            
  2548.                                    
  2549.                                    <form class="flex items-center mb-4" action="https://tiejet.com/search" accept="GET">  
  2550.            
  2551.                                        
  2552.                                        <div class="relative w-full">
  2553.                                            <div class="absolute inset-y-0 ltr:left-0 rtl:right-0 flex items-center ltr:pl-3 rtl:pr-3 pointer-events-none">
  2554.                                                <svg aria-hidden="true" class="w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path></svg>
  2555.                                            </div>
  2556.                                            <input type="search" name="q" class="bg-white border-none text-gray-900 text-sm font-medium rounded-md block w-full ltr:pl-10 rtl:pr-10 px-2.5 py-4 focus:outline-none focus:ring-0" placeholder="What service are you looking for today?" required>
  2557.                                        </div>
  2558.            
  2559.                                        
  2560.                                        <button type="submit" class="px-5 py-4 ltr:ml-2 rtl:mr-2 text-sm font-medium text-white bg-primary-600 rounded-md border-none hover:bg-primary-800 focus:ring-0 focus:outline-none">
  2561.                                            Search                                        </button>
  2562.            
  2563.                                    </form>
  2564.            
  2565.                                    
  2566.                                                                        <div class="hidden sm:flex items-center text-white font-semibold text-sm whitespace-nowrap">
  2567.                                        Popular:
  2568.                                        <ul class="flex ltr:ml-3 rtl:mr-3">
  2569.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2570.                                                    <a href="https://tiejet.com/categories/photography" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2571.                                                        Photography
  2572.                                                    </a>
  2573.                                                </li>
  2574.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2575.                                                    <a href="https://tiejet.com/categories/business" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2576.                                                        Business
  2577.                                                    </a>
  2578.                                                </li>
  2579.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2580.                                                    <a href="https://tiejet.com/categories/video-animation" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2581.                                                        Video &amp; Animation
  2582.                                                    </a>
  2583.                                                </li>
  2584.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2585.                                                    <a href="https://tiejet.com/categories/writing-translation" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2586.                                                        Writing &amp; Translation
  2587.                                                    </a>
  2588.                                                </li>
  2589.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2590.                                                    <a href="https://tiejet.com/categories/programming-tech" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2591.                                                        Programming
  2592.                                                    </a>
  2593.                                                </li>
  2594.                                                                                    </ul>
  2595.                                    </div>
  2596.                                    
  2597.                                </div>
  2598.                                
  2599.                            </div>
  2600.                        </div>
  2601.                    </div>
  2602.                                    <div class="home-hero-section pic1" style="position: absolute; width: 100%;  display:none ">
  2603.                        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-full flex items-center">
  2604.                            <div class="w-full md:max-w-lg">
  2605.                                
  2606.                                <h1 class="text-center sm:ltr:text-left sm:rtl:text-right mt-4 tracking-tight font-semibold text-white sm:mt-5 lg:mt-6 text-freelance-banner">
  2607.                                    Find best <span class="text-ddr-bold">freelance</span><br> services for your business
  2608.                                </h1>
  2609.                                <div class="mt-10 sm:mt-12">
  2610.            
  2611.                                    
  2612.                                    <form class="flex items-center mb-4" action="https://tiejet.com/search" accept="GET">  
  2613.            
  2614.                                        
  2615.                                        <div class="relative w-full">
  2616.                                            <div class="absolute inset-y-0 ltr:left-0 rtl:right-0 flex items-center ltr:pl-3 rtl:pr-3 pointer-events-none">
  2617.                                                <svg aria-hidden="true" class="w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path></svg>
  2618.                                            </div>
  2619.                                            <input type="search" name="q" class="bg-white border-none text-gray-900 text-sm font-medium rounded-md block w-full ltr:pl-10 rtl:pr-10 px-2.5 py-4 focus:outline-none focus:ring-0" placeholder="What service are you looking for today?" required>
  2620.                                        </div>
  2621.            
  2622.                                        
  2623.                                        <button type="submit" class="px-5 py-4 ltr:ml-2 rtl:mr-2 text-sm font-medium text-white bg-primary-600 rounded-md border-none hover:bg-primary-800 focus:ring-0 focus:outline-none">
  2624.                                            Search                                        </button>
  2625.            
  2626.                                    </form>
  2627.            
  2628.                                    
  2629.                                                                        <div class="hidden sm:flex items-center text-white font-semibold text-sm whitespace-nowrap">
  2630.                                        Popular:
  2631.                                        <ul class="flex ltr:ml-3 rtl:mr-3">
  2632.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2633.                                                    <a href="https://tiejet.com/categories/photography" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2634.                                                        Photography
  2635.                                                    </a>
  2636.                                                </li>
  2637.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2638.                                                    <a href="https://tiejet.com/categories/business" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2639.                                                        Business
  2640.                                                    </a>
  2641.                                                </li>
  2642.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2643.                                                    <a href="https://tiejet.com/categories/video-animation" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2644.                                                        Video &amp; Animation
  2645.                                                    </a>
  2646.                                                </li>
  2647.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2648.                                                    <a href="https://tiejet.com/categories/writing-translation" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2649.                                                        Writing &amp; Translation
  2650.                                                    </a>
  2651.                                                </li>
  2652.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2653.                                                    <a href="https://tiejet.com/categories/programming-tech" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2654.                                                        Programming
  2655.                                                    </a>
  2656.                                                </li>
  2657.                                                                                    </ul>
  2658.                                    </div>
  2659.                                    
  2660.                                </div>
  2661.                                
  2662.                            </div>
  2663.                        </div>
  2664.                    </div>
  2665.                                    <div class="home-hero-section pic2" style="position: absolute; width: 100%;  display:none ">
  2666.                        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-full flex items-center">
  2667.                            <div class="w-full md:max-w-lg">
  2668.                                
  2669.                                <h1 class="text-center sm:ltr:text-left sm:rtl:text-right mt-4 tracking-tight font-semibold text-white sm:mt-5 lg:mt-6 text-freelance-banner">
  2670.                                    Find best <span class="text-ddr-bold">freelance</span><br> services for your business
  2671.                                </h1>
  2672.                                <div class="mt-10 sm:mt-12">
  2673.            
  2674.                                    
  2675.                                    <form class="flex items-center mb-4" action="https://tiejet.com/search" accept="GET">  
  2676.            
  2677.                                        
  2678.                                        <div class="relative w-full">
  2679.                                            <div class="absolute inset-y-0 ltr:left-0 rtl:right-0 flex items-center ltr:pl-3 rtl:pr-3 pointer-events-none">
  2680.                                                <svg aria-hidden="true" class="w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path></svg>
  2681.                                            </div>
  2682.                                            <input type="search" name="q" class="bg-white border-none text-gray-900 text-sm font-medium rounded-md block w-full ltr:pl-10 rtl:pr-10 px-2.5 py-4 focus:outline-none focus:ring-0" placeholder="What service are you looking for today?" required>
  2683.                                        </div>
  2684.            
  2685.                                        
  2686.                                        <button type="submit" class="px-5 py-4 ltr:ml-2 rtl:mr-2 text-sm font-medium text-white bg-primary-600 rounded-md border-none hover:bg-primary-800 focus:ring-0 focus:outline-none">
  2687.                                            Search                                        </button>
  2688.            
  2689.                                    </form>
  2690.            
  2691.                                    
  2692.                                                                        <div class="hidden sm:flex items-center text-white font-semibold text-sm whitespace-nowrap">
  2693.                                        Popular:
  2694.                                        <ul class="flex ltr:ml-3 rtl:mr-3">
  2695.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2696.                                                    <a href="https://tiejet.com/categories/photography" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2697.                                                        Photography
  2698.                                                    </a>
  2699.                                                </li>
  2700.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2701.                                                    <a href="https://tiejet.com/categories/business" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2702.                                                        Business
  2703.                                                    </a>
  2704.                                                </li>
  2705.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2706.                                                    <a href="https://tiejet.com/categories/video-animation" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2707.                                                        Video &amp; Animation
  2708.                                                    </a>
  2709.                                                </li>
  2710.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2711.                                                    <a href="https://tiejet.com/categories/writing-translation" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2712.                                                        Writing &amp; Translation
  2713.                                                    </a>
  2714.                                                </li>
  2715.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2716.                                                    <a href="https://tiejet.com/categories/programming-tech" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2717.                                                        Programming
  2718.                                                    </a>
  2719.                                                </li>
  2720.                                                                                    </ul>
  2721.                                    </div>
  2722.                                    
  2723.                                </div>
  2724.                                
  2725.                            </div>
  2726.                        </div>
  2727.                    </div>
  2728.                                    <div class="home-hero-section pic3" style="position: absolute; width: 100%;  display:none ">
  2729.                        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-full flex items-center">
  2730.                            <div class="w-full md:max-w-lg">
  2731.                                
  2732.                                <h1 class="text-center sm:ltr:text-left sm:rtl:text-right mt-4 tracking-tight font-semibold text-white sm:mt-5 lg:mt-6 text-freelance-banner">
  2733.                                    Find best <span class="text-ddr-bold">freelance</span><br> services for your business
  2734.                                </h1>
  2735.                                <div class="mt-10 sm:mt-12">
  2736.            
  2737.                                    
  2738.                                    <form class="flex items-center mb-4" action="https://tiejet.com/search" accept="GET">  
  2739.            
  2740.                                        
  2741.                                        <div class="relative w-full">
  2742.                                            <div class="absolute inset-y-0 ltr:left-0 rtl:right-0 flex items-center ltr:pl-3 rtl:pr-3 pointer-events-none">
  2743.                                                <svg aria-hidden="true" class="w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path></svg>
  2744.                                            </div>
  2745.                                            <input type="search" name="q" class="bg-white border-none text-gray-900 text-sm font-medium rounded-md block w-full ltr:pl-10 rtl:pr-10 px-2.5 py-4 focus:outline-none focus:ring-0" placeholder="What service are you looking for today?" required>
  2746.                                        </div>
  2747.            
  2748.                                        
  2749.                                        <button type="submit" class="px-5 py-4 ltr:ml-2 rtl:mr-2 text-sm font-medium text-white bg-primary-600 rounded-md border-none hover:bg-primary-800 focus:ring-0 focus:outline-none">
  2750.                                            Search                                        </button>
  2751.            
  2752.                                    </form>
  2753.            
  2754.                                    
  2755.                                                                        <div class="hidden sm:flex items-center text-white font-semibold text-sm whitespace-nowrap">
  2756.                                        Popular:
  2757.                                        <ul class="flex ltr:ml-3 rtl:mr-3">
  2758.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2759.                                                    <a href="https://tiejet.com/categories/photography" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2760.                                                        Photography
  2761.                                                    </a>
  2762.                                                </li>
  2763.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2764.                                                    <a href="https://tiejet.com/categories/business" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2765.                                                        Business
  2766.                                                    </a>
  2767.                                                </li>
  2768.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2769.                                                    <a href="https://tiejet.com/categories/video-animation" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2770.                                                        Video &amp; Animation
  2771.                                                    </a>
  2772.                                                </li>
  2773.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2774.                                                    <a href="https://tiejet.com/categories/writing-translation" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2775.                                                        Writing &amp; Translation
  2776.                                                    </a>
  2777.                                                </li>
  2778.                                                                                            <li class="flex ltr:mr-3 rtl:ml-3 whitespace-nowrap">
  2779.                                                    <a href="https://tiejet.com/categories/programming-tech" class="border-2 border-white rounded-[40px] hover:bg-white hover:text-gray-700 transition-all duration-200 px-3 py-0.5 text-xs">
  2780.                                                        Programming
  2781.                                                    </a>
  2782.                                                </li>
  2783.                                                                                    </ul>
  2784.                                    </div>
  2785.                                    
  2786.                                </div>
  2787.                                
  2788.                            </div>
  2789.                        </div>
  2790.                    </div>
  2791.                            </div>
  2792.  
  2793.        
  2794.        
  2795.        <main class="flex-grow">
  2796.            <div class=" min-h-screen sm:px-6 md:px-0 py-6  pb-6  min-h-screen">
  2797.                    <div wire:id="fp7LkZtQXvkkU4OmkD9R" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;fp7LkZtQXvkkU4OmkD9R&quot;,&quot;name&quot;:&quot;main.home.home-component&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;818f575c&quot;,&quot;data&quot;:{&quot;email&quot;:null},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;c3d519676cebf91bc2c7db1f5a35ccc7ed85f0f9cb1646ef987053253a747538&quot;}}" class="w-full">
  2798.    <div class="grid grid-cols-12 gap-6-">
  2799.        
  2800.        
  2801.  
  2802.        <!-- talent by category -->
  2803.                <section class="col-span-12 top-widget category-slider">
  2804.            <div class="md:flex md:flex-row md:justify-between items-center heading p-4 mmb-0">
  2805.                <div>
  2806.                    <!-- <h4 class="heading text-xl font-bold sm:text-3xl md:text-4xl">Browse talent by category</h4> -->
  2807.                    <h4 class="widget-title">Browse talent by category</h4>
  2808.                    <div class="desc">Get some Inspirations from 1800+ skills</div>
  2809.                </div>
  2810.                <div class="inline-block align-middle">
  2811.                    <a href="https://tiejet.com/search?q=" class="btn btn-light rounded-full">All Category<i class="flaticon-right-up next"></i></a>
  2812.                </div>
  2813.            </div>
  2814.            <div class="categories-slider slick-carousel px-0 md:px-4 mb-8 hidden">
  2815.                                    
  2816.                    <div class="">
  2817.                        <a class="category-banner-inner style2" href="https://tiejet.com/categories/writing-translation" tabindex="-1">
  2818.                            <div class="banner-image image">
  2819.                                <div class="image-wrapper">
  2820.                                    <img decoding="async" loading="lazy" width="260" height="301" src="https://tiejet.com/public/storage/categories/53437408A3153314C3E7.webp" class="attachment-full size-full" alt="">
  2821.                                </div>
  2822.                            </div>
  2823.                            <div class="inner">
  2824.                                <div class="number">
  2825.                                    <span>18</span>
  2826.                                    Services
  2827.                                </div>
  2828.                                <h4 class="title">
  2829.                                    Writing &amp; Translation
  2830.                                </h4>
  2831.                            </div>
  2832.                        </a>
  2833.                    </div>
  2834.                                    
  2835.                    <div class="">
  2836.                        <a class="category-banner-inner style2" href="https://tiejet.com/categories/graphic-design" tabindex="-1">
  2837.                            <div class="banner-image image">
  2838.                                <div class="image-wrapper">
  2839.                                    <img decoding="async" loading="lazy" width="260" height="301" src="https://tiejet.com/public/storage/categories/C4493525892AC1AA7CAB.webp" class="attachment-full size-full" alt="">
  2840.                                </div>
  2841.                            </div>
  2842.                            <div class="inner">
  2843.                                <div class="number">
  2844.                                    <span>98</span>
  2845.                                    Services
  2846.                                </div>
  2847.                                <h4 class="title">
  2848.                                    Graphic Design
  2849.                                </h4>
  2850.                            </div>
  2851.                        </a>
  2852.                    </div>
  2853.                                    
  2854.                    <div class="">
  2855.                        <a class="category-banner-inner style2" href="https://tiejet.com/categories/programming-tech" tabindex="-1">
  2856.                            <div class="banner-image image">
  2857.                                <div class="image-wrapper">
  2858.                                    <img decoding="async" loading="lazy" width="260" height="301" src="https://tiejet.com/public/storage/categories/B4B8D7C9EB056135A82E.webp" class="attachment-full size-full" alt="">
  2859.                                </div>
  2860.                            </div>
  2861.                            <div class="inner">
  2862.                                <div class="number">
  2863.                                    <span>42</span>
  2864.                                    Services
  2865.                                </div>
  2866.                                <h4 class="title">
  2867.                                    Programming
  2868.                                </h4>
  2869.                            </div>
  2870.                        </a>
  2871.                    </div>
  2872.                                    
  2873.                    <div class="">
  2874.                        <a class="category-banner-inner style2" href="https://tiejet.com/categories/photography" tabindex="-1">
  2875.                            <div class="banner-image image">
  2876.                                <div class="image-wrapper">
  2877.                                    <img decoding="async" loading="lazy" width="260" height="301" src="https://tiejet.com/public/storage/categories/5E54EB29B96C878BEDB8.webp" class="attachment-full size-full" alt="">
  2878.                                </div>
  2879.                            </div>
  2880.                            <div class="inner">
  2881.                                <div class="number">
  2882.                                    <span>1</span>
  2883.                                    Services
  2884.                                </div>
  2885.                                <h4 class="title">
  2886.                                    Photography
  2887.                                </h4>
  2888.                            </div>
  2889.                        </a>
  2890.                    </div>
  2891.                                    
  2892.                    <div class="">
  2893.                        <a class="category-banner-inner style2" href="https://tiejet.com/categories/video-animation" tabindex="-1">
  2894.                            <div class="banner-image image">
  2895.                                <div class="image-wrapper">
  2896.                                    <img decoding="async" loading="lazy" width="260" height="301" src="https://tiejet.com/public/storage/categories/955AD51177BD2F97C9F2.webp" class="attachment-full size-full" alt="">
  2897.                                </div>
  2898.                            </div>
  2899.                            <div class="inner">
  2900.                                <div class="number">
  2901.                                    <span>9</span>
  2902.                                    Services
  2903.                                </div>
  2904.                                <h4 class="title">
  2905.                                    Video &amp; Animation
  2906.                                </h4>
  2907.                            </div>
  2908.                        </a>
  2909.                    </div>
  2910.                                    
  2911.                    <div class="">
  2912.                        <a class="category-banner-inner style2" href="https://tiejet.com/categories/music-audio" tabindex="-1">
  2913.                            <div class="banner-image image">
  2914.                                <div class="image-wrapper">
  2915.                                    <img decoding="async" loading="lazy" width="260" height="301" src="https://tiejet.com/public/storage/categories/853A74911D864D8409A9.webp" class="attachment-full size-full" alt="">
  2916.                                </div>
  2917.                            </div>
  2918.                            <div class="inner">
  2919.                                <div class="number">
  2920.                                    <span>0</span>
  2921.                                    Services
  2922.                                </div>
  2923.                                <h4 class="title">
  2924.                                    Music &amp; Audio
  2925.                                </h4>
  2926.                            </div>
  2927.                        </a>
  2928.                    </div>
  2929.                                    
  2930.                    <div class="">
  2931.                        <a class="category-banner-inner style2" href="https://tiejet.com/categories/digital-marketing" tabindex="-1">
  2932.                            <div class="banner-image image">
  2933.                                <div class="image-wrapper">
  2934.                                    <img decoding="async" loading="lazy" width="260" height="301" src="https://tiejet.com/public/storage/categories/E101EF228D7845EDA8CD.webp" class="attachment-full size-full" alt="">
  2935.                                </div>
  2936.                            </div>
  2937.                            <div class="inner">
  2938.                                <div class="number">
  2939.                                    <span>150</span>
  2940.                                    Services
  2941.                                </div>
  2942.                                <h4 class="title">
  2943.                                    Digital Marketing
  2944.                                </h4>
  2945.                            </div>
  2946.                        </a>
  2947.                    </div>
  2948.                                    
  2949.                    <div class="">
  2950.                        <a class="category-banner-inner style2" href="https://tiejet.com/categories/ai-services" tabindex="-1">
  2951.                            <div class="banner-image image">
  2952.                                <div class="image-wrapper">
  2953.                                    <img decoding="async" loading="lazy" width="260" height="301" src="https://tiejet.com/public/storage/categories/9508BCD34251A7EA0001.webp" class="attachment-full size-full" alt="">
  2954.                                </div>
  2955.                            </div>
  2956.                            <div class="inner">
  2957.                                <div class="number">
  2958.                                    <span>0</span>
  2959.                                    Services
  2960.                                </div>
  2961.                                <h4 class="title">
  2962.                                    AI Services
  2963.                                </h4>
  2964.                            </div>
  2965.                        </a>
  2966.                    </div>
  2967.                                
  2968.            </div>
  2969.        </section>
  2970.        
  2971.        <!-- freelancer talent -->
  2972.        <section class="col-span-12 top-widget freelancer-talent px-4">
  2973.            <div>
  2974.                <div class="grid grid-cols-12">
  2975.                    <div class="left col-span-12 lg:col-span-7">
  2976.                        <div class="max-w-lg max-w-md py-4" data-aos="fade-up" data-aos-data-aos-duration="2000">
  2977.                            <h2 class="widget-title">A whole world of freelance talent at <span class="text-ddr">your fingertips</span></h2>
  2978.                        </div>
  2979.                        <div class="mt-14">
  2980.                            <div class="points flex" data-aos="fade-up" data-aos-data-aos-duration="2000">
  2981.                                <div class="">
  2982.                                    <div class="features-box-image icon">
  2983.                                        <i class="flaticon-badge"></i>
  2984.                                    </div>
  2985.                                </div>
  2986.                                <div class="mx-3">
  2987.                                    <h3 class="title">Proof Of Quality</h3>
  2988.                                    <div class="description">Hand your project over to a talented freelancer in minutes, and get long-lasting results.</div>
  2989.                                </div>
  2990.                            </div>
  2991.                            <div class="points flex" data-aos="fade-up" data-aos-data-aos-duration="2000">
  2992.                                <div class="">
  2993.                                    <div class="features-box-image icon">
  2994.                                        <i class="flaticon-money"></i>
  2995.                                    </div>
  2996.                                </div>
  2997.                                <div class="mx-3">
  2998.                                    <h3 class="title">No Cost Until you&#039;re hire</h3>
  2999.                                    <div class="mt-2 description">Find the right service for every price point. No hourly rates, just project-based pricing.</div>
  3000.                                </div>
  3001.                            </div>
  3002.                            <div class="points flex" data-aos="fade-up" data-aos-data-aos-duration="2000">
  3003.                                <div class="">
  3004.                                    <div class="features-box-image icon">
  3005.                                        <i class="flaticon-security"></i>
  3006.                                    </div>
  3007.                                </div>
  3008.                                <div class="mx-3">
  3009.                                    <h3 class="title">Safe And Secure</h3>
  3010.                                    <div class="mt-2 description">Our round-the-clock support team is available to help anytime, <br> anywhere.</div>
  3011.                                </div>
  3012.                            </div>
  3013.                        </div>
  3014.                    </div>
  3015.                    <div class="right col-span-12 lg:col-span-5 mt-3 lg:mt-0">
  3016.                        <div data-aos="zoom-in" data-aos-data-aos-duration="1500">
  3017.                            <img src="https://tiejet.com/public/img/fix/freelancer-world-tiejet.png" alt="" />
  3018.                        </div>
  3019.                    </div>
  3020.                </div>
  3021.            </div>
  3022.        </section>
  3023.  
  3024.        <!-- counting section -->
  3025.        <section class="col-span-12 counting-section p-4" data-aos="fade-up" data-aos-data-aos-duration="2000">
  3026.            <div class="grid grid-cols-2 md:grid-cols-4 gap-1 text-center justify-evenly">
  3027.                <div>
  3028.                    <h2 class="text-xl tracking-tight font-bold mt-5 sm:text-3xl md:mt-6 xl:text-4xl counter">208</h2>
  3029.                    <p>Total Freelancer</p>
  3030.                </div>
  3031.                <div>
  3032.                    <h2 class="text-xl tracking-tight font-bold mt-5 sm:text-3xl md:mt-6 xl:text-4xl counter">324</h2>
  3033.                    <p>Total eServices</p>
  3034.                </div>
  3035.                <div>
  3036.                    <h2 class="text-xl tracking-tight font-bold mt-5 sm:text-3xl md:mt-6 xl:text-4xl counter">20</h2>
  3037.                    <p>Order Received</p>
  3038.                </div>
  3039.                <div>
  3040.                    <h2 class="text-xl tracking-tight font-bold mt-5 sm:text-3xl md:mt-6 xl:text-4xl counter">15.2K</h2>
  3041.                    <p>Total Visitos</p>
  3042.                </div>
  3043.            </div>
  3044.        </section>
  3045.  
  3046.        <hr class="col-span-12 mt-5" />
  3047.  
  3048.        <!-- testinomial section -->
  3049.        <section class="col-span-12 top-widget testinomial-section p-4">
  3050.            <div class="text-center justify-evenly" data-aos-duration="2000" data-aos="fade-up">
  3051.                <h2 class="text-xl tracking-tight font-bold sm:mt-5 sm:text-3xl lg:mt-6 xl:text-4xl" >Testimonials</h2>
  3052.                <p class="desc">Inspiring work made on Tiejet</p>
  3053.                <div class="flex my-8 w-full justify-center items-center">
  3054.                    <img width="60" height="43"
  3055.                        src="https://tiejet.com/public/img/fix/testinomials.svg" class=""
  3056.                        alt="" loading="lazy" style="filter: opacity(0.5) drop-shadow(0 0 0 #C96208);">
  3057.                </div>
  3058.                <div class="mx-5">
  3059.                    <div class="w-full testinomial-carousel hidden" data-aos-duration="2000" data-aos="zoom-in-up">
  3060.                        
  3061.                        
  3062.                                                <div class="">
  3063.                            <div class="client-feedback">
  3064.                                On Tiejet, I got a book ready for publication in three days—something no agency could ever do. From now on, I will only be turning to Tiejet for all the services I need.
  3065.                            </div>
  3066.                            <h3 class="client-name">Alexandra</h3>
  3067.                            <div class="client-job">Small Business Owner</div>
  3068.                        </div>
  3069.                                                                        <div class="">
  3070.                            <div class="client-feedback">
  3071.                                We often need a little extra help at the agency sometimes, and when we do, I know I can rely on Tiejet. Taking on big projects is no longer a headache when Tiejets skilled freelancers have my back
  3072.                            </div>
  3073.                            <h3 class="client-name">Thomas Müller</h3>
  3074.                            <div class="client-job">Owner, eCommerce Company</div>
  3075.                        </div>
  3076.                                                                        <div class="">
  3077.                            <div class="client-feedback">
  3078.                                In my line of work, speed is everything. Tiejet’s clearly defined deadlines give me the peace of mind I need to complete projects on time
  3079.                            </div>
  3080.                            <h3 class="client-name">Monica Malik</h3>
  3081.                            <div class="client-job">Amazon &amp; eBay Seller</div>
  3082.                        </div>
  3083.                                                                    </div>
  3084.                </div>
  3085.            </div>
  3086.        </section>
  3087.  
  3088.        <!-- join market section -->
  3089.        <section class="col-span-12 top-widget join-market-section p-4">
  3090.            <div class="grid lg:grid-cols-2 gap-2 justify-evenly">
  3091.                <div class="relative hidden lg:block">
  3092.                    <div class="p-14">
  3093.                        <img width="723" height="611"
  3094.                            src="https://tiejet.com/public/img/fix/h12.png"
  3095.                            class=""
  3096.                            alt=""
  3097.                            loading="lazy"
  3098.                            srcset="https://tiejet.com/public/img/fix/h12.png 723w, https://tiejet.com/public/img/fix/h12-600x507.png 600w, https://tiejet.com/public/img/fix/h12-300x254.png 300w"
  3099.                            sizes="(max-width: 723px) 100vw, 723px"
  3100.                            data-aos-duration="3000" data-aos="fade-up">
  3101.                        <img width="300" height="171"
  3102.                            style="top: 100px; left: 0;  position:absolute;"
  3103.                            src="https://tiejet.com/public/img/fix/h13.png"
  3104.                            class=""
  3105.                            alt=""
  3106.                            data-aos-duration="3000" data-aos="fade-right">
  3107.                        <img width="300" height="171"
  3108.                            style="top: 180px; right: -5px;  position:absolute;"
  3109.                            src="https://tiejet.com/public/img/fix/h13.png"
  3110.                            class=""
  3111.                            alt=""
  3112.                            loading="lazy" data-aos-duration="3000" data-aos="fade-left">
  3113.                        <img width="442" height="148"
  3114.                            style="bottom: -20px; right: 160px;  position:absolute;"
  3115.                            src="https://tiejet.com/public/img/fix/h14.png"
  3116.                            class="" alt="" loading="lazy"
  3117.                            srcset="https://tiejet.com/public/img/fix/h14.png 442w, https://tiejet.com/public/img/fix/h14-300x100.png 300w"
  3118.                            sizes="(max-width: 442px) 100vw, 442px" data-aos-duration="3000" data-aos="fade-up">
  3119.                    </div>
  3120.                </div>
  3121.                <div class="text-white right">
  3122.                    <div class="max-w-lg max-w-md">
  3123.                        <h2 class="texts-xl tracking-tight font-bold sm:mt-5 text-2xl lg:mt-6 xl:text-4xl" data-aos-duration="3000" data-aos="fade-left">
  3124.                            Business Service  <span class="text-ddr">Solution</span>
  3125.                        </h2>
  3126.                    </div>
  3127.                    <div class="text">
  3128.                        <p class="" data-aos-duration="3000" data-aos="fade-left">Start saving with professional business services today</p>
  3129.                    
  3130.                        <p class="mt-5 pt-5" data-aos-duration="3000" data-aos="fade-left">
  3131.                            <i class="flaticon-tick"></i> Boost your conversion, sales, and traffic.
  3132.                        </p>
  3133.                        <p class="mt-2" data-aos-duration="3000" data-aos="fade-left">
  3134.                            <i class="flaticon-tick"></i> Dramatically reduce your expenses
  3135.                        </p>
  3136.                        <p class="mt-2" data-aos-duration="3000" data-aos="fade-left">
  3137.                            <i class="flaticon-tick"></i> Focus on what really matters for growth.
  3138.                        </p>
  3139.                    </div>
  3140.                    <button class="talent-button flex text-white font-bold rounded mt-10" data-aos-duration="3000" data-aos="fade-left">
  3141.                        Business Service  Solution <svg class="mx-2 mt-1 " xmlns="http://www.w3.org/2000/svg"
  3142.                            width="16" height="17" viewBox="0 0 16 17" fill="currentColor">
  3143.                            <path
  3144.                                d="M15.5553 0.670898H5.77756C5.53189 0.670898 5.3331 0.86969 5.3331 1.11536C5.3331 1.36102 5.53189 1.55982 5.77756 1.55982H14.4824L0.129975 15.9122C-0.0436504 16.0859 -0.0436504 16.3671 0.129975 16.5407C0.216766 16.6275 0.330516 16.6709 0.444225 16.6709C0.557933 16.6709 0.671641 16.6275 0.758475 16.5407L15.1109 2.18827V10.8931C15.1109 11.1388 15.3097 11.3376 15.5553 11.3376C15.801 11.3376 15.9998 11.1388 15.9998 10.8931V1.11536C15.9998 0.86969 15.801 0.670898 15.5553 0.670898Z"
  3145.                                fill="currentColor"></path>
  3146.                        </svg>
  3147.                    </button>
  3148.                </div>
  3149.            </div>
  3150.        </section>
  3151.  
  3152.        <!-- blog section -->
  3153.        <section class="col-span-12 top-widget blog-section p-4" data-aos-duration="2000" data-aos="fade-up">
  3154.            <div class="flex justify-between items-center bg-transparent">
  3155.  
  3156.                <div class="mb-5">
  3157.                    <div class="widget-title">
  3158.                        Our Blog
  3159.                    </div>
  3160.                    <div class="desc">
  3161.                        See how you can up your career status
  3162.                    </div>
  3163.                </div>
  3164.  
  3165.                <div>
  3166.                    <a href="https://tiejet.com/blog" class="hidden text-sm font-semibold sm:block">
  3167.                        All Blog
  3168.                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 hidden ltr:inline"
  3169.                            fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  3170.                            <path stroke-linecap="round" stroke-linejoin="round"
  3171.                                d="M13 7l5 5m0 0l-5 5m5-5H6" />
  3172.                        </svg>
  3173.                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 hidden rtl:inline"
  3174.                            fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  3175.                            <path stroke-linecap="round" stroke-linejoin="round"
  3176.                                d="M11 17l-5-5m0 0l5-5m-5 5h12" />
  3177.                        </svg>
  3178.                    </a>
  3179.                </div>
  3180.            </div>
  3181.            <div class="blog-carousel slick-carousel hidden">
  3182.                                    <div class="blog mx-2 bg-white shadow rounded-lg dark:bg-gray-800">
  3183.                        <a href="https://tiejet.com/blog/a-guide-on-how-to-become-a-freelancer-in-berlin">
  3184.                            <img src="https://tiejet.com/public/storage/blog/AFAAC2D1F1A4E0C0868D.webp" alt="A Guide on How to Become a Freelancer in Berlin" />
  3185.                        </a>
  3186.                        <div class="p-5">
  3187.                            <div class="date pb-2">
  3188.                                02 September 2023
  3189.                            </div>
  3190.                            <a href="https://tiejet.com/blog/a-guide-on-how-to-become-a-freelancer-in-berlin">
  3191.                                <h4 class="title">A Guide on How to Become a Freelancer in Berlin</h5>
  3192.                            </a>
  3193.                            <div class="mb-3 font-normal text-gray-700 dark:text-gray-400 desc"><h2><strong style="color: rgb(68, 68, 68);">Introduction:</strong></h2><p><br></p><p><span style="color: rgb(136, 136, 136);">Berlin, the vibrant capital of Germany, has become a hub for creative individuals and entrepreneurs looking to embrace the freedom and flexibility of freelancing. With a thriving startup scene, a rich cultural landscape, and a supportive community, Berlin offers countless opportunities for those seeking to embark on a freelance career. In this article, we will explore the steps and key considerations involved in becoming a freelancer in Berlin.</span></p><p><br></p><p><span style="color: rgb(136, 136, 136);">[category-product title="You may also like:" model="Category" id="2" limit="10"]</span></p><p><br></p><h2><strong style="color: rgb(68, 68, 68);">1. Understand the Legal Requirements:</strong></h2><p><br></p><p><span style="color: rgb(136, 136, 136);">Before diving into the freelancing world, it's essential to familiarize yourself with the legal requirements in Berlin. As a freelancer, you'll need to register your business and obtain a tax number. The process can be done at the local tax office (Finanzamt) or through online platforms. Additionally, you may need to apply for a freelance visa if you are a non-EU citizen. Researching and understanding these legal obligations will ensure a smooth start to your freelancing journey.</span></p><p><br></p><h2><strong style="color: rgb(68, 68, 68);">2. Determine Your Field of Expertise:</strong></h2><p><br></p><p><span style="color: rgb(136, 136, 136);">Identifying your area of expertise is crucial for success as a freelancer. Berlin offers a diverse range of industries, including technology, design, marketing, media, and more. Analyze your skills, experience, and passions to determine which field aligns best with your strengths. Conduct market research to assess the demand for your services in Berlin and identify potential clients or companies that could benefit from your expertise.</span></p><p><br></p><h2><strong style="color: rgb(68, 68, 68);">3. Build Your Professional Network:</strong></h2><p><br></p><p><span style="color: rgb(136, 136, 136);">Networking is an integral part of freelancing. Berlin offers numerous opportunities to connect with like-minded professionals and potential clients. Attend industry events, workshops, and meetups to expand your network and gain valuable insights. Join online communities, such as freelancer groups and forums, to exchange knowledge and find collaboration opportunities. Building a strong professional network will not only help you find clients but also provide support and inspiration throughout your freelancing journey.</span></p><p><br></p><h2><strong style="color: rgb(68, 68, 68);">4. Create an Online Presence:</strong></h2><p><br></p><p><span style="color: rgb(136, 136, 136);">In today's digital age, having a strong online presence is essential for freelancers. Build a professional website or create a portfolio showcasing your work. Optimize your online profiles on platforms like LinkedIn, Xing, or Behance to increase your visibility. Utilize social media platforms such as Twitter, Instagram, or </span><a href="https://facebook.com" target="_blank" style="color: rgb(136, 136, 136);">Facebook</a><span style="color: rgb(136, 136, 136);"> to share your expertise, connect with potential clients, and establish yourself as a thought leader in your field. Remember to regularly update your online presence to reflect your latest projects and accomplishments.</span></p><p><br></p><h2><strong style="color: rgb(68, 68, 68);">5. Market Yourself Effectively:</strong></h2><p><br></p><p><span style="color: rgb(136, 136, 136);">To succeed as a freelancer in Berlin, you need to market yourself effectively. Craft a compelling elevator pitch that clearly communicates your skills and value proposition. Develop a strong personal brand that sets you apart from the competition. Leverage online platforms, such as freelance marketplaces, job boards, and social media, to promote your services and attract clients. Consider offering introductory discounts or partnering with local businesses to increase your visibility and gain initial clients.</span></p><p><br></p><h2><strong style="color: rgb(68, 68, 68);">6. Embrace Continuous Learning:</strong></h2><p><br></p><p><span style="color: rgb(136, 136, 136);">As a freelancer, it's crucial to stay updated with the latest industry trends and developments. Invest in continuous learning by attending workshops, webinars, and conferences. Join professional associations or organizations relevant to your field to access valuable resources and networking opportunities. Continuous learning will not only enhance your skills but also keep you competitive in the ever-evolving freelance market.</span></p><p><br></p><h2><strong style="color: rgb(68, 68, 68);">Conclusion:</strong></h2><p><br></p><p><span style="color: rgb(136, 136, 136);">Becoming a freelancer in Berlin offers exciting opportunities for individuals seeking independence and flexibility in their careers. By understanding the legal requirements, identifying your field of expertise, building a professional network, creating an online presence, marketing yourself effectively, and embracing continuous learning, you can pave the way for a successful freelancing career in the vibrant city of Berlin. So, take the leap, embrace the challenges, and thrive as a freelancer in this dynamic and creative city.</span></p></div>
  3194.                        </div>
  3195.                    </div>
  3196.                                    <div class="blog mx-2 bg-white shadow rounded-lg dark:bg-gray-800">
  3197.                        <a href="https://tiejet.com/blog/the-importance-of-professional-website-design-enhancing-your-online-presence">
  3198.                            <img src="https://tiejet.com/public/storage/blog/4927846062A0E1BE3A46.webp" alt="The Importance of Professional Website Design: Enhancing Your Online Presence" />
  3199.                        </a>
  3200.                        <div class="p-5">
  3201.                            <div class="date pb-2">
  3202.                                03 August 2023
  3203.                            </div>
  3204.                            <a href="https://tiejet.com/blog/the-importance-of-professional-website-design-enhancing-your-online-presence">
  3205.                                <h4 class="title">The Importance of Professional Website Design: Enhancing Your Online Presence</h5>
  3206.                            </a>
  3207.                            <div class="mb-3 font-normal text-gray-700 dark:text-gray-400 desc"><h2><span style="color: rgb(68, 68, 68);">Introduction:</span></h2><p><span style="color: rgb(136, 136, 136);">In today's digital era, having a well-designed website is essential for businesses and individuals alike. A professional website design not only showcases your brand effectively but also improves user experience and boosts your online presence. In this article, we will explore the significance of professional website design and why it is crucial to invest in the expertise of a skilled web designer.</span></p><p><br></p><p><span style="color: rgb(136, 136, 136);">[category-product title="Professional website designer :" model="CategoryChildTwo" id="18" limit="10"]</span></p><p><br></p><h2><span style="color: rgb(68, 68, 68);">1. Making a Strong First Impression:</span></h2><p><span style="color: rgb(136, 136, 136);">Your website is often the first point of contact for potential customers or clients. A professionally designed website creates a positive and lasting impression, conveying credibility and trustworthiness. A visually appealing layout, intuitive navigation, and consistent branding elements all contribute to a strong first impression, encouraging visitors to explore further and engage with your content.</span></p><p><br></p><h2><span style="color: rgb(68, 68, 68);">2. Enhancing User Experience:</span></h2><p><span style="color: rgb(136, 136, 136);">A professional web designer understands the importance of user experience. They create websites that are easy to navigate, with clear and concise information. A user-friendly interface ensures that visitors can find what they need quickly, improving their overall satisfaction and increasing the chances of conversion. A positive user experience also encourages visitors to spend more time on your website, exploring additional products or services you offer.</span></p><p><br></p><p>[category-product title="Professional UX designer :" model="Category" id="1" limit="10"]</p><p><br></p><h2><span style="color: rgb(68, 68, 68);">3. Optimizing for Mobile Devices:</span></h2><p><span style="color: rgb(136, 136, 136);">In today's mobile-centric world, it is crucial to have a website that is optimized for mobile devices. A professional web designer ensures that your website is responsive, meaning it adapts seamlessly to different screen sizes and resolutions. Mobile-friendly websites not only provide a better user experience but also improve your search engine rankings, as search engines prioritize mobile-friendly sites in their results.</span></p><p><br></p><h2><span style="color: rgb(68, 68, 68);">4. Building Brand Consistency:</span></h2><p><span style="color: rgb(136, 136, 136);">Your website serves as a digital representation of your brand. A professional web designer understands the importance of consistency in branding across all platforms. They will incorporate your brand elements such as logos, color schemes, and fonts into the website design, creating a cohesive and memorable brand identity. Consistent branding helps in building brand recognition and reinforces your professionalism.</span></p><p><br></p><h2><span style="color: rgb(68, 68, 68);">5. Optimizing for Search Engines:</span></h2><p><span style="color: rgb(136, 136, 136);">Search engine optimization (SEO) is vital for improving your website's visibility in search engine results. A professional web designer incorporates SEO best practices into the website design, ensuring that your website is easily discoverable by search engines. They optimize elements like meta tags, headings, and image alt tags, improving your website's chances of ranking higher in search engine results pages (SERPs).</span></p><p><br></p><p><span style="color: rgb(136, 136, 136);">[category-product title="Professional SEO Experts :" model="CategoryChildTwo" id="63" limit="10"]</span></p><p><br></p><h2><span style="color: rgb(68, 68, 68);">6. Long-Term Cost Savings:</span></h2><p><span style="color: rgb(136, 136, 136);">While it may be tempting to opt for cheap website design solutions, investing in professional website design can save you money in the long run. Professional designers create robust and scalable websites that require fewer maintenance and update costs over time. Additionally, a well-designed website attracts more visitors and increases conversions, maximizing your return on investment.</span></p><p><br></p><h2><span style="color: rgb(68, 68, 68);">Conclusion:</span></h2><p><span style="color: rgb(136, 136, 136);">In today's competitive online landscape, professional website design plays a crucial role in establishing a strong online presence. It helps in making a positive first impression, enhances user experience, and boosts your brand credibility. With optimized mobile responsiveness and SEO integration, a professionally designed website ensures visibility and accessibility to a wider audience. Investing in professional web design is a strategic move that can yield long-term benefits for your business or personal brand.</span></p></div>
  3208.                        </div>
  3209.                    </div>
  3210.                                    <div class="blog mx-2 bg-white shadow rounded-lg dark:bg-gray-800">
  3211.                        <a href="https://tiejet.com/blog/get-a-professional-website-for-your-business-in-shamli">
  3212.                            <img src="https://tiejet.com/public/storage/blog/DD5735E70F11261A9829.webp" alt=" Get A Professional Website For Your Business In Shamli" />
  3213.                        </a>
  3214.                        <div class="p-5">
  3215.                            <div class="date pb-2">
  3216.                                01 August 2023
  3217.                            </div>
  3218.                            <a href="https://tiejet.com/blog/get-a-professional-website-for-your-business-in-shamli">
  3219.                                <h4 class="title"> Get A Professional Website For Your Business In Shamli</h5>
  3220.                            </a>
  3221.                            <div class="mb-3 font-normal text-gray-700 dark:text-gray-400 desc"><h2><strong style="color: rgb(136, 136, 136);">Introduction:</strong></h2><p><br></p><p><span style="color: rgb(136, 136, 136);">In today's digital era, having a professional website is crucial for any business looking to establish a strong online presence. In Shamli, where the market is becoming increasingly competitive, it is essential to stand out from the crowd. This article will explore the importance of website design in Shamli and how finding the right website designer can help your business thrive.</span></p><p><br></p><p>[category-product title="You may also like:" model="CategoryChildTwo" id="18" limit="6"]</p><p><br></p><h2><strong style="color: rgb(136, 136, 136);">Why Website Design Matters in Shamli:</strong></h2><p><br></p><p><strong style="color: rgb(136, 136, 136);">1. Attracting Local Customers: </strong><span style="color: rgb(136, 136, 136);">A well-designed website with relevant content and a user-friendly interface can attract local customers in Shamli. By incorporating local keywords such as "website design in Shamli," your website can rank higher in search engine results and increase visibility to potential customers.</span></p><p><br></p><p><strong style="color: rgb(136, 136, 136);">2. Building Credibility:</strong><span style="color: rgb(136, 136, 136);"> A professionally designed website instills trust and credibility among potential customers. It reflects the professionalism and dedication of your business, making it more likely for visitors to convert into customers.</span></p><p><br></p><p><strong style="color: rgb(136, 136, 136);">3. Showcasing Your Products or Services:</strong><span style="color: rgb(136, 136, 136);"> A website acts as a virtual storefront for your business. It allows you to showcase your products or services effectively, providing detailed information to potential customers. A visually appealing website with easy navigation can encourage visitors to explore further and make a purchase.</span></p><p><br></p><h2><strong style="color: rgb(136, 136, 136);">Finding the Right Website Designer in Shamli:</strong></h2><p><br></p><p><strong style="color: rgb(136, 136, 136);">1. Experience and Expertise:</strong><span style="color: rgb(136, 136, 136);"> Look for a website designer in Shamli who has a proven track record and experience in creating successful websites. Check their portfolio to evaluate their design style, functionality, and ability to optimize the site for search engines.</span></p><p><br></p><p><strong style="color: rgb(136, 136, 136);">2. Customized Solutions: </strong><span style="color: rgb(136, 136, 136);">Each business is unique, and your website should reflect that. A reliable website designer will listen to your requirements and create a customized design that aligns with your brand image and business goals.</span></p><p><br></p><p><strong style="color: rgb(136, 136, 136);">3. Mobile Responsiveness: </strong><span style="color: rgb(136, 136, 136);">With the increasing use of smartphones, it is essential to have a website that is mobile-friendly. Ensure that the website designer can create a responsive design that adapts seamlessly to different screen sizes.</span></p><p><br></p><p><strong style="color: rgb(136, 136, 136);">4. SEO Optimization:</strong><span style="color: rgb(136, 136, 136);"> Opt for a website designer who understands the importance of search engine optimization (SEO). They should be able to optimize your website by incorporating relevant keywords, meta tags, and other SEO techniques to improve its visibility in search engine results.</span></p><p><br></p><h2><strong style="color: rgb(136, 136, 136);">Conclusion:</strong></h2><p><br></p><p><span style="color: rgb(136, 136, 136);">Investing in a professional website design in Shamli can provide your business with a competitive edge in the digital landscape. By finding a reliable website designer who understands your business needs and can optimize your website for search engines, you can attract more local customers, build credibility, and showcase your products or services effectively. So, don't miss out on the opportunities that a well-designed website can bring to your business in Shamli.</span></p></div>
  3222.                        </div>
  3223.                    </div>
  3224.                                    <div class="blog mx-2 bg-white shadow rounded-lg dark:bg-gray-800">
  3225.                        <a href="https://tiejet.com/blog/how-to-improve-domain-authority-and-strengthen-your-websites-online-presence">
  3226.                            <img src="https://tiejet.com/public/storage/blog/8859F14CE5BD8498614A.webp" alt="How To Improve Domain Authority And Strengthen Your Website&#039;s Online Presence" />
  3227.                        </a>
  3228.                        <div class="p-5">
  3229.                            <div class="date pb-2">
  3230.                                09 July 2023
  3231.                            </div>
  3232.                            <a href="https://tiejet.com/blog/how-to-improve-domain-authority-and-strengthen-your-websites-online-presence">
  3233.                                <h4 class="title">How To Improve Domain Authority And Strengthen Your Website&#039;s Online Presence</h5>
  3234.                            </a>
  3235.                            <div class="mb-3 font-normal text-gray-700 dark:text-gray-400 desc"><p><span style="color: rgb(136, 136, 136);">Today we are going to discuss how to improve your domain authority and strengthen your website's online presence. Domain authority is a metric used to measure the quality of a website's content and its ability to rank on major search engines, so having higher domain authority can have great benefits for any business looking to increase its visibility online. In this blog post, we will cover understanding domain authority, ways to improve domain authority, publishing quality content, utilizing relevant keywords, earning backlinks from reputable sources, monitoring your progress, and concluding our discussion. Together these topics will help you learn how to maximize your website’s potential for success on the internet.</span></p><h2><br></h2><h2><strong style="color: rgb(136, 136, 136);">Introduction</strong></h2><p><span style="color: rgb(136, 136, 136);">It is no secret that having a strong online presence is key to growing your business. To increase your website's domain authority and strengthen its presence on the web, you need to take certain steps. In this blog post, we will discuss how to do just that. We'll cover topics such as link building, keyword optimization, and content marketing tactics that can help you boost your website's visibility in the search engine results pages. By understanding how these strategies work together, you'll be able to harness the power of SEO for lasting success.</span></p><h2><br></h2><h2><strong style="color: rgb(136, 136, 136);">Understanding Domain Authority</strong></h2><p><span style="color: rgb(136, 136, 136);">Domain authority is an important factor in online success and a key component of SEO. Understanding what domain authority is and how to improve it will help you strengthen your website's online presence. Domain authority measures the strength or trustworthiness of a website and the probability that it will be found on search engines like Google or Bing. It's also important to keep in mind that domain authority isn't something that can be improved overnight; it requires consistent effort over time for sites to climb up the rankings. There are several strategies to increase domain authority, such as improving content quality, diversifying link profiles, increasing social media activity, and optimizing meta-data. By taking these steps you can effectively build your website’s domain authority and increase its visibility on search engines.</span></p><p><br></p><p>[category-product title="You may also like:" model="CategoryChildTwo" id="63" limit="6"]</p><h2><br></h2><h2><strong style="color: rgb(136, 136, 136);">Ways To Improve Domain Authority</strong></h2><p><span style="color: rgb(136, 136, 136);">One of the most effective ways to improve your website's domain authority is to create high-quality content that is relevant to your targeted audience. This could include blog posts, articles, videos, and other forms of content. Additionally, you should make sure that you have optimized your website for SEO by having a well-structured site architecture and meta tags. Additionally, linking to other websites (especially ones with higher domain authority than yours) can also help boost your own domain authority. Lastly, social media activities such as regularly posting updates and sharing content on various platforms can also be beneficial in improving your overall online presence.</span></p><h2><br></h2><h2><strong style="color: rgb(136, 136, 136);">Publish Quality Content</strong></h2><p><span style="color: rgb(136, 136, 136);">When it comes to improving your domain authority and strengthening your website's online presence, publishing quality content is a must. Quality content means interesting, well-researched material that will keep readers engaged while providing them with valuable information. Your content must also be optimized for search engine rankings by containing the right keywords that will attract potential customers and other webmasters. Finally, make sure you are regularly updating your content so that visitors can stay informed on the latest news and trends in your industry. By following these steps, you can ensure that your website stands out from the crowd and continues to climb in domain authority over time.</span></p><h2><br></h2><h2><strong style="color: rgb(136, 136, 136);">Utilize Relevant Keywords</strong></h2><p><span style="color: rgb(136, 136, 136);">When writing about how to improve domain authority and strengthen your website's online presence, it is important to utilize relevant keywords. This will help search engine optimization as well as increase the visibility of your website within search engine results. Keywords can be anything from the main topic, such as "domain authority," to related topics like "online presence" or "website optimization." By incorporating these words naturally into blog copy, readers can quickly identify what the article is about and understand its context more clearly. Additionally, using particular keyword phrases may also drive organic traffic to your page. With a comprehensive keyword strategy in your blog post, you can attract more visitors and optimize your website's online visibility.</span></p><h2><br></h2><h2><strong style="color: rgb(136, 136, 136);">Earn Backlinks From Reputable Sources</strong></h2><p><span style="color: rgb(136, 136, 136);">One way to improve your website’s online presence and strengthen your domain authority is to earn backlinks from reputable sources. Those backlinks will tell search engines like Google that your web page is a credible source of information, which can lead to more traffic for your website and higher page rankings. To garner those links, look for websites in the same industry that are willing to link back to yours. You can also try creating high-quality content that other websites may want to reference through a link. Finally, make sure you stay on target with where you post content—focus on niche sites rather than generic ones. Doing so can help increase the likelihood that others will view your site as authentic and reliable.</span></p><h2><br></h2><p>[category-product title="You may also like:" model="CategoryChildTwo" id="63" limit="6"]</p><p><br></p><h2><strong style="color: rgb(136, 136, 136);">Monitor Your Progress</strong></h2><p><span style="color: rgb(136, 136, 136);">Monitoring your progress is key to continuing to improve your domain authority and strengthen your website's online presence. Track the changes in your rankings, organic search traffic, bounce rate, page views per visit, and other metrics related to SEO. You can use free tools like Google Analytics to measure website performance over time or use keyword research tools to see how you are ranking for specific keywords. Analyzing this data will give you insight into what is working for your website and where there is room for improvement.</span></p><h2><br></h2><h2><strong style="color: rgb(136, 136, 136);">Conclusion</strong></h2><p><span style="color: rgb(136, 136, 136);">To conclude, by creating high-quality content, engaging with your audience on social media platforms, and building backlinks from reputable sources, you can significantly improve the domain authority of your website and strengthen its online presence. Implementing these strategies will ensure that your site stands out from others in your industry and has a better chance of success.</span></p></div>
  3236.                        </div>
  3237.                    </div>
  3238.                
  3239.                
  3240.  
  3241.            </div>
  3242.        </section>
  3243.  
  3244.        <hr class="col-span-12 my-5" />
  3245.  
  3246.        <section class="col-span-12 p-4" data-aos-duration="2000" data-aos="fade-up">
  3247.            <div class="text-center">
  3248.                <span>
  3249.                    Trusted by the world&#039;s best
  3250.                </span>
  3251.            </div>
  3252.            <div class="trusted-by slick-carousel hidden pt-10">
  3253.                <div class="">
  3254.                    <img class="mx-auto" src="https://tiejet.com/public/img/fix/b1.png" alt="">
  3255.                </div>
  3256.  
  3257.                <div class="">
  3258.                    <img class="mx-auto" src="https://tiejet.com/public/img/fix/b2.png" alt="">
  3259.                </div>
  3260.  
  3261.                <div class="">
  3262.                    <img class="mx-auto" src="https://tiejet.com/public/img/fix/b3.png" alt="">
  3263.                </div>
  3264.  
  3265.                <div class="">
  3266.                    <img class="mx-auto" src="https://tiejet.com/public/img/fix/b4.png" alt="">
  3267.                </div>
  3268.  
  3269.                <div class="">
  3270.                    <img class="mx-auto" src="https://tiejet.com/public/img/fix/b5.png" alt="">
  3271.                </div>
  3272.  
  3273.                <div class="">
  3274.                    <img class="mx-auto" src="https://tiejet.com/public/img/fix/b6.png" alt="">
  3275.                </div>
  3276.            </div>
  3277.        </section>
  3278.  
  3279.        <section class="col-span-12 top-widget talent-grow-section p-4 pb-0">
  3280.            <div class="relative grid md:grid-cols-2 gap-2 justify-evenly">
  3281.                <div class="left" data-aos-duration="2000" data-aos="fade-up">
  3282.                    <div class="max-w-lg max-w-md">
  3283.                        <h2
  3284.                            class="text-xl tracking-tight font-bold sm:mt-5 sm:text-3xl lg:mt-6 xl:text-4xl">
  3285.                            Find the talent needed to get your <span class="text-ddr">business growing</span>.
  3286.                        </h2>
  3287.                    </div>
  3288.                    <div class="pt-12">
  3289.                        <p class=" text-xl">Advertise your jobs to millions of monthly users and search 15.8 million CVs</p>
  3290.                    </div>
  3291.                    <button class="talent-button-2 flex text-white font-bold rounded mt-10">
  3292.                            Business Service  Solution <svg class="mx-2 mt-1 " xmlns="http://www.w3.org/2000/svg"
  3293.                            width="16" height="17" viewBox="0 0 16 17" fill="currentColor">
  3294.                            <path
  3295.                                d="M15.5553 0.670898H5.77756C5.53189 0.670898 5.3331 0.86969 5.3331 1.11536C5.3331 1.36102 5.53189 1.55982 5.77756 1.55982H14.4824L0.129975 15.9122C-0.0436504 16.0859 -0.0436504 16.3671 0.129975 16.5407C0.216766 16.6275 0.330516 16.6709 0.444225 16.6709C0.557933 16.6709 0.671641 16.6275 0.758475 16.5407L15.1109 2.18827V10.8931C15.1109 11.1388 15.3097 11.3376 15.5553 11.3376C15.801 11.3376 15.9998 11.1388 15.9998 10.8931V1.11536C15.9998 0.86969 15.801 0.670898 15.5553 0.670898Z"
  3296.                                fill="currentColor"></path>
  3297.                        </svg>
  3298.                    </button>
  3299.                </div>
  3300.                <div class="hidden lg:block" data-aos-duration="2000" data-aos="zoom-in-up">
  3301.                    <div class="top-sider-img">
  3302.                        <img class=""
  3303.                            src="https://tiejet.com/public/img/fix/h16.png"
  3304.                            alt="" />
  3305.                    </div>
  3306.                </div>
  3307.            </div>
  3308.        </section>
  3309.        
  3310.        
  3311.                    <div class="col-span-12">
  3312.                <div class="bg-gray-100 dark:bg-zinc-800 rounded-md p-6 flex items-center sm:p-10">
  3313.                    <div class="max-w-lg mx-auto">
  3314.                        <h3 class="font-semibold text-gray-900 dark:text-gray-100">Sign up for our newsletter</h3>
  3315.                        <p class="mt-2 text-sm text-gray-500 dark:text-gray-300">Sign up for our weekly update and be the first to know about our specials and promotions</p>
  3316.                        <div class="mt-4 sm:mt-6 sm:flex">
  3317.                            <label for="email-address" class="sr-only">Email address</label>
  3318.                            <input wire:model.defer="email" id="email-address" type="text" autocomplete="email" required="" placeholder="Enter e-mail address" class="h-14 appearance-none min-w-0 w-full bg-white dark:bg-zinc-700 border border-gray-300 dark:border-zinc-700 rounded-md shadow-sm py-2 px-4 text-sm text-gray-900 dark:text-gray-300 placeholder-gray-500 focus:outline-none focus:border-primary-600 focus:ring-1 focus:ring-primary-600" readonly onfocus="this.removeAttribute('readonly');">
  3319.                            <div class="mt-3 sm:flex-shrink-0 sm:mt-0 ltr:sm:ml-4 rtl:sm:mr-4">
  3320.                                <button wire:click="newsletter" wire:loading.attr="disabled" wire:target="newsletter" type="button" class="dark:disabled:bg-zinc-500 dark:disabled:text-zinc-400 disabled:cursor-not-allowed disabled:!bg-gray-400 disabled:text-gray-500 h-14 w-full bg-primary-600 border border-transparent rounded-md shadow-sm py-2 px-4 flex items-center justify-center text-sm font-bold tracking-wider text-white hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-primary-600">
  3321.                                    Sign up
  3322.                                </button>
  3323.                            </div>
  3324.                        </div>
  3325.                    </div>
  3326.                </div>
  3327.            </div>
  3328.        
  3329.    </div>
  3330. </div>
  3331.  
  3332.  
  3333.  
  3334. <!-- Livewire Component wire-end:fp7LkZtQXvkkU4OmkD9R -->
  3335.            </div>
  3336.            
  3337.        </main>
  3338.  
  3339.        
  3340.        <footer wire:id="g3tKicUtsHrGFfP670zN" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;g3tKicUtsHrGFfP670zN&quot;,&quot;name&quot;:&quot;main.includes.footer&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;4dcdcdcf&quot;,&quot;data&quot;:{&quot;default_language_name&quot;:&quot;English&quot;,&quot;default_language_code&quot;:&quot;en&quot;,&quot;default_country_code&quot;:&quot;us&quot;},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;9ab4d8cab19a40642f370137c13ccf31a34d63b3808c7eba9715ada6da8c30e0&quot;}}" class="bg-white dark:bg-zinc-800 px-4 sm:px-6 lg:px-60 pt-20 pb-10 lg:pb-20 relative z-10" x-data="window.vZeNLeukZPSQcld">
  3341.    <div class="container mx-auto px-4">
  3342.  
  3343.        
  3344.        <div class="grid grid-cols-1 md:gap-x-6 gap-y-6 mb-10 lg:grid-cols-12 md:grid-cols-6 sm:grid-cols-2">
  3345.  
  3346.            
  3347.            <div class="col-span-3">
  3348.  
  3349.                
  3350.                <div class="font-bold text-sm text-gray-700 mb-4 uppercase dark:text-white tracking-widest">
  3351.                    Company
  3352.                </div>
  3353.  
  3354.                
  3355.                                    <ul>
  3356.                                                                                                                                        <li>
  3357.                                                                            <a href="https://tiejet.com/page/about-us" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3358.                                            About us
  3359.                                        </a>
  3360.                                                                    </li>
  3361.                                                                                                                                                                    <li>
  3362.                                                                            <a href="https://tiejet.com/page/careers" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3363.                                            Careers
  3364.                                        </a>
  3365.                                                                    </li>
  3366.                                                                                                                <li>
  3367.                                                                            <a href="https://tiejet.com/page/community-standards" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3368.                                            Community Standards
  3369.                                        </a>
  3370.                                                                    </li>
  3371.                                                                                                                                                                                                                                                                                                                                                                                                                                        <li>
  3372.                                                                            <a href="https://tiejet.com/page/service-fees" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3373.                                            Service Fees
  3374.                                        </a>
  3375.                                                                    </li>
  3376.                                                                                                                                                                                </ul>
  3377.                
  3378.            </div>
  3379.  
  3380.            
  3381.            <div class="col-span-3">
  3382.                
  3383.                
  3384.                <div class="font-bold text-sm text-gray-700 mb-4 uppercase dark:text-white tracking-widest">
  3385.                    Legal
  3386.                </div>
  3387.                
  3388.                
  3389.                                    <ul>
  3390.                                                                                                                                                                                                                                                                                                                                                                                                            <li>
  3391.                                                                            <a href="https://tiejet.com/page/imprint" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3392.                                            Imprint
  3393.                                        </a>
  3394.                                                                    </li>
  3395.                                                                                                                <li>
  3396.                                                                            <a href="https://tiejet.com/page/intellectual-property-claims" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3397.                                            Intellectual Property Claims
  3398.                                        </a>
  3399.                                                                    </li>
  3400.                                                                                                                <li>
  3401.                                                                            <a href="https://tiejet.com/page/privacy-policy" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3402.                                            Privacy Policy
  3403.                                        </a>
  3404.                                                                    </li>
  3405.                                                                                                                                                                                                                                                                            <li>
  3406.                                                                            <a href="https://tiejet.com/page/terms-of-service" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3407.                                            Terms of service
  3408.                                        </a>
  3409.                                                                    </li>
  3410.                                                                                                                            </ul>
  3411.                
  3412.            </div>
  3413.  
  3414.            
  3415.            <div class="col-span-3">
  3416.                
  3417.                
  3418.                <div class="font-bold text-sm text-gray-700 mb-4 uppercase dark:text-white tracking-widest">
  3419.                    Links
  3420.                </div>
  3421.  
  3422.                
  3423.                                    <ul>
  3424.                                                                                    <li>
  3425.                                                                            <a href="https://tiejet.com/page/listing-guidelines" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3426.                                             Listing Guidelines
  3427.                                        </a>
  3428.                                                                    </li>
  3429.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li>
  3430.                                                                            <a href="https://tiejet.com/page/prohibited-services" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3431.                                            Prohibited Services
  3432.                                        </a>
  3433.                                                                    </li>
  3434.                                                                                                                <li>
  3435.                                                                            <a href="https://tiejet.com/page/refund-policy" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3436.                                            Refund Policy
  3437.                                        </a>
  3438.                                                                    </li>
  3439.                                                                                                                                                                                                                        <li>
  3440.                                                                            <a href="https://tiejet.com/page/tiejet-pro" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3441.                                            Tiejet Pro
  3442.                                        </a>
  3443.                                                                    </li>
  3444.                                                                        </ul>
  3445.                
  3446.            </div>
  3447.  
  3448.            
  3449.            <div class="col-span-3">
  3450.                
  3451.                
  3452.                <div class="font-bold text-sm text-gray-700 mb-4 uppercase dark:text-white tracking-widest">
  3453.                    Support
  3454.                </div>
  3455.  
  3456.                
  3457.                                    <ul>
  3458.                                                                                                                                                                                            <li>
  3459.                                                                            <a href="https://tiejet.com/page/buyer-protection" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3460.                                            Buyer Protection
  3461.                                        </a>
  3462.                                                                    </li>
  3463.                                                                                                                                                                                                                        <li>
  3464.                                                                            <a href="https://tiejet.com/page/help-support" class="block font-normal text-gray-400 hover:text-gray-600 hover:underline dark:text-gray-100 dark:hover:text-gray-50 text-sm mb-2">
  3465.                                            Help &amp; Support
  3466.                                        </a>
  3467.                                                                    </li>
  3468.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
  3469.                
  3470.                                    <div class="mt-10 grid grid-cols-1 gap-y-4">
  3471.                        
  3472.                        
  3473.                                                    <button @click="languages = !languages" class="inline-flex items-center px-2.5 py-2 border border-gray-300 shadow-sm text-xs font-medium rounded text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-600 dark:bg-zinc-600 dark:text-gray-300 dark:border-zinc-600 dark:focus:ring-offset-zinc-600 dark:hover:bg-zinc-800 max-w-fit">
  3474.                                <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/img/flags/rounded/us.svg" alt="" class="lazy w-4 h-4 ltr:mr-3 rtl:ml-3">
  3475.                                <span class="text-xs font-semibold text-gray-500 dark:text-gray-300 whitespace-nowrap">English</span>
  3476.                                <svg class="w-4 h-4 ltr:ml-1 rtl:mr-1" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
  3477.                            </button>
  3478.                                                
  3479.                        
  3480.                        
  3481.                    </div>
  3482.                
  3483.            </div>
  3484.  
  3485.        </div>
  3486.        
  3487.        <div class="grid md:flex justify-center md:justify-between items-center border-t-2 border-gray-50 dark:border-zinc-700 pt-4">
  3488.  
  3489.            
  3490.            <div class="flex items-center justify-center md:justify-items-start mb-4 md:mb-0">
  3491.  
  3492.                
  3493.                <div>
  3494.                    <a href="https://tiejet.com" class="h-full">
  3495.                        <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/storage/site/footer/logo/126F81BE67A34C052DC7.webp" alt="Tiejet" class="lazy py-2.5 max-h-20 w-auto" height="40" width="150">
  3496.                    </a>
  3497.                </div>
  3498.  
  3499.            </div>
  3500.  
  3501.            
  3502.            <div>
  3503.                <div class="flex items-center space-x-2">
  3504.  
  3505.                    
  3506.                                            <a href="https://www.facebook.com/tiejet" target="_blank" data-tooltip-target="tooltip-follow-us-facebook" class="w-10 h-10 flex items-center justify-center bg-gray-100 dark:bg-zinc-600 rounded-md group rtl:ml-2">
  3507.                            <svg class="h-6 w-6 fill-gray-500 dark:fill-gray-300 group-hover:fill-[#4267B2]" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 30 30"> <path d="M15,3C8.373,3,3,8.373,3,15c0,6.016,4.432,10.984,10.206,11.852V18.18h-2.969v-3.154h2.969v-2.099c0-3.475,1.693-5,4.581-5 c1.383,0,2.115,0.103,2.461,0.149v2.753h-1.97c-1.226,0-1.654,1.163-1.654,2.473v1.724h3.593L19.73,18.18h-3.106v8.697 C22.481,26.083,27,21.075,27,15C27,8.373,21.627,3,15,3z"></path></svg>
  3508.                        </a>
  3509.                        <div id="tooltip-follow-us-facebook" role="tooltip" class="inline-block absolute invisible z-10 py-2 px-3 text-xs font-medium text-white bg-gray-900 rounded-sm shadow-sm opacity-0 tooltip dark:bg-gray-700">
  3510.                            Follow us on Facebook
  3511.                        </div>
  3512.                        
  3513.                    
  3514.                                            <a href="https://twitter.com/tiejetcom" target="_blank" data-tooltip-target="tooltip-follow-us-twitter" class="w-10 h-10 flex items-center justify-center bg-gray-100 dark:bg-zinc-600 rounded-md group">
  3515.                            <svg class="h-6 w-6 fill-gray-500 dark:fill-gray-300 group-hover:fill-[#1DA1F2]" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 30 30"> <path d="M28,6.937c-0.957,0.425-1.985,0.711-3.064,0.84c1.102-0.66,1.947-1.705,2.345-2.951c-1.03,0.611-2.172,1.055-3.388,1.295 c-0.973-1.037-2.359-1.685-3.893-1.685c-2.946,0-5.334,2.389-5.334,5.334c0,0.418,0.048,0.826,0.138,1.215 c-4.433-0.222-8.363-2.346-10.995-5.574C3.351,6.199,3.088,7.115,3.088,8.094c0,1.85,0.941,3.483,2.372,4.439 c-0.874-0.028-1.697-0.268-2.416-0.667c0,0.023,0,0.044,0,0.067c0,2.585,1.838,4.741,4.279,5.23 c-0.447,0.122-0.919,0.187-1.406,0.187c-0.343,0-0.678-0.034-1.003-0.095c0.679,2.119,2.649,3.662,4.983,3.705 c-1.825,1.431-4.125,2.284-6.625,2.284c-0.43,0-0.855-0.025-1.273-0.075c2.361,1.513,5.164,2.396,8.177,2.396 c9.812,0,15.176-8.128,15.176-15.177c0-0.231-0.005-0.461-0.015-0.69C26.38,8.945,27.285,8.006,28,6.937z"></path></svg>
  3516.                        </a>
  3517.                        <div id="tooltip-follow-us-twitter" role="tooltip" class="inline-block absolute invisible z-10 py-2 px-3 text-xs font-medium text-white bg-gray-900 rounded-sm shadow-sm opacity-0 tooltip dark:bg-gray-700">
  3518.                            Follow us on Twitter
  3519.                        </div>
  3520.                    
  3521.                    
  3522.                                            <a href="https://www.instagram.com/itiejet/" target="_blank" data-tooltip-target="tooltip-follow-us-instagram" class="w-10 h-10 flex items-center justify-center bg-gray-100 dark:bg-zinc-600 rounded-md group">
  3523.                            <svg class="h-6 w-6 fill-gray-500 dark:fill-gray-300 group-hover:fill-[#E1306C]" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 30 30"> <path d="M 9.9980469 3 C 6.1390469 3 3 6.1419531 3 10.001953 L 3 20.001953 C 3 23.860953 6.1419531 27 10.001953 27 L 20.001953 27 C 23.860953 27 27 23.858047 27 19.998047 L 27 9.9980469 C 27 6.1390469 23.858047 3 19.998047 3 L 9.9980469 3 z M 22 7 C 22.552 7 23 7.448 23 8 C 23 8.552 22.552 9 22 9 C 21.448 9 21 8.552 21 8 C 21 7.448 21.448 7 22 7 z M 15 9 C 18.309 9 21 11.691 21 15 C 21 18.309 18.309 21 15 21 C 11.691 21 9 18.309 9 15 C 9 11.691 11.691 9 15 9 z M 15 11 A 4 4 0 0 0 11 15 A 4 4 0 0 0 15 19 A 4 4 0 0 0 19 15 A 4 4 0 0 0 15 11 z"></path></svg>
  3524.                        </a>
  3525.                        <div id="tooltip-follow-us-instagram" role="tooltip" class="inline-block absolute invisible z-10 py-2 px-3 text-xs font-medium text-white bg-gray-900 rounded-sm shadow-sm opacity-0 tooltip dark:bg-gray-700">
  3526.                            Follow us on Instagram
  3527.                        </div>
  3528.                    
  3529.                    
  3530.                    
  3531.                    
  3532.                    
  3533.                    
  3534.                                            <a href="https://github.com/Tiejet" target="_blank" data-tooltip-target="tooltip-follow-us-github" class="w-10 h-10 flex items-center justify-center bg-gray-100 dark:bg-zinc-600 rounded-md group">
  3535.                            <svg class="h-6 w-6 fill-gray-500 dark:fill-gray-300 group-hover:fill-gray-800" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 30 30"> <path d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"></path></svg>
  3536.                        </a>
  3537.                        <div id="tooltip-follow-us-github" role="tooltip" class="inline-block absolute invisible z-10 py-2 px-3 text-xs font-medium text-white bg-gray-900 rounded-sm shadow-sm opacity-0 tooltip dark:bg-gray-700">
  3538.                            Follow us on Github
  3539.                        </div>
  3540.                    
  3541.                    
  3542.                                            <a href="https://www.youtube.com/@Tiejets" target="_blank" data-tooltip-target="tooltip-follow-us-youtube" class="w-10 h-10 flex items-center justify-center bg-gray-100 dark:bg-zinc-600 rounded-md group">
  3543.                            <svg class="h-6 w-6 fill-gray-500 dark:fill-gray-300 group-hover:fill-[#FF0000]" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 30 30"> <path d="M 15 4 C 10.814 4 5.3808594 5.0488281 5.3808594 5.0488281 L 5.3671875 5.0644531 C 3.4606632 5.3693645 2 7.0076245 2 9 L 2 15 L 2 15.001953 L 2 21 L 2 21.001953 A 4 4 0 0 0 5.3769531 24.945312 L 5.3808594 24.951172 C 5.3808594 24.951172 10.814 26.001953 15 26.001953 C 19.186 26.001953 24.619141 24.951172 24.619141 24.951172 L 24.621094 24.949219 A 4 4 0 0 0 28 21.001953 L 28 21 L 28 15.001953 L 28 15 L 28 9 A 4 4 0 0 0 24.623047 5.0546875 L 24.619141 5.0488281 C 24.619141 5.0488281 19.186 4 15 4 z M 12 10.398438 L 20 15 L 12 19.601562 L 12 10.398438 z"></path></svg>
  3544.                        </a>
  3545.                        <div id="tooltip-follow-us-youtube" role="tooltip" class="inline-block absolute invisible z-10 py-2 px-3 text-xs font-medium text-white bg-gray-900 rounded-sm shadow-sm opacity-0 tooltip dark:bg-gray-700">
  3546.                            Follow us on Youtube
  3547.                        </div>
  3548.                    
  3549.                </div>
  3550.            </div>
  3551.  
  3552.        </div>
  3553.  
  3554.        
  3555.        <div class="text-center mt-10">
  3556.                
  3557.            
  3558.            <div class="text-gray-400 dark:text-gray-200 font-normal text-sm mb-2">
  3559.                © Tiejet International 2023
  3560.            </div>
  3561.  
  3562.            
  3563.            <div class="flex space-x-4 justify-center rtl:space-x-reverse">
  3564.  
  3565.                
  3566.                <a href="https://tiejet.com/help/contact" class="text-xs font-medium uppercase text-gray-600 dark:text-gray-400 dark:hover:text-gray-100 hover:underline">Contact Us</a>
  3567.  
  3568.                
  3569.                                    <a href="https://tiejet.com/page/privacy-policy" class="text-xs font-medium uppercase text-gray-600 dark:text-gray-400 dark:hover:text-gray-100 hover:underline">Privacy policy</a>
  3570.                
  3571.                
  3572.                                    <a href="https://tiejet.com/page/terms-of-service" class="text-xs font-medium uppercase text-gray-600 dark:text-gray-400 dark:hover:text-gray-100 hover:underline">Terms of service</a>
  3573.                
  3574.                
  3575.                                    <a href="https://tiejet.com/blog" class="text-xs font-medium uppercase text-gray-600 dark:text-gray-400 dark:hover:text-gray-100 hover:underline">Blog</a>
  3576.                
  3577.                
  3578.                                    <a href="https://tiejet.com/article" class="text-xs font-medium uppercase text-gray-600 dark:text-gray-400 dark:hover:text-gray-100 hover:underline">Article</a>
  3579.                
  3580.            </div>
  3581.  
  3582.        </div>
  3583.  
  3584.    </div>
  3585.  
  3586.    
  3587.            <div @keydown.window.escape="languages = false" x-show="languages" style="display: none;" class="fixed z-50 inset-0 overflow-y-auto" aria-labelledby="modal-languages" aria-modal="true" x-cloak>
  3588.            <div class="flex md:items-end justify-center md:min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
  3589.            
  3590.                <div x-show="languages" style="display: none;" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" @click="languages = false" aria-hidden="true" x-cloak></div>
  3591.    
  3592.                <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span>
  3593.            
  3594.                <div x-show="languages" style="display: none;" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="relative inline-block align-bottom bg-white rounded-sm text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle w-full sm:max-w-lg" x-cloak>
  3595.                
  3596.                    <div class="grid grid-cols-2 gap-2 sm:p-6">
  3597.  
  3598.                                                    <div  wire:click="setLocale('de')"  class="py-2 px-4 rounded-sm inline-flex items-center cursor-pointer justify-between hover:bg-gray-50 focus:outline-none">
  3599.                                <div class="inline-flex items-center">
  3600.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/img/flags/rounded/de.svg" alt="Deutsch" class="lazy w-5 ltr:mr-3 rtl:ml-3">
  3601.                                    <span class="font-normal text-xs">Deutsch</span>
  3602.                                </div>
  3603.                                                                    <div wire:loading wire:target="setLocale('de')">
  3604.                                        <svg role="status" class="block w-4 h-4 text-gray-700 animate-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#E5E7EB"/> <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentColor"/> </svg>
  3605.                                    </div>
  3606.                                                            </div>
  3607.                                                    <div  class="py-2 px-4 rounded-sm inline-flex items-center cursor-pointer justify-between bg-blue-50 text-blue-600 focus:outline-none">
  3608.                                <div class="inline-flex items-center">
  3609.                                    <img src="https://tiejet.com/public/storage/site/placeholder/009E1EC982C2E293D514.webp" data-src="https://tiejet.com/public/img/flags/rounded/us.svg" alt="English" class="lazy w-5 ltr:mr-3 rtl:ml-3">
  3610.                                    <span class="font-normal text-xs">English</span>
  3611.                                </div>
  3612.                                                                    <div class="block">
  3613.                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
  3614.                                    </div>
  3615.                                                            </div>
  3616.                        
  3617.                    </div>
  3618.  
  3619.                    
  3620.                    <div class="bg-gray-50 px-4 py-3 flex justify-center items-center">
  3621.                        <button type="button" class="w-full inline-flex justify-center px-4 py-2 bg-transparent text-xs font-medium text-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-600 sm:w-auto" @click="languages = false">
  3622.                            Close
  3623.                        </button>
  3624.                    </div>
  3625.                    
  3626.  
  3627.                </div>
  3628.                
  3629.            
  3630.            </div>
  3631.        </div>
  3632.    
  3633. </footer>
  3634.  
  3635.  
  3636. <!-- Livewire Component wire-end:g3tKicUtsHrGFfP670zN -->        
  3637.        
  3638.        <div wire:id="4bGiDlsVvqX2BLlrUpva" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;4bGiDlsVvqX2BLlrUpva&quot;,&quot;name&quot;:&quot;main.includes.cookie-consent&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;e1ed80d5&quot;,&quot;data&quot;:[],&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;2abe73c469d7a31f79e10564b52cff917deae33840c39f1a2fd31a6b92976f95&quot;}}" id="cookie-banner" style="display: none;">
  3639.  <div class="rounded-lg p-2 first-div">
  3640.      <div class="rounded-lg second-div">
  3641.          <div class="bg-gray-100 rounded-lg shadow-md py-3 px-4">
  3642.              <p class="block text-84 justify fs-12px mb-2">
  3643.                We use cookies, including third party cookies, for operational purposes,  statistical analyses, to personalize your experience, provide you with targeted content tailored to your interests and to analyze the performance of our advertising campaigns. To find out more about the types of cookies, as well as who sends them on our website, please visit our dedicated guide to managing cookies. <a class="font-bold" href="https://tiejet.com/page/privacy-policy">More Information</a>
  3644.              </p>
  3645.              <div class="clearfix">
  3646.                  <div class="float-right">
  3647.                    <button type="button" id="reject-cookies" class="py-2 px-5 bg-gray-300 hover:bg-gray-500 focus:ring-gray-200 transition ease-in duration-200 text-center text-sm font-bold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 rounded-lg">Reject</button>
  3648.                    <button type="button" id="accept-cookies" class="py-2 px-5 bg-primary-600 hover:bg-primary-700 focus:ring-primary-500 text-white transition ease-in duration-200 text-center text-sm font-bold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 rounded-lg">Accept</button>
  3649.                </div>
  3650.              </div>
  3651.          </div>
  3652.      </div>
  3653.  </div>
  3654. </div>
  3655.  
  3656.  
  3657. <!-- Livewire Component wire-end:4bGiDlsVvqX2BLlrUpva -->
  3658.        
  3659.        <script src="https://tiejet.com/public/vendor/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = 'https://tiejet.com';window.livewire_token = 'Xokav8Ky9FvsLw4Cb8ZzFAz1BS3PZSr1jrNX6Sug';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
  3660.  
  3661.        
  3662.        <script >window.Wireui = {hook(hook, callback) {window.addEventListener(`wireui:${hook}`, () => callback())},dispatchHook(hook) {window.dispatchEvent(new Event(`wireui:${hook}`))}}</script>
  3663. <script src="https://tiejet.com/wireui/assets/scripts?id=3c15fb3b36f54e2baae1e97b6eb0015e" defer ></script>
  3664.  
  3665.        
  3666.        <script defer src="https://tiejet.com/public/js/app.js?id=83cd7de909e0d8fb453ec71d003afa5d"></script>
  3667.  
  3668.        
  3669.        <script defer src="https://tiejet.com/public/js/utils.js?v=1.3.1"></script>
  3670.        <script src="https://tiejet.com/public/js/components.js?v=1.3.1"></script>
  3671.  
  3672.        
  3673.        <script defer>
  3674.            
  3675.            document.addEventListener("DOMContentLoaded", function(){
  3676.  
  3677.                jQuery.event.special.touchstart = {
  3678.                    setup: function( _, ns, handle ) {
  3679.                        this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
  3680.                    }
  3681.                };
  3682.                jQuery.event.special.touchmove = {
  3683.                    setup: function( _, ns, handle ) {
  3684.                        this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") });
  3685.                    }
  3686.                };
  3687.                jQuery.event.special.wheel = {
  3688.                    setup: function( _, ns, handle ){
  3689.                        this.addEventListener("wheel", handle, { passive: true });
  3690.                    }
  3691.                };
  3692.                jQuery.event.special.mousewheel = {
  3693.                    setup: function( _, ns, handle ){
  3694.                        this.addEventListener("mousewheel", handle, { passive: true });
  3695.                    }
  3696.                };
  3697.  
  3698.                // Refresh
  3699.                window.addEventListener('refresh',() => {
  3700.                    location.reload();
  3701.                });
  3702.  
  3703.                // Scroll to specific div
  3704.                window.addEventListener('scrollTo', (event) => {
  3705.  
  3706.                    // Get id to scroll
  3707.                    const id = event.detail;
  3708.  
  3709.                    // Scroll
  3710.                    $('html, body').animate({
  3711.                        scrollTop: $("#" + id).offset().top
  3712.                    }, 500);
  3713.  
  3714.                });
  3715.  
  3716.                // Scroll to up page
  3717.                window.addEventListener('scrollUp', () => {
  3718.  
  3719.                    // Scroll
  3720.                    $('html, body').animate({
  3721.                        scrollTop: $("body").offset().top
  3722.                    }, 500);
  3723.  
  3724.                });
  3725.  
  3726.                let tLength = $(".home-hero-section").length;
  3727.                setInterval(function() {
  3728.                    var previous = null;
  3729.                    $(".home-hero-section").each(function(index) {
  3730.                        if(index < tLength - 1){
  3731.                            if($(this).css('display') != 'none'){
  3732.                                /* $(this).next().fadeIn().css("display","none"); */
  3733.                                /* $(this).fadeOut(1000).promise().done(function() {
  3734.                                    $(this).next().css("display","block");
  3735.                                }); */
  3736.                                /* $.when(
  3737.                                    $(this).fadeOut(1000)
  3738.                                ).done(function() {
  3739.                                    $(this).next().css("display","block");
  3740.                                }); */
  3741.                                $(this).fadeOut(5000);
  3742.                                $(this).next().fadeIn(5000);
  3743.                                return false;
  3744.                            }
  3745.                            previous = this;
  3746.                        }else{
  3747.                                /* $(".home-hero-section").first().fadeIn().css("display","none"); */
  3748.                                /* $(this).fadeOut(1000).promise().done(function() {
  3749.                                    $(".home-hero-section").first().css("display","block");
  3750.                                }); */
  3751.  
  3752.                                /* $.when(
  3753.                                    $(this).fadeOut(1000)
  3754.                                ).done(function() {
  3755.                                    $(".home-hero-section").first().css("display","block");
  3756.                                }); */
  3757.                                $(this).fadeOut(1000);
  3758.                                $(".home-hero-section").first().fadeIn(1000);
  3759.  
  3760.                        }
  3761.                        /* if(index < tLength - 1){
  3762.                            if(!$(this).hasClass('hidden')){
  3763.                                $(this).addClass('hidden');
  3764.                                $(this).next().removeClass('hidden');
  3765.                                return false;
  3766.                            }
  3767.                            previous = this;
  3768.                        }else{
  3769.                            $(this).addClass('hidden');
  3770.                            $(".home-hero-section").first().removeClass('hidden');
  3771.                        } */
  3772.                    });
  3773.                }, 5000);
  3774.  
  3775.            });
  3776.  
  3777.            function jwUBiFxmwbrUwww() {
  3778.                return {
  3779.  
  3780.                    scroll: false,
  3781.  
  3782.                    init() {
  3783.                        var _this = this;
  3784.                        $(document).scroll(function () {
  3785.                            $(this).scrollTop() > 70 ? _this.scroll = true : _this.scroll = false;
  3786.                        });
  3787.  
  3788.                    }
  3789.  
  3790.                }
  3791.            }
  3792.            window.jwUBiFxmwbrUwww = jwUBiFxmwbrUwww();
  3793.  
  3794.            document.ontouchmove = function(event){
  3795.                event.preventDefault();
  3796.            }
  3797.            
  3798.        </script>
  3799.  
  3800.        
  3801.                
  3802.            <script defer type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  3803.        <script>
  3804.            document.addEventListener("DOMContentLoaded", function(){
  3805.                // Init featured categories slick
  3806.                $('#featured-categories-slick').slick({
  3807.                    dots          : false,
  3808.                    autoplay      : true,
  3809.                    infinite      : true,
  3810.                    speed         : 300,
  3811.                    slidesToShow  : 6,
  3812.                    slidesToScroll: 1,
  3813.                    arrows        : false,
  3814.                    responsive    : [
  3815.                        {
  3816.                        breakpoint: 1024,
  3817.                            settings: {
  3818.                                slidesToShow  : 4,
  3819.                                slidesToScroll: 1
  3820.                            }
  3821.                        },
  3822.                        {
  3823.                        breakpoint: 800,
  3824.                            settings: {
  3825.                                slidesToShow  : 3,
  3826.                                slidesToScroll: 1
  3827.                            }
  3828.                        },
  3829.                        {
  3830.                        breakpoint: 600,
  3831.                            settings: {
  3832.                                slidesToShow  : 2,
  3833.                                slidesToScroll: 1
  3834.                            }
  3835.                        },
  3836.                        {
  3837.                        breakpoint: 480,
  3838.                            settings: {
  3839.                                slidesToShow  : 1,
  3840.                                slidesToScroll: 1
  3841.                            }
  3842.                        }
  3843.                    ]
  3844.                });
  3845.                $('#featured-categories-slick').removeClass('hidden');
  3846.            });
  3847.        </script>
  3848.    
  3849.    
  3850.        
  3851.    <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
  3852.    <script defer type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  3853.    
  3854.    <script type="text/javascript" defer>
  3855.        document.addEventListener("DOMContentLoaded", function(){
  3856.            $(document).ready(function(){
  3857.  
  3858.                $('.categories-slider').slick({
  3859.                    infinite: true,
  3860.                    // centerMode: true,
  3861.                    centerPadding: '60px',
  3862.                    slidesToShow: 5,
  3863.                    slidesToScroll: 5,
  3864.                    nextArrow: '<button type="button" class="slick-arrow slick-next" style=""><i class="flaticon-next"></i><span class="textnav">Next</span></button>',
  3865.                    prevArrow: '<button type="button" class="slick-arrow slick-prev" style=""><i class="flaticon-left-arrow"></i><span class="textnav">Previous</span></button>',
  3866.                    responsive: [
  3867.                        {
  3868.                            breakpoint: 1200,
  3869.                            settings: {
  3870.                                arrows: false,
  3871.                                slidesToShow: 4,
  3872.                                slidesToScroll: 4,
  3873.                            }
  3874.                        },
  3875.                        {
  3876.                            breakpoint: 992,
  3877.                            settings: {
  3878.                                arrows: false,
  3879.                                centerPadding: '40px',
  3880.                                slidesToShow: 4,
  3881.                                slidesToScroll: 4,
  3882.                            }
  3883.                        },
  3884.                        {
  3885.                            breakpoint: 768,
  3886.                            settings: {
  3887.                                arrows: false,
  3888.                                centerPadding: '40px',
  3889.                                slidesToShow: 2,
  3890.                                slidesToScroll: 2,
  3891.                            }
  3892.                        },
  3893.                        {
  3894.                            breakpoint: 480,
  3895.                            settings: {
  3896.                                arrows: false,
  3897.                                centerPadding: '40px',
  3898.                                slidesToShow: 2,
  3899.                                slidesToScroll: 2,
  3900.                            }
  3901.                        }
  3902.                    ]
  3903.                });
  3904.                $('.categories-slider').removeClass('hidden');
  3905.  
  3906.                img = JSON.parse('["https:\/\/tiejet.com\/public\/img\/home\/thomas.png","https:\/\/tiejet.com\/public\/img\/home\/ali.png","https:\/\/tiejet.com\/public\/img\/home\/Monica.png"]');
  3907.                $('.testinomial-carousel').slick({
  3908.                    dots: true,
  3909.                    centerMode: true,
  3910.                    centerPadding: '0px',
  3911.                    slidesToShow: 1,
  3912.                    slidesToScroll: 1,
  3913.                    prevArrow: false,
  3914.                    nextArrow: false,
  3915.                    customPaging : function(slider, i) {
  3916.                        return `<div class=""><div class="avatar">
  3917.                                    <img class="client-thumbnail" src="${img[i]}" />
  3918.                                </div></div>`;
  3919.                    },
  3920.                });
  3921.                $('.testinomial-carousel').removeClass('hidden');
  3922.  
  3923.                $('.blog-carousel').slick({
  3924.                    centerMode: true,
  3925.                    arrows: false,
  3926.                    centerPadding: '0px',
  3927.                    slidesToShow: 4,
  3928.                    nextArrow: '<button type="button" class="slick-arrow slick-next" style=""><i class="flaticon-next"></i><span class="textnav">Next</span></button>',
  3929.                    prevArrow: '<button type="button" class="slick-arrow slick-prev" style=""><i class="flaticon-left-arrow"></i><span class="textnav">Previous</span></button>',
  3930.                    responsive: [
  3931.                        {
  3932.                            breakpoint: 1200,
  3933.                            arrows: false,
  3934.                            // centerPadding: '0px',
  3935.                            settings: {
  3936.                                slidesToShow: 4
  3937.                            }
  3938.                        },
  3939.                        {
  3940.                            breakpoint: 992,
  3941.                            settings: {
  3942.                                // centerPadding: '40px',
  3943.                            arrows: false,
  3944.                                slidesToShow: 2
  3945.                            }
  3946.                        },
  3947.                        {
  3948.                            breakpoint: 768,
  3949.                            settings: {
  3950.                                nextArrow: '<button type="button" class="slick-arrow slick-next" style=""><i class="flaticon-next"></i><span class="textnav">Next</span></button>',
  3951.                                prevArrow: '<button type="button" class="slick-arrow slick-prev" style=""><i class="flaticon-left-arrow"></i><span class="textnav">Previous</span></button>',
  3952.                            arrows: false,
  3953.                                // centerPadding: '40px',
  3954.                                slidesToShow: 2
  3955.                            }
  3956.                        },
  3957.                        {
  3958.                            breakpoint: 480,
  3959.                            settings: {
  3960.                                nextArrow: '<button type="button" class="slick-arrow slick-next" style=""><i class="flaticon-next"></i><span class="textnav">Next</span></button>',
  3961.                                prevArrow: '<button type="button" class="slick-arrow slick-prev" style=""><i class="flaticon-left-arrow"></i><span class="textnav">Previous</span></button>',
  3962.                            arrows: false,
  3963.                                // centerPadding: '40px',
  3964.                                slidesToShow: 1
  3965.                            }
  3966.                        }
  3967.                    ]
  3968.                });
  3969.                $('.blog-carousel').removeClass('hidden');
  3970.            
  3971.                $('.trusted-by').slick({
  3972.                    infinite: false,
  3973.                    centerMode: false,
  3974.                    arrows: false,
  3975.                    centerPadding: '60px',
  3976.                    slidesToShow: 6,
  3977.                    slidesToScroll: 1,
  3978.                    nextArrow: '<button type="button" class="slick-arrow slick-next" style=""><i class="flaticon-next"></i><span class="textnav">Next</span></button>',
  3979.                    prevArrow: '<button type="button" class="slick-arrow slick-prev" style=""><i class="flaticon-left-arrow"></i><span class="textnav">Previous</span></button>',
  3980.                    responsive: [
  3981.                        {
  3982.                            breakpoint: 1200,
  3983.                            settings: {
  3984.                                arrows: false,
  3985.                                centerMode: false,
  3986.                                slidesToShow: 6
  3987.                            }
  3988.                        },
  3989.                        {
  3990.                            breakpoint: 992,
  3991.                            settings: {
  3992.                                arrows: false,
  3993.                                centerMode: false,
  3994.                                centerPadding: '40px',
  3995.                                slidesToShow: 6
  3996.                            }
  3997.                        },
  3998.                        {
  3999.                            breakpoint: 768,
  4000.                            settings: {
  4001.                                arrows: true,
  4002.                                centerMode: false,
  4003.                                centerPadding: '40px',
  4004.                                slidesToShow: 2
  4005.                            }
  4006.                        },
  4007.                        {
  4008.                            breakpoint: 480,
  4009.                            settings: {
  4010.                                arrows: true,
  4011.                                centerMode: false,
  4012.                                centerPadding: '40px',
  4013.                                slidesToShow: 2
  4014.                            }
  4015.                        }
  4016.                    ]
  4017.                });
  4018.                $('.trusted-by').removeClass('hidden');
  4019.  
  4020.            });
  4021.        });
  4022.  
  4023.        $(document).ready(function(){
  4024.            $('.counting-section')
  4025.            .bind('beforeShow', function() {
  4026.  
  4027.            })
  4028.            .bind('afterShow', function() {
  4029.                
  4030.            })
  4031.            .show(1000, function() {
  4032.                $('.counter').each(function () {
  4033.                    number = $(this).text().replace( /[^\d.]/g, '');
  4034.                    unit = $(this).text().replace(/\d+/g, '');
  4035.                    $(this).prop('Counter',0).animate({
  4036.                        Counter: number
  4037.                    }, {
  4038.                        duration: 3000,
  4039.                        easing: 'swing',
  4040.                        step: function (now) {
  4041.                            $(this).text(Math.ceil(now)+unit);
  4042.                        }
  4043.                    });
  4044.                });
  4045.            })
  4046.            .show();
  4047.        })
  4048.    </script>
  4049.    <script>
  4050.        function jDxKFKNiKkfxISD() {
  4051.            return {
  4052.                isOpen: !1,
  4053.                restoreElement: void 0,
  4054.                init: function () {
  4055.                    var t = this;
  4056.                    (this.onFocus = this.onFocus.bind(this))
  4057.                },
  4058.                onFocus: function (e) {
  4059.                    this.isOpen && (this.$el.contains(e.target) || ((document.documentElement.scrollTop = this.documentScrollTop), this.$refs.search.focus({ preventScroll: !0 })));
  4060.                },
  4061.                open: function () {
  4062.                    var e = this;
  4063.                    if (!this.isOpen) {
  4064.                        document.activeElement && (this.restoreElement = document.activeElement),
  4065.                            (this.search = ""),
  4066.                            (document.documentElement.style.paddingRight = "".concat(window.innerWidth - document.documentElement.clientWidth, "px")),
  4067.                            (document.documentElement.style.overflow = "hidden"),
  4068.                            document.addEventListener("focusin", this.onFocus, !1),
  4069.                            (this.documentScrollTop = document.documentElement.scrollTop);
  4070.                        var t,
  4071.                            n = this.E(this.w(this.$el));
  4072.                        try {
  4073.                            for (n.s(); !(t = n.n()).done; ) {
  4074.                                t.value.setAttribute("aria-hidden", "true");
  4075.                            }
  4076.                        } catch (e) {
  4077.                            n.e(e);
  4078.                        } finally {
  4079.                            n.f();
  4080.                        }
  4081.                        setTimeout(function () {
  4082.                            e.$refs.search.focus();
  4083.                        }, 100),
  4084.                            (this.isOpen = !0);
  4085.                    }
  4086.                },
  4087.                close: function () {
  4088.                    if (this.isOpen) {
  4089.                        var e = this.restoreElement;
  4090.                        (this.restoreElement = void 0), (document.documentElement.style.overflow = ""), (document.documentElement.style.paddingRight = ""), document.removeEventListener("focusin", this.onFocus, !1);
  4091.                        var t,
  4092.                            n = this.E(this.w(this.$el));
  4093.                        try {
  4094.                            for (n.s(); !(t = n.n()).done; ) {
  4095.                                t.value.removeAttribute("aria-hidden");
  4096.                            }
  4097.                        } catch (e) {
  4098.                            n.e(e);
  4099.                        } finally {
  4100.                            n.f();
  4101.                        }
  4102.                        (this.isOpen = !1),
  4103.                            setTimeout(function () {
  4104.                                e && e.focus();
  4105.                            }, 100);
  4106.                    }
  4107.                },
  4108.                E(e, t) {
  4109.                    var n = ("undefined" != typeof Symbol && e[Symbol.iterator]) || e["@iterator"];
  4110.                    if (!n) {
  4111.                        if (
  4112.                            Array.isArray(e) ||
  4113.                            (n = (function (e, t) {
  4114.                                if (!e) return;
  4115.                                if ("string" == typeof e) return b(e, t);
  4116.                                var n = Object.prototype.toString.call(e).slice(8, -1);
  4117.                                "Object" === n && e.constructor && (n = e.constructor.name);
  4118.                                if ("Map" === n || "Set" === n) return Array.from(e);
  4119.                                if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return b(e, t);
  4120.                            })(e)) ||
  4121.                            (t && e && "number" == typeof e.length)
  4122.                        ) {
  4123.                            n && (e = n);
  4124.                            var r = 0,
  4125.                                i = function () {};
  4126.                            return {
  4127.                                s: i,
  4128.                                n: function () {
  4129.                                    return r >= e.length ? { done: !0 } : { done: !1, value: e[r++] };
  4130.                                },
  4131.                                e: function (e) {
  4132.                                    throw e;
  4133.                                },
  4134.                                f: i,
  4135.                            };
  4136.                        }
  4137.                        throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
  4138.                    }
  4139.                    var o,
  4140.                        a = !0,
  4141.                        s = !1;
  4142.                    return {
  4143.                        s: function () {
  4144.                            n = n.call(e);
  4145.                        },
  4146.                        n: function () {
  4147.                            var e = n.next();
  4148.                            return (a = e.done), e;
  4149.                        },
  4150.                        e: function (e) {
  4151.                            (s = !0), (o = e);
  4152.                        },
  4153.                        f: function () {
  4154.                            try {
  4155.                                a || null == n.return || n.return();
  4156.                            } finally {
  4157.                                if (s) throw o;
  4158.                            }
  4159.                        },
  4160.                    };
  4161.                },
  4162.                w(e) {
  4163.                    var t = [];
  4164.                    if (!e.parentNode) return t;
  4165.                    for (var n = e.parentNode.firstChild; n; ) 1 === n.nodeType && n !== e && t.push(n), (n = n.nextSibling);
  4166.                    return t;
  4167.                }
  4168.            }
  4169.            
  4170.        }
  4171.        window.jDxKFKNiKkfxISD = jDxKFKNiKkfxISD();
  4172.    </script>
  4173.    <script>
  4174.        function XnbzELJbXoSEFED() {
  4175.            return {
  4176.                cart_open: false,
  4177.  
  4178.                initialize() {
  4179.                    window.addEventListener('cart-updated', () => {
  4180.                        Livewire.emit('cart-updated')
  4181.                        this.cart_open = true;
  4182.                    });
  4183.                }
  4184.            }
  4185.        }
  4186.        var cartRoute = "https://tiejet.com/cart";
  4187.  
  4188.        function viewCart(event) {
  4189.          
  4190.     //   event.preventDefault(); // Prevent the default behavior of the anchor tag
  4191.        Livewire.emit('remove-custom');
  4192.  
  4193.        // Redirect to the cart page
  4194.      //  window.location.href = cartRoute;
  4195.    }
  4196.  
  4197.        window.XnbzELJbXoSEFED = XnbzELJbXoSEFED();
  4198.    </script>
  4199.  
  4200. <script>
  4201.    function TTRjRvxLbHzaKxW() {
  4202.        return {
  4203.  
  4204.            mobile_menu: false,
  4205.            notifications_menu: false,
  4206.            open: false,
  4207.            is_announce: true,
  4208.  
  4209.            // Close announce
  4210.            closeAnnounce() {
  4211.                this.is_announce = false
  4212.                window.livewire.find('GxKrTVQbB1atZok2TKL8').closeAnnounce();
  4213.            }
  4214.  
  4215.        }
  4216.    }
  4217.    window.TTRjRvxLbHzaKxW = TTRjRvxLbHzaKxW();
  4218.  
  4219.  
  4220.    function checkUserType(currentUrl) {
  4221.    var userType = 'buyer';
  4222.    var url = 'https://tiejet.com/inbox/check-user-type/:user_type';
  4223.    url = url.replace(':user_type', userType);
  4224.    
  4225.    window.location.href = url;
  4226. }
  4227. </script>
  4228.    
  4229.    
  4230.    <script>
  4231.        function vZeNLeukZPSQcld() {
  4232.            return {
  4233.                languages: false
  4234.            }
  4235.        }
  4236.        window.vZeNLeukZPSQcld = vZeNLeukZPSQcld();
  4237.    </script>
  4238.  
  4239. <script>
  4240.  function setCookie(name, value, days) {
  4241.      var expires = "";
  4242.      if (days) {
  4243.          var date = new Date();
  4244.          date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
  4245.          expires = "; expires=" + date.toUTCString();
  4246.      }
  4247.      document.cookie = name + "=" + (value || "") + expires + "; path=/";
  4248.  }
  4249.  
  4250.  function getCookie(name) {
  4251.      var nameEQ = name + "=";
  4252.      var ca = document.cookie.split(';');
  4253.      for (var i = 0; i < ca.length; i++) {
  4254.          var c = ca[i];
  4255.          while (c.charAt(0) == ' ') c = c.substring(1, c.length);
  4256.          if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
  4257.      }
  4258.      return null;
  4259.  }
  4260.  
  4261.  var cookieConsent = getCookie("cookie-consent");
  4262.  if (cookieConsent === "accepted") {
  4263.      document.getElementById("cookie-banner").style.display = "none";
  4264.  } else {
  4265.      document.getElementById("cookie-banner").style.display = "block";
  4266.      document.getElementById("accept-cookies").addEventListener("click", function() {
  4267.          setCookie("cookie-consent", "accepted", 365);
  4268.          document.getElementById("cookie-banner").style.display = "none";
  4269.      });
  4270.      document.getElementById("reject-cookies").addEventListener("click", function() {
  4271.          setCookie("cookie-consent", "rejected", 1);
  4272.          document.getElementById("cookie-banner").style.display = "none";
  4273.      });
  4274.  
  4275.  }
  4276. </script>
  4277.  
  4278.        
  4279.              
  4280.    </body>
  4281.  
  4282. </html>
  4283.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda