<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Daniel Snell — Growth Engineer & Developer</title>
<meta
name="description"
content="Building revenue-first systems for high-growth companies. Full-stack development, technical marketing, and e-commerce expertise."
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap"
rel="stylesheet"
/>
<script src="https://cdn.tailwindcss.com"></script>
<link
id="all-fonts-link-font-geist"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&display=swap"
/>
<style id="all-fonts-style-font-geist">
.font-geist {
font-family: 'Geist', sans-serif !important;
}
</style>
<link
id="all-fonts-link-font-roboto"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
/>
<style id="all-fonts-style-font-roboto">
.font-roboto {
font-family: 'Roboto', sans-serif !important;
}
</style>
<link
id="all-fonts-link-font-montserrat"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap"
/>
<style id="all-fonts-style-font-montserrat">
.font-montserrat {
font-family: 'Montserrat', sans-serif !important;
}
</style>
<link
id="all-fonts-link-font-poppins"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
/>
<style id="all-fonts-style-font-poppins">
.font-poppins {
font-family: 'Poppins', sans-serif !important;
}
</style>
<link
id="all-fonts-link-font-playfair"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;900&display=swap"
/>
<style id="all-fonts-style-font-playfair">
.font-playfair {
font-family: 'Playfair Display', serif !important;
}
</style>
<link
id="all-fonts-link-font-instrument-serif"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Instrument+Serif:wght@400;500;600;700&display=swap"
/>
<style id="all-fonts-style-font-instrument-serif">
.font-instrument-serif {
font-family: 'Instrument Serif', serif !important;
}
</style>
<link
id="all-fonts-link-font-merriweather"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap"
/>
<style id="all-fonts-style-font-merriweather">
.font-merriweather {
font-family: 'Merriweather', serif !important;
}
</style>
<link
id="all-fonts-link-font-bricolage"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700&display=swap"
/>
<style id="all-fonts-style-font-bricolage">
.font-bricolage {
font-family: 'Bricolage Grotesque', sans-serif !important;
}
</style>
<link
id="all-fonts-link-font-jakarta"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap"
/>
<style id="all-fonts-style-font-jakarta">
.font-jakarta {
font-family: 'Plus Jakarta Sans', sans-serif !important;
}
</style>
<link
id="all-fonts-link-font-manrope"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap"
/>
<style id="all-fonts-style-font-manrope">
.font-manrope {
font-family: 'Manrope', sans-serif !important;
}
</style>
<link
id="all-fonts-link-font-space-grotesk"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap"
/>
<style id="all-fonts-style-font-space-grotesk">
.font-space-grotesk {
font-family: 'Space Grotesk', sans-serif !important;
}
</style>
<link
id="all-fonts-link-font-work-sans"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800&display=swap"
/>
<style id="all-fonts-style-font-work-sans">
.font-work-sans {
font-family: 'Work Sans', sans-serif !important;
}
</style>
<link
id="all-fonts-link-font-pt-serif"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap"
/>
<style id="all-fonts-style-font-pt-serif">
.font-pt-serif {
font-family: 'PT Serif', serif !important;
}
</style>
<link
id="all-fonts-link-font-geist-mono"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300;400;500;600;700&display=swap"
/>
<style id="all-fonts-style-font-geist-mono">
.font-geist-mono {
font-family: 'Geist Mono', monospace !important;
}
</style>
<link
id="all-fonts-link-font-space-mono"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap"
/>
<style id="all-fonts-style-font-space-mono">
.font-space-mono {
font-family: 'Space Mono', monospace !important;
}
</style>
<link
id="all-fonts-link-font-quicksand"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap"
/>
<style id="all-fonts-style-font-quicksand">
.font-quicksand {
font-family: 'Quicksand', sans-serif !important;
}
</style>
<link
id="all-fonts-link-font-nunito"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap"
/>
<style id="all-fonts-style-font-nunito">
.font-nunito {
font-family: 'Nunito', sans-serif !important;
}
</style>
</head>
<body
class="bg-neutral-950 text-neutral-200 antialiased"
style="
font-family:
Inter,
ui-sans-serif,
system-ui,
-apple-system,
'Segoe UI',
Roboto,
Helvetica,
Arial;
"
>
<div class="aura-background-component top-0 w-full -z-10 absolute h-[1100px]">
<div class="aura-background-component top-0 w-full -z-10 absolute h-full">
<div data-us-project="4OF29NF3HVBYQsrwPvVq" class="absolute w-full h-full left-0 top-0 -z-10"></div>
<script type="text/javascript">
!(function () {
if (!window.UnicornStudio) {
window.UnicornStudio = { isInitialized: !1 };
var i = document.createElement('script');
((i.src =
'https://cdn.jsdelivr.net/gh/hiunicornstudio/[email protected]/dist/unicornStudio.umd.js'),
(i.onload = function () {
window.UnicornStudio.isInitialized ||
(UnicornStudio.init(), (window.UnicornStudio.isInitialized = !0));
}),
(document.head || document.body).appendChild(i));
}
})();
</script>
</div>
</div>
<!-- Background FX -->
<!-- Nav -->
<header class="fixed top-0 left-0 right-0 z-50 backdrop-blur-lg bg-neutral-950/80 border-b border-white/10">
<div class="max-w-7xl md:px-8 mr-auto ml-auto pr-6 pl-6">
<div class="flex pt-5 pb-5 items-center justify-between">
<!-- Brand -->
<a href="#" class="flex items-center gap-3">
<img src="https://broke.dev/wp-content/themes/portfolio/public/BROKE.svg" alt="BROKE" class="h-10 w-auto" />
</a>
<!-- Desktop Nav -->
<nav class="hidden md:flex items-center gap-8">
<a href="#" class="text-sm font-normal text-neutral-300 hover:text-white transition font-sans" style=""
>Services</a
>
<a href="#" class="text-sm font-normal text-neutral-300 hover:text-white transition font-sans" style=""
>Work</a
>
<a href="#" class="text-sm font-normal text-neutral-300 hover:text-white transition font-sans" style=""
>Insights</a
>
<a href="#" class="text-sm font-normal text-neutral-300 hover:text-white transition font-sans" style=""
>Contact</a
>
</nav>
<!-- CTA -->
<!-- Mobile -->
<button
id="menuBtn"
class="md:hidden inline-flex h-10 w-10 items-center justify-center rounded-md bg-white/5 ring-1 ring-white/10"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="menu"
class="lucide lucide-menu h-5 w-5 text-white"
>
<path d="M4 12h16"></path>
<path d="M4 18h16"></path>
<path d="M4 6h16"></path>
</svg>
</button>
</div>
<!-- Mobile Drawer -->
<div id="mobileNav" class="md:hidden hidden">
<div class="mt-2 rounded-2xl bg-neutral-900/70 ring-1 ring-white/10 backdrop-blur">
<div class="p-4 grid gap-2">
<a
href="#"
class="rounded-lg px-3 py-2 text-sm font-normal text-neutral-200 hover:bg-white/5 font-sans"
style=""
>Services</a
>
<a
href="#"
class="rounded-lg px-3 py-2 text-sm font-normal text-neutral-200 hover:bg-white/5 font-sans"
style=""
>Work</a
>
<a
href="#"
class="rounded-lg px-3 py-2 text-sm font-normal text-neutral-200 hover:bg-white/5 font-sans"
style=""
>Insights</a
>
<a
href="#"
class="rounded-lg px-3 py-2 text-sm font-normal text-neutral-200 hover:bg-white/5 font-sans"
style=""
>Contact</a
>
<a
href="#"
class="mt-2 inline-flex items-center justify-center gap-2 rounded-xl bg-white/10 px-4 py-2 text-sm font-medium text-white ring-1 ring-white/15 hover:bg-white/15 font-sans"
style=""
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="sparkles"
class="lucide lucide-sparkles h-4 w-4"
>
<path
d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"
></path>
<path d="M20 2v4"></path>
<path d="M22 4h-4"></path>
<circle cx="4" cy="20" r="2"></circle>
</svg>
Request Access
</a>
</div>
</div>
</div>
</div>
</header>
<!-- Hero -->
<section class="relative pt-24">
<div class="max-w-7xl md:px-8 md:pt-16 md:pb-28 mr-auto ml-auto pt-10 pr-6 pb-10 pl-6">
<!-- Pill -->
<div class="mx-auto mb-6 flex w-full items-center justify-center">
<div
class="inline-flex items-center gap-2 rounded-full bg-white/5 px-4 py-2 ring-1 ring-white/10 backdrop-blur"
>
<span class="inline-flex h-2 w-2 rounded-full bg-emerald-400"></span>
<span class="text-sm font-normal text-neutral-200 font-sans" style=""
>Available for Growth Engineering Projects</span
>
</div>
</div>
<!-- Headline -->
<div class="max-w-4xl text-center mr-auto ml-auto space-y-8">
<h1
class="md:text-7xl lg:text-8xl leading-[0.95] text-3xl font-light text-white tracking-tight font-manrope"
style=""
>
Engineering that drives revenue
</h1>
<p class="md:text-lg text-base text-neutral-400 mt-5" style="">
Building technical systems that actually work for high-growth companies. Full-stack development, marketing
automation, and measurable outcomes.
</p>
<!-- CTAs -->
<div class="flex flex-col gap-3 sm:flex-row mt-8 items-center justify-center">
<a
href="#"
class="group relative inline-block p-px font-semibold leading-6 text-white bg-gray-800 shadow-2xl cursor-pointer rounded-xl shadow-zinc-900 transition-transform duration-300 ease-in-out hover:scale-105 active:scale-95"
>
<span
class="absolute inset-0 rounded-xl bg-gradient-to-r from-teal-400 via-blue-500 to-purple-500 p-[2px] opacity-0 transition-opacity duration-500 group-hover:opacity-100"
></span>
<span class="relative z-10 block bg-gray-950 rounded-xl pt-3 pr-6 pb-3 pl-6">
<div class="relative z-10 flex items-center space-x-2">
<span class="transition-all duration-500 group-hover:translate-x-1 text-sm font-medium" style=""
>Get Started Now</span
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-arrow-right w-6 h-6 transition-transform duration-500 group-hover:translate-x-1"
>
<path d="M5 12h14" class=""></path>
<path d="m12 5 7 7-7 7" class=""></path>
</svg>
</div>
</span>
</a>
<a
href="#"
class="inline-flex items-center gap-2 ring-1 ring-white/15 hover:bg-white/10 transition text-sm font-medium text-white bg-white/5 rounded-xl pt-3 pr-5 pb-3 pl-5 backdrop-blur-lg"
style=""
>
See Projects
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="play"
class="lucide lucide-play h-4 w-4"
>
<path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path>
</svg>
</a>
</div>
</div>
<!-- Scroll hint -->
<!-- Client Row -->
<section class="relative z-10 sm:py-24 fade-in fade-in-delay-4" style="opacity: 1; transform: translateY(0px)">
<div class="pr-6 pl-6">
<div class="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 gap-6 mt-6">
<svg width="99" height="36" viewBox="0 0 99 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="">
<path
d="M15.4102 15.04C14.2236 13.4933 11.7836 13.7066 10.8902 15.44L4.82358 27.3333H12.8236L17.3436 17.5733L15.4102 15.04Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M8.81023 19.5067L11.3036 21.28L16.2769 19.8667H16.2902"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M31.4902 27.3333L25.6502 10.5067C24.8502 8.18668 21.7702 8.02668 20.7436 10.24L12.8236 27.3333H31.4902Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M17.9969 16.1733L21.8503 14.8266L24.7969 17.3866L27.4769 15.7866"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M14.4369 23.84L18.6103 22.2L20.6503 23.9067L23.2236 22.8933L27.2636 27.3333"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M95.8754 9.07596V9.58229C95.3184 9.68355 94.753 9.89452 94.1792 10.2152C93.6053 10.5359 93.0146 11.0591 92.407 11.7848L87.6222 17.6582L88.7615 15.8354L94.8121 24.9494C95.0821 25.3375 95.3606 25.6498 95.6475 25.8861C95.9345 26.1224 96.3058 26.3249 96.7615 26.4937V27C96.2383 26.9662 95.6391 26.9494 94.964 26.9494C94.2889 26.9325 93.6729 26.924 93.1159 26.924C92.7952 26.924 92.3902 26.9325 91.9007 26.9494C91.4281 26.9494 90.829 26.9662 90.1032 27V26.4937C90.7783 26.4599 91.1834 26.3671 91.3184 26.2152C91.4534 26.0464 91.3944 25.7595 91.1412 25.3544L87.445 19.5316C87.175 19.0928 86.9302 18.7637 86.7108 18.5443C86.5083 18.3249 86.2973 18.1814 86.0779 18.1139C85.8585 18.0295 85.5885 17.9789 85.2678 17.962V17.4557C85.9767 17.4219 86.6096 17.2363 87.1665 16.8987C87.7235 16.5612 88.2805 16.0633 88.8374 15.4051L90.6349 13.1519C91.2594 12.4093 91.6391 11.7764 91.7741 11.2532C91.9091 10.73 91.8332 10.3249 91.5463 10.038C91.2594 9.75106 90.7783 9.59916 90.1032 9.58229V9.07596C90.4745 9.09284 90.8459 9.10971 91.2172 9.12659C91.5885 9.12659 91.9598 9.13503 92.3311 9.15191C92.7193 9.15191 93.1243 9.15191 93.5463 9.15191C94.0357 9.15191 94.4745 9.14347 94.8627 9.12659C95.2509 9.10971 95.5885 9.09284 95.8754 9.07596ZM87.3184 9.07596V9.58229C86.7784 9.59916 86.3648 9.66667 86.0779 9.78482C85.8079 9.88608 85.6222 10.0886 85.521 10.3924C85.4197 10.6793 85.3691 11.135 85.3691 11.7595V24.3164C85.3691 24.924 85.4197 25.3797 85.521 25.6835C85.6222 25.9873 85.8079 26.1899 86.0779 26.2911C86.3648 26.3924 86.7784 26.4599 87.3184 26.4937V27C86.8965 26.9662 86.3564 26.9494 85.6982 26.9494C85.04 26.9325 84.3733 26.924 83.6982 26.924C82.9387 26.924 82.2298 26.9325 81.5716 26.9494C80.9134 26.9494 80.3733 26.9662 79.9514 27V26.4937C80.5083 26.4599 80.9218 26.3924 81.1919 26.2911C81.4788 26.1899 81.6644 25.9873 81.7488 25.6835C81.8501 25.3797 81.9007 24.924 81.9007 24.3164V11.7595C81.9007 11.135 81.8501 10.6793 81.7488 10.3924C81.6644 10.0886 81.4788 9.88608 81.1919 9.78482C80.9218 9.66667 80.5083 9.59916 79.9514 9.58229V9.07596C80.3733 9.09284 80.9134 9.10971 81.5716 9.12659C82.2298 9.14347 82.9387 9.15191 83.6982 9.15191C84.3733 9.15191 85.04 9.14347 85.6982 9.12659C86.3564 9.10971 86.8965 9.09284 87.3184 9.07596Z"
fill="currentColor"
class=""
></path>
<path
d="M73.1478 9L79.2997 24.8734C79.5528 25.481 79.8229 25.9029 80.1098 26.1392C80.4136 26.3586 80.6921 26.4768 80.9452 26.4936V27C80.5064 26.9662 79.9748 26.9493 79.3503 26.9493C78.7427 26.9325 78.1182 26.924 77.4769 26.924C76.7343 26.924 76.0423 26.9325 75.4009 26.9493C74.7596 26.9493 74.2364 26.9662 73.8313 27V26.4936C74.6921 26.4599 75.2406 26.3164 75.4769 26.0633C75.7132 25.7932 75.6625 25.2278 75.325 24.3671L70.8693 12.3418L71.325 11.7848L67.2744 22.2911C66.9537 23.135 66.7596 23.827 66.6921 24.3671C66.6246 24.9072 66.6668 25.3291 66.8187 25.6329C66.9706 25.9367 67.2237 26.1561 67.5782 26.2911C67.9326 26.4093 68.3714 26.4768 68.8946 26.4936V27C68.3545 26.9662 67.8313 26.9493 67.325 26.9493C66.8187 26.9325 66.3124 26.924 65.806 26.924C65.4347 26.924 65.0803 26.9325 64.7427 26.9493C64.4221 26.9493 64.1351 26.9662 63.882 27V26.4936C64.2533 26.4093 64.6161 26.1899 64.9706 25.8354C65.3419 25.481 65.6963 24.865 66.0339 23.9873L71.8313 9C72.0339 9.01688 72.2533 9.02532 72.4896 9.02532C72.7258 9.02532 72.9453 9.01688 73.1478 9ZM75.3503 19.7088V20.2152H67.806L68.0592 19.7088H75.3503Z"
fill="currentColor"
class=""
></path>
<path
d="M63.806 9.07596C63.7385 9.76794 63.6879 10.443 63.6541 11.1013C63.6372 11.7426 63.6288 12.2321 63.6288 12.5696C63.6288 12.8903 63.6372 13.2025 63.6541 13.5063C63.671 13.7933 63.6879 14.038 63.7047 14.2405H63.1225C62.9874 13.076 62.768 12.1646 62.4642 11.5063C62.1604 10.8312 61.7469 10.3587 61.2237 10.0886C60.7174 9.80169 60.0507 9.65823 59.2237 9.65823H57.8313C57.325 9.65823 56.9368 9.70043 56.6668 9.78482C56.3967 9.86921 56.2111 10.0464 56.1098 10.3165C56.0254 10.5865 55.9832 11 55.9832 11.557V24.519C55.9832 25.0591 56.0254 25.4726 56.1098 25.7595C56.2111 26.0295 56.3967 26.2067 56.6668 26.2911C56.9368 26.3755 57.325 26.4177 57.8313 26.4177H59.2744C60.1351 26.4177 60.8524 26.2574 61.4263 25.9367C62.017 25.616 62.4896 25.0928 62.844 24.3671C63.1984 23.6245 63.46 22.6118 63.6288 21.3291H64.2111C64.1604 21.8523 64.1351 22.5274 64.1351 23.3544C64.1351 23.7089 64.1436 24.2236 64.1604 24.8987C64.1942 25.5738 64.2448 26.2743 64.3123 27C63.4516 26.9662 62.4811 26.9494 61.401 26.9494C60.3208 26.9325 59.3588 26.924 58.5149 26.924C58.1267 26.924 57.6119 26.924 56.9706 26.924C56.3461 26.924 55.6626 26.9325 54.9199 26.9494C54.1942 26.9494 53.4516 26.9578 52.6921 26.9747C51.9495 26.9747 51.2406 26.9831 50.5655 27V26.4937C51.1225 26.4599 51.536 26.3924 51.806 26.2911C52.0929 26.1899 52.2786 25.9873 52.363 25.6835C52.4643 25.3797 52.5149 24.924 52.5149 24.3164V11.7595C52.5149 11.135 52.4643 10.6793 52.363 10.3924C52.2786 10.0886 52.0929 9.88608 51.806 9.78482C51.536 9.66667 51.1225 9.59916 50.5655 9.58229V9.07596C51.2406 9.09284 51.9495 9.10971 52.6921 9.12659C53.4516 9.12659 54.1942 9.13503 54.9199 9.15191C55.6626 9.15191 56.3461 9.15191 56.9706 9.15191C57.6119 9.15191 58.1267 9.15191 58.5149 9.15191C59.2913 9.15191 60.1689 9.15191 61.1478 9.15191C62.1436 9.13503 63.0296 9.10971 63.806 9.07596ZM59.7301 17.7342C59.7301 17.7342 59.7301 17.8186 59.7301 17.9873C59.7301 18.1561 59.7301 18.2405 59.7301 18.2405H55.2237C55.2237 18.2405 55.2237 18.1561 55.2237 17.9873C55.2237 17.8186 55.2237 17.7342 55.2237 17.7342H59.7301ZM60.4642 14.3924C60.3967 15.3544 60.363 16.0886 60.363 16.5949C60.3799 17.1013 60.3883 17.5654 60.3883 17.9873C60.3883 18.4093 60.3967 18.8734 60.4136 19.3797C60.4305 19.8861 60.4727 20.6202 60.5402 21.5823H59.9579C59.8735 21.0084 59.7385 20.4684 59.5529 19.962C59.3841 19.4388 59.1056 19.0253 58.7174 18.7215C58.3461 18.4008 57.806 18.2405 57.0972 18.2405V17.7342C57.6204 17.7342 58.0423 17.6245 58.363 17.4051C58.7005 17.1857 58.9706 16.9072 59.1731 16.5696C59.3756 16.2152 59.5275 15.8523 59.6288 15.481C59.7469 15.0928 59.8313 14.73 59.882 14.3924H60.4642Z"
fill="currentColor"
class=""
></path>
<path
d="M36.1569 9.07596C36.5788 9.09284 37.1189 9.10971 37.7772 9.12659C38.4354 9.14347 39.0936 9.15191 39.7518 9.15191C40.5788 9.15191 41.3637 9.14347 42.1063 9.12659C42.8489 9.10971 43.3721 9.10127 43.6759 9.10127C45.9375 9.10127 47.6168 9.56541 48.7139 10.4937C49.8278 11.4219 50.3847 12.6203 50.3847 14.0886C50.3847 14.6962 50.275 15.3376 50.0556 16.0127C49.8362 16.6709 49.4565 17.2869 48.9164 17.8608C48.3763 18.4177 47.6337 18.8734 46.6885 19.2278C45.7603 19.5823 44.5704 19.7595 43.1189 19.7595H40.5873V19.2532H42.8658C43.929 19.2532 44.7392 19.0253 45.2961 18.5696C45.87 18.1139 46.2497 17.5148 46.4354 16.7722C46.6379 16.0295 46.7392 15.2278 46.7392 14.3671C46.7392 12.7637 46.4776 11.5654 45.9544 10.7722C45.4312 9.97891 44.5282 9.58229 43.2455 9.58229C42.5535 9.58229 42.0978 9.72575 41.8784 10.0127C41.6759 10.2996 41.5746 10.8819 41.5746 11.7595V24.2152C41.5746 24.8565 41.6421 25.3375 41.7772 25.6582C41.9122 25.9789 42.1738 26.1899 42.562 26.2911C42.9501 26.3924 43.5071 26.4515 44.2328 26.4683V27C43.7434 26.9662 43.1105 26.9494 42.3341 26.9494C41.5577 26.9325 40.7561 26.924 39.9291 26.924C39.2202 26.924 38.5367 26.9325 37.8784 26.9494C37.2202 26.9494 36.6464 26.9662 36.1569 27V26.4937C36.7139 26.4599 37.1274 26.3924 37.3974 26.2911C37.6843 26.1899 37.87 25.9873 37.9544 25.6835C38.0556 25.3797 38.1063 24.924 38.1063 24.3164V11.7595C38.1063 11.135 38.0556 10.6793 37.9544 10.3924C37.87 10.0886 37.6843 9.88608 37.3974 9.78482C37.1274 9.66667 36.7139 9.59916 36.1569 9.58229V9.07596Z"
fill="currentColor"
class=""
></path></svg
><svg
width="115"
height="36"
viewBox="0 0 115 36"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class=""
>
<path
d="M15.0752 24.6667H14.1152V31.3333H15.4485V24.9333L15.0752 24.6667Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
class=""
></path>
<path
d="M18.5952 9.42666C17.9819 10.2933 17.8352 11.1467 17.8085 11.5067C17.6485 11.5733 15.3952 12.4933 15.0085 14.68C14.7685 16.0533 15.3952 17.12 15.6085 17.4533C15.3819 17.6133 13.2752 19.2267 13.4619 21.6533C13.5552 22.9067 14.2219 23.7733 14.4619 24.0533C14.6619 24.28 14.8752 24.4933 15.1019 24.6667H4.11521L9.40854 18H6.78188L12.1152 11.3333H9.44854L14.7819 4.66666L18.5952 9.42666Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M23.4485 26H22.1152V31.3333H23.4485V26Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
class=""
></path>
<path
d="M32.0619 20.6267C31.7552 18.8 30.2752 17.8 29.9819 17.6C30.9019 16.32 31.0085 14.7067 30.2619 13.4533C29.4752 12.1333 28.0485 11.7467 27.7419 11.6667C27.6885 11.3333 27.2085 8.81334 24.9419 7.77334C24.7819 7.70668 23.9952 7.34668 22.9019 7.33334C22.5685 7.33334 20.5952 7.33334 19.1152 8.80001C18.0619 9.85334 17.8485 11.0667 17.7952 11.52C17.6352 11.5867 15.3819 12.5067 14.9952 14.6933C14.7552 16.0667 15.3819 17.1333 15.5952 17.4533C15.3685 17.6267 13.2619 19.2267 13.4485 21.6533C13.5419 22.9067 14.2085 23.7733 14.4485 24.0533C16.0485 25.96 18.7285 26.04 21.0219 25.9867C22.5819 25.9467 24.1552 25.9067 25.7152 25.8533C26.4619 25.8267 27.2219 25.84 27.9685 25.7333C30.4352 25.4133 32.4885 23.1733 32.0619 20.6267Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M22.7819 12.6667V26"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M26.7819 19.3333L22.7819 24.6667"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M18.7819 15.3333L22.7819 20.6667"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M108.675 26.8208L104.578 19.7027H102.35V26.8208H99.4314V9.0256H105.577C106.942 9.0256 108.094 9.26458 109.033 9.74253C109.989 10.2205 110.697 10.8606 111.158 11.6629C111.636 12.4652 111.875 13.3613 111.875 14.3514C111.875 15.5121 111.534 16.5704 110.851 17.5263C110.185 18.4652 109.153 19.1053 107.753 19.4467L112.157 26.8208H108.675ZM102.35 17.3727H105.577C106.669 17.3727 107.488 17.0996 108.035 16.5533C108.598 16.0071 108.88 15.2731 108.88 14.3514C108.88 13.4296 108.606 12.7127 108.06 12.2006C107.514 11.6714 106.686 11.4068 105.577 11.4068H102.35V17.3727Z"
fill="currentColor"
class=""
></path>
<path
d="M85.9269 9.0256V20.3684C85.9269 21.7169 86.2768 22.7326 86.9766 23.4154C87.6936 24.0982 88.6836 24.4396 89.9468 24.4396C91.227 24.4396 92.217 24.0982 92.9169 23.4154C93.6338 22.7326 93.9923 21.7169 93.9923 20.3684V9.0256H96.9112V20.3172C96.9112 21.7681 96.5954 22.9972 95.9638 24.0043C95.3323 25.0114 94.4873 25.7625 93.429 26.2575C92.3707 26.7525 91.2014 27 89.9212 27C88.6409 27 87.4717 26.7525 86.4133 26.2575C85.3721 25.7625 84.5442 25.0114 83.9297 24.0043C83.3152 22.9972 83.0079 21.7681 83.0079 20.3172V9.0256H85.9269Z"
fill="currentColor"
class=""
></path>
<path
d="M81.3576 9.0256V11.4068H76.6208V26.8208H73.7019V11.4068H68.9394V9.0256H81.3576Z"
fill="currentColor"
class=""
></path>
<path
d="M64.0166 23.1849H56.5657L55.2854 26.8208H52.2385L58.614 9H61.9938L68.3694 26.8208H65.2968L64.0166 23.1849ZM63.1972 20.8037L60.3039 12.5334L57.385 20.8037H63.1972Z"
fill="currentColor"
class=""
></path>
<path
d="M50.7354 26.8208H47.8165L39.0341 13.532V26.8208H36.1152V9H39.0341L47.8165 22.2632V9H50.7354V26.8208Z"
fill="currentColor"
class=""
></path>
</svg>
<svg width="110" height="36" viewBox="0 0 110 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="">
<path
d="M18.3918 31.3333C25.7556 31.3333 31.7251 25.3638 31.7251 18C31.7251 10.6362 25.7556 4.66666 18.3918 4.66666C11.028 4.66666 5.05847 10.6362 5.05847 18C5.05847 25.3638 11.028 31.3333 18.3918 31.3333Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M21.4716 12.6667H15.3116L12.2316 18L15.3116 23.3333H21.4716L24.5516 18L21.4716 12.6667Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M15.3118 23.3333L7.67175 10.0933"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M12.2316 18.0001L15.3116 12.6667L19.885 4.74673"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M24.5516 17.9867L16.8983 31.2533"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M29.1252 25.9067L21.4719 12.6667"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M21.4719 23.3333H6.17859"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M30.605 12.6667H15.3117"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M101.294 23.4526V17.3212V12.1314H103.089L102.914 16.073H103.286C103.418 15.2117 103.622 14.4672 103.899 13.8394C104.177 13.2117 104.542 12.7226 104.994 12.3723C105.461 12.0219 106.038 11.8467 106.724 11.8467C106.87 11.8467 107.038 11.8613 107.228 11.8905C107.418 11.9051 107.637 11.9562 107.885 12.0438L107.775 14.1241C107.556 14.0365 107.337 13.9781 107.118 13.9489C106.899 13.9051 106.688 13.8832 106.483 13.8832C105.914 13.8832 105.418 14.0657 104.994 14.4307C104.586 14.7956 104.242 15.292 103.965 15.9197C103.688 16.5328 103.461 17.2263 103.286 18V23.4526H101.294Z"
fill="currentColor"
class=""
></path>
<path
d="M93.1713 23.7372C91.9158 23.7372 90.9669 23.2993 90.3246 22.4234C89.6823 21.5475 89.3611 20.2409 89.3611 18.5037V12.1314H91.3757V18.3285C91.3757 19.5547 91.5655 20.4672 91.945 21.0657C92.3246 21.6642 92.9231 21.9635 93.7406 21.9635C94.1932 21.9635 94.5947 21.854 94.945 21.635C95.31 21.4161 95.6312 21.1022 95.9085 20.6934C96.1859 20.2847 96.4122 19.8029 96.5874 19.2482C96.7626 18.6788 96.8793 18.0657 96.9377 17.4088V12.1314H98.9304V18.7226V23.4526H97.1567L97.3319 19.8175H97.0034C96.8136 20.7226 96.5436 21.4672 96.1932 22.0511C95.8574 22.6204 95.4341 23.0438 94.9231 23.3212C94.4122 23.5986 93.8282 23.7372 93.1713 23.7372Z"
fill="currentColor"
class=""
></path>
<path
d="M86.0306 23.6715C84.9795 23.6715 84.1985 23.3868 83.6875 22.8175C83.1766 22.2482 82.9211 21.3795 82.9211 20.2117V13.7956H81.2131L81.235 12.1314H82.308C82.6729 12.1314 82.9357 12.0657 83.0963 11.9343C83.2715 11.8029 83.3737 11.5839 83.4029 11.2773L83.6218 9.56931H84.8481V12.1314H88.1109V13.8175H84.8481V20.1679C84.8481 20.7518 84.9795 21.1752 85.2423 21.4379C85.5197 21.6861 85.9138 21.8102 86.4248 21.8102C86.7021 21.8102 86.9868 21.7737 87.2788 21.7007C87.5853 21.6277 87.8846 21.4817 88.1766 21.2628V23.2555C87.7532 23.416 87.3591 23.5255 86.9941 23.5839C86.6437 23.6423 86.3226 23.6715 86.0306 23.6715Z"
fill="currentColor"
class=""
></path>
<path
d="M74.2335 23.4526V17.3212V12.1314H76.0291L75.8539 16.073H76.2262C76.3575 15.2117 76.5619 14.4672 76.8393 13.8394C77.1167 13.2117 77.4816 12.7226 77.9342 12.3723C78.4013 12.0219 78.978 11.8467 79.6641 11.8467C79.8101 11.8467 79.978 11.8613 80.1678 11.8905C80.3576 11.9051 80.5765 11.9562 80.8247 12.0438L80.7152 14.1241C80.4962 14.0365 80.2773 13.9781 80.0583 13.9489C79.8393 13.9051 79.6276 13.8832 79.4232 13.8832C78.8539 13.8832 78.3576 14.0657 77.9342 14.4307C77.5254 14.7956 77.1824 15.292 76.905 15.9197C76.6276 16.5328 76.4013 17.2263 76.2262 18V23.4526H74.2335Z"
fill="currentColor"
class=""
></path>
<path
d="M67.8294 23.7372C66.9389 23.7372 66.1505 23.6059 65.4644 23.3431C64.7929 23.0657 64.2235 22.6715 63.7564 22.1606C63.2892 21.6496 62.9389 21.0438 62.7053 20.3431C62.4717 19.6423 62.3549 18.854 62.3549 17.9781C62.3549 17.0876 62.4717 16.2701 62.7053 15.5255C62.9389 14.781 63.2819 14.1314 63.7345 13.5766C64.187 13.0219 64.7418 12.5985 65.3987 12.3066C66.0557 12 66.8075 11.8467 67.6542 11.8467C68.3987 11.8467 69.0776 11.9708 69.6907 12.219C70.3038 12.4671 70.8221 12.854 71.2454 13.3796C71.6834 13.8905 72.0119 14.5401 72.2308 15.3285C72.4498 16.1022 72.5374 17.0146 72.4936 18.0657L63.6031 18.1314V16.7737L71.2892 16.708L70.6104 17.6277C70.6834 16.708 70.5958 15.9489 70.3476 15.3504C70.0995 14.7518 69.7418 14.2993 69.2746 13.9927C68.8221 13.6861 68.2819 13.5328 67.6542 13.5328C66.9827 13.5328 66.3914 13.708 65.8805 14.0584C65.3695 14.4088 64.9754 14.9124 64.698 15.5693C64.4352 16.2263 64.3038 17.0219 64.3038 17.9562C64.3038 19.2993 64.6031 20.3285 65.2016 21.0438C65.8002 21.7445 66.6907 22.0949 67.8732 22.0949C68.3257 22.0949 68.7199 22.0438 69.0557 21.9416C69.406 21.8248 69.698 21.6715 69.9316 21.4818C70.1797 21.2774 70.3768 21.0438 70.5228 20.781C70.6834 20.5183 70.8075 20.2336 70.8951 19.927L72.6469 20.3431C72.5155 20.8686 72.3111 21.3431 72.0338 21.7664C71.771 22.1752 71.4352 22.5256 71.0265 22.8175C70.6323 23.1095 70.1724 23.3358 69.6469 23.4964C69.1214 23.6569 68.5155 23.7372 67.8294 23.7372Z"
fill="currentColor"
class=""
></path>
<path
d="M50.7189 27V17.8029V12.1314H52.5146L52.4051 15.0438H52.7335C52.9087 14.4015 53.1496 13.8467 53.4562 13.3796C53.7773 12.8978 54.1861 12.5255 54.6824 12.2628C55.1788 11.9854 55.7773 11.8467 56.4781 11.8467C57.5146 11.8467 58.3759 12.1095 59.062 12.635C59.7627 13.146 60.2883 13.854 60.6387 14.7591C60.989 15.6496 61.1642 16.6642 61.1642 17.8029C61.1642 18.9416 60.989 19.9562 60.6387 20.8467C60.2883 21.7372 59.77 22.4453 59.0839 22.9708C58.4124 23.4818 57.5876 23.7372 56.6095 23.7372C55.8211 23.7372 55.1642 23.5767 54.6386 23.2555C54.1277 22.9197 53.7189 22.4818 53.4124 21.9416C53.1058 21.4015 52.8649 20.8394 52.6897 20.2555H52.3175C52.4051 20.6496 52.4781 21.0584 52.5365 21.4818C52.5948 21.9051 52.6386 22.3285 52.6678 22.7518C52.7116 23.1606 52.7335 23.5548 52.7335 23.9343V27H50.7189ZM56.1058 22.0073C56.7481 22.0073 57.2883 21.8248 57.7262 21.4599C58.1642 21.0803 58.5 20.5694 58.7335 19.927C58.9671 19.2847 59.0839 18.562 59.0839 17.7591C59.0839 16.8978 58.9598 16.1606 58.7116 15.5474C58.4781 14.9343 58.1423 14.4599 57.7043 14.1241C57.2664 13.7737 56.7335 13.5985 56.1058 13.5985C55.5657 13.5985 55.0839 13.7226 54.6605 13.9708C54.2518 14.2044 53.9014 14.5255 53.6094 14.9343C53.3175 15.3285 53.0912 15.7664 52.9306 16.2482C52.7846 16.7153 52.7116 17.1825 52.7116 17.6496V17.9124C52.7116 18.2044 52.7554 18.5329 52.843 18.8978C52.9306 19.2482 53.062 19.6058 53.2372 19.9708C53.4124 20.3358 53.6313 20.6715 53.8941 20.9781C54.1715 21.2847 54.4927 21.5329 54.8576 21.7226C55.2226 21.9124 55.6386 22.0073 56.1058 22.0073Z"
fill="currentColor"
class=""
></path>
<path
d="M36.3918 23.4526L41.4721 9H44.4064L49.4867 23.4526H47.3188L43.0706 10.6861H42.8079L38.5597 23.4526H36.3918ZM38.8005 20.2117V18.6788H47.3188V20.2117H38.8005Z"
fill="currentColor"
class=""
></path></svg
><svg width="92" height="36" viewBox="0 0 92 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="">
<path
d="M18.8834 4.66666C17.4168 4.66666 16.2168 5.86666 16.2168 7.33332V11.56L18.8834 14.2267L21.5501 11.56V7.33332C21.5501 6.59999 21.2568 5.93332 20.7634 5.43999C20.2834 4.95999 19.6168 4.66666 18.8834 4.66666Z"
stroke="currentColor"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M16.2168 24.44V28.6666C16.2168 30.1333 17.4168 31.3333 18.8834 31.3333C20.3501 31.3333 21.5501 30.1333 21.5501 28.6666V24.44L18.8834 21.7733L16.2168 24.44Z"
stroke="currentColor"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M12.4434 15.3333H8.21675C6.75008 15.3333 5.55008 16.5333 5.55008 18C5.55008 19.4667 6.75008 20.6667 8.21675 20.6667H12.4434L15.1101 18L12.4434 15.3333Z"
stroke="currentColor"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M29.5502 15.3333H25.3235L22.6569 18L25.3235 20.6667H29.5502C30.2835 20.6667 30.9502 20.3733 31.4302 19.88C31.9235 19.4 32.2169 18.7333 32.2169 18C32.2169 16.5333 31.0169 15.3333 29.5502 15.3333Z"
stroke="currentColor"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M28.3101 23.6533L22.6568 18L18.8834 21.7733L24.5368 27.4267C25.5768 28.4667 27.2701 28.4667 28.3101 27.4267C29.3501 26.3867 29.3501 24.6933 28.3101 23.6533Z"
stroke="currentColor"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M13.2301 8.57329C12.7101 8.05329 12.0301 7.78662 11.3367 7.78662C10.6567 7.78662 9.97673 8.05329 9.45673 8.57329C8.41673 9.61329 8.41673 11.3066 9.45673 12.3466L15.1101 18L18.8834 14.2266L13.2301 8.57329Z"
stroke="currentColor"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M9.45673 27.4266C8.41673 26.3866 8.41673 24.6933 9.45673 23.6533L24.5367 8.5733C25.5767 7.5333 27.2701 7.5333 28.3101 8.5733C29.3501 9.6133 29.3501 11.3066 28.3101 12.3466L13.2301 27.4266C12.1901 28.4666 10.4967 28.4666 9.45673 27.4266Z"
stroke="currentColor"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M84.6756 27C84.3509 27 83.9855 26.9675 83.5796 26.9025C83.1899 26.8376 82.8164 26.7564 82.4591 26.659C82.1181 26.5615 81.8502 26.456 81.6554 26.3423C81.5417 26.2774 81.4524 26.2124 81.3874 26.1475C81.3387 26.0663 81.3144 25.9364 81.3144 25.7578L81.1926 21.9337C81.1926 21.6089 81.2981 21.4465 81.5092 21.4465C81.6878 21.4465 81.8096 21.5927 81.8746 21.885L82.0938 22.8105C82.6459 25.1326 83.677 26.2936 85.1871 26.2936C85.9991 26.2936 86.6405 26.0257 87.1114 25.4898C87.5985 24.9377 87.8421 24.1664 87.8421 23.1759C87.8421 22.2178 87.5904 21.3247 87.087 20.4966C86.5999 19.6685 85.8123 18.8484 84.7244 18.0365C83.5227 17.1759 82.6459 16.3478 82.0938 15.5521C81.5417 14.7402 81.2656 13.8796 81.2656 12.9702C81.2656 11.7686 81.6797 10.8106 82.5079 10.0961C83.3522 9.36536 84.424 9 85.723 9C86.2102 9 86.6811 9.05683 87.1357 9.1705C87.5904 9.28417 87.9639 9.44655 88.2562 9.65764C88.3536 9.7226 88.4267 9.79567 88.4754 9.87686C88.5403 9.95805 88.5728 10.0636 88.5728 10.1935L88.6459 13.8714C88.6459 14.1475 88.5403 14.2855 88.3292 14.2855C88.1831 14.2855 88.0775 14.1718 88.0126 13.9445L87.8421 13.3356C87.4848 12.0852 87.1114 11.1759 86.7217 10.6076C86.3482 10.023 85.8042 9.73072 85.0897 9.73072C84.3915 9.73072 83.8313 9.95805 83.4091 10.4127C83.0031 10.8674 82.8001 11.5088 82.8001 12.3369C82.8001 13.0352 83.0275 13.7009 83.4821 14.3342C83.9368 14.9675 84.7325 15.7388 85.8692 16.6482C87.087 17.6387 87.972 18.5967 88.5241 19.5223C89.0924 20.4316 89.3766 21.4059 89.3766 22.4452C89.3766 23.3545 89.1736 24.1502 88.7677 24.8322C88.3617 25.5142 87.8015 26.05 87.087 26.4398C86.3888 26.8132 85.585 27 84.6756 27Z"
fill="currentColor"
class=""
></path>
<path
d="M75.2893 27C74.4124 27 73.633 26.797 72.951 26.3911C72.2852 25.9689 71.7656 25.3924 71.3921 24.6617C71.0186 23.9147 70.8319 23.0622 70.8319 22.1042V10.8512C70.8319 10.5102 70.7751 10.2828 70.6614 10.1692C70.564 10.0555 70.3448 9.96619 70.0038 9.90124L69.4435 9.80381C69.2324 9.75509 69.1269 9.65766 69.1269 9.51152C69.1269 9.3329 69.2487 9.24359 69.4923 9.24359H73.9496C74.1932 9.24359 74.315 9.34102 74.315 9.53588C74.315 9.68202 74.2257 9.77133 74.047 9.80381L73.3894 9.90124C73.0646 9.94995 72.8454 10.0393 72.7318 10.1692C72.6181 10.2991 72.5613 10.5345 72.5613 10.8755V22.1286C72.5613 23.3627 72.8373 24.3207 73.3894 25.0027C73.9415 25.6847 74.7128 26.0257 75.7033 26.0257C76.7101 26.0257 77.4895 25.6847 78.0416 25.0027C78.5937 24.3207 78.8698 23.3627 78.8698 22.1286V11.3627C78.8698 10.4858 78.5937 9.99866 78.0416 9.90124L77.384 9.80381C77.2054 9.77133 77.1161 9.68202 77.1161 9.53588C77.1161 9.34102 77.2378 9.24359 77.4814 9.24359H80.9889C81.2324 9.24359 81.3542 9.3329 81.3542 9.51152C81.3542 9.65766 81.2487 9.75509 81.0376 9.80381L80.4774 9.90124C79.9253 9.99866 79.6492 10.4777 79.6492 11.3383V22.1042C79.6492 23.5819 79.2514 24.7673 78.4557 25.6603C77.66 26.5534 76.6046 27 75.2893 27Z"
fill="currentColor"
class=""
></path>
<path
d="M58.2703 26.7808C58.108 26.7808 57.9943 26.7483 57.9293 26.6834C57.8644 26.6184 57.8319 26.5534 57.8319 26.4885C57.8319 26.3261 57.9537 26.2206 58.1973 26.1719L58.587 26.0988C59.1066 26.0014 59.5126 25.8471 59.8048 25.636C60.1134 25.4087 60.3732 25.0514 60.5843 24.5643L63.02 18.7673C63.1012 18.5886 63.1499 18.41 63.1661 18.2314C63.1986 18.0365 63.1661 17.8336 63.0687 17.6225L60.0241 10.8755C59.8617 10.502 59.6831 10.2504 59.4882 10.1205C59.3096 9.99055 59.1147 9.90936 58.9036 9.87688L58.4408 9.80381C58.181 9.75509 58.0511 9.64954 58.0511 9.48716C58.0511 9.32478 58.1891 9.24359 58.4652 9.24359H62.7521C63.0444 9.24359 63.1905 9.32478 63.1905 9.48716C63.1905 9.64954 63.0525 9.75509 62.7764 9.80381L62.3136 9.87688C62.0376 9.92559 61.8427 10.023 61.7291 10.1692C61.6316 10.3153 61.656 10.5508 61.8021 10.8755L64.1161 16.0636C64.181 16.2098 64.2541 16.2828 64.3353 16.2828C64.4327 16.2828 64.5139 16.2098 64.5789 16.0636L66.6736 11.1191C66.8197 10.7619 66.8684 10.502 66.8197 10.3397C66.771 10.161 66.6086 10.0393 66.3326 9.97431L65.6506 9.82816C65.3745 9.76321 65.2365 9.64954 65.2365 9.48716C65.2365 9.32478 65.3826 9.24359 65.6749 9.24359H69.4016C69.5802 9.24359 69.6939 9.27607 69.7426 9.34102C69.8075 9.38973 69.84 9.45469 69.84 9.53588C69.84 9.69826 69.7182 9.80381 69.4747 9.85252L69.0849 9.92559C68.679 9.99055 68.338 10.1448 68.0619 10.3884C67.7859 10.6157 67.5423 10.973 67.3312 11.4601L65.0173 16.8674C64.9361 17.0785 64.8874 17.2815 64.8711 17.4763C64.8711 17.6712 64.928 17.8823 65.0416 18.1096L68.1837 25.1489C68.3623 25.5386 68.541 25.7903 68.7196 25.9039C68.9144 26.0176 69.1093 26.0907 69.3042 26.1231L69.7669 26.1962C70.043 26.2449 70.181 26.3586 70.181 26.5372C70.181 26.6996 70.0349 26.7808 69.7426 26.7808H65.4314C65.1391 26.7808 64.9929 26.6834 64.9929 26.4885C64.9929 26.3424 65.1228 26.2449 65.3826 26.1962L65.8698 26.1231C66.1458 26.0907 66.3407 26.0014 66.4544 25.8552C66.568 25.6928 66.5599 25.4574 66.43 25.1489L63.9212 19.571C63.8563 19.4249 63.7751 19.3518 63.6776 19.3518C63.5965 19.3518 63.5234 19.4249 63.4584 19.571L61.2663 24.9053C61.1201 25.2625 61.0714 25.5304 61.1201 25.7091C61.1688 25.8714 61.3312 25.9851 61.6073 26.0501L62.2893 26.1962C62.5653 26.2612 62.7034 26.3748 62.7034 26.5372C62.7034 26.6996 62.5572 26.7808 62.2649 26.7808H58.2703Z"
fill="currentColor"
class=""
></path>
<path
d="M49.2578 26.7808C49.0142 26.7808 48.8925 26.6915 48.8925 26.5129C48.8925 26.3667 48.998 26.2693 49.2091 26.2206L49.7693 26.1231C50.1103 26.0582 50.3295 25.9689 50.427 25.8552C50.5406 25.7415 50.5975 25.5142 50.5975 25.1732V10.8512C50.5975 10.5102 50.5406 10.2828 50.427 10.1692C50.3295 10.0555 50.1103 9.96619 49.7693 9.90124L49.2091 9.80381C48.998 9.75509 48.8925 9.65766 48.8925 9.51152C48.8925 9.3329 49.0142 9.24359 49.2578 9.24359H57.4418C57.8153 9.24359 58.0183 9.43033 58.0508 9.80381L58.2456 13.8471C58.2781 14.1232 58.1726 14.2612 57.929 14.2612C57.7341 14.2612 57.6205 14.1556 57.588 13.9445L57.4418 13.0433C57.2632 11.9391 56.8979 11.1353 56.3458 10.632C55.7937 10.1123 55.0305 9.85252 54.0562 9.85252C53.4067 9.85252 52.952 9.94995 52.6922 10.1448C52.4486 10.3234 52.3268 10.6482 52.3268 11.1191V16.9892C52.3268 17.2165 52.4405 17.3302 52.6678 17.3302H53.8857C54.6002 17.3302 55.0386 16.9486 55.201 16.1854L55.4445 14.9675C55.5095 14.724 55.6475 14.6184 55.8586 14.6509C56.0372 14.6834 56.1265 14.8214 56.1265 15.065V20.5453C56.1265 20.7889 56.0372 20.9269 55.8586 20.9594C55.6475 20.9919 55.5095 20.8863 55.4445 20.6428L55.201 19.4493C55.0873 18.8809 54.9249 18.5074 54.7138 18.3288C54.519 18.1502 54.2348 18.0609 53.8613 18.0609H52.6678C52.4405 18.0609 52.3268 18.1746 52.3268 18.4019V24.5156C52.3268 25.1001 52.473 25.5223 52.7653 25.7821C53.0738 26.0419 53.6259 26.1719 54.4215 26.1719C55.2335 26.1719 55.9236 25.9689 56.4919 25.5629C57.0765 25.1407 57.4824 24.3613 57.7098 23.2246L58.0021 21.7876C58.0508 21.5765 58.1726 21.4709 58.3674 21.4709C58.5947 21.4709 58.6922 21.6089 58.6597 21.885L58.4161 26.2206C58.3837 26.594 58.1807 26.7808 57.8072 26.7808H49.2578Z"
fill="currentColor"
class=""
></path>
<path
d="M46.943 27C46.6831 27 46.4639 26.8051 46.2853 26.4154L39.6845 12.0934C39.6358 11.9797 39.5708 11.931 39.4896 11.9472C39.4247 11.9635 39.3922 12.0366 39.3922 12.1665V24.6861C39.3922 25.1407 39.4653 25.4898 39.6114 25.7334C39.7738 25.9608 40.058 26.1069 40.4639 26.1718L40.7806 26.2206C40.9917 26.2368 41.0972 26.3342 41.0972 26.5129C41.0972 26.6915 40.9754 26.7808 40.7319 26.7808H37.2488C37.0052 26.7808 36.8834 26.6915 36.8834 26.5129C36.8834 26.3342 36.989 26.2368 37.2001 26.2206L37.5167 26.1718C37.9389 26.1069 38.2312 25.9608 38.3936 25.7334C38.556 25.4898 38.6371 25.1407 38.6371 24.6861V10.8512C38.6371 10.5102 38.5803 10.2828 38.4666 10.1692C38.3692 10.0555 38.1338 9.96619 37.7603 9.90124L37.2001 9.80381C36.989 9.75509 36.8834 9.65766 36.8834 9.51152C36.8834 9.3329 37.0052 9.24359 37.2488 9.24359H39.855C40.261 9.24359 40.5451 9.42221 40.7075 9.77945L46.4558 22.4208C46.5045 22.5183 46.5614 22.5589 46.6263 22.5426C46.7075 22.5264 46.7481 22.4696 46.7481 22.3721V11.3383C46.7481 10.8187 46.6588 10.4615 46.4802 10.2666C46.3015 10.0555 46.0742 9.92559 45.7982 9.87688L45.3597 9.80381C45.1486 9.75509 45.0431 9.65766 45.0431 9.51152C45.0431 9.3329 45.1649 9.24359 45.4084 9.24359H48.8915C49.1351 9.24359 49.2569 9.3329 49.2569 9.51152C49.2569 9.69014 49.1513 9.78757 48.9402 9.80381L48.6236 9.85252C48.2014 9.91747 47.9091 10.0555 47.7467 10.2666C47.5844 10.4615 47.5032 10.8187 47.5032 11.3383V26.2206C47.5032 26.5129 47.4463 26.7158 47.3327 26.8295C47.2352 26.9432 47.1053 27 46.943 27Z"
fill="currentColor"
class=""
></path>
</svg>
<svg width="104" height="36" viewBox="0 0 104 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="">
<path
d="M5.42813 24.6667C5.42813 17.3067 11.4015 11.3333 18.7615 11.3333C26.1215 11.3333 32.0948 17.3067 32.0948 24.6667"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M13.4281 24.6667C13.4281 21.72 15.8148 19.3333 18.7615 19.3333C21.7081 19.3333 24.0948 21.72 24.0948 24.6667"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M9.42813 24.6667C9.42813 19.5067 13.6015 15.3333 18.7615 15.3333C23.9215 15.3333 28.0948 19.5067 28.0948 24.6667"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M95.8008 26.9918C94.5611 26.9918 93.4867 26.7191 92.5776 26.1736C91.6685 25.6282 90.9633 24.8651 90.4619 23.8844C89.966 22.9036 89.7181 21.7576 89.7181 20.4463C89.7181 19.135 89.966 17.9863 90.4619 17C90.9633 16.0138 91.6685 15.248 92.5776 14.7025C93.4867 14.1571 94.5611 13.8843 95.8008 13.8843C97.0404 13.8843 98.1148 14.1571 99.0239 14.7025C99.933 15.248 100.635 16.0138 101.131 17C101.633 17.9863 101.883 19.135 101.883 20.4463C101.883 21.7576 101.633 22.9036 101.131 23.8844C100.635 24.8651 99.933 25.6282 99.0239 26.1736C98.1148 26.7191 97.0404 26.9918 95.8008 26.9918ZM95.8173 24.5951C96.4895 24.5951 97.0515 24.4105 97.5032 24.0414C97.955 23.6667 98.2911 23.1653 98.5115 22.5372C98.7374 21.9091 98.8504 21.2094 98.8504 20.4381C98.8504 19.6612 98.7374 18.9587 98.5115 18.3306C98.2911 17.697 97.955 17.1929 97.5032 16.8182C97.0515 16.4436 96.4895 16.2562 95.8173 16.2562C95.1286 16.2562 94.5556 16.4436 94.0983 16.8182C93.6465 17.1929 93.3076 17.697 93.0817 18.3306C92.8614 18.9587 92.7512 19.6612 92.7512 20.4381C92.7512 21.2094 92.8614 21.9091 93.0817 22.5372C93.3076 23.1653 93.6465 23.6667 94.0983 24.0414C94.5556 24.4105 95.1286 24.5951 95.8173 24.5951Z"
fill="currentColor"
class=""
></path>
<path
d="M85.3591 26.7438V14.0496H88.3508V26.7438H85.3591ZM86.8632 12.2479C86.3894 12.2479 85.9816 12.0909 85.64 11.7769C85.2985 11.4573 85.1277 11.0744 85.1277 10.6281C85.1277 10.1763 85.2985 9.79339 85.64 9.47934C85.9816 9.15978 86.3894 9 86.8632 9C87.3425 9 87.7502 9.15978 88.0863 9.47934C88.4279 9.79339 88.5987 10.1763 88.5987 10.6281C88.5987 11.0744 88.4279 11.4573 88.0863 11.7769C87.7502 12.0909 87.3425 12.2479 86.8632 12.2479Z"
fill="currentColor"
class=""
></path>
<path
d="M76.5743 26.967C75.5771 26.967 74.6845 26.7108 73.8966 26.1984C73.1087 25.686 72.4861 24.9422 72.0288 23.967C71.5715 22.9917 71.3429 21.8072 71.3429 20.4132C71.3429 19.0028 71.5743 17.8127 72.0371 16.843C72.5054 15.8678 73.1363 15.1322 73.9297 14.6364C74.7231 14.135 75.6074 13.8843 76.5826 13.8843C77.3264 13.8843 77.9379 14.011 78.4173 14.2645C78.8966 14.5124 79.2768 14.8127 79.5578 15.1653C79.8388 15.5124 80.0564 15.8402 80.2107 16.1488H80.3346V9.81818H83.3346V26.7438H80.3925V24.7438H80.2107C80.0564 25.0524 79.8333 25.3802 79.5413 25.7273C79.2492 26.0689 78.8636 26.3609 78.3842 26.6033C77.9049 26.8457 77.3016 26.967 76.5743 26.967ZM77.409 24.5124C78.0426 24.5124 78.5826 24.3416 79.0289 24C79.4751 23.6529 79.814 23.1708 80.0454 22.5537C80.2768 21.9366 80.3925 21.2176 80.3925 20.3967C80.3925 19.5758 80.2768 18.8623 80.0454 18.2562C79.8195 17.6501 79.4834 17.1791 79.0371 16.843C78.5963 16.5069 78.0536 16.3388 77.409 16.3388C76.7423 16.3388 76.1859 16.5124 75.7396 16.8595C75.2933 17.2066 74.9572 17.686 74.7313 18.2975C74.5054 18.9091 74.3925 19.6088 74.3925 20.3967C74.3925 21.1901 74.5054 21.8981 74.7313 22.5207C74.9627 23.1378 75.3016 23.6254 75.7479 23.9835C76.1996 24.3361 76.7534 24.5124 77.409 24.5124Z"
fill="currentColor"
class=""
></path>
<path
d="M66.959 21.405V14.0496H69.9508V26.7438H67.0499V24.4876H66.9177C66.6312 25.1984 66.1601 25.7796 65.5045 26.2314C64.8543 26.6832 64.0527 26.9091 63.0995 26.9091C62.2676 26.9091 61.532 26.7245 60.8929 26.3554C60.2593 25.9807 59.7634 25.438 59.4053 24.7273C59.0472 24.011 58.8681 23.146 58.8681 22.1322V14.0496H61.8598V21.6694C61.8598 22.4738 62.0802 23.113 62.521 23.5868C62.9618 24.0606 63.5403 24.2975 64.2565 24.2975C64.6973 24.2975 65.1243 24.1901 65.5375 23.9752C65.9508 23.7603 66.2896 23.4408 66.5541 23.0165C66.824 22.5868 66.959 22.0496 66.959 21.405Z"
fill="currentColor"
class=""
></path>
<path
d="M57.5297 14.0496V16.3636H50.2322V14.0496H57.5297ZM52.0338 11.0083H55.0256V22.9256C55.0256 23.3278 55.0862 23.6364 55.2074 23.8513C55.3341 24.0606 55.4994 24.2039 55.7033 24.281C55.9071 24.3582 56.133 24.3967 56.3809 24.3967C56.5683 24.3967 56.7391 24.3829 56.8933 24.3554C57.0531 24.3278 57.1743 24.3031 57.257 24.281L57.7611 26.6199C57.6013 26.675 57.3727 26.7356 57.0752 26.8017C56.7831 26.8678 56.425 26.9064 56.0008 26.9174C55.2515 26.9394 54.5765 26.8265 53.976 26.5785C53.3754 26.3251 52.8988 25.9339 52.5462 25.405C52.1991 24.8761 52.0283 24.2149 52.0338 23.4215V11.0083Z"
fill="currentColor"
class=""
></path>
<path
d="M46.5714 14.4711C46.4943 13.7493 46.1692 13.1873 45.5962 12.7851C45.0287 12.3829 44.2904 12.1818 43.3813 12.1818C42.7422 12.1818 42.194 12.2782 41.7367 12.4711C41.2794 12.6639 40.9295 12.9256 40.6871 13.2562C40.4447 13.5868 40.3207 13.9642 40.3152 14.3884C40.3152 14.741 40.3951 15.0468 40.5549 15.3058C40.7202 15.5647 40.9433 15.7851 41.2243 15.9669C41.5053 16.1432 41.8166 16.292 42.1582 16.4132C42.4998 16.5344 42.8441 16.6364 43.1912 16.719L44.778 17.1157C45.4171 17.2645 46.0315 17.4656 46.621 17.719C47.216 17.9724 47.7477 18.292 48.216 18.6777C48.6899 19.0634 49.0645 19.5289 49.34 20.0744C49.6155 20.6198 49.7532 21.259 49.7532 21.9917C49.7532 22.9835 49.4998 23.8568 48.9929 24.6116C48.486 25.3609 47.7532 25.9477 46.7945 26.3719C45.8414 26.7906 44.6871 27 43.3317 27C42.0149 27 40.8717 26.7962 39.902 26.3884C38.9378 25.9807 38.183 25.3857 37.6375 24.6033C37.0976 23.8209 36.8056 22.8678 36.7615 21.7438H39.778C39.8221 22.3333 40.0039 22.8237 40.3235 23.2149C40.643 23.6061 41.059 23.8981 41.5714 24.0909C42.0893 24.2838 42.6678 24.3802 43.3069 24.3802C43.9736 24.3802 44.5576 24.281 45.059 24.0827C45.5659 23.8788 45.9626 23.5978 46.2491 23.2397C46.5356 22.876 46.6816 22.4518 46.6871 21.9669C46.6816 21.5262 46.5521 21.1625 46.2987 20.876C46.0452 20.584 45.6899 20.3416 45.2326 20.1488C44.7808 19.9504 44.2518 19.7741 43.6458 19.6198L41.7202 19.124C40.3262 18.7658 39.2243 18.2231 38.4144 17.4959C37.61 16.7631 37.2078 15.7906 37.2078 14.5785C37.2078 13.5813 37.4777 12.708 38.0177 11.9587C38.5631 11.2094 39.3042 10.6281 40.2408 10.2149C41.1775 9.79613 42.2381 9.58676 43.4226 9.58676C44.6237 9.58676 45.6761 9.79613 46.5797 10.2149C47.4888 10.6281 48.2023 11.2038 48.7202 11.9421C49.2381 12.6749 49.5053 13.5179 49.5218 14.4711H46.5714Z"
fill="currentColor"
class=""
></path>
</svg>
<svg width="113" height="36" viewBox="0 0 113 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="">
<path
d="M25.4785 6.71339C23.4223 5.41684 20.987 4.66666 18.3766 4.66666C15.6675 4.66666 13.1471 5.4746 11.0432 6.86269M30.113 11.6672C31.1316 13.5511 31.7099 15.708 31.7099 18C31.7099 18.1406 31.7077 18.2807 31.7034 18.4203M22.3766 30.7229C24.4065 30.0854 26.2272 28.9754 27.7099 27.5219M5.4633 14.6667C5.18909 15.7321 5.04324 16.849 5.04324 18C5.04324 20.1581 5.55599 22.1965 6.4663 24"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M10.3766 11.3333H14.0653L17.5962 16.6667H23.7099"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M14.3766 22.1001H17.0433"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M28.3766 23.3333H24.8983L20.0288 27.3333H11.7099"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M21.0432 10H22.3766"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M26.3766 10H27.0433"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M15.7099 31.3333H17.0433"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M10.3766 22H11.0433"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M9.04326 12.6667C9.77964 12.6667 10.3766 12.0697 10.3766 11.3333C10.3766 10.597 9.77964 10 9.04326 10C8.30688 10 7.70993 10.597 7.70993 11.3333C7.70993 12.0697 8.30688 12.6667 9.04326 12.6667Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M25.0433 18C25.7796 18 26.3766 17.4031 26.3766 16.6667C26.3766 15.9303 25.7796 15.3333 25.0433 15.3333C24.3069 15.3333 23.7099 15.9303 23.7099 16.6667C23.7099 17.4031 24.3069 18 25.0433 18Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M11.5078 18.6099C12.2442 18.6099 12.8411 18.0129 12.8411 17.2765C12.8411 16.5402 12.2442 15.9432 11.5078 15.9432C10.7714 15.9432 10.1744 16.5402 10.1744 17.2765C10.1744 18.0129 10.7714 18.6099 11.5078 18.6099Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M18.3766 23.3333C19.113 23.3333 19.7099 22.7364 19.7099 22C19.7099 21.2636 19.113 20.6667 18.3766 20.6667C17.6402 20.6667 17.0432 21.2636 17.0432 22C17.0432 22.7364 17.6402 23.3333 18.3766 23.3333Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M29.7099 24.1015C30.4463 24.1015 31.0433 23.5045 31.0433 22.7681C31.0433 22.0318 30.4463 21.4348 29.7099 21.4348C28.9735 21.4348 28.3766 22.0318 28.3766 22.7681C28.3766 23.5045 28.9735 24.1015 29.7099 24.1015Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M10.3386 28.6667C9.62322 28.6667 9.04327 28.0697 9.04327 27.3333C9.04327 26.597 9.62322 26 10.3386 26C11.054 26 11.7099 26.597 11.7099 27.3333C11.7099 28.0697 11.054 28.6667 10.3386 28.6667Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M19.7099 11.3333C20.4463 11.3333 21.0433 10.7364 21.0433 9.99999C21.0433 9.26361 20.4463 8.66666 19.7099 8.66666C18.9735 8.66666 18.3766 9.26361 18.3766 9.99999C18.3766 10.7364 18.9735 11.3333 19.7099 11.3333Z"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class=""
></path>
<path
d="M99.7304 26.4502L102.001 16.9124C102.081 16.5618 102.089 16.2908 102.025 16.0996C101.977 15.8924 101.834 15.7888 101.595 15.7888C101.308 15.7888 100.989 16.004 100.639 16.4343C100.304 16.8486 99.9217 17.6454 99.4914 18.8247C99.4276 19.0319 99.3161 19.1355 99.1567 19.1355C98.9177 19.1355 98.8539 18.992 98.9655 18.7052C99.3161 17.6056 99.6826 16.745 100.065 16.1235C100.463 15.502 100.862 15.0637 101.26 14.8088C101.659 14.5538 102.025 14.4263 102.36 14.4263C102.886 14.4263 103.26 14.6255 103.483 15.0239C103.707 15.4064 103.714 16.0438 103.507 16.9363L102.91 19.5179C102.894 19.6295 102.918 19.6932 102.981 19.7092C103.045 19.7251 103.101 19.6853 103.149 19.5896C103.77 18.2988 104.368 17.2789 104.942 16.5299C105.515 15.7649 106.057 15.2231 106.567 14.9044C107.077 14.5857 107.539 14.4263 107.954 14.4263C108.543 14.4263 108.973 14.6653 109.244 15.1434C109.515 15.6215 109.515 16.3546 109.244 17.3426L107.428 24.2749C107.316 24.7211 107.308 25.0558 107.404 25.2789C107.499 25.502 107.675 25.6135 107.93 25.6135C108.248 25.6135 108.559 25.4064 108.862 24.992C109.181 24.5617 109.507 23.757 109.842 22.5777C109.89 22.4024 109.993 22.3147 110.153 22.3147C110.28 22.3147 110.352 22.3625 110.368 22.4582C110.4 22.5538 110.4 22.6653 110.368 22.7928C110.065 23.8765 109.738 24.7291 109.388 25.3506C109.037 25.9562 108.679 26.3785 108.312 26.6175C107.962 26.8566 107.603 26.9761 107.236 26.9761C106.663 26.9761 106.232 26.737 105.946 26.2589C105.659 25.7809 105.643 25.0398 105.898 24.0358L107.738 17.1036C107.914 16.4821 107.938 16.0518 107.81 15.8128C107.699 15.5737 107.531 15.4542 107.308 15.4542C106.958 15.4542 106.559 15.6773 106.113 16.1235C105.667 16.5538 105.212 17.1514 104.75 17.9163C104.288 18.6653 103.834 19.5179 103.388 20.4741C102.942 21.4303 102.535 22.4263 102.169 23.4621C101.818 24.498 101.531 25.5099 101.308 26.498C101.26 26.6733 101.149 26.7609 100.973 26.7609H99.9934C99.7703 26.7609 99.6826 26.6574 99.7304 26.4502Z"
fill="currentColor"
class=""
></path>
<path
d="M90.4643 26.9761C89.8906 26.9761 89.4444 26.7291 89.1257 26.235C88.8069 25.741 88.6476 25.0159 88.6476 24.0597C88.6476 23.1514 88.7751 22.243 89.0301 21.3347C89.285 20.4104 89.6356 19.5339 90.0818 18.7052C90.5281 17.8765 91.0301 17.1434 91.5878 16.506C92.1615 15.8685 92.7591 15.3665 93.3807 15C94.0181 14.6175 94.6476 14.4263 95.2691 14.4263C95.5719 14.4263 95.8588 14.49 96.1297 14.6175C96.4006 14.7291 96.6237 14.9124 96.799 15.1673C96.8946 15.3108 96.9902 15.3825 97.0858 15.3825C97.1815 15.3825 97.2771 15.3108 97.3727 15.1673C97.548 14.9124 97.6914 14.753 97.803 14.6892C97.9145 14.6096 98.0181 14.5697 98.1137 14.5697C98.3209 14.5697 98.4006 14.6813 98.3528 14.9044L96.2253 24.0597C95.9862 25.0956 96.1456 25.6135 96.7034 25.6135C97.0699 25.6135 97.3966 25.3665 97.6835 24.8725C97.9862 24.3785 98.289 23.6135 98.5918 22.5777C98.6396 22.4024 98.7432 22.3147 98.9026 22.3147C99.0141 22.3147 99.0859 22.3625 99.1177 22.4582C99.1496 22.5538 99.1496 22.6653 99.1177 22.7928C98.8149 24.2908 98.4086 25.3665 97.8986 26.0199C97.3886 26.6574 96.7751 26.9761 96.058 26.9761C95.4364 26.9761 94.9902 26.7131 94.7193 26.1872C94.4643 25.6613 94.4404 24.9442 94.6476 24.0358L94.9584 22.7211C94.9902 22.6096 94.9663 22.5458 94.8866 22.5299C94.8229 22.5139 94.7671 22.5538 94.7193 22.6494C93.8428 24.259 93.0619 25.3825 92.3767 26.0199C91.7074 26.6574 91.0699 26.9761 90.4643 26.9761ZM91.0619 25.757C91.4444 25.757 91.8667 25.5259 92.3289 25.0637C92.791 24.6016 93.2452 24.004 93.6914 23.2709C94.1536 22.5378 94.5759 21.749 94.9584 20.9044C95.3408 20.0598 95.6436 19.247 95.8667 18.4661C96.1058 17.6853 96.2253 17.0239 96.2253 16.4821C96.2253 15.51 95.8827 15.0239 95.1974 15.0239C94.7831 15.0239 94.3448 15.2151 93.8827 15.5976C93.4205 15.9641 92.9743 16.4661 92.544 17.1036C92.1297 17.741 91.7472 18.4661 91.3966 19.2789C91.0619 20.0757 90.791 20.9123 90.5838 21.7888C90.3767 22.6494 90.2731 23.494 90.2731 24.3227C90.2731 24.8805 90.3368 25.2629 90.4643 25.4701C90.6077 25.6613 90.8069 25.757 91.0619 25.757Z"
fill="currentColor"
class=""
></path>
<path
d="M87.522 12.2988C87.2192 12.2988 86.9642 12.1953 86.757 11.9881C86.5658 11.765 86.4702 11.502 86.4702 11.1992C86.4702 10.769 86.5977 10.4263 86.8527 10.1713C87.1236 9.91637 87.4264 9.78888 87.761 9.78888C88.0798 9.78888 88.3427 9.89246 88.5499 10.0996C88.773 10.2909 88.8845 10.5459 88.8845 10.8646C88.8845 11.3108 88.7491 11.6614 88.4782 11.9164C88.2073 12.1713 87.8885 12.2988 87.522 12.2988ZM85.5618 27C85.0359 27 84.6614 26.8088 84.4383 26.4263C84.2152 26.0279 84.2072 25.3825 84.4144 24.4901L86.1833 16.9124C86.263 16.5618 86.271 16.2909 86.2072 16.0996C86.1594 15.8925 86.016 15.7889 85.777 15.7889C85.4901 15.7889 85.1714 16.004 84.8208 16.4343C84.4861 16.8486 84.1037 17.6454 83.6734 18.8247C83.6096 19.0319 83.4981 19.1355 83.3387 19.1355C83.0997 19.1355 83.0359 18.9921 83.1475 18.7052C83.4981 17.6056 83.8646 16.745 84.2471 16.1235C84.6455 15.502 85.0439 15.0638 85.4423 14.8088C85.8407 14.5538 86.2072 14.4263 86.5419 14.4263C87.0997 14.4263 87.4901 14.6255 87.7132 15.0239C87.9363 15.4064 87.9443 16.0438 87.7371 16.9363L85.9682 24.514C85.8885 24.8646 85.8726 25.1434 85.9204 25.3506C85.9841 25.5418 86.1355 25.6375 86.3746 25.6375C86.6614 25.6375 86.9722 25.4303 87.3069 25.0159C87.6575 24.5857 88.0479 23.7809 88.4782 22.6016C88.5419 22.3944 88.6535 22.2909 88.8128 22.2909C89.0519 22.2909 89.1156 22.4343 89.0041 22.7211C88.6694 23.8048 88.2949 24.6653 87.8806 25.3028C87.4822 25.9243 87.0837 26.3626 86.6853 26.6175C86.2869 26.8725 85.9124 27 85.5618 27Z"
fill="currentColor"
class=""
></path>
<path
d="M74.6701 26.9761C74.0805 26.9761 73.6263 26.7291 73.3076 26.235C72.9888 25.741 72.8295 25.0159 72.8295 24.0597C72.8295 23.1514 72.957 22.243 73.2119 21.3346C73.4669 20.4103 73.8175 19.5338 74.2637 18.7052C74.7099 17.8765 75.2119 17.1434 75.7697 16.506C76.3434 15.8685 76.941 15.3665 77.5625 15C78.2 14.6175 78.8295 14.4263 79.451 14.4263C79.8813 14.4263 80.2558 14.5378 80.5745 14.7609C80.7976 14.9044 80.9331 14.8566 80.9809 14.6175L81.7458 11.4621C81.8255 11.1753 81.8255 10.9761 81.7458 10.8645C81.6821 10.753 81.5386 10.6892 81.3155 10.6733L80.5984 10.6016C80.3594 10.5857 80.2558 10.4821 80.2876 10.2908C80.3195 10.1474 80.4311 10.0598 80.6223 10.0279C81.196 9.93227 81.706 9.82072 82.1522 9.69323C82.5984 9.5498 82.957 9.36653 83.2279 9.14343C83.3554 9.04781 83.4749 9 83.5865 9C83.7777 9 83.8494 9.11952 83.8016 9.35856L80.4072 24.0597C80.1681 25.0956 80.3275 25.6135 80.8853 25.6135C81.2518 25.6135 81.5785 25.3665 81.8653 24.8725C82.1681 24.3785 82.4709 23.6135 82.7737 22.5777C82.8215 22.4024 82.9251 22.3147 83.0845 22.3147C83.196 22.3147 83.2677 22.3625 83.2996 22.4581C83.3315 22.5538 83.3315 22.6653 83.2996 22.7928C82.9968 24.2908 82.5745 25.3665 82.0327 26.0199C81.5068 26.6573 80.8853 26.9761 80.1681 26.9761C79.5466 26.9761 79.1004 26.7131 78.8295 26.1872C78.5745 25.6613 78.5506 24.9442 78.7578 24.0358L79.0207 22.9362C79.0526 22.8247 79.0287 22.7609 78.949 22.745C78.8853 22.7291 78.8295 22.7689 78.7817 22.8645C78.0167 24.3625 77.2916 25.4223 76.6064 26.0438C75.9211 26.6653 75.2757 26.9761 74.6701 26.9761ZM75.2438 25.7569C75.6263 25.7569 76.0486 25.5259 76.5107 25.0637C76.9729 24.6016 77.4271 24.004 77.8733 23.2709C78.3355 22.5378 78.7578 21.749 79.1402 20.9044C79.5227 20.0597 79.8255 19.247 80.0486 18.4661C80.2876 17.6852 80.4072 17.0239 80.4072 16.4821C80.4072 15.5099 80.0645 15.0239 79.3793 15.0239C78.9649 15.0239 78.5267 15.2151 78.0645 15.5976C77.6024 15.9641 77.1562 16.4661 76.7259 17.1036C76.3115 17.741 75.9291 18.4661 75.5785 19.2789C75.2438 20.0757 74.9729 20.9123 74.7657 21.7888C74.5586 22.6494 74.455 23.494 74.455 24.3227C74.455 24.8804 74.5267 25.2629 74.6701 25.4701C74.8295 25.6613 75.0207 25.7569 75.2438 25.7569Z"
fill="currentColor"
class=""
></path>
<path
d="M71.704 12.2988C71.4012 12.2988 71.1462 12.1953 70.9391 11.9881C70.7478 11.765 70.6522 11.502 70.6522 11.1992C70.6522 10.769 70.7797 10.4263 71.0347 10.1713C71.3056 9.91637 71.6084 9.78888 71.943 9.78888C72.2618 9.78888 72.5247 9.89246 72.7319 10.0996C72.955 10.2909 73.0665 10.5459 73.0665 10.8646C73.0665 11.3108 72.9311 11.6614 72.6602 11.9164C72.3893 12.1713 72.0705 12.2988 71.704 12.2988ZM69.7438 27C69.2179 27 68.8434 26.8088 68.6203 26.4263C68.3972 26.0279 68.3892 25.3825 68.5964 24.4901L70.3653 16.9124C70.445 16.5618 70.453 16.2909 70.3893 16.0996C70.3414 15.8925 70.198 15.7889 69.959 15.7889C69.6721 15.7889 69.3534 16.004 69.0028 16.4343C68.6681 16.8486 68.2857 17.6454 67.8554 18.8247C67.7916 19.0319 67.6801 19.1355 67.5207 19.1355C67.2817 19.1355 67.2179 18.9921 67.3295 18.7052C67.6801 17.6056 68.0466 16.745 68.4291 16.1235C68.8275 15.502 69.2259 15.0638 69.6243 14.8088C70.0227 14.5538 70.3893 14.4263 70.7239 14.4263C71.2817 14.4263 71.6721 14.6255 71.8952 15.0239C72.1183 15.4064 72.1263 16.0438 71.9191 16.9363L70.1502 24.514C70.0705 24.8646 70.0546 25.1434 70.1024 25.3506C70.1661 25.5418 70.3175 25.6375 70.5566 25.6375C70.8434 25.6375 71.1542 25.4303 71.4889 25.0159C71.8395 24.5857 72.2299 23.7809 72.6602 22.6016C72.7239 22.3944 72.8355 22.2909 72.9948 22.2909C73.2339 22.2909 73.2976 22.4343 73.1861 22.7211C72.8514 23.8048 72.4769 24.6653 72.0626 25.3028C71.6642 25.9243 71.2657 26.3626 70.8673 26.6175C70.4689 26.8725 70.0944 27 69.7438 27Z"
fill="currentColor"
class=""
></path>
<path
d="M60.7518 26.7609C60.5287 26.7609 60.4411 26.6574 60.4889 26.4502L62.7598 16.9124C62.8395 16.5618 62.8475 16.2908 62.7837 16.0996C62.7359 15.8924 62.5925 15.7888 62.3534 15.7888C62.0666 15.7888 61.7479 16.004 61.3973 16.4343C61.0626 16.8486 60.6801 17.6454 60.2499 18.8247C60.1861 19.0319 60.0746 19.1355 59.9152 19.1355C59.6761 19.1355 59.6124 18.992 59.724 18.7052C60.0746 17.6056 60.4411 16.745 60.8236 16.1235C61.222 15.502 61.6204 15.0637 62.0188 14.8088C62.4172 14.5538 62.7837 14.4263 63.1184 14.4263C63.6443 14.4263 64.0188 14.6255 64.2419 15.0239C64.465 15.4064 64.473 16.0438 64.2658 16.9363L64.0028 18.0598C63.9869 18.1713 64.0108 18.2351 64.0746 18.251C64.1383 18.2669 64.1941 18.2271 64.2419 18.1315C64.8475 16.745 65.3973 15.7809 65.8913 15.239C66.3853 14.6972 66.9511 14.4263 67.5885 14.4263C68.0188 14.4263 68.3375 14.5458 68.5447 14.7849C68.7678 15.008 68.8794 15.3187 68.8794 15.7171C68.8794 16.1155 68.7837 16.4343 68.5925 16.6733C68.4013 16.9124 68.1543 17.0319 67.8515 17.0319C67.5965 17.0319 67.4132 16.9681 67.3017 16.8406C67.1901 16.7131 67.1025 16.5697 67.0387 16.4104C66.9909 16.2351 66.9351 16.0837 66.8714 15.9562C66.8076 15.8287 66.704 15.7649 66.5606 15.7649C66.3216 15.7649 66.0108 16.0677 65.6284 16.6733C65.2459 17.2789 64.8315 18.0996 64.3853 19.1355C63.955 20.1554 63.5327 21.3028 63.1184 22.5777C62.72 23.8526 62.3694 25.1594 62.0666 26.498C62.0188 26.6733 61.9072 26.7609 61.7319 26.7609H60.7518Z"
fill="currentColor"
class=""
></path>
<path
d="M55.1903 26.9761C54.3457 26.9761 53.6684 26.6494 53.1584 25.996C52.6485 25.3267 52.3935 24.3864 52.3935 23.1753C52.3935 22.1235 52.5768 21.0797 52.9433 20.0438C53.3258 19.008 53.8198 18.0677 54.4254 17.2231C55.0309 16.3785 55.6923 15.7012 56.4094 15.1912C57.1425 14.6813 57.8517 14.4263 58.5369 14.4263C59.2859 14.4263 59.8198 14.6096 60.1385 14.9761C60.4732 15.3267 60.6405 15.8048 60.6405 16.4104C60.6405 17.1275 60.3855 17.8446 59.8756 18.5618C59.3816 19.2629 58.6804 19.8924 57.772 20.4502C56.8796 21.008 55.8278 21.4223 54.6166 21.6932C54.266 21.7729 54.0827 21.9721 54.0668 22.2908C54.0509 22.4024 54.0429 22.5219 54.0429 22.6494C54.0429 22.7609 54.0429 22.8725 54.0429 22.9841C54.0429 23.8924 54.1943 24.5777 54.4971 25.0398C54.8158 25.502 55.2461 25.7331 55.7879 25.7331C56.3935 25.7331 56.9752 25.4542 57.5329 24.8964C58.1067 24.3386 58.5847 23.5498 58.9672 22.5299C59.015 22.3864 59.1106 22.3147 59.2541 22.3147C59.3497 22.3147 59.4055 22.3546 59.4214 22.4343C59.4533 22.5139 59.4533 22.6096 59.4214 22.7211C58.9114 24.1235 58.2899 25.1833 57.5568 25.9004C56.8397 26.6175 56.0509 26.9761 55.1903 26.9761ZM54.3058 20.7849C54.274 20.8964 54.2899 20.992 54.3537 21.0717C54.4333 21.1355 54.529 21.1514 54.6405 21.1195C55.6286 20.8486 56.4572 20.4422 57.1266 19.9004C57.7959 19.3426 58.2979 18.7211 58.6325 18.0359C58.9831 17.3506 59.1584 16.6813 59.1584 16.0279C59.1584 15.3586 58.8955 15.0239 58.3696 15.0239C57.9074 15.0239 57.4055 15.2948 56.8636 15.8367C56.3218 16.3785 55.8198 17.0877 55.3576 17.9641C54.8955 18.8406 54.5449 19.7809 54.3058 20.7849Z"
fill="currentColor"
class=""
></path>
<path
d="M43.5957 26.5219C43.516 26.5219 43.4443 26.498 43.3806 26.4502C43.3168 26.4024 43.285 26.2988 43.285 26.1394L43.0459 11.5578C43.0459 11.4462 43.0061 11.3905 42.9264 11.3905C42.8627 11.3905 42.8148 11.4383 42.783 11.5339L39.269 24.7052C39.1575 25.1514 39.1495 25.494 39.2451 25.7331C39.3567 25.9562 39.6037 26.0996 39.9862 26.1634L40.273 26.2112C40.4642 26.2271 40.5599 26.3147 40.5599 26.4741C40.5599 26.6653 40.4085 26.761 40.1057 26.761H36.7352C36.4961 26.761 36.3766 26.6813 36.3766 26.5219C36.3766 26.3466 36.5041 26.243 36.7591 26.2112L37.0937 26.1634C37.524 26.0996 37.8427 25.9562 38.0499 25.7331C38.2571 25.494 38.4164 25.1514 38.528 24.7052L42.1376 11.1275C42.2172 10.7929 42.2172 10.5698 42.1376 10.4582C42.0579 10.3466 41.8427 10.259 41.4921 10.1953L41.0858 10.1235C40.8308 10.0757 40.7033 9.97214 40.7033 9.81278C40.7033 9.63748 40.8467 9.54984 41.1336 9.54984H44.0021C44.4642 9.54984 44.6953 9.78888 44.6953 10.267L44.8388 22.1474C44.8388 22.259 44.8706 22.3227 44.9344 22.3387C45.0141 22.3387 45.0778 22.2908 45.1256 22.1952L50.9105 10.1474C51.1017 9.74904 51.4045 9.54984 51.8188 9.54984H54.7113C54.9025 9.54984 54.9981 9.62952 54.9981 9.78888C54.9981 9.94824 54.8627 10.0518 54.5918 10.0996L54.0181 10.1953C53.6675 10.259 53.4284 10.3466 53.3009 10.4582C53.1734 10.5698 53.0698 10.7929 52.9902 11.1275L50.2172 25.1833C50.1535 25.5179 50.1535 25.741 50.2172 25.8526C50.2969 25.9641 50.4961 26.0518 50.8149 26.1155L51.2212 26.1873C51.3806 26.2032 51.4842 26.243 51.532 26.3068C51.5798 26.3546 51.6037 26.4104 51.6037 26.4741C51.6037 26.6653 51.4603 26.761 51.1734 26.761H46.9184C46.6953 26.761 46.5838 26.6813 46.5838 26.5219C46.5838 26.3626 46.7113 26.259 46.9662 26.2112L47.54 26.1155C47.8905 26.0518 48.1296 25.9641 48.2571 25.8526C48.4005 25.741 48.5041 25.5179 48.5678 25.1833L51.269 11.6295C51.3009 11.518 51.277 11.4542 51.1973 11.4383C51.1176 11.4064 51.0539 11.4383 51.0061 11.5339L44.026 26.1394C43.9623 26.2988 43.8905 26.4024 43.8109 26.4502C43.7471 26.498 43.6754 26.5219 43.5957 26.5219Z"
fill="currentColor"
class=""
></path>
</svg>
</div>
</div>
<style>
@keyframes ticker {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
.ticker-track {
animation: ticker 40s linear infinite;
width: calc(200% + 16px);
}
.ticker-track:hover {
animation-play-state: paused;
}
</style>
</section>
</div>
</section>
<!-- Showcase -->
<section
class="relative"
style="opacity: 0; transform: translateY(30px); animation: fadeInUp 0.8s ease-out 0.3s forwards"
>
<style>
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes float {
0%,
100% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
}
@keyframes shimmer {
0% {
background-position: -200px 0;
}
100% {
background-position: 200px 0;
}
}
.portfolio-card {
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform-style: preserve-3d;
}
.portfolio-card:hover {
transform: translateY(-8px) rotateX(5deg) rotateY(2deg);
box-shadow:
0 20px 40px rgba(0, 0, 0, 0.3),
0 10px 20px rgba(0, 0, 0, 0.2);
}
.portfolio-card img {
transition: all 0.6s ease;
filter: grayscale(100%) brightness(0.7);
}
.portfolio-card:hover img {
filter: grayscale(20%) brightness(1);
transform: scale(1.05);
}
.portfolio-card .view-button {
opacity: 0;
transform: translateY(20px);
transition: all 0.3s ease;
}
.portfolio-card:hover .view-button {
opacity: 1;
transform: translateY(0);
}
.masonry-item:nth-child(1) {
animation-delay: 0.1s;
}
.masonry-item:nth-child(2) {
animation-delay: 0.2s;
}
.masonry-item:nth-child(3) {
animation-delay: 0.3s;
}
.masonry-item:nth-child(4) {
animation-delay: 0.4s;
}
.masonry-item:nth-child(5) {
animation-delay: 0.5s;
}
.masonry-item:nth-child(6) {
animation-delay: 0.6s;
}
.masonry-item:nth-child(7) {
animation-delay: 0.7s;
}
.masonry-item:nth-child(8) {
animation-delay: 0.8s;
}
.masonry-item:nth-child(9) {
animation-delay: 0.9s;
}
.section-header {
animation: fadeInUp 0.8s ease-out forwards;
}
.section-header h2 {
background: linear-gradient(135deg, #ffffff 0%, #e5e5e5 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
animation: float 4s ease-in-out infinite;
}
.loading-shimmer {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.05) 25%,
rgba(255, 255, 255, 0.1) 50%,
rgba(255, 255, 255, 0.05) 75%
);
background-size: 200px 100%;
animation: shimmer 2s infinite;
}
.portfolio-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.03) 50%, transparent 70%);
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
z-index: 1;
}
.portfolio-card:hover::before {
opacity: 1;
}
.view-button svg {
transition: transform 0.2s ease;
}
.portfolio-card:hover .view-button svg {
transform: rotate(45deg) scale(1.1);
}
@media (prefers-reduced-motion: reduce) {
.portfolio-card,
.portfolio-card img,
.view-button,
.section-header {
animation: none !important;
transition: none !important;
}
.portfolio-card:hover {
transform: none !important;
}
}
</style>
<div class="max-w-7xl md:px-8 mr-auto ml-auto pr-6 pb-24 pl-6" style="display: block">
<div class="mx-auto max-w-3xl text-center section-header">
<h2 class="text-3xl md:text-4xl tracking-tight text-white font-manrope font-medium" style="">
Selected Work
</h2>
<p
class="mt-3 text-sm md:text-base text-neutral-300 font-sans"
style="opacity: 0; animation: 0.8s ease-out 0.5s 1 normal forwards running fadeInUp"
>
Technical projects that drive measurable results for high-growth companies across e-commerce, SaaS, and
marketing.
</p>
</div>
<!-- Masonry grid -->
<div class="columns-1 sm:columns-2 lg:columns-3 gap-6 [column-fill:_balance] mt-10">
<!-- Card 1 --><a
href="#"
class="portfolio-card masonry-item group relative block overflow-hidden ring-1 ring-white/10 hover:ring-white/20 transition bg-neutral-900/50 rounded-lg mb-6"
style="opacity: 0; animation: fadeInUp 0.6s ease-out forwards"
>
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/96c13718-35ec-4c6b-ac05-efa6e994dc3f_800w.jpg"
alt="Industrial 3D player render"
class="w-full h-auto object-cover"
style=""
/>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="view-button w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Casestudy
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div> </a
><!-- Card 2 --><a
href="#"
class="portfolio-card masonry-item group relative mb-6 block overflow-hidden rounded-lg ring-1 ring-white/10 bg-neutral-900/50 hover:ring-white/20 transition"
style="opacity: 0; animation: fadeInUp 0.6s ease-out forwards"
>
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/a055708e-5727-4345-b339-0737966db630_800w.jpg"
alt="Minimal portrait with headphones"
class="w-full h-auto object-cover"
style=""
/>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="view-button w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Casestudy
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div> </a
><!-- Card 3 --><a
href="#"
class="portfolio-card masonry-item group relative mb-6 block overflow-hidden rounded-lg ring-1 ring-white/10 bg-neutral-900/50 hover:ring-white/20 transition"
style="opacity: 0; animation: fadeInUp 0.6s ease-out forwards"
>
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/daf06670-0e8c-4034-90f7-e7d01518f845_800w.jpg"
alt="Cosmetic tube held by hand"
class="w-full h-auto object-cover"
style=""
/>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="view-button w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Casestudy
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div> </a
><!-- Card 4 --><!-- Card 5 --><a
href="#"
class="portfolio-card masonry-item group relative block overflow-hidden ring-1 ring-white/10 hover:ring-white/20 transition bg-neutral-900/50 rounded-lg mb-6"
style="opacity: 0; animation: fadeInUp 0.6s ease-out forwards"
>
<img
src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/0c06f722-2305-476f-be4d-558159f7c9f5_800w.jpg"
alt="Lemon still life on block"
class="w-full h-auto object-cover"
style=""
/>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="view-button w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Casestudy
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div> </a
><a
href="#"
class="portfolio-card masonry-item group relative block overflow-hidden ring-1 ring-white/10 hover:ring-white/20 transition bg-neutral-900/50 rounded-lg mb-6"
style="opacity: 0; animation: fadeInUp 0.6s ease-out forwards"
>
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/10dd46c9-2ab8-44be-8554-48514ed069b9_800w.jpg"
alt="Lemon still life on block"
class="w-full h-auto object-cover"
style=""
/>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="view-button w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Casestudy
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div> </a
><!-- Card 6 --><a
href="#"
class="portfolio-card masonry-item group relative mb-6 block overflow-hidden rounded-lg ring-1 ring-white/10 bg-neutral-900/50 hover:ring-white/20 transition"
style="opacity: 0; animation: fadeInUp 0.6s ease-out forwards"
>
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/ceb2a15c-6187-4832-8043-366078f0757a_800w.jpg"
alt="Cosmetics on circular plinth"
class="w-full h-auto object-cover"
style=""
/>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="view-button w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Casestudy
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div> </a
><!-- Card 7 --><a
href="#"
class="portfolio-card masonry-item group relative mb-6 block overflow-hidden rounded-lg ring-1 ring-white/10 bg-neutral-900/50 hover:ring-white/20 transition"
style="opacity: 0; animation: fadeInUp 0.6s ease-out forwards"
>
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/20653000-43d0-4885-98f3-9ceb76370106_800w.jpg"
alt="Matte coffee bag packaging"
class="w-full h-auto object-cover"
style=""
/>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="view-button w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Casestudy
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div> </a
><!-- Card 8 --><a
href="#"
class="portfolio-card masonry-item group relative mb-6 block overflow-hidden rounded-lg ring-1 ring-white/10 bg-neutral-900/50 hover:ring-white/20 transition"
style="opacity: 0; animation: fadeInUp 0.6s ease-out forwards"
>
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/2a986d88-6602-4f79-ab2e-80e0c247940e_800w.jpg"
alt="Hand holding product bottle"
class="w-full h-auto object-cover"
style=""
/>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="view-button w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Casestudy
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div> </a
><!-- Card 9 --><a
href="#"
class="portfolio-card masonry-item group relative mb-6 block overflow-hidden rounded-lg ring-1 ring-white/10 bg-neutral-900/50 hover:ring-white/20 transition"
style="opacity: 0; animation: fadeInUp 0.6s ease-out forwards"
>
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/f85fdb1e-b236-4eff-aef0-5365055289c3_800w.jpg"
alt="Minimal packaging still life"
class="w-full h-auto object-cover"
style=""
/>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="view-button w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Casestudy
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div>
</a>
</div>
</div>
</section>
<section class="relative">
<div class="max-w-7xl md:px-8 mr-auto ml-auto pr-6 pb-24 pl-6">
<div class="grid grid-cols-1 gap-8 md:grid-cols-2 items-start">
<!-- Left: Intro + Skills + Experience -->
<div class="ring-1 ring-white/10 overflow-hidden bg-neutral-900/50 rounded-lg">
<div class="aspect-[4/3] w-full overflow-hidden">
<img
src="https://broke.dev/wp-content/themes/portfolio/public/avatar.jpg"
alt="Professional portrait"
class="h-full w-full object-cover grayscale"
style=""
/>
</div>
</div>
<div class="">
<h2 class="md:text-6xl text-4xl font-light text-white tracking-tight font-manrope" style="">Meet Daniel</h2>
<p class="mt-4 text-sm md:text-base text-neutral-300 font-sans" style="">
I'm Daniel, a Growth Engineer and Full-Stack Developer based in Austin, Texas. I bridge Marketing,
Product, and Engineering to build revenue-driven technical systems that actually work for high-growth
companies.
</p>
<!-- Skills -->
<div class="mt-5 flex flex-wrap gap-2">
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Growth Engineering</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>React & Astro</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Shopify Development</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Technical Marketing</span
>
<span
class="inline-flex items-centers rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>WordPress/Laravel</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>TypeScript</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Analytics & Data</span
>
</div>
<div class="mt-6 h-px bg-white/10"></div>
<!-- Experience -->
<div class="mt-6 space-y-4">
<div class="grid grid-cols-3 items-baseline">
<span class="text-sm md:text-base text-neutral-200 font-sans" style="">Growth Engineer</span>
<span class="text-sm md:text-base text-neutral-300 font-sans" style="">Independent</span>
<span class="text-right text-sm md:text-base text-neutral-400 font-sans" style="">Currently</span>
</div>
<div class="grid grid-cols-3 items-baseline">
<span class="text-sm md:text-base text-neutral-200 font-sans" style="">Full-Stack Developer</span>
<span class="text-sm md:text-base text-neutral-300 font-sans" style="">Various Clients</span>
<span class="text-right text-sm md:text-base text-neutral-400 font-sans" style="">2020–25</span>
</div>
<div class="grid grid-cols-3 items-baseline">
<span class="text-sm md:text-base text-neutral-200 font-sans" style="">Technical Lead</span>
<span class="text-sm md:text-base text-neutral-300 font-sans" style="">E-commerce</span>
<span class="text-right text-sm md:text-base text-neutral-400 font-sans" style="">2018–20</span>
</div>
</div>
<!-- Recent works label -->
<div class="mt-8 flex items-center gap-3 text-sm text-neutral-300">
<span class="font-sans" style="">Recent Projects</span>
<span
class="inline-flex h-6 w-6 items-center justify-center rounded-full bg-white/5 ring-1 ring-white/10"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-down"
class="lucide lucide-arrow-down h-3.5 w-3.5 text-neutral-200"
>
<path d="M12 5v14"></path>
<path d="m19 12-7 7-7-7"></path>
</svg>
</span>
</div>
</div>
<!-- Right: Portrait -->
</div>
<div class="mt-10 h-px bg-white/10"></div>
<!-- Recent works grid -->
<div class="mt-8 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
<!-- Card 1 -->
<a
href="#"
class="group relative overflow-hidden rounded-lg bg-neutral-900/70 ring-1 ring-white/10 hover:ring-white/20 transition"
>
<div class="aspect-[16/11] w-full overflow-hidden">
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/7b1b4397-d561-464c-9729-1d5617f66579_800w.jpg"
alt="Dashboard interface design"
class="h-full w-full object-cover grayscale transition duration-500 group-hover:scale-[1.03]"
style=""
/>
</div>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Project
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div>
</a>
<!-- Card 2 -->
<a
href="#"
class="group relative overflow-hidden rounded-lg bg-neutral-900/70 ring-1 ring-white/10 hover:ring-white/20 transition"
>
<div class="aspect-[16/11] w-full overflow-hidden">
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/6dc04406-de49-4988-8d82-e1d9fe1d83c1_800w.jpg"
alt="Mobile app interface"
class="h-full w-full object-cover grayscale transition duration-500 group-hover:scale-[1.03]"
style=""
/>
</div>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Project
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div>
</a>
<!-- Card 3 -->
<a
href="#"
class="group relative overflow-hidden rounded-lg bg-neutral-900/70 ring-1 ring-white/10 hover:ring-white/20 transition"
>
<div class="aspect-[16/11] w-full overflow-hidden">
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/5d1e46f6-6956-44c3-a8b6-ceb2c438c8f5_800w.jpg"
alt="Website design mockup"
class="h-full w-full object-cover grayscale transition duration-500 group-hover:scale-[1.03]"
style=""
/>
</div>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Project
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div>
</a>
<!-- Card 4 -->
<a
href="#"
class="group relative overflow-hidden rounded-lg bg-neutral-900/70 ring-1 ring-white/10 hover:ring-white/20 transition"
>
<div class="aspect-[16/11] w-full overflow-hidden">
<img
src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/77827dc5-39e4-4855-bf02-5d844f2cc636_800w.jpg"
alt="Design system components"
class="h-full w-full object-cover grayscale transition duration-500 group-hover:scale-[1.03]"
/>
</div>
<div class="pointer-events-none absolute inset-x-3 bottom-3">
<div
class="w-full rounded-full bg-white/10 ring-1 ring-white/20 backdrop-blur px-4 py-2 text-xs md:text-sm text-white font-sans flex items-center justify-center gap-2"
style=""
>
View Project
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="arrow-up-right"
class="lucide lucide-arrow-up-right"
>
<path d="M7 7h10v10"></path>
<path d="M7 17 17 7"></path>
</svg>
</div>
</div>
</a>
</div>
</div>
</section>
<section class="relative">
<div class="max-w-7xl md:px-8 mr-auto ml-auto pr-6 pb-24 pl-6">
<div class="grid grid-cols-1 gap-8 md:grid-cols-2 bg-neutral-900/50 rounded-2xl items-start p-6 md:p-8">
<!-- Left: Large visual -->
<div class="aspect-[4/5] w-full overflow-hidden ring-1 ring-white/10 bg-neutral-900/50 rounded-lg">
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/9ab83c55-bb01-43d7-b04c-23f9c4a252e4_800w.jpg"
alt="Design process sketching on paper"
class="h-full w-full object-cover grayscale"
style=""
/>
</div>
<!-- Right: Process copy -->
<div class="">
<!-- Pill -->
<div
class="inline-flex items-center gap-2 rounded-full bg-white/5 px-3 py-1.5 ring-1 ring-white/10 backdrop-blur"
>
<span class="inline-flex h-1.5 w-1.5 rounded-full bg-emerald-400"></span>
<span class="text-xs md:text-sm text-neutral-200 font-sans" style="">Delivery approach</span>
</div>
<!-- Title + Intro -->
<h2 class="mt-4 md:text-6xl text-4xl font-light text-white tracking-tight font-manrope" style="">
Approach
</h2>
<p class="mt-3 text-sm md:text-base text-neutral-300 font-sans" style="">
Building technical systems that drive revenue through a practical, results-focused approach.
</p>
<!-- CTAs -->
<div class="mt-6 flex flex-col gap-3 sm:flex-row">
<a
href="#"
class="group relative inline-block p-px font-semibold leading-6 text-white bg-gray-800 shadow-2xl cursor-pointer rounded-xl shadow-zinc-900 transition-transform duration-300 ease-in-out hover:scale-105 active:scale-95"
>
<span
class="absolute inset-0 rounded-xl bg-gradient-to-r from-teal-400 via-blue-500 to-purple-500 p-[2px] opacity-0 transition-opacity duration-500 group-hover:opacity-100"
></span>
<span class="relative z-10 block px-5 py-2.5 rounded-xl bg-gray-950 text-sm">
<div class="relative z-10 flex items-center space-x-2">
<span class="transition-all duration-500 group-hover:translate-x-0.5" style=""
>Book a Free Call</span
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="22"
height="22"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="phone"
class="lucide lucide-phone w-5 h-5"
>
<path
d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"
></path>
</svg>
</div>
</span>
</a>
<a
href="#"
class="inline-flex items-center gap-2 ring-1 ring-white/15 hover:bg-white/10 transition text-sm font-medium text-white bg-white/5 rounded-xl px-5 py-2.5 backdrop-blur"
style=""
>
See Projects
<svg
xmlns="http://www.w3.org/2000/svg"
width="22"
height="22"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="play"
class="lucide lucide-play h-4 w-4"
>
<path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path>
</svg>
</a>
</div>
<!-- Steps -->
<div class="mt-6 space-y-4">
<!-- Step 1 -->
<div
class="relative overflow-hidden ring-1 ring-white/10 md:p-6 bg-neutral-900/60 rounded-2xl pt-5 pr-5 pb-5 pl-5"
>
<span
class="absolute right-4 top-4 inline-flex h-6 w-6 items-center justify-center rounded-full bg-white/5 text-neutral-300 text-xs ring-1 ring-white/10"
style=""
>1</span
>
<div class="flex gap-4 items-start">
<div
class="inline-flex h-9 w-20 ring-1 ring-white/10 bg-[#ffffff]/5 rounded-full items-center justify-center"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="lightbulb"
class="lucide lucide-lightbulb text-neutral-200"
>
<path
d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"
></path>
<path d="M9 18h6"></path>
<path d="M10 22h4"></path>
</svg>
</div>
<div class="">
<h3 class="md:text-xl text-lg font-medium text-white tracking-tight" style="">
Discovery & Scoping
</h3>
<p class="mt-1.5 text-sm md:text-base text-neutral-300 font-sans" style="">
We start by understanding your business goals, technical requirements, and success metrics to
build a clear project roadmap.
</p>
</div>
</div>
</div>
<!-- Step 2 -->
<div class="relative overflow-hidden rounded-2xl bg-neutral-900/60 ring-1 ring-white/10 p-5 md:p-6">
<span
class="absolute right-4 top-4 inline-flex h-6 w-6 items-center justify-center rounded-full bg-white/5 text-neutral-300 text-xs ring-1 ring-white/10"
style=""
>2</span
>
<div class="flex items-start gap-4">
<div
class="inline-flex h-9 w-20 ring-1 ring-white/10 bg-[#ffffff]/5 rounded-full items-center justify-center"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="sliders"
class="lucide lucide-sliders text-neutral-200"
>
<line x1="4" x2="4" y1="21" y2="14"></line>
<line x1="4" x2="4" y1="10" y2="3"></line>
<line x1="12" x2="12" y1="21" y2="12"></line>
<line x1="12" x2="12" y1="8" y2="3"></line>
<line x1="20" x2="20" y1="21" y2="16"></line>
<line x1="20" x2="20" y1="12" y2="3"></line>
<line x1="2" x2="6" y1="14" y2="14"></line>
<line x1="10" x2="14" y1="8" y2="8"></line>
<line x1="18" x2="22" y1="16" y2="16"></line>
</svg>
</div>
<div class="">
<h3 class="text-lg md:text-xl text-white tracking-tight font-sans font-medium" style="">
Build & Iterate
</h3>
<p class="mt-1.5 text-sm md:text-base text-neutral-300 font-sans" style="">
I build with clean, maintainable code and keep you in the loop with regular updates, testing
results, and opportunities for feedback.
</p>
</div>
</div>
</div>
<!-- Step 3 -->
<div
class="relative overflow-hidden ring-1 ring-white/10 md:p-6 bg-neutral-900/60 rounded-2xl pt-5 pr-5 pb-5 pl-5"
>
<span
class="absolute right-4 top-4 inline-flex h-6 w-6 items-center justify-center rounded-full bg-white/5 text-neutral-300 text-xs ring-1 ring-white/10"
style=""
>3</span
>
<div class="flex items-start gap-4">
<div
class="inline-flex h-9 w-20 ring-1 ring-white/10 bg-[#ffffff]/5 rounded-full items-center justify-center"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="rocket"
class="lucide lucide-rocket text-neutral-200"
>
<path
d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"
></path>
<path
d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"
></path>
<path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path>
<path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path>
</svg>
</div>
<div class="">
<h3 class="text-lg md:text-xl text-white tracking-tight font-sans font-medium" style="">
Deploy & Optimize
</h3>
<p class="mt-1.5 text-sm md:text-base text-neutral-300 font-sans" style="">
Launch with confidence backed by thorough testing. Post-launch, we monitor performance metrics and
optimize for measurable results.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- /Right -->
</div>
</div>
</section>
<!-- Footer -->
<section class="relative">
<div class="max-w-7xl md:px-8 mr-auto ml-auto pr-6 pb-24 pl-6">
<!-- Top: Copy + Visual -->
<div class="grid grid-cols-1 gap-8 md:grid-cols-2 items-start">
<!-- Copy -->
<div class="">
<!-- Pill -->
<div
class="inline-flex items-center gap-2 rounded-full bg-white/5 px-3 py-1.5 ring-1 ring-white/10 backdrop-blur"
>
<span class="inline-flex h-1.5 w-1.5 rounded-full bg-emerald-400"></span>
<span class="text-xs md:text-sm text-neutral-200 font-sans" style="">Technical services</span>
</div>
<h2 class="mt-4 md:text-6xl text-4xl font-light text-white tracking-tight font-manrope" style="">
Services
</h2>
<p class="mt-3 text-sm md:text-base text-neutral-300 font-sans" style="">
Building revenue-driven technical systems for high-growth companies. From e-commerce platforms to
marketing automation that actually works.
</p>
<!-- Tags -->
<div class="mt-5 flex flex-wrap gap-2">
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>E-commerce Development</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Growth Engineering</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Technical Marketing</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Full-Stack Development</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Product Development</span
>
</div>
<!-- CTAs -->
<div class="mt-6 flex flex-col gap-3 sm:flex-row">
<a
href="#"
class="group relative inline-block p-px font-semibold leading-6 text-white bg-gray-800 shadow-2xl cursor-pointer rounded-xl shadow-zinc-900 transition-transform duration-300 ease-in-out hover:scale-105 active:scale-95"
>
<span
class="absolute inset-0 rounded-xl bg-gradient-to-r from-teal-400 via-blue-500 to-purple-500 p-[2px] opacity-0 transition-opacity duration-500 group-hover:opacity-100"
></span>
<span class="relative z-10 block px-5 py-2.5 rounded-xl bg-gray-950 text-sm">
<div class="relative z-10 flex items-center space-x-2">
<span class="transition-all duration-500 group-hover:translate-x-0.5" style=""
>Book a Free Call</span
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="lucide lucide-phone w-5 h-5"
width="22"
height="22"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path
d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"
></path>
</svg>
</div>
</span>
</a>
<a
href="#"
class="inline-flex items-center gap-2 ring-1 ring-white/15 hover:bg-white/10 transition text-sm font-medium text-white bg-white/5 rounded-xl px-5 py-2.5 backdrop-blur"
style=""
>
See Projects
<svg
xmlns="http://www.w3.org/2000/svg"
class="lucide lucide-play h-4 w-4"
width="22"
height="22"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path>
</svg>
</a>
</div>
</div>
<!-- Visual -->
<div class="ring-1 ring-white/10 overflow-hidden bg-neutral-900/50 rounded-xl">
<div class="aspect-[16/10] w-full overflow-hidden">
<img
src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/4e62d3a0-57fa-4882-a644-34db751f6e28_1600w.jpg"
alt="Minimal product bottles still life"
class="h-full w-full object-cover grayscale"
style=""
/>
</div>
</div>
</div>
<!-- Service cards -->
<div class="mt-8 grid grid-cols-1 gap-4 sm:gap-6 md:grid-cols-2">
<!-- Brand Identity -->
<div class="relative overflow-hidden rounded-2xl bg-neutral-900/60 ring-1 ring-white/10 p-5 md:p-6">
<div class="flex items-start gap-3">
<span
class="inline-flex h-10 w-10 ring-1 ring-white/10 items-center justify-center bg-[#ffffff]/5 rounded-full"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="lucide lucide-sparkles h-4.5 w-4.5 text-neutral-200"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path
d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"
class=""
></path>
<path d="M20 2v4"></path>
<path d="M22 4h-4"></path>
<circle cx="4" cy="20" r="2" class=""></circle>
</svg>
</span>
<div class="flex-1">
<h3 class="text-lg md:text-xl text-white tracking-tight font-sans font-medium" style="">
Technical Marketing
</h3>
<p class="mt-1.5 text-sm md:text-base text-neutral-300 font-sans" style="">
Growth engineering and performance optimization that drives revenue — technical SEO, conversion
tracking, and marketing automation.
</p>
</div>
</div>
</div>
<!-- Brand Design -->
<div class="relative overflow-hidden rounded-2xl bg-neutral-900/60 ring-1 ring-white/10 p-5 md:p-6">
<div class="flex items-start gap-3">
<span
class="inline-flex h-10 w-10 ring-1 ring-white/10 items-center justify-center bg-[#ffffff]/5 rounded-full"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="lucide lucide-shapes h-4.5 w-4.5 text-neutral-200"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M3 3h8v8H3z" class=""></path>
<path d="M7 21a4 4 0 1 0 0-8 4 4 0 0 0 0 8"></path>
<path d="M16 3h5v5h-5z"></path>
</svg>
</span>
<div class="flex-1">
<h3 class="text-lg md:text-xl text-white tracking-tight font-sans font-medium" style="">
E-commerce Development
</h3>
<p class="mt-1.5 text-sm md:text-base text-neutral-300 font-sans" style="">
Shopify and WooCommerce platforms that convert — custom themes, checkout optimization, and
revenue-focused integrations.
</p>
</div>
</div>
</div>
<!-- Package Design -->
<div class="relative overflow-hidden rounded-2xl bg-neutral-900/60 ring-1 ring-white/10 p-5 md:p-6">
<div class="flex items-start gap-3">
<span
class="inline-flex h-10 w-10 ring-1 ring-white/10 items-center justify-center bg-[#ffffff]/5 rounded-full"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="lucide lucide-package h-4.5 w-4.5 text-neutral-200"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M16.5 9.4 7.55 4.24"></path>
<path
d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"
></path>
<path d="m3.3 7 8.7 5 8.7-5"></path>
<path d="M12 22V12"></path>
</svg>
</span>
<div class="flex-1">
<h3 class="text-lg md:text-xl text-white tracking-tight font-sans font-medium" style="">
Full-Stack Development
</h3>
<p class="mt-1.5 text-sm md:text-base text-neutral-300 font-sans" style="">
Web apps and SaaS platforms built for growth — React, Astro, Laravel, and WordPress with clean,
maintainable code.
</p>
</div>
</div>
</div>
<!-- Mockup Design -->
<div class="relative overflow-hidden rounded-2xl bg-neutral-900/60 ring-1 ring-white/10 p-5 md:p-6">
<div class="flex items-start gap-3">
<span
class="inline-flex h-10 w-10 ring-1 ring-white/10 items-center justify-center bg-[#ffffff]/5 rounded-full"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="lucide lucide-image h-4.5 w-4.5 text-neutral-200"
="20"
=""
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect width="18" height="18" x="3" y="3" rx="2"></rect>
<circle cx="9" cy="9" r="2"></circle>
<path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L3 24"></path>
</svg>
</span>
<div class="flex-1">
<h3 class="text-lg md:text-xl text-white tracking-tight font-sans font-medium" style="">
Growth Strategy
</h3>
<p class="mt-1.5 text-sm md:text-base text-neutral-300 font-sans" style="">
Demand generation and funnel optimization that scales — analytics implementation, A/B testing, and
measurable outcomes.
</p>
</div>
</div>
</div>
</div>
<!-- Tag cloud -->
<div class="mt-6 flex flex-wrap gap-2">
<span
class="inline-flex items-center gap-1 rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
><svg
xmlns="http://www.w3.org/2000/svg"
class="lucide lucide-pen-line h-3.5 w-3.5"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M12 20h9"></path>
<path d="M16.5 3.5 20.5 7.5"></path>
<path d="m7 13 9-9 4 4-9 9H7v-4z"></path></svg
>API Integration</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Conversion Optimization</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Technical SEO</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Data Architecture</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Marketing Automation</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Custom Development</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Performance Tuning</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>A/B Testing</span
>
<span
class="inline-flex items-center rounded-full bg-white/5 ring-1 ring-white/10 px-3 py-1.5 text-xs md:text-sm text-neutral-200 font-sans"
style=""
>Growth Systems</span
>
</div>
</div>
</section>
<footer class="relative border-white/10 border-t">
<div class="mx-auto max-w-7xl px-6 md:px-8 py-10">
<div class="flex flex-col items-center justify-between gap-6 md:flex-row">
<div class="flex items-center gap-3">
<img src="https://broke.dev/wp-content/themes/portfolio/public/BROKE.svg" alt="BROKE" class="h-8 w-auto" />
</div>
<p class="text-sm text-neutral-400 font-sans" style="">
© <span id="year" class="font-sans" style="">2025</span> Daniel Snell. All rights reserved.
</p>
<div class="flex items-center gap-4">
<a href="#" class="text-sm text-neutral-300 hover:text-white transition font-sans" style="">Privacy</a>
<a href="#" class="text-sm text-neutral-300 hover:text-white transition font-sans" style="">Terms</a>
<a
href="mailto:[email protected]"
class="inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1.5 text-xs font-medium text-white ring-1 ring-white/15 hover:bg-white/15 font-sans"
style=""
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
data-lucide="mail"
class="lucide lucide-mail h-3.5 w-3.5"
>
<path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path>
<rect x="2" y="4" width="20" height="16" rx="2"></rect>
</svg>
[email protected]
</a>
</div>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="https://unpkg.com/lucide@latest"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
// Lucide
lucide.createIcons();
// Year
const y = document.getElementById('year');
if (y) y.textContent = new Date().getFullYear();
// Mobile menu
const btn = document.getElementById('menuBtn');
const nav = document.getElementById('mobileNav');
let open = false;
btn?.addEventListener('click', () => {
open = !open;
if (nav) nav.classList.toggle('hidden', !open);
btn.innerHTML = open
? '<i data-lucide="x" class="h-5 w-5 text-white"></i>'
: '<i data-lucide="menu" class="h-5 w-5 text-white"></i>';
lucide.createIcons();
});
});
</script>
</body>
</html>