<!-- Footer Layout -->
<div class="p-12 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 text-sm border-t border-t-slate-200">
<!-- Link Cols -->
<div class="md:col-span-2">
<img src="/images-ui/logo-mock-horizontal.png" alt="Logo" class="block">
</div>
<div class="text-center md:text-left">
<h4 class="font-bold mb-2">Services</h4>
<ul class="mb-6 lg:mb-12">
<li class="py-1"><a class="hover:underline" href="">Skyscrape Ascend</a></li>
<li class="py-1"><a class="hover:underline" href="">Skyscrape LaunchPad</a></li>
<li class="py-1"><a class="hover:underline" href="">Skyscrape Beacon</a></li>
<li class="py-1"><a class="hover:underline" href="">Skyscrape Nexus</a></li>
<li class="py-1"><a class="hover:underline" href="">Skyscrape Elevate</a></li>
</ul>
<h4 class="font-bold mb-2">Company</h4>
<ul>
<li class="py-1"><a class="hover:underline" href="">About Us</a></li>
<li class="py-1"><a class="hover:underline" href="">Leadership</a></li>
<li class="py-1"><a class="hover:underline" href="">Our Team</a></li>
<li class="py-1"><a class="hover:underline" href="">Investors</a></li>
</ul>
</div>
<div class="text-center md:text-left">
<h4 class="font-bold mb-2">Developers</h4>
<ul class="mb-6 lg:mb-12">
<li class="py-1"><a class="hover:underline" href="">Documentation</a></li>
<li class="py-1"><a class="hover:underline" href="">API</a></li>
<li class="py-1"><a class="hover:underline" href="">Status</a></li>
<li class="py-1"><a class="hover:underline" href="">Guides</a></li>
<li class="py-1"><a class="hover:underline" href="">Tutorials</a></li>
<li class="py-1"><a class="hover:underline" href="">Community</a></li>
<li class="py-1"><a class="hover:underline" href="">Events</a></li>
</ul>
</div>
<!-- Divider -->
<div class="md:col-span-2 lg:col-span-4 border-t border-t-slate-200"></div>
<!-- Legal Links -->
<div class="lg:col-span-2 text-center md:text-left order-last md:order-none">
<ul class="pt-2">
<li class="block lg:inline-block lg:mr-3"><a class="hover:underline" href="">Terms of Service</a></li>
<li class="block lg:inline-block lg:mr-3"><a class="hover:underline" href="">Privacy Policy</a></li>
</ul>
</div>
<!-- Social Links -->
<div class="lg:col-span-2 text-center md:text-right">
<ul>
<!-- Facebook -->
<li class="mx-1 inline-block">
<a href="#" class="inline-block text-slate-600 hover:text-purple-600 text-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-5 h-5 inline-block" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg>
</a>
</li>
<!-- Youtube -->
<li class="mx-1 inline-block">
<a href="#" class="inline-block text-slate-600 hover:text-purple-600 text-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-5 h-5 inline-block" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
</svg>
</a>
</li>
<!-- Tiktok -->
<li class="mx-1 inline-block">
<a href="#" class="inline-block text-slate-600 hover:text-purple-600 text-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-5 h-5 inline-block" viewBox="0 0 16 16">
<path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"/>
</svg>
</a>
</li>
<!-- Instagram -->
<li class="mx-1 inline-block">
<a href="#" class="inline-block text-slate-600 hover:text-purple-600 text-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-5 h-5 inline-block" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg>
</a>
</li>
<!-- X (Twitter) -->
<li class="mx-1 inline-block">
<a href="#" class="inline-block text-slate-600 hover:text-purple-600 text-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-5 h-5 inline-block" viewBox="0 0 16 16">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"/>
</svg>
</a>
</li>
<!-- Threads -->
<li class="mx-1 inline-block">
<a href="#" class="inline-block text-slate-600 hover:text-purple-600 text-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-5 h-5 inline-block" viewBox="0 0 16 16">
<path d="M6.321 6.016c-.27-.18-1.166-.802-1.166-.802.756-1.081 1.753-1.502 3.132-1.502.975 0 1.803.327 2.394.948.591.621.928 1.509 1.005 2.644.328.138.63.299.905.484 1.109.745 1.719 1.86 1.719 3.137 0 2.716-2.226 5.075-6.256 5.075C4.594 16 1 13.987 1 7.994 1 2.034 4.482 0 8.044 0 9.69 0 13.55.243 15 5.036l-1.36.353C12.516 1.974 10.163 1.43 8.006 1.43c-3.565 0-5.582 2.171-5.582 6.79 0 4.143 2.254 6.343 5.63 6.343 2.777 0 4.847-1.443 4.847-3.556 0-1.438-1.208-2.127-1.27-2.127-.236 1.234-.868 3.31-3.644 3.31-1.618 0-3.013-1.118-3.013-2.582 0-2.09 1.984-2.847 3.55-2.847.586 0 1.294.04 1.663.114 0-.637-.54-1.728-1.9-1.728-1.25 0-1.566.405-1.967.868ZM8.716 8.19c-2.04 0-2.304.87-2.304 1.416 0 .878 1.043 1.168 1.6 1.168 1.02 0 2.067-.282 2.232-2.423a6.217 6.217 0 0 0-1.528-.161Z"/>
</svg>
</a>
</li>
</ul>
</div>
</div>Built with TailwindCSS and AlpineJS. Quick and easy to implement.
Just copy and paste the code and you're good to go.
Built with the utmost care and attention to detail.
Easy to make your own.
$99/year
$69/first year
Use code TEAKUILAUNCH at checkout.
$249/year
$799/year
Are you a Church or Non Profit? Contact us for special pricing.
Our All Access single user license plan allows one developer to use the code you purchase. If you have multiple developers on your team, you can upgrade to our team license for either 5 users or unlimited users.
A licensed user is anyone who writes or modifies component or template code created by Hey Teak. Backend devs, DevOps, and others who work in your code base but not on the UI do not require a license.
We offer support with any purchasing issues as well as any bugs or errors you might find in our code. While we are not able to offer extensive integration support - we will do our best to help if you get stuck. Just reach out and let us know.
If you're not happy for any reason, contact us within 30 days of purchase for a full refund.
No problem! Just reach out to us and we can upgrade you and prorate your subscription.
The short answer is yes! However, it may take a bit of effort to make things work. While we don't currently offer drop in components for JS frameworks, we do plan to support that soon. Stay tuned ;)
You have a sharp eye! We're working on templates and will be releasing those very soon. Stay tuned.
