CINXE.COM
Western Star: Explore Our Heavy-Duty Class 8 Trucks
<!DOCTYPE html> <html> <head> <title>Western Star: Explore Our Heavy-Duty Class 8 Trucks</title> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"Website","name":"Western Star","alternateName":"WST","url":"https://www.westernstartrucks.com/"} </script> <link href="https://www.westernstartrucks.com/" rel="canonical" /> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Western Star offers a range of premium Class 8 trucks designed to meet your specific needs for highway, vocational and off-road applications." /> <meta property="og:title" content="Western Star: Explore Our Heavy-Duty Class 8 Trucks" /> <meta property="og:description" content="Western Star offers a range of premium Class 8 trucks designed to meet your specific needs for highway, vocational and off-road applications." /> <meta name="rating" content="General" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css?family=Barlow:400,500,700|Barlow+Condensed:400,500,700" rel="stylesheet"> <link rel="stylesheet" href="/static/styles/legacy.css" media="screen" /> <link rel="stylesheet" href="/static/styles/site.css" media="screen" /> <link href="/favicon.ico" rel="SHORTCUT ICON"> <!-- Google Tag Manager --> <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-NCKS4L'); </script> <!-- End Google Tag Manager --> <script type="text/javascript">!function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{ src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source crossOrigin: "anonymous", cfg: { // Application Insights Configuration connectionString: 'InstrumentationKey=eb5c2b5c-e438-45dc-b062-6b32171d75be' }});</script></head> <body class="bg-[url('/static/images/global-background.jpg')] bg-no-repeat bg-top bg-cover bg-fixed"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NCKS4L" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- HEADER BEGINS --> <search-container search-link="search-e6f1bee664b745ca822a9e372ee3f638"> <form id="frmSearch" action="/search/"><input name="search" type="text" placeholder="Search..." /></form> <button class="search-close"></button> </search-container> <input type="checkbox" id="nav-active" class="hidden" /> <header class="nav"> <section> <a href="/" id="logo"><img src="/static/images/logo-white.png"></a> </section> <section id="middleNav"> <label for="nav-active">Close</label> <nav class="!pl-0" data-promoheadline="POWERTRAIN" data-promocopy="<p>POWER AND RELIABILITY YOU CAN COUNT ON.</p>" data-promolink="/powertrain/" data-promoimage="#"> <div x-data="{ open: false, promoHeadline: '', promoCopy: '', promoLink: '', promoImage: '' }" x-init="promoHeadline = $el.parentElement.dataset.promoheadline;promoCopy = $el.parentElement.dataset.promocopy;promoLink = $el.parentElement.dataset.promolink;promoImage = $el.parentElement.dataset.promoimage;" x-on:mouseenter="window.innerWidth < 900 ? open = false : open = true" x-on:mouseleave="open = false" class="h-[78.59px] cursor-pointer"> <a nav-primary href="/trucks/" class="pl-8 h-full flex items-center header-menu-link" title="Trucks" > <div>Trucks</div><div class="h-full hidden min-[900px]:flex items-center ml-4"><span class="text-[#ed1c24] text-sm pl-2">//</span></div> </a> <div x-cloak class="absolute top-[-1px] flex flex-row bg-slate normal-case mt-[80px] p-8 bg-[rgba(255,255,255,.85)] backdrop-blur-sm max-w-[1124px]" x-show="open" x-on:focusout="await $nextTick();!$el.contains($focus.focused()) && (open = false)"> <div class="flex flex-col"> <a href="/trucks/47x/" class="border-b last:border-0 border-[rgba(151,151,151,.30)] header-menu-link"> <div class="flex flex-row py-12 pl-8 text-black hover:!text-[#ed1c24]"> <div class="w-[225px] flex-none"><img class="w-full h-auto" src="/static/images/47xt.png" alt="47X"></div> <div class="pl-12"> <div class="flex flex-row"> <h3 class="ml-[-21px] leading-[0px]"><span class="text-[#ed1c24] mr-2 font-light tracking-wide text-lg">//</span></h3> <h3 class="tracking-wide text-lg">VOCATIONAL</h3> </div> <h2 class="text-4xl">47X</h2> <p class="text-[14px] leading-4 tracking-normal">The next generation in versatility, maneuverability and upfit in one durable package</p> </div> </div> </a> <a href="/trucks/49x/" class="border-b last:border-0 border-[rgba(151,151,151,.30)] header-menu-link"> <div class="flex flex-row py-12 pl-8 text-black hover:!text-[#ed1c24]"> <div class="w-[225px] flex-none"><img class="w-full h-auto" src="/static/images/49xt.png" alt="49X"></div> <div class="pl-12"> <div class="flex flex-row"> <h3 class="ml-[-21px] leading-[0px]"><span class="text-[#ed1c24] mr-2 font-light tracking-wide text-lg">//</span></h3> <h3 class="tracking-wide text-lg">VOCATIONAL</h3> </div> <h2 class="text-4xl">49X</h2> <p class="text-[14px] leading-4 tracking-normal">The toughest most advanced heavy duty vocational truck in the market</p> </div> </div> </a> <a href="/trucks/57x/" class="border-b last:border-0 border-[rgba(151,151,151,.30)] header-menu-link"> <div class="flex flex-row py-12 pl-8 text-black hover:!text-[#ed1c24]"> <div class="w-[225px] flex-none"><img class="w-full h-auto" src="/static/images/57xt.png" alt="57X"></div> <div class="pl-12"> <div class="flex flex-row"> <h3 class="ml-[-21px] leading-[0px]"><span class="text-[#ed1c24] mr-2 font-light tracking-wide text-lg">//</span></h3> <h3 class="tracking-wide text-lg">ON-HIGHWAY</h3> </div> <h2 class="text-4xl">57X</h2> <p class="text-[14px] leading-4 tracking-normal">The highest level of technology, driver-focused amenities and safety to hit the highway</p> </div> </div> </a> </div> <div class="px-12 ml-12 flex flex-col border-l border-[rgba(151,151,151,.25)] w-[422px] flex-none justify-center"> <div class="flex flex-row"> <h3 class="leading-[0px]"><span class="text-[#ed1c24] mr-2 font-light tracking-wide text-lg">//</span></h3> <h3 class="tracking-wide text-lg" x-text="promoHeadline"></h3> </div> <div class="menu-promo-copy" x-html="promoCopy"></div> <a class="bg-red hover:bg-white border border-red px-6 py-4 mt-6 mb-3 self-start !text-white hover:!text-black font-['Barlow_Condensed'] tracking-widest font-regular text-xl header-menu-link" :href="promoLink">LEARN MORE</a> </div> </div> </div> <div x-data="{ open: false, promoHeadline: '', promoCopy: '', promoLink: '', promoImage: '' }" x-init="promoHeadline = $el.parentElement.dataset.promoheadline;promoCopy = $el.parentElement.dataset.promocopy;promoLink = $el.parentElement.dataset.promolink;promoImage = $el.parentElement.dataset.promoimage;" x-on:mouseenter="window.innerWidth < 900 ? open = false : open = true" x-on:mouseleave="open = false" class="h-[78.59px] cursor-pointer"> <a nav-primary href="/parts-and-services/" class="pl-8 h-full flex items-center header-menu-link" title="Parts & Services" > <div>Parts & Services</div><div class="h-full hidden min-[900px]:flex items-center ml-4"><span class="text-[#ed1c24] text-sm pl-2">//</span></div> </a> <div x-cloak class="min-[900px]:absolute min-[900px]:top-[-1px] bg-slate normal-case mt-[80px] bg-[rgba(255,255,255,.85)] backdrop-blur-sm min-w-[460px]" x-show="open" x-on:focusout="await $nextTick();!$el.contains($focus.focused()) && (open = false)"> <a href="/parts-and-services/#parts" class="block !text-[#000000] !text-lg !font-black hover:!text-[#ed1c24] hover:bg-white py-4 px-4 border-b last:border-0 border-[rgba(151,151,151,.25)] font-barlow-condensed tracking-wide header-menu-link"> <span class="text-[#ed1c24] text-lg mr-1 font-light">// </span> PARTS </a> <a href="/parts-and-services/#services" class="block !text-[#000000] !text-lg !font-black hover:!text-[#ed1c24] hover:bg-white py-4 px-4 border-b last:border-0 border-[rgba(151,151,151,.25)] font-barlow-condensed tracking-wide header-menu-link"> <span class="text-[#ed1c24] text-lg mr-1 font-light">// </span> SERVICES </a> <a href="/parts-and-services/#resources" class="block !text-[#000000] !text-lg !font-black hover:!text-[#ed1c24] hover:bg-white py-4 px-4 border-b last:border-0 border-[rgba(151,151,151,.25)] font-barlow-condensed tracking-wide header-menu-link"> <span class="text-[#ed1c24] text-lg mr-1 font-light">// </span> RESOURCES </a> </div> </div> <div x-data="{ open: false, promoHeadline: '', promoCopy: '', promoLink: '', promoImage: '' }" x-init="promoHeadline = $el.parentElement.dataset.promoheadline;promoCopy = $el.parentElement.dataset.promocopy;promoLink = $el.parentElement.dataset.promolink;promoImage = $el.parentElement.dataset.promoimage;" x-on:mouseenter="window.innerWidth < 900 ? open = false : open = true" x-on:mouseleave="open = false" class="h-[78.59px] cursor-pointer"> <a nav-primary href="/financing/" class="pl-8 h-full flex items-center header-menu-link" title="Financing" > <div>Financing</div><div class="h-full hidden min-[900px]:flex items-center ml-4"><span class="text-[#ed1c24] text-sm pl-2">//</span></div> </a> </div> <div x-data="{ open: false, promoHeadline: '', promoCopy: '', promoLink: '', promoImage: '' }" x-init="promoHeadline = $el.parentElement.dataset.promoheadline;promoCopy = $el.parentElement.dataset.promocopy;promoLink = $el.parentElement.dataset.promolink;promoImage = $el.parentElement.dataset.promoimage;" x-on:mouseenter="window.innerWidth < 900 ? open = false : open = true" x-on:mouseleave="open = false" class="h-[78.59px] cursor-pointer"> <a nav-primary href="/star-nation/" class="pl-8 h-full flex items-center header-menu-link" title="Star Nation" > <div>Star Nation</div><div class="h-full hidden min-[900px]:flex items-center ml-4"><span class="text-[#ed1c24] text-sm pl-2">//</span></div> </a> </div> </nav> <nav class="block min-[900px]:flex"> <a id="search-e6f1bee664b745ca822a9e372ee3f638" href="/search/">Search</a> </nav> </section> <a href="/dealers/" class="find-dealer pr-0 md:pr-8 md:pl-4 xl:pl-24"><span>Find a Dealer</span></a> <label for="nav-active">Menu <span><span></span></span></label> </header> <!-- HEADER ENDS --> <main> <section style="" class=" text-[#ffffff] flex-col lg:flex-row flex items-center"> <div class="bg-no-repeat bg-cover bg-center lg:w-[65%]"> <picture class="hidden h-full lg:block"> <source srcset="/media/oc2fpuc5/mixer-hero-min_no_visor.jpg?cc=0.061637521246866986,0,0.061637521246866986,0&width=1653&height=1258&format=webp" /> <source srcset="/media/oc2fpuc5/mixer-hero-min_no_visor.jpg?cc=0.061637521246866986,0,0.061637521246866986,0&width=1653&height=1258" /> <img src="/media/oc2fpuc5/mixer-hero-min_no_visor.jpg?cc=0.061637521246866986,0,0.061637521246866986,0&width=1653&height=1258" alt="The Trilogy of Tough Has Arrived" class="aspect-[46/35] h-full w-full object-cover" /> </picture> <picture class="block lg:hidden"> <source srcset="/media/oc2fpuc5/mixer-hero-min_no_visor.jpg?cc=0,0.07848013987047206,0,0.0784555147873624&width=640&height=360&format=webp" /> <source srcset="/media/oc2fpuc5/mixer-hero-min_no_visor.jpg?cc=0,0.07848013987047206,0,0.0784555147873624&width=640&height=360" /> <img src="/media/oc2fpuc5/mixer-hero-min_no_visor.jpg?cc=0,0.07848013987047206,0,0.0784555147873624&width=640&height=360" alt="The Trilogy of Tough Has Arrived" class="aspect-[16/9] object-cover" /> </picture> </div> <div class="full-feature px-12 py-10 lg:flex-1 lg:pt-20"> <h1 class="text-[#ffffff] text-left beginningdoubleredslashes"><span class="icon-slashes"></span>57X</h1> <h2 class="text-[#ffffff] text-left default">THE TRILOGY OF TOUGH HAS ARRIVED</h2> <div class="full-feature-copy max-w-[254px] mt-4"><p>The new X-Series lineup has been built from the ground up, forged to take the driver experience to the next level. Learn more about the 47X, 49X, and the all-new 57X.</p></div> </div> </section> <div id="" style="" class="h-32 " role="presentation"></div> <div id="" style="" class="h-32 " role="presentation"></div> <section id="choose-your-star" style="" class=" text-[#ffffff] px-10 lg:px-16 py-1"> <header> <h5 class="flex font-bold items-center !text-lg"> <span class="icon-slashes"></span> <span>OUR MODELS</span> </h5> </header> <h1 class="text-4xl md:text-6xl max-w-5xl mt-0">CHOOSE YOUR STAR</h1> </section> <div id="" style="" class="h-8 " role="presentation"></div> <div id="truck-slider" style="" class=" text-[#ffffff] flex flex-col space-x-0 md:space-x-2 lg:flex-row"> <div class="align-left flex flex-col grow mb-16 shrink"> <a href="/trucks/47x/"> <picture class="block h-auto w-full"> <source srcset="/media/w0uf4dsh/47x.png?cc=0,0,0,0&width=700&height=700&format=webp" /> <source srcset="/media/w0uf4dsh/47x.png?cc=0,0,0,0&width=700&height=700" /> <img src="/media/w0uf4dsh/47x.png?cc=0,0,0,0&width=700&height=700" alt="47X" class="w-full" /> </picture> </a> <h4 class="text-lg mt-8 pl-8"> <span class="text-[#ed1c24] mr-1 font-light tracking-wide">//</span>Vocational </h4> <h2 class="text-6xl ml-4 my-1 pl-8">47X</h2> <p class="text-lg ml-4 pl-8 pr-8 whitespace-break-spaces">The next generation in versatility, maneuverability and upfit in one durable package</p> </div> <div class="align-left flex flex-col grow mb-16 shrink"> <a href="/trucks/49x/"> <picture class="block h-auto w-full"> <source srcset="/media/ydeiirhd/49x.png?cc=0,0,0,0&width=700&height=700&format=webp" /> <source srcset="/media/ydeiirhd/49x.png?cc=0,0,0,0&width=700&height=700" /> <img src="/media/ydeiirhd/49x.png?cc=0,0,0,0&width=700&height=700" alt="49X" class="w-full" /> </picture> </a> <h4 class="text-lg mt-8 pl-8"> <span class="text-[#ed1c24] mr-1 font-light tracking-wide">//</span>Vocational </h4> <h2 class="text-6xl ml-4 my-1 pl-8">49X</h2> <p class="text-lg ml-4 pl-8 pr-8 whitespace-break-spaces">The toughest most advanced heavy duty vocational truck in the market</p> </div> <div class="align-left flex flex-col grow mb-16 shrink"> <a href="/trucks/57x/"> <picture class="block h-auto w-full"> <source srcset="/media/s4vhyb4v/57x.png?width=700&height=700&format=webp" /> <source srcset="/media/s4vhyb4v/57x.png?width=700&height=700" /> <img src="/media/s4vhyb4v/57x.png?width=700&height=700" alt="57X" class="w-full" /> </picture> </a> <h4 class="text-lg mt-8 pl-8"> <span class="text-[#ed1c24] mr-1 font-light tracking-wide">//</span>On-Highway </h4> <h2 class="text-6xl ml-4 my-1 pl-8">57X</h2> <p class="text-lg ml-4 pl-8 pr-8 whitespace-break-spaces">The highest level of technology, driver- focused amenities and safety to hit the highway</p> </div> </div> <div id="" style="" class="h-32 " role="presentation"></div> <section id="raised-in-the-pit-mines" style="" class=" text-[#ffffff] px-10 py-1"> <header> <h5 class="flex font-bold items-center !text-lg"> <span class="icon-slashes"></span> <span>OUR COMPANY</span> </h5> </header> <article class="flex flex-col gap-4 items-start justify-between lg:flex-row lg:items-center"> <div class="max-w-5xl w-full lg:flex lg:items-baseline"> <p class="font-barlow-condensed font-bold text-4xl md:text-6xl"> RAISED IN THE PIT MINES AND LOGGING CAMPS OF THE WORLD. NOW THAT'S A REAL EDUCATION. </p> </div> <div class="flex flex-1 items-center justify-center ios-mt-20 whitespace-nowrap"> <span class=" bg-transparent inline-block overflow-hidden relative w-full before:-skew-x-12 before:-translate-x-[120%] before:absolute before:bg-[#c21a1f] before:duration-300 before:ease-in-out before:h-[110%] before:top-0 before:transition-transform before:w-[115%] hover:before:-translate-x-[10%] md:w-auto "> <a href="/company/" target="_self" title="WST Company" class=" border border-[#c21a1f] font-barlow-condensed !font-medium inline-block py-3.5 px-5 relative text-center !text-[#ffffff] text-lg tracking-widest w-full hover:!text-[#ffffff] hover:border-[#c21a1f]">OUR COMPANY</a> </span> </div> </article> </section> <div id="" style="" class="h-8 " role="presentation"></div> <div id="" style="" class=" grid grid-cols-2 grid-rows-2 gap-2 md:aspect-[15/8]"> <div class="row-span-2 col-span-2 md:col-span-1 flex items-center justify-center md:overflow-hidden"> <picture class="block h-full"> <source srcset="/media/uimmnzmz/company-truck.png?cc=0.01968242944630343,0,0.019650861796830607,0&width=950&height=950&format=webp" /> <source srcset="/media/uimmnzmz/company-truck.png" /> <img src="/media/uimmnzmz/company-truck.png" alt="" class="w-auto h-full md:max-w-none" /> </picture> </div> <div class="col-span-1 row-span1 md:aspect-auto"> <picture class="hidden lg:block h-full"> <source srcset="/media/n55kmj50/company-sign.png?cc=0,0.0287654939276324,0,0.02873419306372856&width=950&height=470&format=webp" /> <source srcset="/media/n55kmj50/company-sign.png?cc=0,0.0287654939276324,0,0.02873419306372856&width=950&height=470" /> <img src="/media/n55kmj50/company-sign.png" alt="" class="w-full h-full" /> </picture> <picture class="block lg:hidden h-full"> <source srcset="/media/n55kmj50/company-sign.png?cc=0.067904070568777,0,0,0&width=380&height=214&format=webp" /> <source srcset="/media/n55kmj50/company-sign.png?cc=0.067904070568777,0,0,0&width=380&height=214" /> <img src="/media/n55kmj50/company-sign.png" alt="" class="w-full h-full" /> </picture> </div> <div class="col-span-1 row-span-1 md:aspect-auto"> <picture class="hidden lg:block h-full"> <source srcset="/media/odulrvoq/gravel-sifter.jpg?width=950&height=470&format=webp" /> <source srcset="/media/odulrvoq/gravel-sifter.jpg?width=950&height=470" /> <img src="/media/odulrvoq/gravel-sifter.jpg" alt="" class="w-full h-full" /> </picture> <picture class="block lg:hidden h-full"> <source srcset="/media/odulrvoq/gravel-sifter.jpg?width=380&height=214&format=webp" /> <source srcset="/media/odulrvoq/gravel-sifter.jpg?width=380&height=214" /> <img src="/media/odulrvoq/gravel-sifter.jpg" alt="" class="w-full h-full" /> </picture> </div> </div> <div id="" style="" class="h-32 " role="presentation"></div> <section id="new-and-notable" style="" class=" text-[#ffffff] px-10 lg:px-16 py-1"> <header> <h5 class="flex font-bold items-center !text-lg"> <span class="icon-slashes"></span> <span>STAY UP-TO-DATE</span> </h5> </header> <h1 class="text-4xl md:text-6xl max-w-5xl mt-0">NEW AND NOTABLE</h1> </section> <div id="" style="" class="h-8 " role="presentation"></div> <div id="latest-from-the-blog" style="" class=" text-[#ffffff] px-10 lg:px-16 py-1"> <section> <div class="flex flex-col gap-2 lg:flex-row lg:gap-8 xl:gap-16"> <div class="w-full lg:w-9/12"> <picture class="block md:hidden"> <source srcset="/media/xovnjlg0/hero-image-2024-star-nation.jpg?width=687&height=438&format=webp" /> <source srcset="/media/xovnjlg0/hero-image-2024-star-nation.jpg?width=687&height=438" /> <img src="/media/xovnjlg0/hero-image-2024-star-nation.jpg" alt="Star Nation Experience" class="aspect-[756/482] w-full" /> </picture> <picture class="hidden md:block lg:hidden"> <source srcset="/media/xovnjlg0/hero-image-2024-star-nation.jpg?width=1283&height=818&format=webp" /> <source srcset="/media/xovnjlg0/hero-image-2024-star-nation.jpg?width=1283&height=818" /> <img src="/media/xovnjlg0/hero-image-2024-star-nation.jpg" alt="Star Nation Experience" class="aspect-[756/482] w-full" /> </picture> <picture class="hidden md:hidden lg:block"> <source srcset="/media/xovnjlg0/hero-image-2024-star-nation.jpg?width=1763&height=1124&format=webp" /> <source srcset="/media/xovnjlg0/hero-image-2024-star-nation.jpg?width=1763&height=1124" /> <img src="/media/xovnjlg0/hero-image-2024-star-nation.jpg" alt="Star Nation Experience" class="aspect-[756/482] w-full" /> </picture> </div> <div class="flex flex-col justify-center w-full lg:w-3/12"> <header class="contained-feature align-header"> <h5 class="text-[#ffffff] text-left beginningdoubleredslashes"><span class="icon-slashes"></span>LATEST FROM THE BLOG</h5> <h2 class="text-[#ffffff] text-left default">2024 STAR NATION EXPERIENCE</h2> </header> <div class="contained-feature mt-8"> <p>Winners of the 2024 Star Nation Experience came together in Bend, OR, for an exclusive, once-in-a-lifetime, four-day event.</p> </div> <div class="mt-8 flex justify-center"> <span class=" bg-transparent inline-block overflow-hidden relative w-full before:-skew-x-12 before:-translate-x-[120%] before:absolute before:bg-[#c21a1f] before:duration-300 before:ease-in-out before:h-[110%] before:top-0 before:transition-transform before:w-[115%] hover:before:-translate-x-[10%] md:w-auto "> <a href="/blog/2024-star-nation-experience/" target="_self" title="Star Nation Experience" class=" border border-[#c21a1f] font-barlow-condensed !font-medium inline-block py-3.5 px-5 relative text-center !text-[#ffffff] text-lg tracking-widest w-full hover:!text-[#ffffff] hover:border-[#c21a1f]">READ MORE</a> </span> </div> </div> </div> </section> </div> <div id="" style="" class="h-16 " role="presentation"></div> <div id="" style="" class="h-16 bg-[#ffffff] " role="presentation"></div> <div id="" style="" data-scroller class="bg-[#ffffff] text-[#000000]"> <header> <div class="px-10 mb-10"> <h5 class="relative flex -left-6 lg:left-0 text-base uppercase"> <span class="icon-slashes text-red-dark mr-1"></span> <span>STAY CONNECTED WITH WESTERN STAR NATION</span> </h5> <div class="flex flex-col lg:flex-row gap-8 justify-start items-start lg:items-center"> <h2 class="text-4xl md:text-6xl max-w-5xl whitespace-normal"> KEEP UP WITH US </h2> <div class="hidden md:flex gap-2 ml-auto items-center" data-scroll-controlls=""> <button data-scroll-left="" class="w-14 h-14 rounded-full border border-gray-dark hover:border-red-dark"><</button> <span class="h-px w-[100px] bg-gray-dark"></span> <button data-scroll-right="" class="w-14 h-14 rounded-full border border-gray-dark hover:border-red-dark">></button> </div> </div> </div> </header> <div class="overflow-x-auto overflow-y-hidden scrollbar-hide" data-scroll-area=""> <div class="grid gap-0 auto-cols-max grid-flow-col w-full -ml-2 -mb-2"> <a href="https://www.youtube.com/serioustrucks" target="_blank" class="block aspect-square w-[45vw] col-span-3 row-span-3 relative ios-social"> <div class="pl-2 pb-2 h-full"> <div style="background-image: url(/media/eyral3z1/3_truck_social.jpg?v=1db3ad1f50e69e0);" class="bg-cover bg-center bg-no-repeat flex h-full inset-0 items-end justify-end pb-4 pr-8 relative"> <span class="icon-youtube text-4xl text-white"></span> </div> </div> </a> <a href="https://www.linkedin.com/company/western-star-trucks?trk=organization-update_share-update_actor-text" target="_blank" class="ios-social aspect-square block col-span-3 relative row-span-3 w-[45vw] md:w-[15vw] md:col-span-1 md:row-span-1"> <div class="pl-2 pb-2 h-full"> <div style="background-image: url(/media/ln4bswk1/wst-hood-logo.jpg?v=1db3ad1f4332510);" class="bg-cover bg-center bg-no-repeat flex h-full inset-0 items-end justify-end pb-2 pr-4 relative"> <span class="icon-linkedin text-4xl text-white"></span> </div> </div> </a> <a href="https://www.facebook.com/westernstartrucks/photos/10159696695058293" target="_blank" class="ios-social aspect-square block col-span-3 relative row-span-3 row-start-1 w-[45vw] md:w-[30vw] md:row-start-2 md:col-span-2 md:row-span-2"> <div class="pl-2 pb-2 h-full"> <div style="background-image: url(/media/4bvhwqni/fb_social.jpeg?v=1db3ad1f19ce9d0);" class="bg-cover bg-center bg-no-repeat flex h-full inset-0 items-end justify-end pb-4 pr-8 relative"> <span class="icon-facebook text-4xl text-white"></span> </div> </div> </a> <a href="https://www.tiktok.com/@westernstartrucks" target="_blank" class="ios-social aspect-square block col-span-3 relative row-span-3 row-start-1 w-[45vw] md:w-[15vw] md:col-span-1 md:row-span-1"> <div class="pl-2 pb-2 h-full"> <div style="background-image: url(/media/vchpfltb/close_up.jpg?v=1db3ad1f3ce6fd0);" class="bg-cover bg-center bg-no-repeat flex h-full inset-0 items-end justify-end pb-2 pr-4 relative "> <span class="icon-tiktok text-4xl text-white"></span> </div> </div> </a> <a href="https://www.instagram.com/p/CWURES1DB2Y/" target="_blank" class="block aspect-square w-[45vw] col-span-3 row-span-3 relative ios-social"> <div class="pl-2 pb-2 h-full"> <div style="background-image: url(/media/v4jprdj5/instagram-financial.jpg?v=1db3ad1f0a34790);" class="bg-cover bg-center bg-no-repeat flex h-full inset-0 items-end justify-end pb-4 pr-8 relative"> <span class="icon-instagram text-4xl text-white"></span> </div> </div> </a> </div> </div> </div> <div id="" style="" class="h-32 bg-[#ffffff] " role="presentation"></div> <section style="background-image:url("/media/04wngsm1/trucks-hero.jpg?v=1db3d0b3681c350")" class="bg-[#ffffff] bg-bottom bg-no-repeat bg-[length:100%] text-[#000000] min-h-[680px] md:min-h-[600px] lg:min-h-[700px] flex flex-col items-center justify-start pt-14"> <div class="bgMediaSection flex flex-col items-center max-w-5xl px-10"> <h2 class="text-[#000000] text-center default">FIND YOUR STAR</h2> </div> <div class="ios-grid flex flex-col items-center justify-center mt-12 md:flex-row gap-4 md:gap-7"> <span class=" bg-[#c21a1f] inline-block overflow-hidden relative w-full before:-skew-x-12 before:-translate-x-[120%] before:absolute before:bg-[#ffffff] before:duration-300 before:ease-in-out before:h-[110%] before:top-0 before:transition-transform before:w-[115%] hover:before:-translate-x-[10%] md:w-auto "> <a href="/dealers/" target="_self" title="Find a Dealer" class=" border border-[#c21a1f] font-barlow-condensed !font-medium inline-block py-3.5 px-5 relative text-center !text-[#ffffff] text-lg tracking-widest w-full hover:!text-[#000000] hover:border-[#c21a1f]">FIND A DEALER</a> </span> <span class=" bg-[#c21a1f] inline-block overflow-hidden relative w-full before:-skew-x-12 before:-translate-x-[120%] before:absolute before:bg-[#ffffff] before:duration-300 before:ease-in-out before:h-[110%] before:top-0 before:transition-transform before:w-[115%] hover:before:-translate-x-[10%] md:w-auto "> <a href="/trucks/57x/quote/" target="_self" title="Request a Quote" class=" border border-[#c21a1f] font-barlow-condensed !font-medium inline-block py-3.5 px-5 relative text-center !text-[#ffffff] text-lg tracking-widest w-full hover:!text-[#000000] hover:border-[#c21a1f]">REQUEST A QUOTE</a> </span> </div> </section> <div id="cta-signup-newsletter-floating-cta" style="" class=" text-[#ffffff] hidden bottom-[0px] z-[100] w-full"> <div class="mb-3 mt-3 md:mb-10 md:ml-10"> <a href="#newsletter" target="_self" title="Sign Up For Newsletter" class=" bg-[#ed1c24] border border-[#ed1c24] font-barlow-condensed !font-medium py-3.5 px-5 text-center !text-[#ffffff] text-lg tracking-widest hover:!bg-[#ed1c24] hover:!border-[#ed1c24] hover:!text-[#ffffff]">SIGN UP FOR NEWSLETTER</a> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { var hideMeToo = document.getElementById("cta-signup-newsletter-floating-cta"); var secondScrollFunc = function () { var y = window.scrollY; if (y >= 250) { hideMeToo.classList.remove("hidden"); hideMeToo.classList.add("fixed"); } }; window.addEventListener("scroll", secondScrollFunc); }); </script> </main> <!-- FOOTER BEGINS --> <div class="bg-gray-darkest text-white lg:py-12 md:py-16 py-10 space-y-12 relative z-[999]"> <div class="flex flex-col lg:flex-row w-full px-10 md:px-16 justify-between"> <div class="first:border-t first:border-gray-white md:first:border-t-0 border-gray-white md:border-t-0 md:pt-0 w-full md:w-[70%] 2xl:w-3/5"> <div id="newsletter" name="newsletter" class="bg-gray-darkest text-white flex flex-col relative w-full"> <div class="flex flex-col w-full" id="newsletterform"> <h3 class="font-barlow mt-2 font-bold flex justify-between items-center text-xs uppercase tracking-wider p-2 md:p-0">STAY UP-TO-DATE</h3> <p class="!text-white opacity-50 text-[14px] font-normal px-2 md:px-0 mb-2 font-barlow mt-4 w-full">SIGNUP TO RECEIVE STAR NATION UPDATES AND LEARN MORE ABOUT THE STAR NATION EXPERIENCE</p> <form class="flex flex-col w-full px-2 md:px-0" type="newsletter" action="https://www.westernstartrucks.com/newsletter/api/v1/lead" data-captchakey="6LfuLQUoAAAAANJ3mL7wLvyc4A2LAl4-ZuBemJi9" data-feedbackcontainerid="newsletter"> <fieldset class="w-full"> <input type="hidden" name="X-CSRF-TOKEN-WST" id="hdnToken" value="CfDJ8Nlghr9Mv45KhWsDpuJEXbjklmuGG-ZTZiT0Y40sN-EdYwBxsAI1PDwbBWvQufH4NfTW516v1DqYA2FdBueJdEizEA8Az6O_M_b0xwYGEfFtVatl3Jij_S8oMJ6rjUWTrDY2VPwqONV_9cwlmoVAnQI" /> <input type="hidden" name="hdnSource" id="hdnSource" value="https://www.westernstartrucks.com/" /> <input type="hidden" name="hdnUTMAdGroup" id="hdnUTMAdGroup" value="" /> <input type="hidden" name="hdnUTMCampaign" id="hdnUTMCampaign" value="" /> <input type="hidden" name="hdnUTMContent" id="hdnUTMContent" value="" /> <input type="hidden" name="hdnUTMAdMedium" id="hdnUTMAdMedium" value="" /> <input type="hidden" name="hdnUTMSource" id="hdnUTMSource" value="" /> <!-- Name fields container --> <div class="w-full flex flex-col md:flex-row md:space-x-4 mb-4"> <div class="w-full md:w-1/2 mb-4 md:mb-0"> <label class="inline-block mb-1" for="firstName">First Name <span class="text-red">*</span></label> <input type="text" id="firstName" style="color:white" name="firstName" class="text-blue-dark p-2 mt-2 appearance-none border border-white bg-[#33353A] w-full" required /> </div> <div class="w-full md:w-1/2 mb-4 md:mb-0"> <label class="inline-block mb-1" for="lastName">Last Name <span class="text-red">*</span></label> <input type="text" id="lastName" name="lastName" style="color:white" class="text-blue-dark p-2 mt-2 appearance-none border border-white bg-[#33353A] w-full" required /> </div> </div> <!-- Email and Country container --> <div class="w-full flex flex-col md:flex-row md:space-x-4 mb-4"> <div class="w-full md:w-1/2 mb-4 md:mb-0"> <label class="inline-block mb-1" for="emailAddress">Email Address <span class="text-red">*</span></label> <input type="email" id="emailAddress" name="emailAddress" style="color:white" class="text-blue-dark p-2 mt-2 appearance-none border border-white bg-[#33353A] w-full" required /> </div> <div class="w-full md:w-1/2 mb-4 md:mb-0 relative"> <label class="inline-block mb-1" for="businessCountry">Business Country <span class="text-red">*</span></label> <select id="businessCountry" name="BusinessCountry" style="color:white" class="text-blue-dark p-2 mt-2 appearance-none border border-white bg-[#33353A] w-full pr-8" required> <option value="" selected></option> <option value="">Select a Country</option> <option value="US">United States</option> <option value="CA">Canada</option> <option value="AF">Afghanistan</option> <option value="AX">Aland Islands</option> <option value="AL">Albania</option> <option value="DZ">Algeria</option> <option value="AS">American Samoa</option> <option value="AD">Andorra</option> <option value="AO">Angola</option> <option value="AI">Anguilla</option> <option value="AQ">Antarctica</option> <option value="AG">Antigua and Barbuda</option> <option value="AR">Argentina</option> <option value="AM">Armenia</option> <option value="AW">Aruba</option> <option value="AU">Australia</option> <option value="AT">Austria</option> <option value="AZ">Azerbaijan</option> <option value="BS">Bahamas</option> <option value="BH">Bahrain</option> <option value="BD">Bangledesh</option> <option value="BB">Barbados</option> <option value="BY">Belarus</option> <option value="BE">Belgium</option> <option value="BZ">Belize</option> <option value="BJ">Benin</option> <option value="BM">Bermuda</option> <option value="BT">Bhutan</option> <option value="BO">Bolivia, Plurinational State of</option> <option value="BQ">Bonaire, Sint Eustatius and Saba</option> <option value="BA">Bosnia and Herzegovina</option> <option value="BW">Botswana</option> <option value="BV">Bouvet Island</option> <option value="BR">Brazil</option> <option value="IO">British Indian Ocean Territory</option> <option value="BN">Brunei Darussalam</option> <option value="BG">Bulgaria</option> <option value="BF">Burkina Faso</option> <option value="BI">Burundi</option> <option value="KH">Cambodia</option> <option value="CM">Cameroon</option> <option value="CV">Cape Verde</option> <option value="KY">Cayman Islands</option> <option value="CF">Central African Republic</option> <option value="TD">Chad</option> <option value="CL">Chile</option> <option value="CN">China</option> <option value="CX">Christmas Island</option> <option value="CC">Cocos (Keeling) Islands</option> <option value="CO">Colombia</option> <option value="KM">Comoros</option> <option value="CG">Congo</option> <option value="CD">Congo, the Democratic Republic of the</option> <option value="CK">Cook Islands</option> <option value="CR">Costa Rica</option> <option value="CI">Cote d’Ivoire</option> <option value="HR">Croatia</option> <option value="CU">Cuba</option> <option value="CW">Curaçao</option> <option value="CY">Cyprus</option> <option value="CZ">Czech Republic</option> <option value="DK">Denmark</option> <option value="DJ">Djibouti</option> <option value="DM">Dominica</option> <option value="DO">Dominican Republic</option> <option value="EC">Ecuador</option> <option value="EG">Egypt</option> <option value="SV">El Salvador</option> <option value="GQ">Equatorial Guinea</option> <option value="ER">Eritrea</option> <option value="EE">Estonia</option> <option value="ET">Ethiopia</option> <option value="FK">Falkland Islands (Malvinas)</option> <option value="FO">Faroe Islands</option> <option value="FJ">Fiji</option> <option value="FI">Finland</option> <option value="FR">France</option> <option value="GF">French Guiana</option> <option value="PF">French Polynesia</option> <option value="TF">French Southern Territories</option> <option value="GA">Gabon</option> <option value="GM">Gambia</option> <option value="GE">Georgia</option> <option value="DE">Germany</option> <option value="GH">Ghana</option> <option value="GI">Gibraltar</option> <option value="GR">Greece</option> <option value="GL">Greenland</option> <option value="GD">Grenada</option> <option value="GP">Guadeloupe</option> <option value="GU">Guam</option> <option value="GT">Guatemala</option> <option value="GG">Guernsey</option> <option value="GN">Guinea</option> <option value="GW">Guinea-Bissau</option> <option value="GY">Guyana</option> <option value="HT">Haiti</option> <option value="HM">Heard Island and McDonald Islands</option> <option value="VA">Holy See (Vatican City State)</option> <option value="HN">Honduras</option> <option value="HK">Hong Kong</option> <option value="HU">Hungary</option> <option value="IS">Iceland</option> <option value="IN">India</option> <option value="ID">Indonesia</option> <option value="IR">Iran, Islamic Republic of</option> <option value="IQ">Iraq</option> <option value="IE">Ireland</option> <option value="IM">Isle of Man</option> <option value="IL">Israel</option> <option value="IT">Italy</option> <option value="JM">Jamaica</option> <option value="JP">Japan</option> <option value="JE">Jersey</option> <option value="JO">Jordan</option> <option value="KZ">Kazakhstan</option> <option value="KE">Kenya</option> <option value="KI">Kiribati</option> <option value="KP">Korea, Democratic People's Republic of</option> <option value="KR">Korea, Republic of</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyzstan</option> <option value="LA">Lao People's Democratic Republic</option> <option value="LV">Latvia</option> <option value="LB">Lebanon</option> <option value="LS">Lesotho</option> <option value="LR">Liberia</option> <option value="LY">Libya</option> <option value="LI">Liechtenstein</option> <option value="LT">Lithuania</option> <option value="LU">Luxembourg</option> <option value="MO">Macao</option> <option value="MK">Macedonia, the former Yugoslav Republic of</option> <option value="MG">Madagascar</option> <option value="MW">Malawi</option> <option value="MY">Malaysia</option> <option value="MV">Maldives</option> <option value="ML">Mali</option> <option value="MT">Malta</option> <option value="MH">Marshall Islands</option> <option value="MQ">Martinique</option> <option value="MR">Mauritania</option> <option value="MU">Mauritius</option> <option value="YT">Mayotte</option> <option value="MX">Mexico</option> <option value="FM">Micronesia</option> <option value="MD">Moldova, Republic of</option> <option value="MC">Monaco</option> <option value="MN">Mongolia</option> <option value="ME">Montenegro</option> <option value="MS">Montserrat</option> <option value="MA">Morocco</option> <option value="MZ">Mozambique</option> <option value="MM">Myanmar</option> <option value="NA">Namibia</option> <option value="NR">Nauru</option> <option value="NP">Nepal</option> <option value="NL">Netherlands</option> <option value="NC">New Caledonia</option> <option value="NZ">New Zealand</option> <option value="NI">Nicaragua</option> <option value="NE">Niger</option> <option value="NG">Nigeria</option> <option value="NU">Niue</option> <option value="NF">Norfolk Island</option> <option value="MP">Northern Mariana Islands</option> <option value="NO">Norway</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PW">Palau</option> <option value="PS">Palestine</option> <option value="PA">Panama</option> <option value="PG">Papua New Guinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippines</option> <option value="PN">Pitcairn</option> <option value="PL">Poland</option> <option value="PT">Portugal</option> <option value="QA">Qatar</option> <option value="RE">Reunion</option> <option value="RO">Romania</option> <option value="RU">Russia Federation</option> <option value="RW">Rwanda</option> <option value="BL">Saint Barthélemy</option> <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option> <option value="SKN">Saint Kitts and Nevis</option> <option value="KN">Saint Lucia</option> <option value="MF">Saint Martin (French part)</option> <option value="PM">Saint Pierre and Miquelon</option> <option value="VC">Saint Vincent and the Grenadines</option> <option value="WS">Samoa</option> <option value="SM">San Marino</option> <option value="ST">Sao Tome and Principe</option> <option value="SA">Saudi Arabia</option> <option value="SN">Senegal</option> <option value="RS">Serbia</option> <option value="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore</option> <option value="SX">Sint Maarten (Dutch part)</option> <option value="SK">Slovakia</option> <option value="SI">Slovenia</option> <option value="SB">Solomon Islands</option> <option value="SO">Somalia</option> <option value="ZA">South Africa</option> <option value="GS">South Georgia and the South Sandwich Islands</option> <option value="SS">South Sudan</option> <option value="ES">Spain</option> <option value="LK">Sri Lanka</option> <option value="SD">Sudan</option> <option value="SR">Suriname</option> <option value="SJ">Svalbard and Jan Mayen</option> <option value="SZ">Swaziland</option> <option value="SE">Sweden</option> <option value="CH">Switzerland</option> <option value="SY">Syrian Arab Republic</option> <option value="TW">Taiwan</option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania, United Republic of</option> <option value="TH">Thailand</option> <option value="TL">Timor-Leste</option> <option value="TG">Togo</option> <option value="TK">Tokelau</option> <option value="TO">Tonga</option> <option value="TT">Trinidad and Tobago</option> <option value="TN">Tunisia</option> <option value="TR">Turkey</option> <option value="TM">Turkmenistan</option> <option value="TC">Turks and Caicos Islands</option> <option value="TV">Tuvalu</option> <option value="UG">Uganda</option> <option value="UA">Ukraine</option> <option value="AE">United Arab Emirates</option> <option value="GB">United Kingdom</option> <option value="UM">United States Minor Outlying Islands</option> <option value="UY">Uruguay</option> <option value="UZ">Uzbekistan</option> <option value="VU">Vanuatu</option> <option value="VE">Venezuela, Bolivarian Republic of</option> <option value="VN">Vietnam</option> <option value="VG">Virgin Islands, British</option> <option value="VI">Virgin Islands, U.S.</option> <option value="WF">Wallis and Futuna</option> <option value="EH">Western Sahara</option> <option value="YE">Yemen</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> <option value=""></option> </select> <img class="absolute right-3 top-[60%] w-[15px] h-[15px] pointer-events-none" src="/static/images/blog/dropdownRed.svg" /> </div> </div> <div class="flex mb-8 mt-8 w-full"> <input id="optin" class="block self-start mt-2" type="checkbox" style="min-width: 13px" required /> <label for="optin" class="ml-4 font-normal text-[14px] inline-block mb-1">I agree that Daimler Truck North America and its partners may send me promotional email messages with offers, updates and other marketing messages. I understand and agree that Daimler Truck North America and its partners may use my information in accordance with its <a href="https://northamerica.daimlertruck.com//privacy-policy" target="_blank">Privacy Policy.</a></label> </div> <div class="w-full flex mt-4 mb-8"> <span class="inline-block relative overflow-hidden before:absolute before:h-[110%] before:w-[115%] before:-translate-x-[120%] before:top-0 before:-skew-x-12 before:bg-red-dark before:transition-transform before:ease-in-out before:duration-300 hover:before:-translate-x-[10%] w-full md:w-auto"> <input type="submit" value="SUBMIT" class="inline-block relative border border-red-dark py-2 px-8 uppercase font-barlow-condensed tracking-widest text-lg !text-current !font-medium w-full text-center tracking-widest border border-red px-12 py-2 hover:cursor-pointer font-['Barlow_Condensed']" /> </span> </div> </fieldset> </form> </div> <div id="thankyou" style="display:none"> <div class="items-center flex justify-center"> <div class="w-[60px] h-[3px] color-[#ed1c24] mt-0 mb-4 bg-[#ed1c24]"> </div> </div> <h1 class="text-center text-[24px] font-['Barlow_Condensed']">THANK YOU.</h1> <div class="text-center text-[16px] font-regular mt-4 ml-8 mr-8"> <p>Thank you for signing up! Be on the lookout for great Western Star Trucks and Star Nation content in your inbox.</p> <p>If you are ready to submit your entry for the Star Nation Experience 2025, <a href="/star-nation/star-nation-form/">click here</a>.</p> </div> </div> </div> <script type="url-manager" method-type="set-parameters"> [ { "fieldId": "hdnUTMAdGroup", "parameterId": "utm_adgroup", "override": false }, { "fieldId": "hdnUTMCampaign", "parameterId": "utm_campaign", "override": false }, { "fieldId": "hdnUTMContent", "parameterId": "utm_content", "override": false }, { "fieldId": "hdnUTMAdMedium", "parameterId": "utm_medium", "override": false }, { "fieldId": "hdnUTMSource", "parameterId": "utm_source", "override": false } ] </script> </div> <div class="flex flex-col justify-between 2xl:flex-row 2xl:w-[32%]"> <div class="first:border-t first:border-gray-white md:first:border-t-0 border-gray-white md:border-t-0"> <div class="md:mb-10 md:border-b-0 border-b border-gray-white"> <div tabindex="-1" data-toggle-class="hidden" data-toggle-target="#footer-menu-3e02c82f-9ebe-407e-9bde-97e951539563" class="font-barlow font-bold flex justify-between items-center text-xs uppercase tracking-wider p-2 md:p-0"> Trucks <span class="font-mono font-normal text-lg md:hidden"> + </span> </div> <div id="footer-menu-3e02c82f-9ebe-407e-9bde-97e951539563" class="space-y-2 mt-0 p-2 pb-4 hidden md:block md:mt-3 md:pb-0 md:p-0"> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/trucks/47x/">47X</a> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/trucks/49x/">49X</a> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/trucks/57x/">57X</a> </div> </div> </div> <div class="first:border-t first:border-gray-white md:first:border-t-0 border-gray-white md:border-t-0"> <div class="md:mb-10 md:border-b-0 border-b border-gray-white"> <div tabindex="-1" data-toggle-class="hidden" data-toggle-target="#footer-menu-5d511fee-f226-44a3-a2fe-5a5ee6147a0a" class="font-barlow font-bold flex justify-between items-center text-xs uppercase tracking-wider p-2 md:p-0"> Resources <span class="font-mono font-normal text-lg md:hidden"> + </span> </div> <div id="footer-menu-5d511fee-f226-44a3-a2fe-5a5ee6147a0a" class="space-y-2 mt-0 p-2 pb-4 hidden md:block md:mt-3 md:pb-0 md:p-0"> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/dealers/">Find a Dealer</a> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/driver-training/">Driver Training</a> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/resource-library/">RESOURCE LIBRARY</a> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/sourcewell/">SOURCEWELL</a> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/parts-and-services/technical-resource-guide/">TECHNICAL RESOURCE GUIDE</a> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/parts-and-services/parts-and-vehicle-warranties/">PARTS AND VEHICLE WARRANTIES</a> </div> </div> </div> <div class="first:border-t first:border-gray-white md:first:border-t-0 border-gray-white md:border-t-0"> <div class="md:mb-10 md:border-b-0 border-b border-gray-white"> <div tabindex="-1" data-toggle-class="hidden" data-toggle-target="#footer-menu-49b49ee0-897e-40ba-98a7-f13ac52025bc" class="font-barlow font-bold flex justify-between items-center text-xs uppercase tracking-wider p-2 md:p-0"> Explore Western Star <span class="font-mono font-normal text-lg md:hidden"> + </span> </div> <div id="footer-menu-49b49ee0-897e-40ba-98a7-f13ac52025bc" class="space-y-2 mt-0 p-2 pb-4 hidden md:block md:mt-3 md:pb-0 md:p-0"> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/company/">About Western Star</a> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/blog/">Blog</a> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/mobile-app/">MOBILE APP</a> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="https://northamerica.daimlertruck.com/company/newsroom/" target="_blank">PRESS RELEASES</a> <a class="block !text-white opacity-50 text-[14px] uppercase hover:underline font-barlow footer-menu-link" href="/western-star-merchandise/">WESTERN STAR MERCHANDISE</a> </div> </div> </div> </div> </div> <section class="flex flex-col lg:flex-row w-full px-10 md:px-16 justify-between items-start"> <div> <div class="flex gap-4"> <a href="https://www.facebook.com/westernstartruck" target="_blank" rel="noopener" class="inline-block md:min-w-[60px] footer-social-link"> <span class="icon-facebook text-xl md:text-4xl text-white opacity-50"></span> </a> <a href="https://www.instagram.com/westernstartruck" target="_blank" rel="noopener" class="inline-block md:min-w-[60px] footer-social-link"> <span class="icon-instagram text-xl md:text-4xl text-white opacity-50"></span> </a> <a href="https://www.youtube.com/serioustrucks" target="_blank" rel="noopener" class="inline-block md:min-w-[60px] footer-social-link"> <span class="icon-youtube text-xl md:text-4xl text-white opacity-50"></span> </a> <a href="https://www.linkedin.com/company/western-star-trucks" target="_blank" rel="noopener" class="inline-block md:min-w-[60px] footer-social-link"> <span class="icon-linkedin text-xl md:text-4xl text-white opacity-50"></span> </a> <a target="_blank" rel="noopener" class="inline-block md:min-w-[60px] footer-social-link"> <span class="icon-tiktok text-xl md:text-4xl text-white opacity-50"></span> </a> </div> <div class="max-w-[713px] mt-4 copyright"> <p>Copyright 漏 Daimler Truck North America. <a rel="noopener" href="https://www.daimlertruck.com/en/privacy" target="_blank">Privacy Statement, Legal Notices, and Terms</a>. All rights reserved. Western Star Trucks Sales, Inc. is a subsidiary of Daimler Truck North America LLC, a Daimler company.</p> </div> </div> <div> <img src="/static/images/serious.png" alt="Western Star logo that features 'Serious Trucks' in white text and a red star against a gray background. " role="presentation" class="w-full max-w-full"> </div> </section> </div> <!-- FOOTER ENDS --> <script type="text/javascript" src="/static/scripts/site-legacy.js"></script> <script type="text/javascript" src="/static/scripts/site.js"></script> </body> </html>