- ID de l'analyse :
- 6ecced6f-b54b-4ad6-a51f-6058840954fcTerminée
- URL soumise :
- https://talentstacker.com/
- Fin du rapport :
Liens : 5 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://trailblazermentorship.com/ | Looking for a Mentor |
| https://trailhead.salesforce.com/en/trailblazerconnect/directory | |
| https://www.facebook.com/groups/salesforceforeveryone | |
| https://www.linkedin.com/company/sfcdp | |
| https://www.tiktok.com/@salesforceforeveryone |
Variables JavaScript : 44 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| dataLayer | object |
| visitorGlobalObjectAlias | string |
| vgo | function |
| prismGlobalObjectAlias | string |
| visitorGlobalObject | object |
Messages de journal de console : 12 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| warning | javascript |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| error | other |
|
| log | other |
|
| error | security |
|
| error | network |
|
| error | security |
|
| error | network |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en" x-data="themeSwitcher()" x-init="initializeTheme" data-theme="tsLight"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="tORUIpAiG2qYpYMycyImZR2awYXtwnZDvbmXfmuQ">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" sizes="32x32" type="image/png" href="/favicon-32x32.png">
<link rel="icon" sizes="16x16" type="image/png" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" color="#261750" href="/safari-pinned-tab.svg">
<meta name="theme-color" content="#261750">
<meta name="msapplication-TileColor" content="#261750">
<meta property="og:site_name" content="Talent Stacker">
<meta property="og:locale" content="en">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@TalentStackr">
<meta name="twitter:creator" content="@TalentStackr">
<meta name="twitter:image" content="https://talentstacker.com/apple-touch-icon.png">
<title>Talent Stacker | Launch Your Salesforce Career - Accelerate with Expert Guidance</title>
<meta property="og:title" content="Talent Stacker | Launch Your Salesforce Career - Accelerate with Expert Guidance">
<meta name="twitter:title" content="Talent Stacker | Launch Your Salesforce Career - Accelerate with Expert Guidance">
<meta name="embedx:title" content="Talent Stacker | Launch Your Salesforce Career - Accelerate with Expert Guidance">
<meta name="description" content="Jumpstart and advance your career in Salesforce with Talent Stacker. Gain essential skills, expert mentorship, and the tools needed to succeed in the thriving Salesforce ecosystem. Start your journey today!">
<meta property="og:description" content="Jumpstart and advance your career in Salesforce with Talent Stacker. Gain essential skills, expert mentorship, and the tools needed to succeed in the thriving Salesforce ecosystem. Start your journey today!">
<meta name="twitter:description" content="Jumpstart and advance your career in Salesforce with Talent Stacker. Gain essential skills, expert mentorship, and the tools needed to succeed in the thriving Salesforce ecosystem. Start your journey today!">
<meta name="embedx:description" content="Jumpstart and advance your career in Salesforce with Talent Stacker. Gain essential skills, expert mentorship, and the tools needed to succeed in the thriving Salesforce ecosystem. Start your journey today!">
<link rel="canonical" href="https://talentstacker.com">
<script src="https://script.crazyegg.com/pages/versioned/tracking-scripts/ba967527787569c9fa1869fd2a980656.js" type="text/javascript" async=""></script><script src="https://script.crazyegg.com/pages/versioned/trackingpagestate-scripts/5fc42c93de2eab0609c4aca20003d15e.js" type="text/javascript" async=""></script><script type="text/javascript" async="" src="https://snap.licdn.com/li.lms-analytics/insight.min.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-JKXEDLY9LQ&l=dataLayer&cx=c"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-V731FWSRWQ&l=dataLayer&cx=c"></script><script src="https://script.crazyegg.com/pages/versioned/common-scripts/c145caf9bd0f62535e3720b5d68c2190.js" type="text/javascript" async=""></script><script src="https://diffuser-cdn.app-us1.com/diffuser/diffuser.js" async=""></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-K9X4J22"></script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebPage","name":"Talent Stacker | Launch Your Salesforce Career - Accelerate with Expert Guidance","description":"Jumpstart and advance your career in Salesforce with Talent Stacker. Gain essential skills, expert mentorship, and the tools needed to succeed in the thriving Salesforce ecosystem. Start your journey today!","url":"https:\/\/talentstacker.com","author":{"@type":"Organization","name":"Talent Stacker | Launch Your Salesforce Career - Accelerate with Expert Guidance"}}</script>
<!-- This is Google Analytics Direct Trackgin --Google tag (gtag.js) -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K9X4J22');
</script>
<script>
(function(e,t,o,n,p,r,i){e.visitorGlobalObjectAlias=n;e[e.visitorGlobalObjectAlias]=e[e.visitorGlobalObjectAlias]||function(){(e[e.visitorGlobalObjectAlias].q=e[e.visitorGlobalObjectAlias].q||[]).push(arguments)};e[e.visitorGlobalObjectAlias].l=(new Date).getTime();r=t.createElement("script");r.src=o;r.async=true;i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)})(window,document,"https://diffuser-cdn.app-us1.com/diffuser/diffuser.js","vgo");
vgo('setAccount', '224551893');
vgo('setTrackByDefault', true);
vgo('process');
</script>
<script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0090/3624.js" async="async"></script>
<!-- Livewire Styles --><style>[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style>
<link rel="modulepreload" href="https://talentstacker.com/build/assets/bootstrap-dN8INtip.js"><link rel="modulepreload" href="https://talentstacker.com/build/assets/_commonjsHelpers-4gQjN7DL.js"><script type="module" src="https://talentstacker.com/build/assets/bootstrap-dN8INtip.js" data-navigate-track="reload"></script>
<link rel="preload" as="style" href="https://talentstacker.com/build/assets/app-E8b8URtn.css"><link rel="preload" as="style" href="https://talentstacker.com/build/assets/app-DhVsNfh8.css"><link rel="modulepreload" href="https://talentstacker.com/build/assets/app-KHhtu2VX.js"><link rel="modulepreload" href="https://talentstacker.com/build/assets/_commonjsHelpers-4gQjN7DL.js"><link rel="stylesheet" href="https://talentstacker.com/build/assets/app-E8b8URtn.css" data-navigate-track="reload"><link rel="stylesheet" href="https://talentstacker.com/build/assets/app-DhVsNfh8.css" data-navigate-track="reload"><script type="module" src="https://talentstacker.com/build/assets/app-KHhtu2VX.js" data-navigate-track="reload"></script>
<style>/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: var(--livewire-progress-bar-color, #29d);
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px var(--livewire-progress-bar-color, #29d), 0 0 5px var(--livewire-progress-bar-color, #29d);
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: var(--livewire-progress-bar-color, #29d);
border-left-color: var(--livewire-progress-bar-color, #29d);
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style><script type="text/javascript" charset="utf-8" src="https://prism.app-us1.com?a=224551893&u=https%3A%2F%2Ftalentstacker.com%2F" async=""></script><script type="text/javascript" charset="utf-8" src="https://trackcmp.net/t_prism_sitemessages.php?trackid=224551893&prismid=d284134a-d4e1-4231-b653-83a523b85bd7&url=https%3A%2F%2Ftalentstacker.com%2F" async=""></script></head>
<body class="max-w-full overflow-x-hidden font-sans text-base leading-normal tracking-normal text-base-content" data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K9X4J22" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<iframe height="0" width="0" style="display: none; visibility: hidden;"></iframe><div class="flex flex-col !max-w-full min-h-screen">
<!-- Header -->
<header wire:snapshot="{"data":{"primaryNavigationPost":[null,{"class":"App\\Models\\Post","key":561,"s":"mdl"}],"megaMenuPost":[null,{"class":"App\\Models\\Post","key":562,"s":"mdl"}]},"memo":{"id":"GiSB7QpnokmHwdISg6Ed","name":"menu-navigation-builder","path":"\/","method":"GET","children":{"lw-2928152582-0":["section","JzcWklvgnuKRJ9cm7ZR8"],"lw-1708112599-0":["section","ffzSrhc83YF0FmxxbnzC"]},"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"818a9917eb1d63a6c1f89a90b484aee505bb4425e69dc080b6fcf87960e15c87"}" wire:effects="[]" wire:id="GiSB7QpnokmHwdISg6Ed" x-data="{ isOpenMegaMenu: false, isOpenDropdown: false }" class="relative z-20 !max-w-full bg-base-200">
<div id="login-nav-bar" class="bg-base-200 text-base-content">
<nav class="items-center justify-end hidden max-w-screen-xl py-4 mx-auto md:flex gap-x-12 ">
<span class="flex items-center space-x-2">
<a class="inline-flex items-center justify-center rounded-md transition-colors text-base px-4 py-2 rounded-md bg-primary hover:bg-primary hover text-secondary-content text-white" href="https://app.talentstacker.com" target="_blank" rel="noopener noreferrer">
<svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd"></path>
</svg>
<span>Login</span>
</a>
</span>
</nav>
</div>
<div id="primary-navigation-bar">
<div class="scribble-block"><nav class="relative w-full bg-center bg-cover" style="background-image: url('/images/brand/dark-bg-sherpa.jpg');">
<div class="max-w-screen-xl px-4 mx-auto sm:px-6 lg:px-8">
<div class="flex items-center justify-between py-4 md:justify-start md:space-x-10">
<div class="lg:w-0 lg:flex-1">
<a wire:navigate="" href="https://talentstacker.com" class="flex">
<svg class="h-10 w-auto" width="131" height="50" viewBox="0 0 131 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M61.8176 26.1784C61.172 25.8734 60.6677 25.4529 60.3041 24.917C59.9404 24.3811 59.7586 23.7933 59.7586 23.1527C59.7586 22.1407 60.1777 21.3182 61.0164 20.6856C61.8546 20.0529 63.0084 19.6175 64.4776 19.3794L67.2373 18.955V18.6872C67.2373 18.1365 67.1259 17.7345 66.9034 17.4815C66.6811 17.2284 66.3024 17.1016 65.7685 17.1016C65.4716 17.1016 65.223 17.1543 65.0228 17.2582C64.8226 17.3626 64.5958 17.5186 64.3441 17.7269C64.1509 17.8908 63.9804 18.0097 63.8322 18.0843C63.7728 18.1882 63.6985 18.2404 63.6097 18.2404H61.028C60.8793 18.2404 60.7571 18.1921 60.6604 18.0951C60.5642 17.9986 60.5232 17.8835 60.5382 17.7493C60.5529 17.3473 60.7531 16.897 61.1392 16.3983C61.5246 15.8998 62.1106 15.4714 62.8973 15.1145C63.684 14.7573 64.656 14.5786 65.8129 14.5786C67.6528 14.5786 69.0178 14.9843 69.9086 15.7957C70.7989 16.6074 71.2437 17.7047 71.2437 19.0895V25.8552C71.2437 26.0039 71.1917 26.1341 71.0882 26.2459C70.9841 26.3577 70.8503 26.4133 70.6875 26.4133H67.9497C67.8015 26.4133 67.6717 26.3577 67.5603 26.2459C67.4489 26.1341 67.3935 26.0039 67.3935 25.8552V25.0733C67.0668 25.5352 66.6141 25.9108 66.0355 26.201C65.4569 26.4913 64.7669 26.6365 63.9657 26.6365C63.179 26.6365 62.4632 26.4831 61.8176 26.1784ZM66.6698 23.3538C67.0776 22.9226 67.282 22.2973 67.282 21.4783V21.2104L65.4345 21.5225C64.188 21.7611 63.565 22.2079 63.565 22.8624C63.565 23.2054 63.7095 23.4803 63.9988 23.6886C64.2881 23.8974 64.6478 24.0012 65.0785 24.0012C65.7309 24.0012 66.2614 23.7859 66.6698 23.3538Z" fill="white"></path>
<path d="M73.2798 26.2569C73.1684 26.1525 73.1127 26.0189 73.1127 25.8549V11.1177C73.1127 10.9537 73.1687 10.8201 73.2798 10.7157C73.391 10.6113 73.5278 10.5591 73.6916 10.5591H76.4737C76.6366 10.5591 76.7704 10.6113 76.8744 10.7157C76.9779 10.8201 77.03 10.9537 77.03 11.1177V25.8549C77.03 26.0036 76.9779 26.1338 76.8744 26.2456C76.7704 26.3574 76.6366 26.413 76.4737 26.413H73.6916C73.5278 26.413 73.391 26.3608 73.2798 26.2569Z" fill="white"></path>
<path d="M80.1681 25.1738C79.1292 24.1992 78.5952 22.7813 78.5656 20.9199V20.2277C78.6244 18.4565 79.1738 17.0724 80.2123 16.0749C81.2507 15.0774 82.6531 14.5783 84.4194 14.5783C85.6951 14.5783 86.7745 14.8354 87.6574 15.3489C88.5403 15.8624 89.2006 16.5696 89.6387 17.4701C90.0759 18.3709 90.295 19.3939 90.295 20.5401V21.0987C90.295 21.2626 90.2396 21.4002 90.1282 21.5117C90.0168 21.6229 89.8793 21.6791 89.7164 21.6791H82.6607V21.8133C82.6754 22.4831 82.8312 23.023 83.1279 23.4321C83.4248 23.8412 83.8476 24.0458 84.3968 24.0458C84.7528 24.0458 85.0385 23.9754 85.2534 23.8341C85.4683 23.6928 85.6725 23.5101 85.8656 23.2869C85.9994 23.1382 86.1068 23.0449 86.1886 23.008C86.2697 22.9708 86.4001 22.9518 86.578 22.9518H89.4936C89.6274 22.9518 89.7422 22.9932 89.8389 23.0747C89.935 23.1566 89.9834 23.2571 89.9834 23.3762C89.9834 23.7635 89.7645 24.2177 89.327 24.7386C88.889 25.2594 88.251 25.7063 87.4128 26.0779C86.574 26.4501 85.5837 26.6365 84.4412 26.6365C82.631 26.6365 81.2069 26.1491 80.1681 25.1738ZM86.2002 19.4021V19.3573C86.2002 18.6427 86.0441 18.088 85.733 17.6937C85.4214 17.2996 84.9833 17.1021 84.4197 17.1021C83.8561 17.1021 83.4214 17.2996 83.1177 17.6937C82.8134 18.0883 82.6613 18.6429 82.6613 19.3573V19.4021H86.2005H86.2002Z" fill="white"></path>
<path d="M91.909 26.2459C91.7975 26.1341 91.7418 26.0039 91.7418 25.8552V15.3605C91.7418 15.1965 91.7978 15.0626 91.909 14.9585C92.0204 14.8541 92.1496 14.8019 92.2984 14.8019H95.0361C95.199 14.8019 95.3328 14.8541 95.4368 14.9585C95.5409 15.0629 95.5924 15.1965 95.5924 15.3605V16.2088C95.9931 15.7177 96.5083 15.3236 97.1395 15.0254C97.7702 14.7278 98.493 14.5786 99.3094 14.5786C100.156 14.5786 100.908 14.7724 101.569 15.1596C102.228 15.5469 102.748 16.1197 103.127 16.8789C103.505 17.6378 103.694 18.5533 103.694 19.6248V25.8549C103.694 26.0036 103.642 26.1338 103.538 26.2456C103.434 26.3574 103.301 26.413 103.138 26.413H100.177C100.014 26.413 99.8764 26.3608 99.7659 26.2569C99.6544 26.1525 99.5987 26.0189 99.5987 25.8549V19.759C99.5987 19.0892 99.4392 18.5757 99.1202 18.2182C98.8007 17.8611 98.3375 17.6826 97.7292 17.6826C97.1356 17.6826 96.6678 17.865 96.3271 18.2293C95.9852 18.5941 95.8152 19.104 95.8152 19.759V25.8549C95.8152 26.0036 95.7632 26.1338 95.6591 26.2456C95.5556 26.3574 95.4218 26.413 95.2584 26.413H92.2984C92.1496 26.413 92.0204 26.3577 91.909 26.2459Z" fill="white"></path>
<path d="M20.6132 25.4098L26.3067 26.2249L27.9274 14.832C28.1406 13.3349 27.6316 11.8834 26.5313 10.8496C25.671 10.0411 24.58 9.61127 23.4395 9.61127C23.1216 9.61127 22.8003 9.64475 22.4785 9.71256L14.6066 11.3736L16.798 21.8255C17.1908 23.6991 18.7241 25.1394 20.6135 25.4101L20.6132 25.4098Z" fill="url(#paint0_linear_0_1)"></path>
<path d="M20.4215 26.7565C17.9699 26.4056 15.9802 24.5363 15.4709 22.1052L13.2795 11.6534L6.21951 13.1431C4.35193 13.5372 2.91618 15.0754 2.64639 16.9708L0.0475048 35.241C-0.165723 36.7381 0.343308 38.1895 1.44366 39.2233C2.54402 40.2571 4.02134 40.6716 5.4964 40.3604L21.7554 36.9295C23.623 36.5355 25.0587 34.9973 25.3285 33.1018L26.1153 27.5713L20.4218 26.7563L20.4215 26.7565Z" fill="url(#paint1_linear_0_1)"></path>
<path d="M43.9277 22.5509L40.5081 6.23975C40.1153 4.36618 38.582 2.92554 36.6924 2.65517L18.4812 0.0473806C16.9898 -0.16568 15.5416 0.344133 14.5113 1.4483C13.4808 2.55191 13.0677 4.03397 13.3779 5.51404L16.7977 21.8252C17.1905 23.6988 18.7239 25.1392 20.6132 25.4098L38.8249 28.0173C40.3203 28.2304 41.7646 27.7203 42.7948 26.6164C43.8253 25.5125 44.2382 24.0307 43.928 22.5509H43.9277Z" fill="url(#paint2_linear_0_1)"></path>
<path d="M37.9353 44.486L34.6413 28.7734L27.4571 27.7688L26.671 33.2945C26.3206 35.7539 24.4575 37.7497 22.0343 38.261L10.1769 40.7629L10.8056 43.7605C11.1984 45.6341 12.7317 47.0745 14.6211 47.3451L32.8328 49.9526C34.3288 50.1665 35.7724 49.6556 36.8027 48.5517C37.8332 47.4478 38.246 45.966 37.9358 44.4862L37.9353 44.486Z" fill="url(#paint3_linear_0_1)"></path>
<path d="M59.0205 14.9585C58.909 14.8541 58.7716 14.8019 58.6087 14.8019H55.4029V11.1177C55.4029 10.9537 55.3503 10.8201 55.2468 10.7157C55.1428 10.6113 55.0096 10.5591 54.8461 10.5591H52.1084C51.9602 10.5591 51.8304 10.6113 51.719 10.7157C51.6075 10.8201 51.5521 10.9537 51.5521 11.1177V14.7999H50.6062C50.4433 14.7999 50.3058 14.8521 50.1944 14.9559C50.083 15.0603 50.0276 15.194 50.0276 15.3579V17.2783C50.0276 17.4423 50.083 17.5762 50.1944 17.6803C50.3058 17.7847 50.4433 17.8369 50.6062 17.8369H51.5521V21.9696C51.5521 24.9323 53.1245 26.413 56.2708 26.413H58.3853C58.5482 26.413 58.682 26.3574 58.786 26.2456C58.8895 26.1338 58.9416 26.0036 58.9416 25.8549V23.8004C58.9416 23.6364 58.8895 23.4991 58.786 23.3873C58.682 23.2755 58.5482 23.2199 58.3853 23.2199H56.6266C56.1965 23.2199 55.8845 23.0857 55.6922 22.8179C55.4991 22.5495 55.4029 22.1555 55.4029 21.634V17.8384H58.6087C58.7716 17.8384 58.909 17.7862 59.0205 17.6823C59.1319 17.5779 59.1873 17.4443 59.1873 17.2803V15.3599C59.1873 15.196 59.1319 15.062 59.0205 14.9579V14.9585Z" fill="white"></path>
<path d="M113.328 14.9585C113.216 14.8541 113.079 14.8019 112.916 14.8019H109.71V11.1177C109.71 10.9537 109.657 10.8201 109.554 10.7157C109.45 10.6113 109.317 10.5591 109.153 10.5591H106.416C106.267 10.5591 106.138 10.6113 106.026 10.7157C105.915 10.8201 105.859 10.9537 105.859 11.1177V14.7999H104.913C104.75 14.7999 104.613 14.8521 104.502 14.9559C104.39 15.0603 104.335 15.194 104.335 15.3579V17.2783C104.335 17.4423 104.39 17.5762 104.502 17.6803C104.613 17.7847 104.75 17.8369 104.913 17.8369H105.859V21.9696C105.859 24.9323 107.432 26.413 110.578 26.413H112.692C112.855 26.413 112.989 26.3574 113.093 26.2456C113.197 26.1338 113.249 26.0036 113.249 25.8549V23.8004C113.249 23.6364 113.197 23.4991 113.093 23.3873C112.989 23.2755 112.855 23.2199 112.692 23.2199H110.934C110.504 23.2199 110.192 23.0857 109.999 22.8179C109.806 22.5495 109.71 22.1555 109.71 21.634V17.8384H112.916C113.079 17.8384 113.216 17.7862 113.328 17.6823C113.439 17.5779 113.494 17.4443 113.494 17.2803V15.3599C113.494 15.196 113.439 15.062 113.328 14.9579V14.9585Z" fill="white"></path>
<path d="M52.4313 45.8219C51.6155 45.4795 51.0106 45.0704 50.6172 44.5938C50.2238 44.1177 50.0276 43.6859 50.0276 43.2987C50.0276 43.15 50.0836 43.0269 50.1947 42.9304C50.3061 42.8334 50.428 42.7852 50.5618 42.7852H53.2548C53.3439 42.7852 53.4183 42.8155 53.4774 42.8745C53.7296 43.0385 53.8702 43.135 53.9005 43.1648C54.1818 43.3736 54.4454 43.5336 54.6906 43.6448C54.9358 43.7566 55.2285 43.8125 55.5695 43.8125C55.9702 43.8125 56.3003 43.7344 56.5599 43.5778C56.8195 43.4218 56.9498 43.2022 56.9498 42.9194C56.9498 42.6813 56.8789 42.4876 56.7383 42.3383C56.5969 42.19 56.3299 42.0447 55.9371 41.9031C55.5438 41.7616 54.9462 41.6163 54.1451 41.4677C51.5779 40.9468 50.2948 39.7561 50.2948 37.8947C50.2948 37.2845 50.4914 36.7003 50.8844 36.1423C51.2772 35.5837 51.8558 35.134 52.6205 34.7913C53.3844 34.4494 54.3009 34.2778 55.369 34.2778C56.4524 34.2778 57.3907 34.4454 58.1845 34.7802C58.9786 35.1153 59.5829 35.5173 59.9986 35.986C60.4138 36.4552 60.6219 36.883 60.6219 37.2703C60.6219 37.4039 60.5738 37.5233 60.4771 37.6275C60.381 37.7319 60.2662 37.7841 60.1324 37.7841H57.684C57.5508 37.7841 57.4467 37.7543 57.3723 37.6944C57.1945 37.605 57.0163 37.4935 56.8384 37.3599C56.5709 37.1815 56.3376 37.0439 56.1374 36.9469C55.9371 36.8504 55.6809 36.8016 55.3693 36.8016C54.9983 36.8016 54.709 36.8836 54.5014 37.0476C54.2933 37.2115 54.1898 37.4198 54.1898 37.6728C54.1898 37.8958 54.2525 38.0785 54.3789 38.2195C54.5048 38.3614 54.7644 38.4984 55.1578 38.6326C55.5511 38.7668 56.1481 38.9081 56.9498 39.057C58.4037 39.3101 59.4611 39.7603 60.1214 40.408C60.7817 41.0551 61.1117 41.8109 61.1117 42.6742C61.1117 43.7906 60.6182 44.6803 59.6319 45.3427C58.6449 46.0052 57.2612 46.3363 55.4807 46.3363C54.2638 46.3363 53.2475 46.1652 52.4313 45.8228V45.8219Z" fill="white"></path>
<path d="M73.5205 45.8775C72.8749 45.5725 72.3707 45.1521 72.007 44.6162C71.6433 44.0803 71.4615 43.4924 71.4615 42.8518C71.4615 41.8399 71.8806 41.0174 72.7193 40.3848C73.5575 39.7521 74.7113 39.3166 76.1805 39.0786L78.9403 38.6542V38.3864C78.9403 37.8357 78.8288 37.4337 78.6063 37.1806C78.384 36.9276 78.0053 36.8007 77.4714 36.8007C77.1745 36.8007 76.9259 36.8535 76.7257 36.9574C76.5255 37.0618 76.2987 37.2178 76.047 37.426C75.8538 37.59 75.6833 37.7089 75.5351 37.7835C75.4757 37.8873 75.4014 37.9395 75.3126 37.9395H72.7309C72.5822 37.9395 72.46 37.8913 72.3633 37.7943C72.2671 37.6978 72.2261 37.5826 72.2411 37.4484C72.2558 37.0464 72.4561 36.5962 72.8421 36.0974C73.2275 35.599 73.8135 35.1706 74.6002 34.8137C75.3869 34.4565 76.3589 34.2778 77.5158 34.2778C79.3557 34.2778 80.7207 34.6835 81.6115 35.4949C82.5018 36.3065 82.9466 37.4039 82.9466 38.7886V45.5544C82.9466 45.703 82.8946 45.8333 82.7911 45.945C82.687 46.0568 82.5532 46.1124 82.3904 46.1124H79.6526C79.5044 46.1124 79.3746 46.0568 79.2632 45.945C79.1518 45.8333 79.0964 45.703 79.0964 45.5544V44.7725C78.7697 45.2344 78.317 45.61 77.7384 45.9002C77.1598 46.1904 76.4698 46.3357 75.6686 46.3357C74.8819 46.3357 74.1661 46.1822 73.5205 45.8775ZM78.3727 43.053C78.7805 42.6218 78.9849 41.9965 78.9849 41.1774V40.9096L77.1374 41.2217C75.8909 41.4603 75.2679 41.9071 75.2679 42.5616C75.2679 42.9046 75.4124 43.1795 75.7017 43.3877C75.991 43.5966 76.3507 43.7004 76.7814 43.7004C77.4338 43.7004 77.9643 43.4851 78.3727 43.053Z" fill="white"></path>
<path d="M86.0961 44.9844C85.0498 44.084 84.4898 42.83 84.4152 41.222L84.3934 40.3289L84.4152 39.4134C84.4746 37.8056 85.0308 36.5482 86.0848 35.6401C87.1379 34.7323 88.5109 34.2778 90.2023 34.2778C91.4933 34.2778 92.5758 34.509 93.4516 34.97C94.3271 35.4319 94.9798 35.9786 95.4105 36.6112C95.8409 37.2445 96.0709 37.8209 96.1005 38.3418C96.1153 38.5058 96.0635 38.6434 95.945 38.7549C95.8259 38.8667 95.6848 38.9223 95.522 38.9223H92.5396C92.3759 38.9223 92.2497 38.8851 92.1609 38.8105C92.0718 38.7364 91.9904 38.6173 91.9163 38.4533C91.7529 38.0368 91.5413 37.7313 91.2817 37.5378C91.0221 37.3446 90.6921 37.2476 90.2914 37.2476C89.1483 37.2476 88.5553 38.0065 88.5109 39.5249L88.4886 40.3737L88.5109 41.1108C88.5256 41.8847 88.6811 42.4541 88.9781 42.8189C89.2747 43.1838 89.7128 43.3656 90.2914 43.3656C90.7218 43.3656 91.0592 43.2728 91.3041 43.0867C91.5487 42.9009 91.7529 42.5922 91.9163 42.1599C91.9901 41.9965 92.0718 41.8776 92.1609 41.8027C92.25 41.7281 92.3759 41.6909 92.5396 41.6909H95.522C95.6701 41.6909 95.8033 41.7431 95.9227 41.847C96.0414 41.9514 96.1005 42.0782 96.1005 42.2268C96.1005 42.6881 95.8964 43.2425 95.4883 43.8902C95.0799 44.5379 94.4312 45.1073 93.541 45.5984C92.6502 46.0894 91.5379 46.3354 90.2023 46.3354C88.5109 46.3354 87.1419 45.8852 86.0961 44.9844Z" fill="white"></path>
<path d="M97.6254 45.9561C97.514 45.8517 97.4582 45.7181 97.4582 45.5541V30.8169C97.4582 30.6529 97.5142 30.5193 97.6254 30.4149C97.7365 30.3105 97.8734 30.2583 98.0371 30.2583H100.753C100.915 30.2583 101.049 30.3105 101.153 30.4149C101.257 30.5193 101.309 30.6529 101.309 30.8169V38.2749L104.269 34.8806C104.298 34.8514 104.354 34.7992 104.436 34.7246C104.517 34.6506 104.603 34.5944 104.692 34.5572C104.781 34.5201 104.892 34.5011 105.026 34.5011H108.164C108.298 34.5011 108.413 34.5499 108.509 34.6463C108.606 34.7433 108.654 34.8659 108.654 35.0146C108.654 35.1487 108.602 35.2676 108.498 35.3717L104.581 39.7042L109.055 45.2636C109.158 45.3978 109.21 45.5096 109.21 45.5986C109.21 45.7479 109.162 45.8704 109.066 45.9669C108.969 46.0639 108.846 46.1121 108.699 46.1121H105.471C105.278 46.1121 105.133 46.0824 105.037 46.0228C104.94 45.9632 104.826 45.8662 104.692 45.7326L101.309 41.5343V45.5538C101.309 45.7025 101.257 45.8327 101.153 45.9445C101.049 46.0563 100.915 46.1119 100.753 46.1119H98.0371C97.8734 46.1119 97.7365 46.0597 97.6254 45.9558V45.9561Z" fill="white"></path>
<path d="M110.701 44.8729C109.662 43.8984 109.128 42.4805 109.099 40.6191V39.9269C109.157 38.1557 109.707 36.7715 110.745 35.774C111.784 34.7765 113.186 34.2775 114.953 34.2775C116.228 34.2775 117.308 34.5345 118.191 35.048C119.073 35.5615 119.734 36.2688 120.172 37.1693C120.609 38.07 120.828 39.0931 120.828 40.2392V40.7978C120.828 40.9618 120.773 41.0994 120.661 41.2109C120.55 41.3221 120.412 41.3783 120.25 41.3783H113.194V41.5125C113.209 42.1823 113.364 42.7222 113.661 43.1313C113.958 43.5404 114.381 43.7449 114.93 43.7449C115.286 43.7449 115.572 43.6746 115.786 43.5333C116.001 43.392 116.206 43.2093 116.399 42.986C116.532 42.8374 116.64 42.744 116.722 42.7071C116.803 42.67 116.933 42.651 117.111 42.651H120.027C120.16 42.651 120.275 42.6924 120.372 42.7738C120.468 42.8558 120.516 42.9562 120.516 43.0754C120.516 43.4626 120.298 43.9169 119.86 44.4377C119.422 44.9586 118.784 45.4054 117.946 45.7771C117.107 46.1493 116.117 46.3357 114.974 46.3357C113.164 46.3357 111.74 45.8483 110.701 44.8729H110.701ZM116.733 39.1013V39.0565C116.733 38.3418 116.577 37.7872 116.266 37.3928C115.954 36.9988 115.516 36.8013 114.953 36.8013C114.389 36.8013 113.954 36.9988 113.651 37.3928C113.346 37.7875 113.194 38.3421 113.194 39.0565V39.1013H116.733H116.733Z" fill="white"></path>
<path d="M122.442 45.945C122.33 45.8333 122.275 45.703 122.275 45.5544V35.0818C122.275 34.9184 122.327 34.7802 122.431 34.6687C122.534 34.5575 122.668 34.5013 122.831 34.5013H125.547C125.71 34.5013 125.847 34.5575 125.959 34.6687C126.07 34.7805 126.125 34.9184 126.125 35.0818V35.9306C126.541 35.4693 127.027 35.1156 127.584 34.8699C128.14 34.6245 128.759 34.5016 129.442 34.5016H130.443C130.607 34.5016 130.74 34.5538 130.844 34.6582C130.948 34.7621 131 34.8962 131 35.0602V37.4935C131 37.6428 130.948 37.773 130.844 37.8848C130.74 37.996 130.607 38.0522 130.443 38.0522H128.195C127.602 38.0522 127.146 38.2161 126.827 38.5432C126.507 38.8709 126.348 39.3325 126.348 39.9274V45.5547C126.348 45.7186 126.292 45.8523 126.181 45.9567C126.07 46.0605 125.932 46.1127 125.769 46.1127H122.831C122.682 46.1127 122.553 46.0571 122.442 45.9453V45.945Z" fill="white"></path>
<path d="M70.5308 34.6577C70.4194 34.5533 70.2819 34.5011 70.119 34.5011H66.9133V30.8169C66.9133 30.6529 66.8607 30.5193 66.7572 30.4149C66.6531 30.3105 66.5199 30.2583 66.3564 30.2583H63.6187C63.4705 30.2583 63.3407 30.3105 63.2293 30.4149C63.1179 30.5193 63.0624 30.6529 63.0624 30.8169V34.4991H62.1165C61.9536 34.4991 61.8162 34.5513 61.7047 34.6551C61.5933 34.7595 61.5379 34.8931 61.5379 35.0571V36.9775C61.5379 37.1415 61.5933 37.2754 61.7047 37.3795C61.8162 37.4839 61.9536 37.5361 62.1165 37.5361H63.0624V41.6688C63.0624 44.6315 64.6348 46.1124 67.7812 46.1124H69.8956C70.0585 46.1124 70.1923 46.0568 70.2963 45.945C70.3998 45.8333 70.4519 45.703 70.4519 45.5544V43.4998C70.4519 43.3358 70.3998 43.1985 70.2963 43.0867C70.1923 42.975 70.0585 42.9194 69.8956 42.9194H68.1372C67.7068 42.9194 67.3951 42.7852 67.2026 42.5174C67.0094 42.249 66.9133 41.8549 66.9133 41.3335V37.5378H70.119C70.2819 37.5378 70.4194 37.4856 70.5308 37.3818C70.6422 37.2774 70.6976 37.1437 70.6976 36.9798V35.0594C70.6976 34.8954 70.6422 34.7618 70.5308 34.6577Z" fill="white"></path>
<defs>
<linearGradient id="paint0_linear_0_1" x1="12.6194" y1="26.1341" x2="35.9464" y2="4.44215" gradientUnits="userSpaceOnUse">
<stop stop-color="white"></stop>
<stop offset="0.001" stop-color="#1B0273"></stop>
<stop offset="0.485" stop-color="#BF1784"></stop>
<stop offset="1" stop-color="#FFD019"></stop>
</linearGradient>
<linearGradient id="paint1_linear_0_1" x1="-6.79161" y1="44.4831" x2="35.1539" y2="5.47787" gradientUnits="userSpaceOnUse">
<stop stop-color="white"></stop>
<stop offset="0.001" stop-color="#1B0273"></stop>
<stop offset="0.485" stop-color="#BF1784"></stop>
<stop offset="1" stop-color="#FFD019"></stop>
</linearGradient>
<linearGradient id="paint2_linear_0_1" x1="-7.30969" y1="46.4724" x2="38.2429" y2="5.64411" gradientUnits="userSpaceOnUse">
<stop stop-color="white"></stop>
<stop offset="0.001" stop-color="#1B0273"></stop>
<stop offset="0.485" stop-color="#BF1784"></stop>
<stop offset="1" stop-color="#FFD019"></stop>
</linearGradient>
<linearGradient id="paint3_linear_0_1" x1="37.2218" y1="50.9419" x2="-42.8452" y2="-26.617" gradientUnits="userSpaceOnUse">
<stop stop-color="white"></stop>
<stop offset="0.001" stop-color="#1B0273"></stop>
<stop offset="0.485" stop-color="#BF1784"></stop>
<stop offset="1" stop-color="#FFD019"></stop>
</linearGradient>
</defs>
</svg> </a>
</div>
<!-- Navigation Links - Adjust according to your requirement -->
<div class="hidden space-x-10 md:flex">
<div class="items-center hidden lg:order-1 md:block">
<div x-data="{}">
<ul class="flex flex-row mt-0 space-x-8 text-sm font-medium rounded-md menu text-neutral-content">
<li>
<span class="my-0.5 hover:text-inherit whitespace-nowrap mt-2 font-semibold text-white underline uppercase underline-offset-10 text-md decoration-2 decoration-primary font-rubik hover:text-secondary" @click="isOpenMegaMenu = !isOpenMegaMenu" @mouseenter="isOpenMegaMenu = true" id="megamenu-trigger">
<span class="whitespace-nowrap">
All Resources
</span>
</span>
</li>
<li>
<a class="my-0.5 hover:text-inherit whitespace-nowrap p-4 font-semibold text-white uppercase text-md font-rubik hover:text-secondary" href="/ts-salesforce-for-everyone-podcast" wire:navigate="">
<span class="whitespace-nowrap">
Podcast
</span>
</a>
</li>
<li>
<a class="my-0.5 hover:text-inherit whitespace-nowrap p-4 font-semibold text-white uppercase text-md font-rubik hover:text-secondary" href="/talent-stacker-wins" wire:navigate="">
<span class="whitespace-nowrap">
Member Stories
</span>
</a>
</li>
<div x-data="{ showModal: false }" @keydown.escape.window="showModal = false" class="nav-search">
<!-- Search Input Section, acting as a button -->
<div class="flex items-center" id="search-container">
<div class="relative mt-2 w-fit">
<!-- Fake Search Input that functions as a button to open the modal -->
<div id="search-input" autocomplete="off" class="cursor-pointer block p-2.5 w-full text-sm text-base-content rounded-lg border border-gray-500/30 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 " placeholder="Search anything..." required="" @click="showModal = true; $nextTick(() => $dispatch('focus-search-input'))">
<span class="flex items-center justify-between">
<svg class="w-5 h-5 text-secondary" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<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>
</span>
</div>
</div>
</div>
<!-- The Search Modal -->
<div x-show="showModal" @click.away="showModal = false" style="display: none;" @click="showModal = false" x-init="$watch('showModal', value => document.body.style.overflow = value ? 'hidden' : '')" class="fixed inset-0 z-50 flex items-start justify-center max-w-full overflow-x-hidden overflow-y-auto bg-opacity-75 bg-base-200 backdrop-filter backdrop-blur-sm">
<div @click.stop="" class="w-full !max-w-6xl p-4 transition-all transform rounded-lg shadow-xl md:container modal-content bg-base-300 mx-2 ">
<button @click="showModal = false" id="close-modal" class="text-black hover:bg-gray-200 hover:text-base-content rounded-lg text-sm p-1.5 ml-auto inline-flex items-center">
<svg class="w-6 h-6 text-secondary" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
<div class="flex items-center space-x-2">
<section wire:snapshot="{"data":{"query":"","significantWords":[[],{"s":"arr"}],"class":"w-full","loading":false,"paginators":[[],{"s":"arr"}]},"memo":{"id":"JzcWklvgnuKRJ9cm7ZR8","name":"search","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"383848a4fa61c6d67b54fd8dd1b98c173a16521ebfedb805a7ad80b636942013"}" wire:effects="{"listeners":["focusSearchInput"]}" wire:id="JzcWklvgnuKRJ9cm7ZR8" class="'relative py-8 max-w-full sm:py-12'. w-full">
<div class="max-w-5xl px-1 md:px-6 mx-auto">
<div class="text-[11px] tracking-widest">
<a wire:navigate="" class="link-primary" href="https://talentstacker.com">← Back</a>
</div>
<div class="pb-4 mb-4 border-b border-white border-opacity-10">
<div class="relative w-full h-full mt-2">
<form x-on:submit.prevent="" class="relative" id="search-input">
<div class="flex items-center px-4 py-2 transition-colors border rounded text-neutral-content border-neutral-800 bg-base-200 group focus-within:shadow-md focus-within:border-primary">
<span class="mr-1 text-gray-700 fill-current">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
<path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"></path>
</svg>
</span>
<input id="search" placeholder="Search for content..." aria-label="Search for" class="block w-full placeholder-text-content border-none placeholder-opacity-30 bg-base-200 focus:outline-none focus:ring-0" x-ref="searchInput" x-on:focus-search-input.window="$refs.searchInput.focus()" wire:model.live.debounce.300ms="query" autofocus="autofocus">
<button x-tooltip.raw="Clear Search" aria-label="Clear Search" type="reset" class="text-opacity-50 transition-colors hover:text-opacity-50 focus:outline-none">
</button>
</div>
<!-- Spinner (Shown when loading) -->
<div wire:loading="" class="absolute right-0 mr-4 -top-4">
<div id="spinner" class="transform scale-50 lds-roller">
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
</div>
</div>
<div wire:loading.remove="" class="absolute top-0 mt-3 mr-2 right-4 text-neutral-content">
<button type="button" wire:click="clearSearch">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
<path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" clip-rule="evenodd"></path>
</svg>
</button>
</div>
</form>
</div>
</div>
<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
<div class="pr-3">
</div>
<div>
</div>
<div class="md:col-span-2">
</div>
</div>
</div>
<style>
.lds-roller {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: #3B82F6;
/* This is the Tailwind blue-500 color */
margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</section>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
<button class="inline-flex items-center justify-center px-3 py-2 text-sm text-white transition-colors rounded-md bg-base md:hidden bg-primary hover:bg-primary hover " id="megamenu-trigger" @click.stop="isOpenMegaMenu = !isOpenMegaMenu">
<svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M2 4.75A.75.75 0 0 1 2.75 4h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75ZM2 10a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 10Zm0 5.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path>
</svg>
</button>
</div>
</div>
</nav></div>
</div>
<div id="megamenu-container" class="absolute z-50 w-screen max-w-full " x-show="isOpenMegaMenu" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" style="display: none;">
<div id="megamenu" class="relative w-full h-auto ">
<div class="relative z-30 w-full max-w-full mx-auto bg-base-200" data-theme="tsDark" @mouseenter="isOpenMegaMenu = true" @mouseleave="isOpenMegaMenu = false">
<div class="scribble-block"><div class="mx-2">
<fieldset class="max-w-full p-0 m-0 mx-auto border-4 rounded-lg border-secondary md:max-w-7xl">
<legend class="px-4 mx-4 text-3xl text-secondary">New to Salesforce</legend>
<nav x-data="{ isOpenMegaMenu: false, showModal: false, windowWidth: window.innerWidth }" @resize.window="windowWidth = window.innerWidth" class="relative border-b bg-base-200 border-base-300" @mouseenter="isOpenMegaMenu = true" @mouseleave="isOpenMegaMenu = false" @click.away="isOpenMegaMenu = false" x-init="windowWidth = window.innerWidth">
<div class="w-full max-w-full px-4 pt-4 md:hidden nav-search">
<!-- Search Input Section, acting as a button -->
<div class="flex items-center" id="search-container">
<div class="relative w-full">
<!-- Fake Search Input that functions as a button to open the modal -->
<div @click="showModal = true" id="search-input" class="cursor-pointer block p-2.5 w-full text-sm text-base-content bg-base-300 rounded-lg border shadow-lg">
<span class="flex items-center justify-between">
Search anything...
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<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>
</span>
</div>
</div>
</div>
</div>
<div x-show="showModal" @click.away="showModal = false" class="fixed inset-0 z-50 max-w-full overflow-x-hidden overflow-y-auto bg-opacity-75 bg-base-200 backdrop-filter backdrop-blur-sm" style="display: none;">
<div @click.stop="" class="w-full !max-w-6xl p-4 transition-all transform rounded-lg shadow-xl md:container modal-content bg-slate-50 mx-2">
<button @click="showModal = false" id="close-modal" class="text-black hover:bg-gray-200 hover:text-base-content rounded-lg text-sm p-1.5 ml-auto inline-flex items-center">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
<div class="flex items-center space-x-2">
<section wire:snapshot="{"data":{"query":"","significantWords":[[],{"s":"arr"}],"class":"w-full","loading":false,"paginators":[[],{"s":"arr"}]},"memo":{"id":"ffzSrhc83YF0FmxxbnzC","name":"search","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"abdfac5cce534c4533c8177058c8b3251d833638b1b35df9d334f59816217710"}" wire:effects="{"listeners":["focusSearchInput"]}" wire:id="ffzSrhc83YF0FmxxbnzC" class="'relative py-8 max-w-full sm:py-12'. w-full">
<div class="max-w-5xl px-1 md:px-6 mx-auto">
<div class="text-[11px] tracking-widest">
<a wire:navigate="" class="link-primary" href="https://talentstacker.com">← Back</a>
</div>
<div class="pb-4 mb-4 border-b border-white border-opacity-10">
<div class="relative w-full h-full mt-2">
<form x-on:submit.prevent="" class="relative" id="search-input">
<div class="flex items-center px-4 py-2 transition-colors border rounded text-neutral-content border-neutral-800 bg-base-200 group focus-within:shadow-md focus-within:border-primary">
<span class="mr-1 text-gray-700 fill-current">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
<path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"></path>
</svg>
</span>
<input id="search" placeholder="Search for content..." aria-label="Search for" class="block w-full placeholder-text-content border-none placeholder-opacity-30 bg-base-200 focus:outline-none focus:ring-0" x-ref="searchInput" x-on:focus-search-input.window="$refs.searchInput.focus()" wire:model.live.debounce.300ms="query" autofocus="autofocus">
<button x-tooltip.raw="Clear Search" aria-label="Clear Search" type="reset" class="text-opacity-50 transition-colors hover:text-opacity-50 focus:outline-none">
</button>
</div>
<!-- Spinner (Shown when loading) -->
<div wire:loading="" class="absolute right-0 mr-4 -top-4">
<div id="spinner" class="transform scale-50 lds-roller">
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
<div class="bg-blue-500 rounded-full"></div>
</div>
</div>
<div wire:loading.remove="" class="absolute top-0 mt-3 mr-2 right-4 text-neutral-content">
<button type="button" wire:click="clearSearch">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
<path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" clip-rule="evenodd"></path>
</svg>
</button>
</div>
</form>
</div>
</div>
<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
<div class="pr-3">
</div>
<div>
</div>
<div class="md:col-span-2">
</div>
</div>
</div>
<style>
.lds-roller {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: #3B82F6;
/* This is the Tailwind blue-500 color */
margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</section>
</div>
</div>
</div>
<div class="relative grid max-w-screen-xl px-4 py-4 mx-auto text-base-content md:grid-cols-2 lg:grid-cols-4 md:px-6">
<div class="col-span-2 md:col-span-1">
<a href="/career-development-program" wire:navigate="" class="block px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-secondary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M15 15m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
<path d="M13 17.5v4.5l2 -1.5l2 1.5v-4.5"></path>
<path d="M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73"></path>
<path d="M6 9l12 0"></path>
<path d="M6 12l3 0"></path>
<path d="M6 15l2 0"></path>
</svg> <span class="flex flex-col">
<span class="font-semibold">Career Development Program</span>
<span class="text-sm font-normal">Land Your 1st Salesforce Role with the #1 Program in the World</span>
</span>
</span>
</a>
</div>
<div class="col-span-2 md:col-span-1">
<a href="/linkedin-domination-guide" wire:navigate="" class="block px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-secondary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg> <span class="flex flex-col">
<span class="font-semibold">Linkedin Optimization Guide</span>
<span class="text-sm font-normal">Elevate your Salesforce brand and engage with the community like a pro</span>
</span>
</span>
</a>
</div>
<div class="col-span-2 md:col-span-1">
<a href="/perfecting-your-interview-guide" wire:navigate="" class="block px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-secondary" aria-hidden="true" width="9" viewBox="0 0 9 12">
<g fill="none" fill-rule="evenodd">
<g class="fill-current">
<g>
<g>
<g>
<path d="M2.858 5.15v4.415c0 .197-.11.371-.273.436-.231.092-.51.14-.808.14-.855 0-1.775-.396-1.775-1.266v-5.65c-.02-.389.1-1.074.676-1.445C.945 1.607 2.348.589 3.052.074c.125-.092.286-.098.417-.018.132.081.214.237.214.406v.669c0 .255-.183.462-.41.462-.175 0-.325-.125-.383-.302-.636.462-1.574 1.14-1.806 1.29-.21.136-.255.385-.264.52 0 .151.029.27.081.335.145.18.63.068 1.157-.29C2.566 2.802 5.067.92 5.092.902c.126-.095.287-.104.42-.023.133.08.216.237.216.408v.052c0 .155-.068.299-.182.385 0 0-1.736 1.31-1.89 1.42-.589.428-.798.953-.798 2.005zM9 2.92v5.998c0 .158-.072.306-.191.39 0 0-2.385 2.092-2.869 2.425-.254.175-.578.267-.936.267-.85 0-1.73-.52-1.73-1.389V4.878l.001-.006c.008-.338.078-.82.635-1.285.334-.278 2.321-1.809 2.406-1.873.125-.097.288-.107.421-.027.134.08.218.237.218.408v.67c0 .254-.183.461-.409.461-.169 0-.314-.115-.376-.28-.635.49-1.566 1.212-1.775 1.385-.263.22-.298.365-.303.551.001.138.034.243.101.313.209.216.77.125 1.324-.25.41-.278 2.176-1.819 2.822-2.389.124-.108.29-.128.431-.05.14.077.23.237.23.414zm-.818 2.059L6.137 6.77v.924l2.045-1.792v-.924z" transform="translate(-890.000000, -316.000000) translate(774.000000, 311.000000) translate(116.000000, 4.000000) translate(0.000000, 1.000000)">
</path>
</g>
</g>
</g>
</g>
</g>
</svg> <span class="flex flex-col">
<span class="font-semibold">Perfecting Interview Guide</span>
<span class="text-sm font-normal">Knock your interview out of the park with our starter guide</span>
</span>
</span>
</a>
</div>
<a wire:navigate="" href="/salesforce-free-challenge-landing-page" class="col-span-2 p-4 px-4 py-3 pr-0 text-base cursor-pointer md:ml-4 text-base-content hover:bg-primary/40 bg-primary/20 rounded-xl hover:text-base-content lg:col-span-1">
<div class="">
<h2 class="mb-2 font-semibold text-base-content">5 Day Salesforce Challenge</h2>
<p class="mb-2">The Fastest Way to Launch Your Salesforce Career</p>
<div class="inline-flex items-center text-sm font-medium text-primary">
Join Now
<svg class="flex-shrink-0 w-4 h-4 ml-2 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>
</div>
</div>
</a>
</div>
</nav>
</fieldset>
<div class="w-full max-w-full pt-6 mx-auto md:max-w-7xl">
<div class="block">
<div class="flex flex-col justify-start gap-4 pb-12 md:flex-row">
<fieldset class="w-full p-0 m-0 mx-auto border-4 rounded-lg sm:w-2/5 border-primary max-w-7xl bg-base-200">
<legend class="px-4 mx-4 text-3xl text-primary">Established SF Professionals</legend>
<nav class="relative border-b bg-base-200 border-base-300">
<div class="relative grid max-w-screen-xl px-4 py-4 mx-auto text-base-content md:grid-cols-2 lg:grid-cols-4 md:px-6">
<div class="col-span-4">
<a href="/career-accelerator-program" wire:navigate="" class="block px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-2.25-1.313M21 7.5v2.25m0-2.25-2.25 1.313M3 7.5l2.25-1.313M3 7.5l2.25 1.313M3 7.5v2.25m9 3 2.25-1.313M12 12.75l-2.25-1.313M12 12.75V15m0 6.75 2.25-1.313M12 21.75V19.5m0 2.25-2.25-1.313m0-16.875L12 2.25l2.25 1.313M21 14.25v2.25l-2.25 1.313m-13.5 0L3 16.5v-2.25"></path>
</svg> <span class="flex flex-col">
<span class="font-semibold"> Career Accelerator Program Info</span>
<span class="text-sm font-normal">Take your Salesforce career to the next level with our Accelerator Program</span>
</span>
</span>
</a>
<a href="/salesforce-cap-toolkit" wire:navigate="" class="block px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-primary" aria-hidden="true" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M4 44H44" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 26L12 28V38H4V26Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M20 24L28 20V38H20V24Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M36 16L44 12V38H36V16Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M4 18L12 20L44 4H34" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class="flex flex-col">
<span class="font-semibold"> SF Career Accelerator Toolkit</span>
<span class="text-sm font-normal">Dream Job | Pay Increases | Negotiations | And More</span>
</span>
</span>
</a>
</div>
</div>
</nav>
</fieldset>
<fieldset class="w-full p-0 m-0 mx-auto border-4 rounded-lg sm:w-3/4 border-accent max-w-7xl">
<legend class="px-4 mx-4 text-3xl text-accent">For Career Transitioners</legend>
<nav class="relative border-b bg-base-200 border-base-300">
<div class="relative grid max-w-screen-xl px-4 py-4 mx-auto text-base-content md:grid-cols-2 lg:grid-cols-3 md:px-6">
<a href="/career-transition/blue-collar" wire:navigate="" class="block col-span-1 px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-accent" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.4921 17.1415C31.0192 17.0056 31.5582 17.3162 31.7048 17.8404C31.8974 18.5285 32 19.2531 32 20C32 24.4183 28.4183 28 24 28C19.5817 28 16 24.4183 16 20C16 19.2531 16.1026 18.5285 16.2952 17.8404C16.4418 17.3162 16.9808 17.0056 17.5079 17.1415C21.2297 18.1011 26.7703 18.1011 30.4921 17.1415ZM18.0387 19.3137C18.0132 19.5387 18 19.7677 18 20C18 23.3137 20.6863 26 24 26C27.3137 26 30 23.3137 30 20C30 19.7677 29.9868 19.5387 29.9613 19.3137C26.3446 20.0437 21.6554 20.0437 18.0387 19.3137Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 28.4896C13.0133 29.5349 6 32.2029 6 36.0001V42.0001H42V36.0001C42 32.2029 34.9867 29.5349 29 28.4896V33H19V28.4896ZM13 42V33H15V42H13ZM34 33V42H36V33H34Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25 6.05774V10.4805C25 11.0327 24.5523 11.4805 24 11.4805C23.4477 11.4805 23 11.0327 23 10.4805V6C21.8662 6.069 20.8677 6.31725 20 6.69004V12.4805C20 13.0327 19.5523 13.4805 19 13.4805C18.4477 13.4805 18 13.0327 18 12.4805V7.93466C16.6296 9.11342 15.8407 10.6412 15.589 11.9805C15.5802 12.0274 15.572 12.0742 15.5645 12.1207C15.5581 12.127 15.5517 12.1333 15.5454 12.1396C15.4562 12.7689 15.5052 13.2867 15.633 13.6426C15.8196 14.1624 15.5494 14.7351 15.0296 14.9217C14.5098 15.1083 13.9372 14.8381 13.7506 14.3183C13.7339 14.2719 13.7181 14.225 13.7032 14.1776C7.89609 21.7599 40.1357 21.7558 34.2873 14.1652C34.2721 14.2142 34.256 14.2628 34.2391 14.3111C34.0565 14.8323 33.4859 15.1068 32.9647 14.9242C32.4434 14.7416 32.1689 14.171 32.3516 13.6498C32.4964 13.2364 32.5382 12.7206 32.4595 12.1498C32.4541 12.1458 32.4483 12.1416 32.4421 12.1372C32.2258 10.7852 31.404 9.28999 30 8.11163V12.4805C30 13.0327 29.5523 13.4805 29 13.4805C28.4477 13.4805 28 13.0327 28 12.4805V6.8623C27.6223 6.69204 27.2213 6.54226 26.7972 6.41673C26.2397 6.25338 25.6407 6.13074 25 6.05774Z" fill="currentColor"></path>
</svg> <span class="flex flex-col">
<span class="font-semibold">Blue Collar</span>
<span class="text-sm font-normal"></span>
</span>
</span>
</a>
<a href="/career-transition/sahp" wire:navigate="" class="block col-span-1 px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-accent" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M7 11C4.51472 11 2.5 8.98528 2.5 6.5C2.5 4.01472 4.51472 2 7 2C9.48528 2 11.5 4.01472 11.5 6.5C11.5 8.98528 9.48528 11 7 11ZM17.5 15C15.2909 15 13.5 13.2091 13.5 11C13.5 8.79086 15.2909 7 17.5 7C19.7091 7 21.5 8.79086 21.5 11C21.5 13.2091 19.7091 15 17.5 15ZM17.5 16C19.9853 16 22 18.0147 22 20.5V21H13V20.5C13 18.0147 15.0147 16 17.5 16ZM7 12C9.76142 12 12 14.2386 12 17V21H2V17C2 14.2386 4.23858 12 7 12Z"></path></svg> <span class="flex flex-col">
<span class="font-semibold">Stay At Home Parents</span>
<span class="text-sm font-normal"></span>
</span>
</span>
</a>
<a href="/career-transition/students" wire:navigate="" class="block col-span-1 px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-accent" aria-hidden="true" width="9" viewBox="0 0 9 12">
<g fill="none" fill-rule="evenodd">
<g class="fill-current">
<g>
<g>
<g>
<path d="M2.858 5.15v4.415c0 .197-.11.371-.273.436-.231.092-.51.14-.808.14-.855 0-1.775-.396-1.775-1.266v-5.65c-.02-.389.1-1.074.676-1.445C.945 1.607 2.348.589 3.052.074c.125-.092.286-.098.417-.018.132.081.214.237.214.406v.669c0 .255-.183.462-.41.462-.175 0-.325-.125-.383-.302-.636.462-1.574 1.14-1.806 1.29-.21.136-.255.385-.264.52 0 .151.029.27.081.335.145.18.63.068 1.157-.29C2.566 2.802 5.067.92 5.092.902c.126-.095.287-.104.42-.023.133.08.216.237.216.408v.052c0 .155-.068.299-.182.385 0 0-1.736 1.31-1.89 1.42-.589.428-.798.953-.798 2.005zM9 2.92v5.998c0 .158-.072.306-.191.39 0 0-2.385 2.092-2.869 2.425-.254.175-.578.267-.936.267-.85 0-1.73-.52-1.73-1.389V4.878l.001-.006c.008-.338.078-.82.635-1.285.334-.278 2.321-1.809 2.406-1.873.125-.097.288-.107.421-.027.134.08.218.237.218.408v.67c0 .254-.183.461-.409.461-.169 0-.314-.115-.376-.28-.635.49-1.566 1.212-1.775 1.385-.263.22-.298.365-.303.551.001.138.034.243.101.313.209.216.77.125 1.324-.25.41-.278 2.176-1.819 2.822-2.389.124-.108.29-.128.431-.05.14.077.23.237.23.414zm-.818 2.059L6.137 6.77v.924l2.045-1.792v-.924z" transform="translate(-890.000000, -316.000000) translate(774.000000, 311.000000) translate(116.000000, 4.000000) translate(0.000000, 1.000000)">
</path>
</g>
</g>
</g>
</g>
</g>
</svg> <span class="flex flex-col">
<span class="font-semibold">College Alternative</span>
<span class="text-sm font-normal"></span>
</span>
</span>
</a>
<a href="/career-transition/military" wire:navigate="" class="block col-span-1 px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-accent" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M17 17v-4l-5 3l-5 -3v4l5 3z"></path>
<path d="M17 8v-4l-5 3l-5 -3v4l5 3z"></path>
</svg> <span class="flex flex-col">
<span class="font-semibold">Military</span>
<span class="text-sm font-normal"></span>
</span>
</span>
</a>
<a href="/career-transition/education" wire:navigate="" class="block col-span-1 px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-accent" fill="currentColor" xmlns="http://www.w3.org/2000/svg" id="mdi-book-education-outline" viewBox="0 0 24 24"><path d="M6 20H13V22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V12.54L18.5 11.72L18 12V4H13V12L10.5 9.75L8 12V4H6V20M24 17L18.5 14L13 17L18.5 20L24 17M15 19.09V21.09L18.5 23L22 21.09V19.09L18.5 21L15 19.09Z"></path></svg> <span class="flex flex-col">
<span class="font-semibold">Education Professional</span>
<span class="text-sm font-normal"></span>
</span>
</span>
</a>
<a href="/career-transition/homeschool" wire:navigate="" class="block col-span-1 px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-accent" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 9.5L12 4L21.5 9.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M7 21V20C7 17.2386 9.23858 15 12 15V15C14.7614 15 17 17.2386 17 20V21" stroke="currentColor" stroke-width="1.5"></path>
<path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg> <span class="flex flex-col">
<span class="font-semibold">Homeschool Parents</span>
<span class="text-sm font-normal"></span>
</span>
</span>
</a>
<a href="/career-transition/students" wire:navigate="" class="block col-span-1 px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-accent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M8.34 1.804A1 1 0 0 1 9.32 1h1.36a1 1 0 0 1 .98.804l.295 1.473c.497.144.971.342 1.416.587l1.25-.834a1 1 0 0 1 1.262.125l.962.962a1 1 0 0 1 .125 1.262l-.834 1.25c.245.445.443.919.587 1.416l1.473.294a1 1 0 0 1 .804.98v1.361a1 1 0 0 1-.804.98l-1.473.295a6.95 6.95 0 0 1-.587 1.416l.834 1.25a1 1 0 0 1-.125 1.262l-.962.962a1 1 0 0 1-1.262.125l-1.25-.834a6.953 6.953 0 0 1-1.416.587l-.294 1.473a1 1 0 0 1-.98.804H9.32a1 1 0 0 1-.98-.804l-.295-1.473a6.957 6.957 0 0 1-1.416-.587l-1.25.834a1 1 0 0 1-1.262-.125l-.962-.962a1 1 0 0 1-.125-1.262l.834-1.25a6.957 6.957 0 0 1-.587-1.416l-1.473-.294A1 1 0 0 1 1 10.68V9.32a1 1 0 0 1 .804-.98l1.473-.295c.144-.497.342-.971.587-1.416l-.834-1.25a1 1 0 0 1 .125-1.262l.962-.962A1 1 0 0 1 5.38 3.03l1.25.834a6.957 6.957 0 0 1 1.416-.587l.294-1.473ZM13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path>
</svg> <span class="flex flex-col">
<span class="font-semibold">Student Learners</span>
<span class="text-sm font-normal"></span>
</span>
</span>
</a>
<a href="/career-transition/hospitality" wire:navigate="" class="block col-span-1 px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-accent" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"></path>
</svg> <span class="flex flex-col">
<span class="font-semibold">Hospitality Professional</span>
<span class="text-sm font-normal"></span>
</span>
</span>
</a>
<a href="/career-transition/non-profit" wire:navigate="" class="block col-span-1 px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-accent" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"></path>
</svg> <span class="flex flex-col">
<span class="font-semibold">Non-Profit Professional</span>
<span class="text-sm font-normal"></span>
</span>
</span>
</a>
<a href="/career-transition/healthcare" wire:navigate="" class="block col-span-1 px-4 py-3 pr-0 text-base cursor-pointer text-base-content hover:bg-base-300 rounded-xl hover:text-base-content" data-rounded="rounded-xl">
<span class="flex items-start space-x-1 md:space-x-3">
<svg class="flex-shrink-0 w-8 h-8 text-accent" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M32 11H40L44 21H4L8 11H16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8 21H40V43H8V21Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><rect x="16" y="5" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></rect><rect x="16" y="29" width="8" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></rect><rect x="24" y="29" width="8" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></rect><path d="M21 13H27" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M36 43H12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M24 16L24 10" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class="flex flex-col">
<span class="font-semibold">Healthcare</span>
<span class="text-sm font-normal"></span>
</span>
</span>
</a>
</div>
</nav>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="flex flex-col flex-grow" x-data="{
init() {
const urlHash = window.location.hash;
if (urlHash) {
const id = urlHash.substring(1);
this.scrollToId(id);
}
},
scrollToId(id) {
const element = document.getElementById(id);
if (element) {
element.scrollIntoView({ behavior: 'smooth' });
}
}
}" x-init="init()">
<div wire:snapshot="{"data":{"homepagePost":[null,{"class":"App\\Models\\Post","key":462,"s":"mdl"}]},"memo":{"id":"031THhQEtFYxmnxUw4SN","name":"home","path":"\/","method":"GET","children":{"lw-1570157879-0":["div","zm46TlnlGCyEW3CsgfJ5"]},"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"bb9acbe84dd94428750c965adc74b5216d703f2789bdc0b603d344fbe9438319"}" wire:effects="[]" wire:id="031THhQEtFYxmnxUw4SN" class="relative livewire-wrapper">
<div>
<div class="scribble-block"><div contenteditable="false" class="not-prose">
<div class="bg-base-100">
<div class="bg-gradient-to-b from-purple-900 to-slate-900">
<div class="container px-4 mx-auto md:max-w-2xl lg:max-w-5xl">
<div class="relative flex flex-col items-center pt-12 text-center md:pb-12 md:flex-row md:text-left md:items-start">
<!-- Image and text container -->
<div x-data="{ windowWidth: window.innerWidth }" @resize.window="windowWidth = window.innerWidth" class="order-last -mt-11 md:absolute h-96 md:h-full md:-left-20 md:order-none">
<img :src="'https://cdn.talentstacker.com/media/images/5c7a121c-f90c-4074-99fd-5a2f39832b02.png' + (windowWidth >= 768 ? '?width=360' : '?width=200')" alt="Happy Person" class="h-full pb-0 mb-0" src="https://cdn.talentstacker.com/media/images/5c7a121c-f90c-4074-99fd-5a2f39832b02.png?width=360">
</div>
<div class="justify-center flex-1 hidden mb-8 md:flex md:-translate-x-1/2 lg:justify-start lg:mb-0">
</div>
<!-- Text and Call to Action container -->
<div class="flex-1 ">
<h1 class="text-3xl font-bold text-white md:text-6xl lg:text-8xl font-rubik">CHANGE <br>YOUR LIFE<br> WITH A<br>
<span class="text-secondary">
SALESFORCE
</span>
<br> CAREER </h1>
</div>
</div>
</div>
</div>
<div class="relative z-10 h-full max-w-screen-lg px-2 py-1 pb-12 mx-4 -mt-6 text-center shadow-lg lg:mx-auto bg-base-200 rounded-t-md">
<p class="pt-6 text-2xl font-bold md:text-3xl font-rubik">We Take Your Success Seriously
</p>
<p class="text-lg font-semibold text-center md:text-2xl md:max-w-2xl md:mx-auto"> At Talent Stacker, We have supported over 1000 Professionals <br>
breaking into the Salesforce Ecosystem<br>
<br>
<b>Will You Be Next?
<br></b></p><b>
<a href="#user-journey" class="block px-4 py-2 mx-auto mt-12 text-xl font-bold text-center text-white no-underline rounded-lg cursor-pointer bg-fuchsia-700 w-fit">I Am Ready To Get Started</a>
</b></div><b>
</b></div><b>
</b></div><b>
</b></div><b>
<section class="w-full">
<section class="container relative max-w-5xl mx-auto overflow-hidden group rounded-xl my-24" x-data="" x-on:click="$dispatch('lightbox-open', { videoId: 'OJuh5wuMF3o' })">
<img src="https://cdn.talentstacker.com/media/db0ac79b-920b-4bfb-8a2e-73374e6cbf5e.jpg" alt="Video Thumbnail" class="w-full h-auto">
<div class="absolute inset-0 flex items-center justify-center transition-opacity duration-300 ease-in-out bg-black bg-opacity-50 hover:bg-opacity-0">
<svg width="15" height="15" viewBox="0 0 15 15" class="w-16 h-16 text-white cursor-pointer">
<g fill="none" fill-rule="evenodd">
<path d="M-1-1h18v18H-1z"></path>
<path class="fill-current" d="M6 10.875L10.5 7.5 6 4.125v6.75zM7.5 0C3.36 0 0 3.36 0 7.5 0 11.64 3.36 15 7.5 15c4.14 0 7.5-3.36 7.5-7.5C15 3.36 11.64 0 7.5 0zm0 13.5c-3.307 0-6-2.693-6-6s2.693-6 6-6 6 2.693 6 6-2.693 6-6 6z">
</path>
</g>
</svg>
</div>
</section>
</section>
<section id="user-journey" class="w-full py-24 text-center bg-primary">
<div class="container mx-auto">
<div class="relative max-w-3xl">
<h2 class="pl-8 md:pl-24 text-left !text-6xl h2 text-secondary font-rubik relative z-10">No Matter Your Goals, We Have A Place For You</h2>
<img class="absolute bottom-0 w-[500px] h-auto md:translate-x-1/2 translate-y-10 z-0" src="/images/brand/underline-yellow.svg">
</div>
</div>
<div class="grid grid-cols-1 gap-4 py-12 mx-auto sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 max-w-7xl">
<!-- Entire card as a clickable link -->
<a href="/salesforce-free-challenge-landing-page" class="flex justify-center col-span-1 group hover:text-secondary-content">
<div class="relative flex flex-col max-w-[350px] h-full p-4 transition-transform duration-300 ease-in-out transform gap-y-2">
<div class="relative w-full my-8 transition-transform duration-300 ease-in-out rounded-lg shadow-lg group-hover:shadow-2xl">
<!-- Background Image as div -->
<div class="h-64 transition-transform duration-300 ease-in-out bg-center bg-cover rounded-xl w-[200px]" style="background-image: url('https://cdn.talentstacker.com/media/images/83a4c8f1-42a9-4191-a0c7-22890032fc79.png?width=250');">
<!-- Overlay -->
<div class="absolute inset-0 transition-opacity duration-300 ease-in-out bg-opacity-0 bg-secondary mix-blend-multiply group-hover:bg-opacity-75 rounded-xl"></div>
</div>
</div>
<button class="whitespace-normal text-secondary-content btn btn-secondary group-hover:text-secondary-content group-hover:btn-secondary w-[200px] hover:btn-secondary">
Just Want To Learn More
</button>
</div>
</a>
<!-- Entire card as a clickable link -->
<a href="/career-development-program" class="flex justify-center col-span-1 group hover:text-secondary-content">
<div class="relative flex flex-col max-w-[350px] h-full p-4 transition-transform duration-300 ease-in-out transform gap-y-2">
<div class="relative w-full my-8 transition-transform duration-300 ease-in-out rounded-lg shadow-lg group-hover:shadow-2xl">
<!-- Background Image as div -->
<div class="h-64 transition-transform duration-300 ease-in-out bg-center bg-cover rounded-xl w-[200px]" style="background-image: url('https://cdn.talentstacker.com/media/images/863cd604-1ebd-4387-868a-041b6cffaf56.png?width=250');">
<!-- Overlay -->
<div class="absolute inset-0 transition-opacity duration-300 ease-in-out bg-opacity-0 bg-secondary mix-blend-multiply group-hover:bg-opacity-75 rounded-xl"></div>
</div>
</div>
<button class="whitespace-normal text-secondary-content btn btn-secondary group-hover:text-secondary-content group-hover:btn-secondary w-[200px] hover:btn-secondary">
Ready To Get 1st Salesforce Job
</button>
</div>
</a>
<!-- Entire card as a clickable link -->
<a href="/career-accelerator-toolkit" class="flex justify-center col-span-1 group hover:text-secondary-content">
<div class="relative flex flex-col max-w-[350px] h-full p-4 transition-transform duration-300 ease-in-out transform gap-y-2">
<div class="relative w-full my-8 transition-transform duration-300 ease-in-out rounded-lg shadow-lg group-hover:shadow-2xl">
<!-- Background Image as div -->
<div class="h-64 transition-transform duration-300 ease-in-out bg-center bg-cover rounded-xl w-[200px]" style="background-image: url('https://cdn.talentstacker.com/media/images/8e3226c7-ade6-47c1-a432-5c9637eb7c15.png?width=250');">
<!-- Overlay -->
<div class="absolute inset-0 transition-opacity duration-300 ease-in-out bg-opacity-0 bg-secondary mix-blend-multiply group-hover:bg-opacity-75 rounded-xl"></div>
</div>
</div>
<button class="whitespace-normal text-secondary-content btn btn-secondary group-hover:text-secondary-content group-hover:btn-secondary w-[200px] hover:btn-secondary">
Already A Salesforce Pro
</button>
</div>
</a>
<!-- Entire card as a clickable link -->
<a href="https://trailblazermentorship.com/" class="flex justify-center col-span-1 group hover:text-secondary-content" target="_blank" rel="noopener noreferrer">
<div class="relative flex flex-col max-w-[350px] h-full p-4 transition-transform duration-300 ease-in-out transform gap-y-2">
<div class="relative w-full my-8 transition-transform duration-300 ease-in-out rounded-lg shadow-lg group-hover:shadow-2xl">
<!-- Background Image as div -->
<div class="h-64 transition-transform duration-300 ease-in-out bg-center bg-cover rounded-xl w-[200px]" style="background-image: url('https://cdn.talentstacker.com/media/images/1844b37a-12f7-44cf-8cd0-2a1f94a27ede.png?width=250');">
<!-- Overlay -->
<div class="absolute inset-0 transition-opacity duration-300 ease-in-out bg-opacity-0 bg-secondary mix-blend-multiply group-hover:bg-opacity-75 rounded-xl"></div>
</div>
</div>
<button class="whitespace-normal text-secondary-content btn btn-secondary group-hover:text-secondary-content group-hover:btn-secondary w-[200px] hover:btn-secondary">
Looking for a Mentor
</button>
</div>
</a>
</div>
</section>
<section class="w-full">
<section class="container w-full py-12 mx-auto">
<div class="container py-12 mx-auto my-10 text-center text-white bg-indigo-950 rounded-xl max-w-7xl">
<h2 class="mx-4 mb-8 text-2xl font-bold md:mx-0">2023 MEMBER SUCCESS BY THE NUMBERS</h2>
<div class="flex flex-wrap justify-center">
<div class="flex items-center p-4 m-4 stat-item">
<img src="https://cdn.talentstacker.com/media/d3392f77-a48a-4692-9b3d-07f2d0a63885.png" alt="Jobs Landed" class="w-32 h-32 mr-4">
<div>
<div class="text-5xl font-bold">472</div>
<div class="text-lg text-left ">JOBS<br> LANDED</div>
</div>
</div>
<div class="flex items-center p-4 m-4 stat-item">
<img src="https://cdn.talentstacker.com/media/d3392f77-a48a-4692-9b3d-07f2d0a63885.png" alt="Average Salary" class="w-32 h-32 mr-4">
<div>
<div class="text-5xl font-bold">$72K</div>
<div class="text-lg text-left ">AVERAGE<br> SALARY</div>
</div>
</div>
<div class="flex items-center p-4 m-4 stat-item">
<img src="https://cdn.talentstacker.com/media/d3392f77-a48a-4692-9b3d-07f2d0a63885.png" alt="Certs Acquired" class="w-32 h-32 mr-4">
<div>
<div class="text-5xl font-bold">500</div>
<div class="text-lg text-left ">CERTS <br>ACQUIRED</div>
</div>
</div>
</div>
</div>
</section>
</section>
<section" class="w-full px-4 py-4 text-center md:py-12">
<h2 class="pb-12 text-4xl font-bold text-primary font-rubik">Featured</h2>
<div class="mx-auto max-w-7xl">
<div wire:snapshot="{"data":{"postType":"article","perPage":8,"variation":null,"pinned":[[[{"id":"500"},{"s":"arr"}],[{"id":"14"},{"s":"arr"}],[{"id":"16"},{"s":"arr"}],[{"id":"503"},{"s":"arr"}],[{"id":"550"},{"s":"arr"}],[{"id":"553"},{"s":"arr"}]],{"s":"arr"}],"style":null,"excludedPosts":[["52","451"],{"s":"arr"}],"paginators":[[],{"s":"arr"}]},"memo":{"id":"zm46TlnlGCyEW3CsgfJ5","name":"post-pagination","path":"\/","method":"GET","children":{"lw-2580939725-0":["article","UekGdF9EfvnfvFpMfytl"],"lw-2580939725-1":["div","6gkoygx8ELLO3QueRaMo"],"lw-2580939725-2":["article","jQ6APNXZHuKUPcPelsXI"],"lw-2580939725-3":["article","SUKoPXYzCJTuJMyakhBi"]},"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"62653fd737a11618e8c2d209d4c620453e28e5c5fedc53c8d294f94f8996bdbe"}" wire:effects="[]" wire:id="zm46TlnlGCyEW3CsgfJ5">
<div class="max-w-6xl px-1 md:px-6 mx-auto">
<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
<div class="grid gap-4">
<div> <!-- Fixed height for small cards -->
<div class="h-auto max-w-full">
<article wire:snapshot="{"data":{"postId":14,"variation":"sm"},"memo":{"id":"RDkkHe2lc5W8Wrwc1yCw","name":"post-card","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"ad714f37dcef5e9ee269bdb7d35ce4eec1ebdad79a5f71a5bd5a75ec5594efb4"}" wire:effects="[]" wire:id="RDkkHe2lc5W8Wrwc1yCw" class="flex flex-col transition-shadow duration-300 ease-in-out rounded-lg shadow-md bg-base-100 md:flex-row hover:shadow-lg" role="article">
<a wire:navigate="" href="https://talentstacker.com/article/top-5-keys-to-landing-salesforce-jobs" class="flex transition-shadow duration-300 ease-in-out rounded-sm rounded-lg outline-none focus:ring-4 focus:ring-offset-4 focus:ring-primary-500 focus:ring-opacity-50 hover:shadow-lg hover:opacity-90 group" aria-label="Read more about Top 5 Keys to Landing Salesforce Jobs You Can Use Today" style="flex: 1;">
<figure class="flex-none w-1/3 overflow-hidden rounded-l-lg">
<img src="https://cdn.talentstacker.com/media/images/featured-images/d9f5b2ab-7820-4051-aedb-ee93ff1f9d40.png" alt="Top 5 Keys to Landing Salesforce Jobs You Can Use Today" class="object-cover object-center w-auto h-full">
<figcaption class="sr-only">Top 5 Keys to Landing Salesforce Jobs You Can Use Today featured image</figcaption>
</figure>
<div class="w-full p-4">
<h3 class="mb-2 text-xl font-semibold text-left">Top 5 Keys to Landing Salesforce Jobs You Can Use Today</h3>
<p class="text-base text-left text-neutral-content">Are you struggling to land your first Salesforce entry-level role? It's not just about getting anoth...</p>
</div>
</a>
</article>
</div>
</div>
<div> <!-- Fixed height for small cards -->
<div class="h-auto max-w-full">
<article wire:snapshot="{"data":{"postId":16,"variation":"sm"},"memo":{"id":"UekGdF9EfvnfvFpMfytl","name":"post-card","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"92ded2f728a614a89a7d7e7d6d8589620d43a949b6c9de66921fcbcaae842134"}" wire:effects="[]" wire:id="UekGdF9EfvnfvFpMfytl" class="flex flex-col transition-shadow duration-300 ease-in-out rounded-lg shadow-md bg-base-100 md:flex-row hover:shadow-lg" role="article">
<a wire:navigate="" href="https://talentstacker.com/article/top-reasons-to-switch-careers-become-salesforce-professional" class="flex transition-shadow duration-300 ease-in-out rounded-sm rounded-lg outline-none focus:ring-4 focus:ring-offset-4 focus:ring-primary-500 focus:ring-opacity-50 hover:shadow-lg hover:opacity-90 group" aria-label="Read more about Top Reasons to Switch Careers and Start a Salesforce Career in 2024" style="flex: 1;">
<figure class="flex-none w-1/3 overflow-hidden rounded-l-lg">
<img src="https://cdn.talentstacker.com/media/images/featured-images/50365ee9-1931-4c2d-8a2a-f85424e798fd.png" alt="Top Reasons to Switch Careers and Start a Salesforce Career in 2024" class="object-cover object-center w-auto h-full">
<figcaption class="sr-only">Top Reasons to Switch Careers and Start a Salesforce Career in 2024 featured image</figcaption>
</figure>
<div class="w-full p-4">
<h3 class="mb-2 text-xl font-semibold text-left">Top Reasons to Switch Careers and Start a Salesforce Career...</h3>
<p class="text-base text-left text-neutral-content">Learn why becoming a Salesforce professional in 2024 is a smart career move. High demand, attractive...</p>
</div>
</a>
</article>
</div>
</div>
<div> <!-- Larger card with more space -->
<div class="hidden h-auto max-w-full md:block">
<div wire:snapshot="{"data":{"postId":500,"variation":"lg"},"memo":{"id":"6gkoygx8ELLO3QueRaMo","name":"post-card","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"9f620bfc6f4b0d88c083c8f756bdad5e8b434011e635a3f7ad3cdb331697f583"}" wire:effects="[]" wire:id="6gkoygx8ELLO3QueRaMo" class="col-span-1 md:row-span-3">
<a wire:navigate="" href="https://talentstacker.com/salesforce-certifications" class="block transition-shadow duration-300 ease-in-out rounded-sm outline-none focus:ring-4 focus:ring-offset-4 focus:ring-primary-500 focus:ring-opacity-50 hover:shadow-lg hover:opacity-90 group " aria-label="Read more about Salesforce Certifications and Career Paths for 2024: Guide to Advancing Your Tech Career">
<article class="flex overflow-hidden rounded-lg shadow-md bg-base-100 md:flex-col " role="article">
<figure class="w-1/3 overflow-hidden md:flex-1 md:w-full">
<img src="https://cdn.talentstacker.com/media/711a92d1-113d-4b80-afd5-c2dd0eddfc10.png" alt="Salesforce Certifications and Career Paths for 2024: Guide to Advancing Your Tech Career" class="object-cover object-center w-auto h-auto md:w-full ">
<figcaption class="sr-only">Salesforce Certifications and Career Paths for 2024: Guide to Advancing Your Tech Career featured image</figcaption>
</figure>
<div class="flex-auto p-4 md:w-full ">
<h3 class="mb-2 text-xl font-semibold text-left">Salesforce Certifications and Career Paths for 202...</h3>
<p class="text-left text-neutral-content">Explore key Salesforce certifications and career paths for 2024. Learn how roles like Salesforce Adm...</p>
</div>
</article>
</a>
</div>
</div>
<div class="h-auto max-w-full md:hidden">
<article wire:snapshot="{"data":{"postId":500,"variation":"sm"},"memo":{"id":"jQ6APNXZHuKUPcPelsXI","name":"post-card","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"a4b76cc6ce5ac7894d5e69fb9da573ab4ce9263f1b1402cbfe2b0f220e531972"}" wire:effects="[]" wire:id="jQ6APNXZHuKUPcPelsXI" class="flex flex-col transition-shadow duration-300 ease-in-out rounded-lg shadow-md bg-base-100 md:flex-row hover:shadow-lg" role="article">
<a wire:navigate="" href="https://talentstacker.com/salesforce-certifications" class="flex transition-shadow duration-300 ease-in-out rounded-sm rounded-lg outline-none focus:ring-4 focus:ring-offset-4 focus:ring-primary-500 focus:ring-opacity-50 hover:shadow-lg hover:opacity-90 group" aria-label="Read more about Salesforce Certifications and Career Paths for 2024: Guide to Advancing Your Tech Career" style="flex: 1;">
<figure class="flex-none w-1/3 overflow-hidden rounded-l-lg">
<img src="https://cdn.talentstacker.com/media/images/featured-images/2cb164b3-3367-47c9-8e18-dca8e5aaaede.png" alt="Salesforce Certifications and Career Paths for 2024: Guide to Advancing Your Tech Career" class="object-cover object-center w-auto h-full">
<figcaption class="sr-only">Salesforce Certifications and Career Paths for 2024: Guide to Advancing Your Tech Career featured image</figcaption>
</figure>
<div class="w-full p-4">
<h3 class="mb-2 text-xl font-semibold text-left">Salesforce Certifications and Career Paths for 2024: Guide t...</h3>
<p class="text-base text-left text-neutral-content">Explore key Salesforce certifications and career paths for 2024. Learn how roles like Salesforce Adm...</p>
</div>
</a>
</article>
</div>
</div>
</div>
<div class="grid gap-4">
<div class="grid gap-4">
<div> <!-- Fixed height for small cards -->
<div class="h-auto max-w-full">
<article wire:snapshot="{"data":{"postId":503,"variation":"small"},"memo":{"id":"sGnMGBlKqkGvtti9VAOM","name":"post-card","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"d1f30281b7463e4013c27c73a294b376a5a569f33bdfa1ae3ad566aa3094e6ee"}" wire:effects="[]" wire:id="sGnMGBlKqkGvtti9VAOM" class="flex flex-col transition-shadow duration-300 ease-in-out rounded-lg shadow-md bg-base-100 md:flex-row hover:shadow-lg" role="article">
<a wire:navigate="" href="https://talentstacker.com/article/tech-layoffs-and-salesforce-job-market-demand" class="flex transition-shadow duration-300 ease-in-out rounded-sm rounded-lg outline-none focus:ring-4 focus:ring-offset-4 focus:ring-primary-500 focus:ring-opacity-50 hover:shadow-lg hover:opacity-90 group" aria-label="Read more about Tech Layoffs in 2024 and the Impact on the Salesforce Job Market Demand" style="flex: 1;">
<figure class="flex-none w-1/3 overflow-hidden rounded-l-lg">
<img src="https://cdn.talentstacker.com/media/images/featured-images/62055181-f3e8-408d-87b5-4594a7825060.png" alt="Tech Layoffs in 2024 and the Impact on the Salesforce Job Market Demand" class="object-cover object-center w-auto h-full">
<figcaption class="sr-only">Tech Layoffs in 2024 and the Impact on the Salesforce Job Market Demand featured image</figcaption>
</figure>
<div class="w-full p-4">
<h3 class="mb-2 text-xl font-semibold text-left">Tech Layoffs in 2024 and the Impact on the Salesforce Job Ma...</h3>
<p class="text-base text-left text-neutral-content">Explore how the 2024 tech industry layoffs, including major players like Google and Salesforce, are...</p>
</div>
</a>
</article>
</div>
</div>
<div> <!-- Fixed height for small cards -->
<div class="h-auto max-w-full">
<article wire:snapshot="{"data":{"postId":550,"variation":"small"},"memo":{"id":"7nh6UW02zkr1Ywj0wnCw","name":"post-card","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"c2cea4b5a0bbdae67338225df6303fca04835fccb1555cece229e15f010241d2"}" wire:effects="[]" wire:id="7nh6UW02zkr1Ywj0wnCw" class="flex flex-col transition-shadow duration-300 ease-in-out rounded-lg shadow-md bg-base-100 md:flex-row hover:shadow-lg" role="article">
<a wire:navigate="" href="https://talentstacker.com/article/salesforce-administrator-salary" class="flex transition-shadow duration-300 ease-in-out rounded-sm rounded-lg outline-none focus:ring-4 focus:ring-offset-4 focus:ring-primary-500 focus:ring-opacity-50 hover:shadow-lg hover:opacity-90 group" aria-label="Read more about Maximize Your Earning Potential and Salary as a Salesforce Administrator or Business Analyst: A Comprehensive Salary Guide for 2024" style="flex: 1;">
<figure class="flex-none w-1/3 overflow-hidden rounded-l-lg">
<img src="https://cdn.talentstacker.com/media/images/featured-images/3947e13f-19a4-442a-9a2d-d63f7473d44e.png" alt="Maximize Your Earning Potential and Salary as a Salesforce Administrator or Business Analyst: A Comprehensive Salary Guide for 2024" class="object-cover object-center w-auto h-full">
<figcaption class="sr-only">Maximize Your Earning Potential and Salary as a Salesforce Administrator or Business Analyst: A Comprehensive Salary Guide for 2024 featured image</figcaption>
</figure>
<div class="w-full p-4">
<h3 class="mb-2 text-xl font-semibold text-left">Maximize Your Earning Potential and Salary as a Salesforce A...</h3>
<p class="text-base text-left text-neutral-content">We hear about incredible Salesforce salaries... but how do we get there? Let's find out!</p>
</div>
</a>
</article>
</div>
</div>
<div> <!-- Fixed height for small cards -->
<div class="h-auto max-w-full">
<article wire:snapshot="{"data":{"postId":553,"variation":"small"},"memo":{"id":"nrSTk9yQTFCJBhIKFSOM","name":"post-card","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"220f800c4729dd2a0b582dd7feb6023e478f5ba21d92ee8c214ecf74c84802eb"}" wire:effects="[]" wire:id="nrSTk9yQTFCJBhIKFSOM" class="flex flex-col transition-shadow duration-300 ease-in-out rounded-lg shadow-md bg-base-100 md:flex-row hover:shadow-lg" role="article">
<a wire:navigate="" href="https://talentstacker.com/article/salesforce-interview-questions" class="flex transition-shadow duration-300 ease-in-out rounded-sm rounded-lg outline-none focus:ring-4 focus:ring-offset-4 focus:ring-primary-500 focus:ring-opacity-50 hover:shadow-lg hover:opacity-90 group" aria-label="Read more about Top Salesforce Interview Questions and Answers for 2024: The Ultimate Salesforce Interview Cheat Sheet" style="flex: 1;">
<figure class="flex-none w-1/3 overflow-hidden rounded-l-lg">
<img src="https://cdn.talentstacker.com/media/images/featured-images/dd9e0deb-8c35-402d-a275-7dff3d5ae6e9.png" alt="Top Salesforce Interview Questions and Answers for 2024: The Ultimate Salesforce Interview Cheat Sheet" class="object-cover object-center w-auto h-full">
<figcaption class="sr-only">Top Salesforce Interview Questions and Answers for 2024: The Ultimate Salesforce Interview Cheat Sheet featured image</figcaption>
</figure>
<div class="w-full p-4">
<h3 class="mb-2 text-xl font-semibold text-left">Top Salesforce Interview Questions and Answers for 2024: The...</h3>
<p class="text-base text-left text-neutral-content">These are actual salesforce interview questions from entry level interviews from 2023 and 2024, not...</p>
</div>
</a>
</article>
</div>
</div>
<div> <!-- Fixed height for small cards -->
<div class="h-auto max-w-full">
<article wire:snapshot="{"data":{"postId":564,"variation":"small"},"memo":{"id":"SUKoPXYzCJTuJMyakhBi","name":"post-card","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"b21669504aabba334b7b010e8ba1bdb95a5dd1e2999044cb55224fded8de9d40"}" wire:effects="[]" wire:id="SUKoPXYzCJTuJMyakhBi" class="flex flex-col transition-shadow duration-300 ease-in-out rounded-lg shadow-md bg-base-100 md:flex-row hover:shadow-lg" role="article">
<a wire:navigate="" href="https://talentstacker.com/article/learn-salesforce-developer-skills" class="flex transition-shadow duration-300 ease-in-out rounded-sm rounded-lg outline-none focus:ring-4 focus:ring-offset-4 focus:ring-primary-500 focus:ring-opacity-50 hover:shadow-lg hover:opacity-90 group" aria-label="Read more about The Most Effective Way to Learn Salesforce Development" style="flex: 1;">
<figure class="flex-none w-1/3 overflow-hidden rounded-l-lg">
<img src="https://cdn.talentstacker.com/media/images/featured-images/b1a8ae39-2b2d-462f-964c-b7bdae8889a3.png" alt="The Most Effective Way to Learn Salesforce Development" class="object-cover object-center w-auto h-full">
<figcaption class="sr-only">The Most Effective Way to Learn Salesforce Development featured image</figcaption>
</figure>
<div class="w-full p-4">
<h3 class="mb-2 text-xl font-semibold text-left">The Most Effective Way to Learn Salesforce Development</h3>
<p class="text-base text-left text-neutral-content">Learning Salesforce Development can be challenging, let's take a look at the best way to become a Sa...</p>
</div>
</a>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section"></b></div><b>
</b></div><b>
<div x-data="{ notifications: [] }" class="fixed right-0 z-20 space-y-2 bottom-4 md:bottom-auto md:w-72 md:top-4" @notification.window="notifications.push($event.detail); setTimeout(() => notifications.shift(), 5000)">
<template x-for="(notification, index) in notifications" :key="index">
<div role="alert" class="relative data-[notify-show=true]:animate-slide-in data-[notify-show=false]:animate-slide-out">
<div class="px-4 py-3 mr-4 text-white border rounded-lg shadow bg-[#2D1E55]/80 border-[#FBBF24] ">
<div class="flex items-start">
<svg class="inline-block w-5 h-auto mr-2 text-[#FBBF24]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg>
<div>
<div class="mb-1 text-sm">Success</div>
<div x-text="notification" class="notification-style"></div>
</div>
</div>
</div>
</div>
</template>
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
// Check if Echo is defined
if (typeof Echo !== 'undefined') {
window.Echo.channel('home')
.listen('Message', (e) => {
console.log('MessagLook at this e: ' + e.message); // Log the message to the console
// Dispatching 'notification' event to match the listener in the Alpine component
window.dispatchEvent(new CustomEvent('notification', {
detail: e.message // Pass the message as detail
}));
});
} else {
console.error('Echo is not defined. Make sure Laravel Echo is correctly set up.');
}
});
</script>
<div wire:snapshot="{"data":{"footerPost":[null,{"class":"App\\Models\\Post","key":567,"s":"mdl"}]},"memo":{"id":"SnAeg4lS6UrNgz03eVFx","name":"menu-footer-builder","path":"\/","method":"GET","children":{"lw-1967376939-0":["div","1Ce13Hy1Eha4zZbhpWCr"]},"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"360bba8ee6999d21c98b5e283bd2c32cf3af926779f669b013c2cb3dafc0f7c8"}" wire:effects="[]" wire:id="SnAeg4lS6UrNgz03eVFx" id="menu-footer-builder">
<div class="scribble-block"><footer class="text-base-content font-rubik bg-base-200" data-theme="tsDark">
<div class="px-4 py-8">
<div class="grid gap-8 mx-auto sm:grid-cols-3 md:grid-cols-6 max-w-7xl ">
<div class="col-span-2">
<div class="flex items-center mb-4 space-x-4">
<a wire:navigate="" href="/" class="flex-none cursor-pointer">
<img src="https://cdn.talentstacker.com/media/77b0df28-57ed-46c6-9eff-8c64f54c31f3.svg" alt="Talent Stacker" class="w-36">
</a>
<a target="_blank" href="https://trailhead.salesforce.com/en/trailblazerconnect/directory" class="flex-none cursor-pointer" rel="noopener noreferrer">
<img src="https://cdn.talentstacker.com/media/bd558522-1514-4f45-8c61-2e404047ec53.png" alt="Trailblazer Workforce Partner" class="flex-none w-36">
</a>
</div>
<nav>
<ul class="font-light">
<li class="py-1"><a wire:navigate="" href="/salesforce-free-challenge-landing-page" class="font-semibold uppercase text-base-content hover:text-primary">Five Day Salesforce Challenge</a></li>
<li class="py-1"><a wire:navigate="" href="/talent-stacker-wins" class="font-semibold uppercase text-base-content hover:text-primary">success stories</a></li>
<li class="py-1"><a wire:navigate="" href="/ts-salesforce-for-everyone-podcast" class="font-semibold uppercase text-base-content hover:text-primary">podcast</a></li>
<li class="py-1"><a wire:navigate="" href="/contact-us" class="font-semibold uppercase text-base-content hover:text-primary">contact us</a></li>
</ul>
</nav>
</div>
<div class="hidden md:block md:col-span-1">
</div>
<div class="sm:pt-10 md:col-span-3 lg:col-span-2">
<h2 class="mb-4 text-2xl font-semibold">Join Our Mailing List</h2>
<div wire:snapshot="{"data":{"formId":"566","post":null,"formPost":[null,{"class":"App\\Models\\Post","key":566,"s":"mdl"}],"lmPost":null,"buttonTextAlignment":"left","lmId":null,"urlParams":[[],{"s":"arr"}],"parameters":[[],{"s":"arr"}],"emailMappedFields":[{"78":"r","83":"src","75":"ref"},{"s":"arr"}],"formName":"stack-form","formType":"subscribe","formParametersMapped":null,"currentUrl":"https:\/\/talentstacker.com","emailTags":[[],{"s":"arr"}],"successMessage":"You Have Subscribed Successfully","hasRedirectOnSubmit":false,"redirectOnSubmitUrl":"","fields":[["firstName","email"],{"s":"arr"}],"type":null,"name":"","firstName":"","lastName":"","phoneNumber":"","contactData":[[],{"s":"arr"}],"email":"","metadata":[{"formName":"stack-form","successMessage":"You Have Subscribed Successfully","lmId":null,"description":"This is a general subscribe form that will subscribe to active campaign and the stack newsletter. its primary location is the footer","fields":[["firstName","email"],{"s":"arr"}],"emailTags":[[],{"s":"arr"}],"emailMappedFields":[[[{"parameter":[["r"],{"s":"arr"}],"email_field_id":[["78"],{"s":"arr"}]},{"s":"arr"}],[{"parameter":[["src"],{"s":"arr"}],"email_field_id":[["83"],{"s":"arr"}]},{"s":"arr"}],[{"parameter":[["ref"],{"s":"arr"}],"email_field_id":[["75"],{"s":"arr"}]},{"s":"arr"}]],{"s":"arr"}],"formType":"subscribe","hasRedirectOnSubmit":false,"redirectOnSubmitUrl":null},{"s":"arr"}],"message":"","answeredQuestions":[[],{"s":"arr"}],"inputStyles":null,"formMetaData":[[],{"s":"arr"}],"emailFieldData":[[],{"s":"arr"}],"optin":null,"selectOptions":null,"discoveryQuestion":"","hasSalesforceJob":"","formStyle":"naked","align":"","showName":"true","showLastName":false,"showPhoneNumber":false,"show_message":false,"agreedToTerms":false,"show_discovery":false,"post_submission_redirect":false,"useButtonGradient":false,"buttonStyles":null,"buttonWidth":null,"useThemeStyles":true,"show_inline":true,"redirect_url":"","formAction":"","emailPlaceholder":"Enter Your Email","buttonText":"Submit","aux_count":"","aux_text":"","aux_text_right":"","buttonIcon":"icon-arrow-up-right-square","formInputIcon":"icon-s-envelope","lm":null,"redirectRoute":null,"customMessage":null},"memo":{"id":"1Ce13Hy1Eha4zZbhpWCr","name":"form","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"3a603f6f3672f17bb9eb998dd294c4a08973b9ec30f4f857586a36a69547f507"}" wire:effects="[]" wire:id="1Ce13Hy1Eha4zZbhpWCr" id="section-form-" class="w-full">
<div>
<div class="p-6 bg-transparent text-base-content">
<span>
<form id="lm-form-" wire:submit.prevent="submit" class="relative">
<div class="mb-4 text-base-content">
<input type="text" wire:model="firstName" placeholder="First Name" class="w-full p-2 rounded bg-base-300">
</div>
<div class="mb-4 text-base-content">
<input type="email" wire:model="email" placeholder="Email" class="w-full p-2 rounded bg-base-300" required="">
</div>
<div class="mb-8">
</div>
<button class="px-4 py-2 font-bold transition-transform duration-300 ease-in-out transform hover:scale-105 rounded
text-left bg-secondary text-secondary-content w-fit
" type="submit">
Submit
</button>
<div wire:loading="" wire:target="submit" class="absolute inset-0 flex items-center justify-center bg-black bg-opacity-50">
<div class="lds-roller">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</form>
</span>
</div>
<!-- Success and error messages -->
</div>
</div>
</div>
</div>
<div class="mx-auto mt-8 max-w-7xl">
<div class="items-center justify-start block max-w-4xl font-light tracking-wide sm:flex sm:flex-wrap">
<div class="flex justify-center my-6 space-x-4 md:hidden sm:justify-start">
<a href="https://www.facebook.com/groups/salesforceforeveryone" target="_blank" rel="noopener noreferrer">
<svg class="text-base-content flex-shrink-0 w-8 h-8 hover:text-secondary" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M17 1H3c-1.1 0-2 .9-2 2v14c0 1.101.9 2 2 2h7v-7H8V9.525h2v-2.05c0-2.164 1.212-3.684 3.766-3.684l1.803.002v2.605h-1.197c-.994 0-1.372.746-1.372 1.438v1.69h2.568L15 12h-2v7h4c1.1 0 2-.899 2-2V3c0-1.1-.9-2-2-2z"></path></svg>
</a>
<a href="https://www.linkedin.com/company/sfcdp" target="_blank" rel="noopener noreferrer">
<svg class="text-base-content flex-shrink-0 w-8 h-8 hover:text-secondary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg>
</a>
<a href="https://www.tiktok.com/@salesforceforeveryone" target="_blank" rel="noopener noreferrer">
<svg class="text-base-content flex-shrink-0 w-8 h-8 hover:text-secondary" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path></svg>
</a>
</div>
<p class="flex-shrink-0 text-sm text-center md:text-left">
Talent Stacker © 2024 | All rights reserved |
<a href="/terms-of-service" target="_blank" class="cursor-pointer text-base-content hover:text-primary">Privacy Policy</a> |
<a href="/privacy-policy" target="_blank" class="cursor-pointer text-base-content hover:text-primary">Terms and Conditions</a>
</p>
<div class="flex-1 max-w-44"></div>
<div class="justify-center hidden space-x-4 md:flex sm:justify-start">
<a href="https://www.facebook.com/groups/salesforceforeveryone" target="_blank" rel="noopener noreferrer">
<svg class="text-base-content flex-shrink-0 w-8 h-8 hover:text-secondary" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M17 1H3c-1.1 0-2 .9-2 2v14c0 1.101.9 2 2 2h7v-7H8V9.525h2v-2.05c0-2.164 1.212-3.684 3.766-3.684l1.803.002v2.605h-1.197c-.994 0-1.372.746-1.372 1.438v1.69h2.568L15 12h-2v7h4c1.1 0 2-.899 2-2V3c0-1.1-.9-2-2-2z"></path></svg>
</a>
<a href="https://www.linkedin.com/company/sfcdp" target="_blank" rel="noopener noreferrer">
<svg class="text-base-content flex-shrink-0 w-8 h-8 hover:text-secondary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg>
</a>
<a href="https://www.tiktok.com/@salesforceforeveryone" target="_blank" rel="noopener noreferrer">
<svg class="text-base-content flex-shrink-0 w-8 h-8 hover:text-secondary" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path></svg>
</a>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
</b></div><b>
<!-- Other includes and scripts -->
<div x-data="{ notifications: [] }" class="fixed right-0 z-20 space-y-2 bottom-4 md:bottom-auto md:w-72 md:top-4" @notification.window="notifications.push($event.detail); setTimeout(() => notifications.shift(), 5000)">
<template x-for="(notification, index) in notifications" :key="index">
<div role="alert" class="relative data-[notify-show=true]:animate-slide-in data-[notify-show=false]:animate-slide-out">
<div class="px-4 py-3 mr-4 text-white border rounded-lg shadow bg-[#2D1E55]/80 border-[#FBBF24] ">
<div class="flex items-start">
<svg class="inline-block w-5 h-auto mr-2 text-[#FBBF24]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg>
<div>
<div class="mb-1 text-sm">Success</div>
<div x-text="notification" class="notification-style"></div>
</div>
</div>
</div>
</div>
</template>
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
// Check if Echo is defined
if (typeof Echo !== 'undefined') {
window.Echo.channel('home')
.listen('Message', (e) => {
console.log('MessagLook at this e: ' + e.message); // Log the message to the console
// Dispatching 'notification' event to match the listener in the Alpine component
window.dispatchEvent(new CustomEvent('notification', {
detail: e.message // Pass the message as detail
}));
});
} else {
console.error('Echo is not defined. Make sure Laravel Echo is correctly set up.');
}
});
</script>
<div x-persist="audioPlayerPersist">
<div wire:snapshot="{"data":{"visibility":["hidden",{"class":"App\\Enums\\AudioPlayerState","s":"enm"}],"visibilityValue":"","audioSrc":"","playing":false,"timestamp":0,"currentTime":0},"memo":{"id":"91A7qtcqWy46VzTNYzhq","name":"audio-player-persist","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"713368e3aa81c0f600983dadb0f62ed68a0b0eecf5cfb33e0fce35aa22485a85"}" wire:effects="{"listeners":["miniPlayer","audioSrcUpdate","activate-global-player"]}" wire:id="91A7qtcqWy46VzTNYzhq">
<div x-data="{...audioplayer(), ...{
playing: window.Livewire.find('91A7qtcqWy46VzTNYzhq').entangle('playing'),
audioSrc: window.Livewire.find('91A7qtcqWy46VzTNYzhq').entangle('audioSrc'),
timestamp: window.Livewire.find('91A7qtcqWy46VzTNYzhq').entangle('timestamp'),
currentTime: window.Livewire.find('91A7qtcqWy46VzTNYzhq').entangle('currentTime'),
visibility: window.Livewire.find('91A7qtcqWy46VzTNYzhq').entangle('visibility'),
visibilityValue: window.Livewire.find('91A7qtcqWy46VzTNYzhq').entangle('visibilityValue'),
}}" x-init="init(); " class="hidden">
<div class="relative">
<div class="hidden mt-8">
<div class="relative px-4 py-5" aria-label="Audio Player">
<audio id="globalAudioPlayer" src="" x-ref="globalAudioPlayer" @play="$wire.set('playing', true)" @pause="$wire.set('playing', false)">
</audio>
<div @go-to.window="goToTime($event.detail)">
<!-- Background -->
<div class="absolute inset-0 w-full h-20 px-2 mb-12 space-y-4 text-white bg-blue-500 shadow-sm sm:space-y-0 sm:space-x-4 btn bg-opacity-70 hover:bg-blue-600 group -z-10" aria-hidden="true"></div>
<!-- Controls -->
<div class="items-center sm:flex sm:space-x-3">
<div class="flex items-center flex-1 mb-3 space-x-3 sm:mb-0">
<button class="rounded-full flex-0" aria-controls="audiofile" :aria-label="'' ? 'Pause' : 'Play'" @click="toggleGlobalPlayer" aria-label="Play">
<template x-if="!playing">
<div xmlns="http://www.w3.org/2000/svg" width="40" height="40" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" aria-hidden="true">
<defs>
<linearGradient id="play-button" x1="87.87%" x2="12.333%" y1="20.647%" y2="76.5%">
<stop offset="0%" stop-color="#FFF" stop-opacity=".64"></stop>
<stop offset="100%" stop-color="#FFF"></stop>
</linearGradient>
</defs>
<path fill="url(#play-button)" fill-rule="evenodd" d="M20 40C8.954 40 0 31.046 0 20S8.954 0 20 0s20 8.954 20 20-8.954 20-20 20Zm-2.217-25.912A.5.5 0 0 0 17 14.5v11a.5.5 0 0 0 .783.412l8-5.5a.5.5 0 0 0 0-.824l-8-5.5Z"></path>
</svg>
</div>
</template><div xmlns="http://www.w3.org/2000/svg" width="40" height="40" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" aria-hidden="true">
<defs>
<linearGradient id="play-button" x1="87.87%" x2="12.333%" y1="20.647%" y2="76.5%">
<stop offset="0%" stop-color="#FFF" stop-opacity=".64"></stop>
<stop offset="100%" stop-color="#FFF"></stop>
</linearGradient>
</defs>
<path fill="url(#play-button)" fill-rule="evenodd" d="M20 40C8.954 40 0 31.046 0 20S8.954 0 20 0s20 8.954 20 20-8.954 20-20 20Zm-2.217-25.912A.5.5 0 0 0 17 14.5v11a.5.5 0 0 0 .783.412l8-5.5a.5.5 0 0 0 0-.824l-8-5.5Z"></path>
</svg>
</div>
<!-- Pause Icon (Shown when playing) -->
<template x-if="playing">
<div xmlns="http://www.w3.org/2000/svg" width="40" height="40" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" aria-hidden="true">
<path fill="white" fill-rule="evenodd" d="M20 40C8.954 40 0 31.046 0 20S8.954 0 20 0s20 8.954 20 20-8.954 20-20 20Zm-2.8-26h-2.4c-.48 0-.8.343-.8.857v10.286c0 .514.32.857.8.857h2.4c.48 0 .8-.343.8-.857V14.857c0-.514-.32-.857-.8-.857Zm8 0h-2.4c-.48 0-.8.343-.8.857v10.286c0 .514.32.857.8.857h2.4c.48 0 .8-.343.8-.857V14.857c0-.514-.32-.857-.8-.857Z"></path>
</svg>
</div>
</template>
</button>
<!-- Rewind / Forward 10 secs buttons -->
<!-- Playback speed -->
<div class="flex items-center space-x-3 grow">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('audioplayer', () => ({
audioSrc: '',
playing: false,
// visibilityValue: 'hidden',
init() {
this.$nextTick(() => {
try {
// Check and set up the global audio player
if (!this.$store.globalAudioPlayer.player && this.$refs.globalAudioPlayer) {
console.log("Initializing globalAudioPlayer in the DOM.");
this.$store.globalAudioPlayer.setPlayer(this.$refs.globalAudioPlayer);
}
// Retrieve and use stored audioSrc and playing status from the global store
if (this.$store.globalAudioPlayer.src) {
this.audioSrc = this.$store.globalAudioPlayer.src;
this.playing = this.$store.globalAudioPlayer.playing;
if (this.playing) {
// If it was playing, attempt to play the audio
this.$store.globalAudioPlayer.play().catch(error => {
console.error('Error trying to auto-play after page refresh:', error);
// Handle auto-play prevented by browser's policy
this.playing = false; // Optionally reset playing state if auto-play fails
});
}
}
} catch (error) {
console.error("Error during player initialization:", error);
}
// Setup state watchers
this.setupWatchersAndInitialState();
});
},
setupWatchersAndInitialState() {
// React to changes in 'playing' state with debounced handling to avoid rapid toggles
this.$watch('playing', Alpine.debounce(newValue => {
this.handlePlayingStateChange(newValue);
}, 100)); // Adjust debounce timing as needed
// Set initial playing state based on the store without directly triggering play/pause
this.playing = this.$store.globalAudioPlayer.playing;
},
handlePlayingStateChange(newValue) {
try {
// Ensure the play/pause action is necessary to avoid unnecessary calls
if (newValue !== this.$store.globalAudioPlayer.playing) {
if (newValue) {
console.log('Attempting to play.');
this.$store.globalAudioPlayer.play();
} else {
console.log('Attempting to pause.');
this.$store.globalAudioPlayer.pause();
}
}
} catch (error) {
console.error("Error handling 'playing' state change:", error);
}
},
triggerTogglePlaying(audioSrc) {
// Update the audio source if necessary
this.updateAudioSrc(audioSrc);
// Toggle the playing state
this.togglePlayback();
// Minimize player
Livewire.dispatch('miniPlayer');
},
toggleGlobalPlayer() {
this.togglePlayback();
},
toggleMinimizedPlayer() {
this.togglePlayback();
},
updateAudioSrc(audioSrc) {
if (this.audioSrc !== audioSrc) {
this.audioSrc = audioSrc;
// If there's a change in source, reflect that in the store and attempt playback
// if (this.$store.globalAudioPlayer.src !== this.audioSrc) {
// this.$store.globalAudioPlayer.play(this.audioSrc);
// }
}
},
togglePlayback() {
if (this.playing) {
console.log('Pausing globalAudioPlayer playback');
this.$store.globalAudioPlayer.pause();
} else {
console.log('Playing globalAudioPlayer');
// Attempt to play and catch any errors (e.g., autoplay policy issues)
console.log('Global audio player:', this.$store.globalAudioPlayer);
if (this.$store.globalAudioPlayer && this.$store.globalAudioPlayer.player) {
console.log('HTML audio element:', this.$store.globalAudioPlayer.player);
} else {
console.error('Global audio player or HTML audio element is not correctly initialized.');
return; // Exit if the global audio player or the HTML audio element is not set
}
}
// Toggle the playing state after attempting to play/pause
this.playing = !this.playing;
// Optionally, dispatch a Livewire event for state sync or additional actions
Livewire.dispatch('toggle-audio-player', {
playing: this.playing,
src: this.audioSrc,
time: this.currentTime, // Assuming currentTime is managed
});
},
}));
})
</script>
</div>
</div>
<div x-data="{ videoId: '', showModal: false, isLoading: true }" @lightbox-open.window="videoId = $event.detail.videoId; showModal = true; isLoading = true;" x-show="showModal" 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-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @keydown.escape.window="showModal = false; videoId = ''; isLoading = true" class="fixed inset-0 z-50 flex items-center justify-center max-w-full bg-black bg-opacity-75" :class="{'backdrop-blur-sm': showModal}" style="display: none;">
<!-- Overlay -->
<div @click="showModal = false; videoId = ''; isLoading = true" class="absolute inset-0" @click.stop=""></div>
<!-- Lightbox Container -->
<div class="relative overflow-hidden rounded-lg bg-slate-900" style="width: 80%; height: 80%; display: none;" x-show="showModal" x-transition:enter="ease-out duration-300 transform" x-transition:enter-start="opacity-0 scale-75" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="ease-in duration-300 transform" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-75">
<!-- Ribbon Banner -->
<div class="absolute top-0 left-0 right-0 z-10 py-2 text-center text-white bg-brand-gradient">
<div class="flex justify-end pr-2">
<button @click="showModal = false; videoId = ''; isLoading = true" class="text-xl font-bold text-black">
×
</button>
</div>
</div>
<div class="flex items-center justify-center w-full h-full">
<!-- Loading Indicator -->
<div x-show="isLoading" class="absolute">
<svg class="w-10 h-10 mr-3 -ml-1 text-primary animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 0116 0H4z"></path>
</svg>
</div>
<!-- Video iframe -->
<template x-if="showModal">
<div class="video-container" style="overflow: hidden; width: 100%; height: 100%; position: relative;">
<iframe x-show="showModal && !isLoading" x-bind:src="'https://www.youtube.com/embed/' + videoId + '?autoplay=1'" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="" class="w-full h-full" style="position: absolute; top: -8%; left: -5%; width: 110%; height: 110%;" @load="isLoading = false"></iframe>
</div>
</template>
</div>
</div>
</div>
<script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"tORUIpAiG2qYpYMycyImZR2awYXtwnZDvbmXfmuQ","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
<script>
function phoneInput() {
return {
phoneNumber: '',
isValid: true,
formatPhoneNumber() {
// Strip all non-digits
let numbers = this.phoneNumber.replace(/\D/g, '');
let match = numbers.match(/^(\d{0,3})(\d{0,3})(\d{0,4})$/);
if (match) {
this.phoneNumber = `${match[1]}${match[2] ? '-' + match[2] : ''}${match[3] ? '-' + match[3] : ''}`;
}
this.validatePhoneNumber();
},
validatePhoneNumber() {
this.isValid = /^\d{3}-\d{3}-\d{4}$/.test(this.phoneNumber);
}
};
}
</script>
<script defer="">
function Observer(o, property) {
var _this = this;
var value = o[property];
this.observers = [];
this.Observe = function (notifyCallback) {
_this.observers.push(notifyCallback);
};
Object.defineProperty(o, property, {
set: function (val) {
_this.value = val;
for (var i = 0; i < _this.observers.length; i++) _this.observers[i](val);
},
get: function () {
return _this.value;
}
});
}
function ensureSwiperAvailable(callback, retries = 5) {
console.log('Checking if Swiper is available...');
if (typeof window.Swiper !== 'undefined' && typeof window.Navigation !== 'undefined' && typeof window.Pagination !== 'undefined') {
console.log('Swiper and modules are defined and available globally');
callback();
} else if (retries > 0) {
console.error(`Swiper or modules are not defined, retrying in 5 seconds... (${retries} retries left)`);
setTimeout(() => ensureSwiperAvailable(callback, retries - 1), 5000);
} else {
console.error('Swiper or modules are still not defined after retries');
}
}
document.addEventListener('DOMContentLoaded', () => {
console.log('DOM fully loaded and parsed, initializing Swiper');
ensureSwiperAvailable(() => {
console.log('Swiper is now available globally');
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
var formId = 'lm-form-'; // Ensuring the form ID is dynamically set.
var formElement = document.getElementById(formId);
// Capture initial page load time
var pageLoadTime = new Date();
// Capture initial referrer
var referrer = document.referrer;
// Capture user interactions with the form fields
var formInteractions = [];
var fields = formElement.querySelectorAll('input, select, textarea');
fields.forEach(function(field, index) {
field.addEventListener('focus', function() {
formInteractions.push({
field: field.name,
action: 'focus',
timestamp: new Date().toISOString()
});
});
field.addEventListener('blur', function() {
formInteractions.push({
field: field.name,
action: 'blur',
timestamp: new Date().toISOString()
});
});
});
// Listening for the Livewire event
window.addEventListener('form-submitted', function () {
// Capture form submission time and calculate time on page
var submissionTime = new Date();
var timeOnPage = (submissionTime - pageLoadTime) / 1000; // Time on page in seconds
// Push the form submission event to the data layer for Google Tag Manager
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'form_submission', // Custom event name.
'formId': formId, // Pass the dynamic form ID for tracking.
'eventCategory': 'Form',
'eventLabel': formId, // Dynamically setting the label to include the form ID.
'eventValue': 1, // Optional: Assign a value to the submission.
'nonInteraction': true, // Optional: Change to true if you don't want this to affect bounce rate.
'page': window.location.href, // URL where the form was submitted
'firstPage': referrer, // First page of the visit
'timeOnPage': timeOnPage, // Time spent on the page before form submission
'formInteractions': formInteractions, // Detailed form field interactions
'items': [
{
'item_id': formId, // Form ID as the item ID
'item_name': 'Form Submission', // Static name for form submissions
// 'affiliation': 'Website',
// 'coupon': '', // Optional: Any coupon code applied
// 'discount': 0, // Optional: Any discount applied
// 'index': 0, // Index of the item
// 'item_brand': 'BrandName', // Optional: Brand associated with the form
// 'item_category': 'Forms', // Category of the item
// 'item_category2': '', // Optional: Additional category information
'location_id': window.location.href, // Optional: Location ID
'price': 3.00, // Price assigned to the form submission
'quantity': 1 // Quantity of the submission
}
]
});
});
// Optional: Track invalid form submission attempts
formElement.addEventListener('submit', function(e) {
if (!formElement.checkValidity()) {
e.preventDefault(); // Prevent form submission if not valid.
// Track invalid submission attempt via GTM.
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'invalid_form_submission',
'formId': formId,
'formType': 'CDP Program Info Guide'
});
}
});
});
</script>
<script>
document.addEventListener('alpine:init', () => {
Alpine.store('globalAudioPlayer', {
player: null,
src: '',
playing: false,
setPlayer(playerElement) {
this.player = playerElement
// Automatically set the player's src if already specified in the store
if (this.src) {
this.player.src = this.src
}
// Handle play/pause events to update the playing state
this.player.addEventListener('play', () => (this.playing = true))
this.player.addEventListener('pause', () => (this.playing = false))
},
play(src = this.src) {
if (!this.player) return console.error('Audio player not initialized')
if (src && src !== this.src) {
this.player.src = src
// Change source if a new src is provided and different
this.src = src
}
this.player
.play()
.catch((error) => console.error('Playback failed:', error))
},
pause() {
if (!this.player) return
this.player.pause()
},
})
})
</script>
<script>
function themeSwitcher() {
return {
theme: localStorage.getItem('color-theme') || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'),
initializeTheme() {
this.setTheme(this.theme);
},
setTheme(theme) {
this.theme = theme;
localStorage.setItem('color-theme', theme);
if (theme === 'dark') {
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.remove('dark');
}
this.updateIcons();
},
toggleTheme() {
this.setTheme(this.theme === 'dark' ? 'light' : 'dark');
},
updateIcons() {
const darkIcon = document.getElementById('theme-toggle-dark-icon');
const lightIcon = document.getElementById('theme-toggle-light-icon');
if (this.theme === 'dark') {
darkIcon.classList.add('hidden');
lightIcon.classList.remove('hidden');
} else {
darkIcon.classList.remove('hidden');
lightIcon.classList.add('hidden');
}
}
};
}
</script>
<script>
document.addEventListener('DOMContentLoaded', (event) => {
document.querySelectorAll('a').forEach(link => {
const href = link.getAttribute('href');
// Check if href is not null and is a full URL by trying to create a URL object
try {
const url = new URL(href, window.location.href); // Use the current page's URL as the base
const host = window.location.hostname;
const linkHost = url.hostname;
if (linkHost && linkHost !== host) {
link.setAttribute('target', '_blank');
link.setAttribute('rel', 'noopener noreferrer');
}
} catch (error) {
// Handle error or ignore if URL is not valid or is a relative URL
console.error("Invalid URL: ", href);
}
});
});
</script>
<script>
function simulatePurchase() {
// Example amount; replace with dynamic data or calculation as needed
var value = 5092; // Simulated total amount in dollars
// Example item details; replace these with actual data from your application
var items = [{
"item_id": "SKU12345", // Replace with actual item ID
"item_name": "Test Talent Stacker Product", // Replace with actual product name
"affiliation": "Talent Stacker Merchandise Store", // Replace with your store or business name
"coupon": "SUMMER_SALE", // Replace with actual coupon code if applicable
"price": value/100, // Assuming the price is the same as transaction value for this example
"quantity": 1 // Assuming one item purchased
}];
// Push the purchase event to the data layer
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'purchase',
'ecommerce': {
'currency': 'USD',
'value': value/100, // This should be the total transaction value
'items': items // This should contain all items in the transaction
}
});
}
</script>
<form>
<!-- Other form fields -->
<input type="hidden" name="form_fields[campaign_url]" value="undefined">
<input type="hidden" name="form_fields[utm_source]">
<input type="hidden" name="form_fields[utm_medium]">
<input type="hidden" name="form_fields[utm_campaign]">
<!-- Other form fields -->
</form>
</div></b></div><iframe sandbox="" style="display: none;"></iframe><div style="display: none; visibility: hidden;"><script>function set_form_field(fieldname,value){var selector='input[name\x3d"form_fields['+fieldname+']"]';var field=document.querySelector(selector);if(field)field.value=value}
(function(){var url="undefined"?"undefined":"undefined";set_form_field("campaign_url",url);var querystring=url.split("?");if(querystring.length>1){var keyvalues=querystring[1].split("\x26");for(var i=0;i<keyvalues.length;i++){var kv=keyvalues[i].split("\x3d");var key=kv[0].toLowerCase();if(key.startsWith("utm_"))set_form_field(key,kv[1])}}})();</script></div></body></html>