1<!DOCTYPE html><html lang="en" class="clashdisplay_decfcb59-module__Na4t_q__variable archivo_f9fef169-module__aNnkIW__variable gambetta_10a3d62e-module__rmwpUG__variable h-full antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/Archivo_Variable-s.p.16bv2biwg6y7o.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Archivo_VariableItalic-s.p.0kks1389cmr-t.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/ClashDisplay_Variable-s.p.0z_yi00b-ssmy.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Gambetta_BoldItalic-s.p.0diq2f9smzfs_.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Gambetta_BoldItalic-s.p.0fyrjtv3r20ph.woff" as="font" crossorigin="" type="font/woff"/><link rel="stylesheet" href="/_next/static/chunks/0guqub8v~c7xd.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0sklx1m1r.tk4.js"/>
1<script src="/_next/static/chunks/08~mdtbzo3wns.js" async=""></script>
1<script src="/_next/static/chunks/0tv2tyq6f5hct.js" async=""></script>
1<script src="/_next/static/chunks/055n5zxabm5.i.js" async=""></script>
1<script src="/_next/static/chunks/0y1513~91dx_a.js" async=""></script>
1<script src="/_next/static/chunks/0jt22n8lqk0rk.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-0ujxkmx0.nxpc.js" async=""></script>
1<script src="/_next/static/chunks/01xlw8hd842-c.js" async=""></script>
1<script src="/_next/static/chunks/0u-9nt2ttuq.4.js" async=""></script>
1<script src="/_next/static/chunks/0wyte~9b..z0t.js" async=""></script>
1<script src="/_next/static/chunks/132i2rrthtne-.js" async=""></script>
1<script src="/_next/static/chunks/0gj6xqi28oq2m.js" async=""></script>
1<script src="/_next/static/chunks/0xc5x_yceazuj.js" async=""></script>
1<script src="/_next/static/chunks/08d74~rf3xp3-.js" async=""></script>
1<script src="/_next/static/chunks/0r5v._crnct33.js" async=""></script>
1<script src="/_next/static/chunks/0ponxp5abdum-.js" async=""></script>
1<script src="/_next/static/chunks/0dtgojf_b9m_f.js" async=""></script>
1<link rel="preload" href="https://gettermscmp.com/cookie-consent/blocker/08b417d6-2215-48fd-9cb8-d091c884e0ff/en-us?auto=true" as="script"/><meta name="next-size-adjust" content=""/><link rel="preload" href="https://gettermscmp.com/cookie-consent/blocker/08b417d6-2215-48fd-9cb8-d091c884e0ff/en-us?auto=true" as="script"/><title>Shopify CRO Consultant | Darjan Hren</title><meta name="description" content="Darjan Hren is a Shopify CRO consultant helping brands increase conversion rates and AOV through audits, UX redesigns, and upsell systems. Based in Slovenia, working globally."/><link rel="author" href="https://hren.io/about"/><meta name="author" content="Darjan Hren"/><meta name="creator" content="Darjan Hren"/><meta name="publisher" content="Darjan Hren"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1"/><link rel="canonical" href="https://hren.io"/><link rel="alternate" hrefLang="en" href="https://hren.io"/><link rel="alternate" hrefLang="de" href="https://hren.io/de"/><link rel="alternate" hrefLang="sl" href="https://hren.io/sl"/><link rel="alternate" hrefLang="x-default" href="https://hren.io"/><meta property="og:title" content="Shopify CRO Consultant | Darjan Hren"/><meta property="og:description" content="Darjan Hren is a Shopify CRO consultant helping brands increase conversion rates and AOV through audits, UX redesigns, and upsell systems. Based in Slovenia, working globally."/><meta property="og:url" content="https://hren.io"/><meta property="og:image" content="https://hren.io/images/og-home.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Shopify CRO Consultant | Darjan Hren"/><meta name="twitter:description" content="Darjan Hren is a Shopify CRO consultant helping brands increase conversion rates and AOV through audits, UX redesigns, and upsell systems. Based in Slovenia, working globally."/><meta name="twitter:image" content="https://hren.io/images/og-home.jpg"/><link rel="icon" href="/favicon.ico?favicon.0x3dzn~oxb6tn.ico" sizes="256x256" type="image/x-icon"/>
1<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>
1</head><body class="min-h-full flex flex-col"><div hidden=""><!--$--><!--/$--></div>
1<script>(self.__next_s=self.__next_s||[]).push(["https://gettermscmp.com/cookie-consent/blocker/08b417d6-2215-48fd-9cb8-d091c884e0ff/en-us?auto=true",{"id":"getterms-cmp-blocker"}])</script>
1<!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="fixed inset-x-0 top-0 h-[720px] pointer-events-none z-0"><div class="absolute inset-0" style="background:radial-gradient(ellipse at 50% 0%, rgb(var(--accent-rgb) / 0.16) 0%, rgb(var(--accent-rgb) / 0.04) 30%, transparent 60%)"></div><div class="absolute inset-0" style="background-image:radial-gradient(circle at 50% 0%, rgba(255,255,255,0.14) 1px, transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%, #000 0%, transparent 65%);mask-image:radial-gradient(ellipse at 50% 0%, #000 0%, transparent 65%)"></div></div><div aria-hidden="true" class="pointer-events-none absolute left-0 top-0 h-2 w-px"></div><div aria-hidden="true" class="progressive-blur"><div></div><div></div><div></div></div><header class="sticky top-0 z-50 w-full"><div class="mx-auto flex h-16 max-w-7xl items-center justify-between px-6"><a aria-label="hren.io home" class="flex items-center shrink-0" href="/"><svg class="h-4 md:h-[18px] w-auto" viewB
1ox="0 0 248 22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M222.352 21.44H216.336V0H222.736L228.688 8.032L231.824 12.96H232.24L231.952 8.288V0H237.968V21.44H231.568L225.232 13.184L222.512 8.96H222.096L222.352 13.056V21.44Z" fill="white"></path><path d="M214.626 21.44H195.586V0H214.626V5.408H201.602V7.968H214.146V13.344H201.602V16.032H214.626V21.44Z" fill="white"></path><path d="M178.914 21.44H172.898V0H185.41C191.074 0 194.05 2.368 194.05 6.56C194.05 9.952 192.354 11.968 188.258 12.48V12.8C190.466 13.376 191.17 14.432 191.97 16.064L194.626 21.44H187.682L185.122 16.192C184.354 14.592 183.714 14.144 181.378 14.144H178.914V21.44ZM178.914 5.408V9.664H185.346C187.106 9.664 187.746 9.344 187.746 7.52C187.746 5.824 187.106 5.408 185.346 5.408H178.914Z" fill="white"></path><path d="M154.977 21.44H148.961V0H154.977V7.968H164.961V0H170.977V21.44H164.961V13.376H154.977V21.44Z" fill="white"></path><path d="M126.946 21.44H120.93V0H127.33L133.282 8.032L136.418 12.96H136.834L136.546 8.288V0H142.562V21.44H136.162L129.826 13.184L127.106 8.96H126.69L126.946 13.056V21.44Z" fill="white"></path><path d="M99.9004 21.44H93.1484L102.396 0H111.004L120.284 21.44H113.372L111.74 17.472H101.564L99.9004 21.44ZM105.084 9.056L103.836 12.064H109.532L108.284 9.056L106.876 5.44H106.46L105.084 9.056Z" fill="white"></path><path d="M82.5551 21.76C75.2271 21.76 72.5391 18.464 72.5391 12.256V11.424H78.9391V12.192C78.9391 15.104 79.0991 15.936 82.5551 15.936C85.9791 15.936 86.2351 15.168 86.2351 12.512V0H92.6351V12.576C92.6351 18.56 89.9151 21.76 82.5551 21.76Z" fill="white"></path><path d="M56.5082 21.44H50.4922V0H63.0042C68.6682 0 71.6442 2.368 71.6442 6.56C71.6442 9.952 69.9482 11.968 65.8522 12.48V12.8C68.0602 13.376 68.7642 14.432 69.5642 16.064L72.2202 21.44H65.2762L62.7162 16.192C61.9482 14.592 61.3082 14.144 58.9722 14.144H56.5082V21.44ZM56.5082 5.408V9.664H62.9402C64.7002 9.664 65.3402 9.344 65.3402 7.52C65.3402 5.824 64.7002 5.408 62.9402 5.408H56.5082Z" fill="white"></path><path d="M29.4629 21.44H22.7109L31.9589 0H40.5669L49.8469 21.44H42.9349L41.3029 17.472H31.1269L29.4629 21.44ZM34.6469 9.056L33.3989 12.064H39.0949L37.8469 9.056L36.4389 5.44H36.0229L34.6469 9.056Z" fill="white"></path><path d="M10.848 21.44H0V0H10.848C17.92 0 22.4 3.936 22.4 10.72C22.4 17.504 17.92 21.44 10.848 21.44ZM10.848 5.408H6.016V16.032H10.848C14.656 16.032 15.968 15.552 15.968 10.72C15.968 5.888 14.656 5.408 10.848 5.408Z" fill="white"></path><circle cx="244.188" cy="17.9399" r="3.5" style="fill:var(--accent)"></circle></svg></a><nav class="hidden md:flex items-center gap-8"><a class="text-xs font-bold uppercase tracking-[0.03em] text-white/60 hover:text-white transition-colors" href="/work">Work</a><a class="text-xs font-bold uppercase tracking-[0.03em] text-white/60 hover:text-white transition-colors" href="/teardowns">Teardowns</a><a class="text-xs font-bold uppercase tracking-[0.03em] text-white/60 hover:text-white transition-colors" href="/baseline">Baseline</a><a class="text-xs font-bold uppercase tracking-[0.03em] text-white/60 hover:text-white transition-colors" href="/projects/upsellr">Upsellr</a><a class="text-xs font-bold uppercase tracking-[0.03em] text-white/60 hover:text-white transition-colors" href="/services">Services</a><a class="text-xs font-bold uppercase tracking-[0.03em] text-white/60 hover:text-white transition-colors" href="/contact">Contact</a></nav><div class="hidden md:flex items-center gap-5"><div class="flex items-center font-heading text-[11px] font-bold tracking-[0.08em]"><span class="flex items-center"><span class="text-accent" aria-current="true">en</span></span><span class="flex items-center"><span class="mx-2 text-white/15" aria-hidden="true">·</span><button type="button" class="cursor-pointer text-white/40 transition-colors hover:text-white" aria-label="Switch language to de">de</button></span><span class="flex items-center"><span class="mx-2 text-white/15" aria-hidden="true">·</span><button type="button" class="cursor-pointer text-white/40 transition-colors hover:text-white" aria-label="Switch language to sl">sl</button></span></div><a data-slot="button" class="group/button cursor-pointer inline-flex shrink-0 items-center justify-center rounded-full border bg-clip-padding font-bold uppercase tracking-[0.03em] whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow] duration-200 ease-fluid outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='
1size-'])]:size-4 border-accent text-accent bg-transparent hover:bg-accent/10 h-8 gap-1.5 px-4 text-xs" href="/book">Book a Call</a></div><button class="md:hidden p-2 text-white cursor-pointer" aria-label="Toggle menu"><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" class="lucide lucide-menu" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></header><main class="relative z-10 flex-1 pb-14">
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","@id":"https://hren.io/#darjan-hren","name":"Darjan Hren","givenName":"Darjan","familyName":"Hren","url":"https://hren.io","image":"https://hren.io/images/darjan-hren.jpg","description":"Darjan Hren is a Slovenia-based CRO strategist and Shopify growth consultant specialising in conversion rate optimisation, UX/UI design, and AOV growth for eCommerce brands.","jobTitle":"CRO Strategist & Shopify Growth Consultant","worksFor":{"@type":"Organization","@id":"https://skuology.com/#skuology","name":"Skuology"},"knowsLanguage":["en","sl","de"],"nationality":{"@type":"Country","name":"Slovenia"},"address":{"@type":"PostalAddress","addressCountry":"SI"},"email":"[email protected]","sameAs":["https://www.linkedin.com/in/darjanhren","https://www.linkedin.com/company/hren-io","https://twitter.com/darjanhren","https://www.youtube.com/@skuology","https://www.instagram.com/darjan_hren/","https://apps.shopify.com/cro-sections","https://skuology.com"]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://skuology.com/#skuology","name":"Skuology","url":"https://skuology.com","description":"Skuology is a CRO-first Shopify studio. Creators of the Baseline Framework, the Baseline CRO Theme Sections app, and the Upsellr upsell app. 90+ stores.","founder":[{"@type":"Person","@id":"https://hren.io/#darjan-hren"}],"foundingDate":"2019","sameAs":["https://www.youtube.com/@skuology","https://apps.shopify.com/cro-sections","https://apps.shopify.com/upsellr-ai-upsells","https://www.upsellr.com"],"knowsAbout":["Conversion Rate Optimization","Shopify","Average Order Value","Upselling","eCommerce UX Design"]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://hren.io/#website","name":"Darjan Hren","url":"https://hren.io","description":"Shopify CRO consultant - Darjan Hren","inLanguage":["en","de","sl"],"publisher":{"@type":"Person","@id":"https://hren.io/#darjan-hren"}}</script>
1<section class="relative overflow-hidden"><div class="w-full md:max-w-4xl md:mx-auto"><div class="relative w-full overflow-hidden select-none md:h-[400px] " style="aspect-ratio:2 / 1"><div class="absolute top-0 left-0 w-full" style="aspect-ratio:1 / 1;-webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 25%, transparent 48%);mask-image:linear-gradient(to bottom, #000 0%, #000 25%, transparent 48%)"><canvas style="width:100%;height:100%;cursor:grab;opacity:0;transition:opacity 1.2s ease;touch-action:none;display:block"></canvas></div><div class="absolute inset-x-0 top-[18%] flex flex-col items-center pointer-events-none z-10" style="gap:-6px"></div></div></div><div class="relative z-10 -mt-16 md:-mt-24 pb-20 md:pb-32 px-6"><div class="mx-auto max-w-3xl text-center"><p class="font-heading text-xs font-bold uppercase tracking-widest text-white/30 mb-8">Shopify CRO Consultant · Skuology · Baseline Framework</p><h1 class="font-heading text-5xl font-bold leading-[0.85] tracking-tight text-white md:text-6xl xl:text-7xl">Your Shopify store is <span class="text-accent"><span style="font-family:var(--font-accent);font-style:italic;font-weight:700">leaking revenue</span></span>. I fix that.</h1><p class="mt-8 mx-auto max-w-xl text-lg text-white/50 leading-relaxed font-sans">I'm Darjan Hren, a Shopify CRO consultant and co-founder of <a href="https://skuology.com" target="_blank" rel="noopener noreferrer" class="text-accent hover:underline underline-offset-2">Skuology</a>, based in Slovenia and working with brands worldwide. I combine CRO strategy, conversion design and upsell systems so brands doing $500k to $5M+ a year capture the revenue they already pay for in traffic. Across 90+ Shopify projects, the Baseline Framework has produced outliers of 100%+ conversion rate improvements. No guesswork. No generic redesigns.</p><div class="mt-8 flex flex-wrap items-center justify-center gap-4"><a data-slot="button" class="group/button cursor-pointer inline-flex shrink-0 items-center justify-center rounded-full border border-transparent bg-clip-padding font-bold uppercase tracking-[0.03em] whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow] duration-200 ease-fluid outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-accent text-accent-foreground hover:bg-accent/90 h-11 gap-1.5 px-8 text-sm" href="/services">View services<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 ml-2 h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a data-slot="button" class="group/button cursor-pointer inline-flex shrink-0 items-center justify-center rounded-full border bg-clip-padding font-bold uppercase tracking-[0.03em] whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow] duration-200 ease-fluid outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 border-accent text-accent bg-transparent hover:bg-accent/10 h-11 gap-1.5 px-8 text-sm" href="/contact">Get in touch</a></div></div></div></section><section class="border-y border-border py-8 bg-background overflow-hidden"><p class="mb-6 text-center text-xs font-sans font-medium uppercase tracking-widest text-foreground/25">Brands I've worked with</p><div class="relative overflow-hidden mb-3"><div class="absolute left-0 top-0 bottom-0 w-16 bg-gradient-to-r from-background to-transparent z-10 pointer-events-none"></div><div class="absolute right-0 top-0 bottom-0 w-16 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none"></div><div class="flex trust-row-left" style="width:max-content"><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:var(--accent)">tabs</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:var(--accent)">Spacegoods</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:var(--accent)">CloudSharks</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">FRESH 32</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">FeelRooty</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">MYND</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Sensilab</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">TMRW</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">FoneKing</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Mountain Ice</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Nyloon</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Dr Sebis</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Crazy Bulk</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Testogen</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Brutal Force</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Health Nutrition</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Assence</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Tresor</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Rise</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">SlimJoy</span></div></div></div><div class="relative overflow-hidden"><div class="absolute left-0 top-0 bottom-0 w-16 bg-gradient-to-r from-background to-transparent z-10 pointer-events-none"></div><div class="absolute right-0 top-0 bottom-0 w-16 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none"></div><div class="flex trust-row-right" style="width:max-content"><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:var(--accent)">tabs</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:var(--accent)">Spacegoods</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:var(--accent)">CloudSharks</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">FRESH 32</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">FeelRooty</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">MYND</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Sensilab</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">TMRW</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">FoneKing</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Mountain Ice</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Nyloon</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Dr Sebis</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Crazy Bulk</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Testogen</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Brutal Force</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Health Nutrition</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Assence</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Tresor</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">Rise</span></div><div class="shrink-0 flex items-center justify-center px-6 md:px-10"><span class="font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap" style="color:color-mix(in srgb, var(--foreground) 20%, transparent)">SlimJoy</span></div></div></div><style> 2 .trust-row-left { 3 animation: trust-left 35s linear infinite; 4 } 5 .trust-row-right { 6 animation: trust-right 40s linear infinite; 7 } 8 @keyframes trust-left { 9 from { transform: translateX(0); } 10 to { transform: translateX(-50%); } 11 } 12 @keyframes trust-right { 13 from { transform: translateX(-50%); } 14 to { transform: translateX(0); } 15 } 16 </style></section><section class="bg-background border-t border-border halftone-bg"><div class="mx-auto max-w-7xl px-6"><div class="grid grid-cols-1 sm:grid-cols-2 gap-px bg-foreground
16/10" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><div class="bg-background px-6 py-10 sm:px-8 sm:py-12"><div class="flex flex-col"><span class="font-heading text-5xl font-bold text-foreground md:text-6xl lg:text-7xl leading-none">90+</span><span class="mt-2 text-sm font-sans text-foreground/40 leading-snug">Shopify stores redesigned with Baseline</span></div></div><div class="bg-background px-6 py-10 sm:px-8 sm:py-12"><div class="flex flex-col"><span class="font-heading text-5xl font-bold text-foreground md:text-6xl lg:text-7xl leading-none">100%+</span><span class="mt-2 text-sm font-sans text-foreground/40 leading-snug">Outlier CVR lift</span></div></div><div class="bg-background px-6 py-10 sm:px-8 sm:py-12"><div class="flex flex-col"><span class="font-heading text-5xl font-bold text-foreground md:text-6xl lg:text-7xl leading-none">20-50%+</span><span class="mt-2 text-sm font-sans text-foreground/40 leading-snug">Average conversion rate lift</span></div></div><div class="bg-background px-6 py-10 sm:px-8 sm:py-12"><div class="flex flex-col"><span class="font-heading text-5xl font-bold text-foreground md:text-6xl lg:text-7xl leading-none">30%+</span><span class="mt-2 text-sm font-sans text-foreground/40 leading-snug">Average AOV increase</span></div></div></div></div></section><section class="px-6 py-24 md:py-32 bg-background border-t border-border"><div class="mx-auto max-w-7xl"><div class="mb-20 max-w-2xl" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-6">The problem</p><h2 class="font-heading text-4xl font-bold leading-[0.88] text-foreground md:text-5xl lg:text-6xl">Most Shopify stores look fine on the surface. The revenue logic underneath is <span style="font-family:var(--font-accent);font-style:italic;font-weight:700" class="text-accent">broken.</span></h2><p class="mt-6 text-lg text-foreground/55 font-sans leading-relaxed max-w-xl">Traffic is expensive. Ads are running. The store is live. But conversion rates sit below 2%, cart abandonment is high, and average order value never moves, because no one designed for revenue. They designed for aesthetics. Conversion rate optimization fixes that without buying more traffic. It finds where a store loses buyers, fixes the checkout and cart first, then the product pages, then raises what each order is worth. The result is more revenue from every visitor you already have.</p></div>
16<div class="hidden md:grid grid-cols-2 gap-px bg-foreground/10" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><div class="group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground/[0.02]"><span class="font-heading text-xs font-bold uppercase tracking-widest text-accent">01</span><h3 class="font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl">Weak product page hierarchy</h3><p class="mt-4 text-foreground/50 leading-relaxed font-sans">Visitors can't find what matters. The buy decision gets buried under irrelevant content, weak trust signals, and no clear hierarchy guiding them to purchase.</p></div><div class="group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground/[0.02]"><span class="font-heading text-xs font-bold uppercase tracking-widest text-accent">02</span><h3 class="font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl">Zero upsell logic</h3><p class="mt-4 text-foreground/50 leading-relaxed font-sans">Every order that ships without a cross-sell, bundle, or post-purchase offer is revenue you already paid to acquire - and didn't capture. Most stores leave â¬15â30 per order on the table here alone.</p></div><div class="group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground
16/[0.02]"><span class="font-heading text-xs font-bold uppercase tracking-widest text-accent">03</span><h3 class="font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl">No CRO system</h3><p class="mt-4 text-foreground/50 leading-relaxed font-sans">Changes get made based on opinions, not data. Without a structured testing and measurement framework, you never know what's actually moving the needle - so you keep redesigning instead of optimising.</p></div><div class="group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground/[0.02]"><span class="font-heading text-xs font-bold uppercase tracking-widest text-accent">04</span><h3 class="font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl">Generic theme, not a revenue machine</h3><p class="mt-4 text-foreground/50 leading-relaxed font-sans">Most Shopify themes are built for aesthetics, not conversion architecture. A store that looks good but doesn't sell isn't an asset - it's a liability.</p></div></div><div class="md:hidden"><div class="w-full"><div class="overflow-hidden"><div class="flex transition-transform duration-300 ease-out" style="transform:translateX(-0%)"><div class="w-full shrink-0"><div class="group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground
16/[0.02]"><span class="font-heading text-xs font-bold uppercase tracking-widest text-accent">01</span><h3 class="font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl">Weak product page hierarchy</h3><p class="mt-4 text-foreground/50 leading-relaxed font-sans">Visitors can't find what matters. The buy decision gets buried under irrelevant content, weak trust signals, and no clear hierarchy guiding them to purchase.</p></div></div><div class="w-full shrink-0"><div class="group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground/[0.02]"><span class="font-heading text-xs font-bold uppercase tracking-widest text-accent">02</span><h3 class="font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl">Zero upsell logic</h3><p class="mt-4 text-foreground/50 leading-relaxed font-sans">Every order that ships without a cross-sell, bundle, or post-purchase offer is revenue you already paid to acquire - and didn't capture. Most stores leave â¬15â30 per order on the table here alone.</p></div></div><div class="w-full shrink-0"><div class="group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground
16/[0.02]"><span class="font-heading text-xs font-bold uppercase tracking-widest text-accent">03</span><h3 class="font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl">No CRO system</h3><p class="mt-4 text-foreground/50 leading-relaxed font-sans">Changes get made based on opinions, not data. Without a structured testing and measurement framework, you never know what's actually moving the needle - so you keep redesigning instead of optimising.</p></div></div><div class="w-full shrink-0"><div class="group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground/[0.02]"><span class="font-heading text-xs font-bold uppercase tracking-widest text-accent">04</span><h3 class="font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl">Generic theme, not a revenue machine</h3><p class="mt-4 text-foreground/50 leading-relaxed font-sans">Most Shopify themes are built for aesthetics, not conversion architecture. A store that looks good but doesn't sell isn't an asset - it's a liability.</p></div></div></div></div><div class="flex items-center justify-between mt-6 px-1"><div class="flex items-center gap-1.5 flex-1"><button class="h-[2px] flex-1 rounded-full transition-colors duration-200 cursor-pointer bg-accent" aria-label="Go to slide 1"></button><button class="h-[2px] flex-1 rounded-full transition-colors duration-200 cursor-pointer bg-foreground
16/20" aria-label="Go to slide 2"></button><button class="h-[2px] flex-1 rounded-full transition-colors duration-200 cursor-pointer bg-foreground/20" aria-label="Go to slide 3"></button><button class="h-[2px] flex-1 rounded-full transition-colors duration-200 cursor-pointer bg-foreground/20" aria-label="Go to slide 4"></button></div><div class="flex items-center gap-2 ml-4"><button disabled="" class="w-9 h-9 rounded-full border border-foreground/20 flex items-center justify-center text-foreground/60 hover:text-foreground hover:border-foreground/40 transition-colors disabled:opacity-20 disabled:cursor-not-allowed cursor-pointer" aria-label="Previous slide"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M9 2L4 7L9 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><button class="w-9 h-9 rounded-full border border-foreground/20 flex items-center justify-center text-foreground/60 hover:text-foreground hover:border-foreground/40 transition-colors disabled:opacity-20 disabled:cursor-not-allowed cursor-pointer" aria-label="Next slide"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 2L10 7L5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div></div></div></div></section><section class="bg-background px-6 py-24 md:py-48 border-t border-border"><div class="mx-auto max-w-5xl"><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-12">Why this matters</p><p class="font-heading text-4xl font-bold leading-[1.05] md:text-6xl lg:text-7xl"><span style="color:var(--foreground);display:inline;opacity:0.08">Most<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">Shopify<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">stores<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">I<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">audit<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">have<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">the<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">same<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">problem:<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">they<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">look<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">good<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">but<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">convert<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">badly.<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">The<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">design<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">is<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">fine<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">-<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">the<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">revenue<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">logic<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">is<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">broken.<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">I<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">fix<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">that<!-- --> </span><span style="color:var(--foreground);
16display:inline;opacity:0.08">with<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">a<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">system,<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">not<!-- --> </span><span style="color:var(--foreground);display:inline;opacity:0.08">opinions.<!-- --> </span></p></div></section><section class="bg-background overflow-hidden px-6 py-24 md:py-32 border-t border-border"><div class="mx-auto max-w-7xl"><div class="grid gap-16 lg:grid-cols-2 lg:gap-24 items-start"><div class="min-w-0" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-6">The solution</p><h2 class="font-heading text-2xl font-bold leading-[0.9] text-foreground sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl">The Baseline Framework<!-- -->:<!-- --> <span class="font-normal">built for revenue, not portfolios.</span></h2><p class="mt-6 text-lg text-foreground/50 leading-relaxed font-sans max-w-lg">We don't guess. Every project runs through the Baseline Framework - a CRO-first design methodology built by Skuology across 90+ Shopify stores.</p><p class="mt-4 text-foreground/55 leading-relaxed font-sans max-w-lg">Unlike a typical agency rebrand, Baseline is a conversion architecture system. Every layout decision, every copy line, every upsell placement is traceable back to a revenue outcome.</p><a data-slot="button" class="group/button cursor-pointer inline-flex shrink-0 items-center justify-center rounded-full border bg-clip-padding font-bold uppercase tracking-[0.03em] whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow] duration-200 ease-fluid outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 border-accent text-accent bg-transparent hover:bg-accent/10 h-11 gap-1.5 px-8 text-sm mt-8" href="/baseline">Explore the framework<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 ml-2 h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div style="opacity:0;filter:blur(6px);transform:translateY(24px)"><div class="hidden md:grid grid-cols-2 gap-6"><div class="group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground
16/20 hover:bg-foreground/[0.02]"><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-search text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><h3 class="font-heading text-xl font-bold tracking-wide text-foreground">Research-first</h3><p class="mt-2 text-sm text-foreground/55 leading-relaxed font-sans">Every Baseline project starts with a store audit and customer research. We know why people don't buy before we design anything.</p></div><div class="group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground/20 hover:bg-foreground/[0.02]"><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-layers text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg><h3 class="font-heading text-xl font-bold tracking-wide text-foreground">System-driven</h3><p class="mt-2 text-sm text-foreground/55 leading-relaxed font-sans">The Baseline design system creates visual and structural consistency that compounds - every page builds trust faster because it follows the same logic.</p></div><div class="group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground
16/20 hover:bg-foreground/[0.02]"><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-layout-template text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110" aria-hidden="true"><rect width="18" height="7" x="3" y="3" rx="1"></rect><rect width="9" height="7" x="3" y="14" rx="1"></rect><rect width="5" height="7" x="16" y="14" rx="1"></rect></svg><h3 class="font-heading text-xl font-bold tracking-wide text-foreground">Conversion architecture</h3><p class="mt-2 text-sm text-foreground/55 leading-relaxed font-sans">Every section earns its place. Layout, hierarchy, copy, and CTA placement are all decisions backed by conversion data.</p></div><div class="group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground/20 hover:bg-foreground/[0.02]"><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-trending-up text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg><h3 class="font-heading text-xl font-bold tracking-wide text-foreground">Revenue metrics</h3><p class="mt-2 text-sm text-foreground/55 leading-relaxed font-sans">I track CVR, AOV, and RPU - not just deliverables. If the numbers don't move, the work isn't done.</p></div></div><div class="md:hidden"><div class="w-full"><div class="overflow-hidden"><div class="flex transition-transform duration-300 ease-out" style="transform:translateX(-0%)"><div class="w-full shrink-0"><div class="group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground
16/20 hover:bg-foreground/[0.02]"><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-search text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><h3 class="font-heading text-xl font-bold tracking-wide text-foreground">Research-first</h3><p class="mt-2 text-sm text-foreground/55 leading-relaxed font-sans">Every Baseline project starts with a store audit and customer research. We know why people don't buy before we design anything.</p></div></div><div class="w-full shrink-0"><div class="group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground/20 hover:bg-foreground/[0.02]"><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-layers text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg><h3 class="font-heading text-xl font-bold tracking-wide text-foreground">System-driven</h3><p class="mt-2 text-sm text-foreground/55 leading-relaxed font-sans">The Baseline design system creates visual and structural consistency that compounds - every page builds trust faster because it follows the same logic.</p></div></div><div class="w-full shrink-0"><div class="group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground
16/20 hover:bg-foreground/[0.02]"><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-layout-template text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110" aria-hidden="true"><rect width="18" height="7" x="3" y="3" rx="1"></rect><rect width="9" height="7" x="3" y="14" rx="1"></rect><rect width="5" height="7" x="16" y="14" rx="1"></rect></svg><h3 class="font-heading text-xl font-bold tracking-wide text-foreground">Conversion architecture</h3><p class="mt-2 text-sm text-foreground/55 leading-relaxed font-sans">Every section earns its place. Layout, hierarchy, copy, and CTA placement are all decisions backed by conversion data.</p></div></div><div class="w-full shrink-0"><div class="group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground/20 hover:bg-foreground/[0.02]"><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-trending-up text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg><h3 class="font-heading text-xl font-bold tracking-wide text-foreground">Revenue metrics</h3><p class="mt-2 text-sm text-foreground/55 leading-relaxed font-sans">I track CVR, AOV, and RPU - not just deliverables. If the numbers don't move, the work isn't done.</p></div></div></div></div><div class="flex items-center justify-between mt-6 px-1"><div class="flex items-center gap-1.5 flex-1"><button class="h-[2px] flex-1 rounded-full transition-colors duration-200 cursor-pointer bg-accent" aria-label="Go to slide 1"></button><button class="h-[2px] flex-1 rounded-full transition-colors duration-200 cursor-pointer bg-foreground
16/20" aria-label="Go to slide 2"></button><button class="h-[2px] flex-1 rounded-full transition-colors duration-200 cursor-pointer bg-foreground/20" aria-label="Go to slide 3"></button><button class="h-[2px] flex-1 rounded-full transition-colors duration-200 cursor-pointer bg-foreground/20" aria-label="Go to slide 4"></button></div><div class="flex items-center gap-2 ml-4"><button disabled="" class="w-9 h-9 rounded-full border border-foreground/20 flex items-center justify-center text-foreground/60 hover:text-foreground hover:border-foreground/40 transition-colors disabled:opacity-20 disabled:cursor-not-allowed cursor-pointer" aria-label="Previous slide"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M9 2L4 7L9 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><button class="w-9 h-9 rounded-full border border-foreground/20 flex items-center justify-center text-foreground/60 hover:text-foreground hover:border-foreground/40 transition-colors disabled:opacity-20 disabled:cursor-not-allowed cursor-pointer" aria-label="Next slide"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 2L10 7L5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div></div></div></div></div></div></section><section class="bg-background px-6 py-24 md:py-32 border-t border-border"><div class="mx-auto max-w-7xl"><div class="grid gap-10 lg:grid-cols-2 lg:gap-24 items-center"><div class="order-last lg:order-first" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-6">Built by Skuology</p><h2 class="font-heading font-bold text-foreground text-4xl md:text-5xl lg:text-6xl mb-6">We didn't just learn upsell strategy - we <span class="accent-italic text-accent">built a Shopify app</span> around it.</h2><p class="text-lg text-foreground/50 leading-relaxed font-sans max-w-lg mb-4">Upsellr is a Shopify app we built at Skuology that installs revenue logic directly into your store. Cart upsells, post-purchase offers, goal bars, bundle prompts, gift-with-purchase flows - the invisible second sale, automated.</p><p class="text-foreground/55 leading-relaxed font-sans max-w-lg mb-8">When we work with your store, we're not applying theory. We're applying the same system we built into a product used by Shopify brands to increase AOV without changing a word of their paid traffic.</p><div class="flex flex-wrap gap-3 mb-10"><span class="relative text-xs font-sans font-medium text-accent px-4 py-2 rounded-full overflow-hidden" style="background:linear-gradient(135deg, rgb(var(--accent-rgb) / 0.12) 0%, rgb(var(--accent-rgb) / 0.04) 100%);border:1px solid rgb(var(--accent-rgb) / 0.25);box-shadow:0 0 12px rgb(var(--accent-rgb) / 0.15), inset 0 0 12px rgb(var(--accent-rgb) / 0.05)">30%+ avg AOV increase</span><span class="relative text-xs font-sans font-medium text-accent px-4 py-2 rounded-full overflow-hidden" style="background:linear-gradient(135deg, rgb(var(--accent-rgb) / 0.12) 0%, rgb(var(--accent-rgb) / 0.04) 100%);border:1px solid rgb(var(--accent-rgb) / 0.25);box-shadow:0 0 12px rgb(var(--accent-rgb) / 0.15), inset 0 0 12px rgb(var(--accent-rgb) / 0.05)">Post-purchase + cart upsell logic</span><span class="relative text-xs font-sans font-medium text-accent px-4 py-2 rounded-full overflow-hidden" style="background:linear-gradient(135deg, rgb(var(--accent-rgb) / 0.12) 0%, rgb(var(--accent-rgb) / 0.04) 100%);border:1px solid rgb(var(--accent-rgb) / 0.25);box-shadow:0 0 12px rgb(var(--accent-rgb) / 0.15), inset 0 0 12px rgb(var(--accent-rgb) / 0.05)">Built for Shopify</span></div><a data-slot="button" class="group/button cursor-pointer inline-flex shrink-0 items-center justify-center rounded-full border bg-clip-padding font-bold uppercase tracking-[0.03em] whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow] duration-200 ease-fluid outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='
16size-'])]:size-4 border-accent text-accent bg-transparent hover:bg-accent/10 h-8 gap-1.5 px-4 text-xs" href="/projects/upsellr">Learn about Upsellr<!-- --> <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 ml-2 h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="flex order-first lg:order-last items-center justify-center" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><img alt="Upsellr" loading="lazy" width="600" height="600" decoding="async" data-nimg="1" class="object-cover w-full rounded-2xl lg:rounded-4xl" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fupsellr.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Fupsellr.jpg&w=1200&q=75 2x" src="/_next/image?url=%2Fimages%2Fupsellr.jpg&w=1200&q=75"/></div></div></div></section><section class="px-6 py-24 md:py-32 bg-background border-t border-border"><div class="mx-auto max-w-7xl"><div class="mb-16" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-4">How it works</p><h2 class="font-heading text-4xl font-bold leading-[0.88] text-foreground md:text-5xl lg:text-6xl max-w-xl">Three steps to a higher-converting store.</h2></div><div class="hidden md:grid gap-0 md:grid-cols-3 border border-border"><div class="group p-8 md:p-12 transition-colors duration-300 ease-fluid hover:bg-foreground
16/[0.02] border-b md:border-b-0 md:border-r border-border" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><span class="font-heading text-6xl font-bold text-foreground/15 block mb-8 transition-colors duration-300 ease-fluid group-hover:text-accent/40">01</span><h3 class="font-heading text-xl font-bold leading-tight text-foreground mb-4">Audit & Diagnose</h3><p class="text-foreground/50 leading-relaxed font-sans text-sm mb-6">Store audit, conversion data analysis, heatmap and session review. You get a prioritised action plan - the exact revenue leaks and what to fix first - before a single pixel moves.</p><ul class="space-y-2"><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Store audit report</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Heatmap + session review</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>CRO priority matrix</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Project brief</li></ul></div><div class="group p-8 md:p-12 transition-colors duration-300 ease-fluid hover:bg-foreground
16/[0.02] border-b md:border-b-0 md:border-r border-border" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><span class="font-heading text-6xl font-bold text-foreground/15 block mb-8 transition-colors duration-300 ease-fluid group-hover:text-accent/40">02</span><h3 class="font-heading text-xl font-bold leading-tight text-foreground mb-4">Design & Blueprint</h3><p class="text-foreground/50 leading-relaxed font-sans text-sm mb-6">Figma wireframes and high-fidelity designs built section by section, with conversion logic documented at every decision. Copy, hierarchy, and upsell placement baked in from the start.</p><ul class="space-y-2"><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Full Figma wireframes</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Baseline design system</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>CRO annotations</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Copy framework</li></ul></div><div class="group p-8 md:p-12 transition-colors duration-300 ease-fluid hover:bg-foreground
16/[0.02] " style="opacity:0;filter:blur(6px);transform:translateY(24px)"><span class="font-heading text-6xl font-bold text-foreground/15 block mb-8 transition-colors duration-300 ease-fluid group-hover:text-accent/40">03</span><h3 class="font-heading text-xl font-bold leading-tight text-foreground mb-4">Launch & Track</h3><p class="text-foreground/50 leading-relaxed font-sans text-sm mb-6">Dev-ready handoff or full Shopify implementation. The store launches with tracking in place - I make sure results are measurable from day one.</p><ul class="space-y-2"><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Dev-ready specs</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Shopify implementation</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>QA + testing</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Results tracking setup</li></ul></div></div><div class="md:hidden"><div class="w-full"><div class="overflow-hidden"><div class="flex transition-transform duration-300 ease-out" style="transform:translateX(-0%)"><div class="w-full shrink-0"><div class="p-8 md:p-10 bg-background border border-border h-full"><span class="font-heading text-6xl font-bold text-foreground/15 block mb-8">01</span><h3 class="font-heading text-xl font-bold leading-tight text-foreground mb-4">Audit & Diagnose</h3><p class="text-foreground/50 leading-relaxed font-sans text-sm mb-6">Store audit, conversion data analysis, heatmap and session review. You get a prioritised action plan - the exact revenue leaks and what to fix first - before a single pixel moves.</p><ul class="space-y-2"><li class="flex items-center gap-2 text-xs text-foreground/30 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Store audit report</li><li class="flex items-center gap-2 text-xs text-foreground/30 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Heatmap + session review</li><li class="flex items-center gap-2 text-xs text-foreground/30 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>CRO priority matrix</li><li class="flex items-center gap-2 text-xs text-foreground/30 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Project brief</li></ul></div></div><div class="w-full shrink-0"><div class="p-8 md:p-10 bg-background border border-border h-full"><span class="font-heading text-6xl font-bold text-foreground/15 block mb-8">02</span><h3 class="font-heading text-xl font-bold leading-tight text-foreground mb-4">Design & Blueprint</h3><p class="text-foreground/50 leading-relaxed font-sans text-sm mb-6">Figma wireframes and high-fidelity designs built section by section, with conversion logic documented at every decision. Copy, hierarchy, and upsell placement baked in from the start.</p><ul class="space-y-2"><li class="flex items-center gap-2 text-xs text-foreground/30 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Full Figma wireframes</li><li class="flex items-center gap-2 text-xs text-foreground/30 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Baseline design system</li><li class="flex items-center gap-2 text-xs text-foreground/30 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>CRO annotations</li><li class="flex items-center gap-2 text-xs text-foreground/30 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Copy framework</li></ul></div></div><div class="w-full shrink-0"><div class="p-8 md:p-10 bg-background border border-border h-full"><span class="font-heading text-6xl font-bold text-foreground/15 block mb-8">03</span><h3 class="font-heading text-xl font-bold leading-tight text-foreground mb-4">Launch & Track</h3>
16<p class="text-foreground/50 leading-relaxed font-sans text-sm mb-6">Dev-ready handoff or full Shopify implementation. The store launches with tracking in place - I make sure results are measurable from day one.</p><ul class="space-y-2"><li class="flex items-center gap-2 text-xs text-foreground/30 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Dev-ready specs</li><li class="flex items-center gap-2 text-xs text-foreground/30 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Shopify implementation</li><li class="flex items-center gap-2 text-xs text-foreground/30 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>QA + testing</li><li class="flex items-center gap-2 text-xs text-foreground/30 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Results tracking setup</li></ul></div></div></div></div><div class="flex items-center justify-between mt-6 px-1"><div class="flex items-center gap-1.5 flex-1"><button class="h-[2px] flex-1 rounded-full transition-colors duration-200 cursor-pointer bg-accent" aria-label="Go to slide 1"></button><button class="h-[2px] flex-1 rounded-full transition-colors duration-200 cursor-pointer bg-foreground
16/20" aria-label="Go to slide 2"></button><button class="h-[2px] flex-1 rounded-full transition-colors duration-200 cursor-pointer bg-foreground/20" aria-label="Go to slide 3"></button></div><div class="flex items-center gap-2 ml-4"><button disabled="" class="w-9 h-9 rounded-full border border-foreground/20 flex items-center justify-center text-foreground/60 hover:text-foreground hover:border-foreground/40 transition-colors disabled:opacity-20 disabled:cursor-not-allowed cursor-pointer" aria-label="Previous slide"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M9 2L4 7L9 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><button class="w-9 h-9 rounded-full border border-foreground/20 flex items-center justify-center text-foreground/60 hover:text-foreground hover:border-foreground/40 transition-colors disabled:opacity-20 disabled:cursor-not-allowed cursor-pointer" aria-label="Next slide"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 2L10 7L5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div></div></div></div></section><section class="border-y border-border bg-background py-20 md:py-28 overflow-x-hidden"><div class="mx-auto max-w-7xl px-6"><div class="mb-10"><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-3">Revenue Opportunity</p><h2 class="font-heading text-4xl font-bold leading-[0.9] text-foreground md:text-5xl lg:text-6xl">How much revenue are you leaving on the table?</h2><p class="mt-4 max-w-2xl text-foreground/50 text-sm md:text-base leading-relaxed">Plug in your numbers. See what fixing your store's conversion rate and AOV could mean in real money.</p></div><div class="grid gap-8 lg:grid-cols-2"><div class="space-y-6"><div class="grid grid-cols-2 gap-4"><div><label class="mb-1.5 block font-heading text-xs font-bold uppercase tracking-widest text-foreground/40">Monthly Visitors</label><input type="number" min="100" step="100" class="w-full rounded-md border border-border bg-foreground
16/5 px-4 py-3 font-sans text-sm text-foreground outline-none focus:border-accent/40 focus:ring-0" value="10000"/></div><div><label class="mb-1.5 block font-heading text-xs font-bold uppercase tracking-widest text-foreground/40">Currency</label><select class="w-full cursor-pointer rounded-md border border-border bg-background px-4 py-3 font-sans text-sm text-foreground outline-none focus:border-accent/40"><option value="â¬" selected="">⬠Euro</option><option value="$">$ Dollar</option><option value="£">£ Pound</option></select></div></div><div class="grid grid-cols-2 gap-4"><div><label class="mb-1.5 block font-heading text-xs font-bold uppercase tracking-widest text-foreground/40">Current CVR %</label><input type="number" min="0.1" max="20" step="0.1" class="w-full rounded-md border border-border bg-foreground/5 px-4 py-3 font-sans text-sm text-foreground outline-none focus:border-accent/40" value="1.8"/></div><div><label class="mb-1.5 block font-heading text-xs font-bold uppercase tracking-widest text-foreground/40">Avg Order Value</label><input type="number" min="1" step="1" class="w-full rounded-md border border-border bg-foreground
16/5 px-4 py-3 font-sans text-sm text-foreground outline-none focus:border-accent/40" value="65"/></div></div><div><label class="mb-2 block font-heading text-xs font-bold uppercase tracking-widest text-foreground/40">Scenario</label><div class="grid grid-cols-3 gap-2"><button class="cursor-pointer rounded-md py-2.5 font-heading text-xs font-bold uppercase tracking-widest transition-colors border border-foreground/15 text-foreground/50 hover:border-foreground/30 hover:text-foreground/80">Conservative</button><button class="cursor-pointer rounded-md py-2.5 font-heading text-xs font-bold uppercase tracking-widest transition-colors bg-primary text-primary-foreground">Realistic</button><button class="cursor-pointer rounded-md py-2.5 font-heading text-xs font-bold uppercase tracking-widest transition-colors border border-foreground/15 text-foreground/50 hover:border-foreground/30 hover:text-foreground/80">Ambitious</button></div></div><div class="space-y-4"><div><div class="mb-1.5 flex items-center justify-between"><label class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/40">CVR Lift</label><span class="font-heading text-sm font-bold text-foreground">+<!-- -->35<!-- -->%</span></div><input type="range" min="10" max="80" step="1" class="w-full cursor-pointer accent-accent" value="35"/></div><div><div class="mb-1.5 flex items-center justify-between"><label class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/40">AOV Lift</label><span class="font-heading text-sm font-bold text-foreground">+<!-- -->20<!-- -->%</span></div><input type="range" min="5" max="50" step="1" class="w-full cursor-pointer accent-accent" value="20"/></div></div></div><div class="flex flex-col gap-4"><div class="grid grid-cols-1 sm:grid-cols-2 gap-4"><div class="rounded-lg p-6 flex flex-col justify-between" style="background:color-mix(in srgb, var(--foreground) 3%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent)"><span class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-2">Current monthly revenue</span><span class="font-heading text-2xl font-bold leading-none text-foreground sm:text-3xl md:text-4xl">â¬11,700</span></div><div class="rounded-lg p-6 flex flex-col justify-between" style="background:color-mix(in srgb, var(--foreground) 3%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent)"><span class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-2">New monthly revenue</span><span class="font-heading text-2xl font-bold leading-none text-foreground sm:text-3xl md:text-4xl">â¬18,954</span></div><div class="rounded-lg p-6 flex flex-col justify-between" style="background:color-mix(in srgb, var(--foreground) 3%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent)"><span class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-2">Monthly uplift</span><span class="font-heading text-2xl font-bold leading-none text-foreground sm:text-3xl md:text-4xl">â¬7,254</span></div><div class="rounded-lg p-6 flex flex-col justify-between" style="background:linear-gradient(135deg, rgb(var(--accent-rgb) / 0.15) 0%, rgb(var(--accent-rgb) / 0.05) 100%);border:1px solid rgb(var(--accent-rgb) / 0.3);box-shadow:0 0 32px rgb(var(--accent-rgb) / 0.12)"><span class="font-heading text-xs font-bold uppercase tracking-widest text-accent/70 mb-2">Annual uplift</span><span class="font-heading font-bold leading-none text-accent" style="font-size:clamp(2rem, 5vw, 3.5rem)">â¬87,048</span></div></div><div class="rounded-lg px-6 py-4 text-sm text-foreground/60 leading-relaxed" style="background:color-mix(in srgb, var(--foreground) 3%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent)">That's a<!-- --> <span class="font-heading font-bold text-foreground">10Ã+</span> <!-- -->return on a Baseline Build investment.</div><div class="mt-auto flex flex-wrap gap-3"><a data-slot="button" class="group/button cursor-pointer inline-flex shrink-0 items-center justify-center rounded-full border border-transparent bg-clip-padding font-bold uppercase tracking-[0.03em] whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow] duration-200 ease-fluid outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='
16size-'])]:size-4 bg-accent text-accent-foreground hover:bg-accent/90 h-11 gap-1.5 px-8 text-sm" href="/services">View services</a><a data-slot="button" class="group/button cursor-pointer inline-flex shrink-0 items-center justify-center rounded-full border bg-clip-padding font-bold uppercase tracking-[0.03em] whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow] duration-200 ease-fluid outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 border-accent text-accent bg-transparent hover:bg-accent/10 h-11 gap-1.5 px-8 text-sm" href="/contact">Get in touch</a></div></div></div></div></section><section class="bg-background px-6 py-24 md:py-32 border-t border-border"><div class="mx-auto max-w-7xl"><div class="mb-16" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-4">Services</p><h2 class="font-heading text-4xl font-bold leading-[0.88] text-foreground md:text-5xl lg:text-6xl max-w-xl">How I work with you</h2></div><div class="grid gap-6 md:grid-cols-3"><div class="h-full" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><div class="flex flex-col h-full border p-8 md:p-10 transition-[transform,border-color,background-color] duration-300 ease-fluid hover:-translate-y-1 border-border hover:border-foreground
16/25 hover:bg-foreground/[0.02]"><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-2">Increase AOV in 3 weeks</p><h3 class="font-heading text-2xl font-bold leading-tight text-foreground mb-4">The Invisible Second Saleâ¢</h3><p class="text-sm text-foreground/55 leading-relaxed font-sans mb-6">Every customer who already said yes should be worth more. Product page bundles, cart upsells, and post-purchase offers, installed to increase what each customer spends without more ad spend.</p><ul class="space-y-2 mb-8 flex-1"><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Product page bundle strategy</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Cart upsell architecture</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Post-purchase offer system</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Offer copy + design assets</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>3 months Upsellr access</li></ul><a aria-label="Learn more about The Invisible Second Saleâ¢" data-slot="button" class="group/button cursor-pointer inline-flex shrink-0 items-center justify-center rounded-full border bg-clip-padding font-bold uppercase tracking-[0.03em] whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow] duration-200 ease-fluid outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 border-accent text-accent bg-transparent hover:bg-accent/10 h-11 gap-1.5 px-8 text-sm" href="/services/invisible-second-sale">Learn more <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 ml-2 h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="h-full" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><div class="flex flex-col h-full border p-8 md:p-10 transition-[transform,border-color,background-color] duration-300 ease-fluid hover:-translate-y-1 border-accent/60 bg-accent/[0.03] hover:border-accent"><span class="font-heading text-xs font-bold uppercase tracking-widest text-accent mb-4">Most popular</span><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-2">Store strategy + Figma design</p><h3 class="font-heading text-2xl font-bold leading-tight text-foreground mb-4">Baseline Conversion Blueprintâ¢</h3><p class="text-sm text-foreground/55 leading-relaxed font-sans mb-6">From guessing if your store converts, to knowing exactly what needs to change. 2â3 week intensive that gives you clearer pages, stronger trust, and a developer-ready blueprint.</p><ul class="space-y-2 mb-8 flex-1"><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Store Clarity Audit</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Homepage + product page Figma blueprints</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Copy + messaging direction</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Trust + buying flow improvements</li>
16<li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Developer handoff notes</li></ul><a aria-label="Learn more about Baseline Conversion Blueprintâ¢" data-slot="button" class="group/button cursor-pointer inline-flex shrink-0 items-center justify-center rounded-full border border-transparent bg-clip-padding font-bold uppercase tracking-[0.03em] whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow] duration-200 ease-fluid outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-accent text-accent-foreground hover:bg-accent/90 h-11 gap-1.5 px-8 text-sm" href="/services/baseline-conversion-blueprint">Learn more <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 ml-2 h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="h-full" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><div class="flex flex-col h-full border p-8 md:p-10 transition-[transform,border-color,background-color] duration-300 ease-fluid hover:-translate-y-1 border-border hover:border-foreground
16/25 hover:bg-foreground/[0.02]"><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-2">3â6 month retainer</p><h3 class="font-heading text-2xl font-bold leading-tight text-foreground mb-4">Skuology Growth Partnerâ¢</h3><p class="text-sm text-foreground/55 leading-relaxed font-sans mb-6">Your store isn't stuck: it just doesn't have a growth partner yet. Every month: audit what's happening, design the fix, implement it, measure what worked, improve again.</p><ul class="space-y-2 mb-8 flex-1"><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Monthly audit + strategy call</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Figma design support</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Upsell + AOV direction</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Copywriting suggestions</li><li class="flex items-center gap-2 text-xs text-foreground/40 font-sans"><span class="w-1 h-1 rounded-full bg-accent flex-shrink-0"></span>Slack access</li></ul><a aria-label="Learn more about Skuology Growth Partnerâ¢" data-slot="button" class="group/button cursor-pointer inline-flex shrink-0 items-center justify-center rounded-full border bg-clip-padding font-bold uppercase tracking-[0.03em] whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow] duration-200 ease-fluid outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 border-accent text-accent bg-transparent hover:bg-accent/10 h-11 gap-1.5 px-8 text-sm" href="/services/skuology-growth-partner">Learn more <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 ml-2 h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div><p class="mt-10 text-center text-sm text-foreground/30 font-sans">Not sure which fits?<!-- --> <a class="text-foreground/50 underline underline-offset-4 hover:text-foreground" href="/book">Book a free 30-min call</a> <!-- -->and I'll figure it out with you.</p></div></section><section class="bg-background py-24 md:py-32 border-t border-border overflow-hidden"><div class="mx-auto max-w-7xl px-6 mb-12" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-4">The work</p><h2 class="font-heading text-4xl font-bold leading-[0.88] text-foreground md:text-5xl">Stores I've<!-- --> <span style="font-family:var(--font-accent);font-style:italic;font-weight:700" class="text-accent">rebuilt</span></h2></div><div class="relative" style="cursor:default;overflow-x:clip;overflow-y:visible"><div class="absolute left-0 top-0 bottom-0 w-24 bg-gradient-to-r from-background to-transparent z-10 pointer-events-none"></div><div class="absolute right-0 top-0 bottom-0 w-24 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none"></div><div class="flex items-end gap-4 pb-6 pt-8 gallery-track" style="width:max-content"><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none">
16<div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/tabs.jpg" alt="Tabs" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Tabs</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Actives with chocolate</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none"><div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/spacegoods.jpg" alt="Spacegoods" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Spacegoods</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Mushroom supplements</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none">
16<div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/radiance.jpg" alt="Radiance" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Radiance</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Teeth whitening</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none"><div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/mon-lumiere.jpg" alt="Mon Lumière" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Mon Lumière</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Skincare</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none">
16<div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/claudesharks.jpg" alt="Claudesharks" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Claudesharks</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Footwear</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none"><div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/zoyava.jpg" alt="Zoyava" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Zoyava</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Supplements</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none">
16<div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/hydrohbottle.jpg" alt="Hydroh Bottle" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Hydroh Bottle</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Hydrogen water</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none"><div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/mynd.jpg" alt="MYND" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">MYND</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Microdosing</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none">
16<div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/spicy-cubes.jpg" alt="Spicy Cubes" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Spicy Cubes</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Actives gummies</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none"><div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/fresh-32.jpg" alt="FRESH 32" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">FRESH 32</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Oral care</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none">
16<div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/tabs.jpg" alt="Tabs" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Tabs</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Actives with chocolate</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none"><div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/spacegoods.jpg" alt="Spacegoods" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Spacegoods</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Mushroom supplements</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none">
16<div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/radiance.jpg" alt="Radiance" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Radiance</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Teeth whitening</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none"><div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/mon-lumiere.jpg" alt="Mon Lumière" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Mon Lumière</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Skincare</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none">
16<div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/claudesharks.jpg" alt="Claudesharks" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Claudesharks</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Footwear</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none"><div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/zoyava.jpg" alt="Zoyava" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Zoyava</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Supplements</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none">
16<div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/hydrohbottle.jpg" alt="Hydroh Bottle" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Hydroh Bottle</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Hydrogen water</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none"><div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/mynd.jpg" alt="MYND" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">MYND</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Microdosing</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none">
16<div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/spicy-cubes.jpg" alt="Spicy Cubes" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">Spicy Cubes</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Actives gummies</p></div></div><div class="relative w-[160px] shrink-0 origin-bottom flex flex-col items-center" style="transform:none"><div class="relative rounded-xl border border-foreground/20 overflow-hidden bg-foreground/[0.03] aspect-[9/19] w-full"><img src="/images/work/fresh-32.jpg" alt="FRESH 32" loading="lazy" class="absolute inset-0 w-full h-full object-cover object-top"/><div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-foreground/[0.04] to-transparent pointer-events-none"></div></div><div class="mt-3 text-center"><p class="font-heading text-xs font-bold text-foreground/70">FRESH 32</p><p class="font-sans text-[10px] text-foreground/30 mt-0.5">Oral care</p></div></div></div></div><style> 17 .gallery-track { 18 animation: gallery-scroll 28s linear infinite; 19 } 20 .gallery-track:hover { 21 animation-play-state: paused; 22 } 23 @keyframes gallery-scroll { 24 from { transform: translateX(0); } 25 to { transform: translateX(-50%); } 26 } 27 </style></section><section class="bg-background px-6 py-24 md:py-32 border-t border-border"><div class="mx-auto max-w-7xl"><div class="mb-16 max-w-2xl" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-4">About</p><h2 class="font-heading text-4xl font-bold leading-[0.88] text-foreground md:text-5xl lg:text-6xl">A growth partner, not a hired hand.</h2><p class="mt-6 text-base text-foreground/55 font-sans leading-relaxed">I co-founded Skuology to solve a specific problem: Shopify stores that look fine but don't convert. We built the Baseline Framework across 90+ stores and built Upsellr to automate AOV growth at scale. When you work with me, you get the system behind all of it - not just a designer for hire.</p></div><div class="hidden md:flex justify-center"><div class="relative flex items-center justify-center" style="width:560px;height:560px"><svg class="absolute inset-0 pointer-events-none" width="560" height="560" viewBox="-280 -280 560 560"><line x1="0" y1="0" x2="1.3471114790620885e-14" y2="-220" stroke="color-mix(in srgb, var(--foreground) 6%, transparent)" stroke-width="1"></line><line x1="0" y1="0" x2="190.52558883257652" y2="-109.99999999999999" stroke="color-mix(in srgb, var(--foreground) 6%, transparent)" stroke-width="1"></line><line x1="0" y1="0" x2="190.52558883257652" y2="109.99999999999999" stroke="color-mix(in srgb, var(--foreground) 6%, transparent)" stroke-width="1"></line><line x1="0" y1="0" x2="1.3471114790620885e-14" y2="220" stroke="color-mix(in srgb, var(--foreground) 6%, transparent)" stroke-width="1"></line><line x1="0" y1="0" x2="-190.52558883257652" y2="109.99999999999999" stroke="color-mix(in srgb, var(--foreground) 6%, transparent)" stroke-width="1"></line><line x1="0" y1="0" x2="-190.5255888325765" y2="-110.00000000000003" stroke="color-mix(in srgb, var(--foreground) 6%, transparent)" stroke-width="1"></line></svg><button class="absolute flex flex-col items-center gap-2 group cursor-pointer" style="left:50%;top:50%;transform:translate(calc(-50% + 1.3471114790620885e-14px), calc(-50% + -220px))"><div class="w-14 h-14 rounded-full border flex items-center justify-center transition-all duration-300 border-foreground
27/20 bg-foreground/[0.03] group-hover:border-foreground/40"><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" class="lucide lucide-trending-up transition-colors duration-300 text-foreground/35 group-hover:text-foreground/70" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><span class="font-heading text-xs font-bold uppercase tracking-wide text-center transition-colors duration-300 max-w-[80px] leading-tight text-foreground/40 group-hover:text-foreground/70">CRO Strategy</span></button><button class="absolute flex flex-col items-center gap-2 group cursor-pointer" style="left:50%;top:50%;transform:translate(calc(-50% + 190.52558883257652px), calc(-50% + -109.99999999999999px))"><div class="w-14 h-14 rounded-full border flex items-center justify-center transition-all duration-300 border-foreground/20 bg-foreground/[0.03] group-hover:border-foreground
27/40"><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" class="lucide lucide-layers transition-colors duration-300 text-foreground/35 group-hover:text-foreground/70" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><span class="font-heading text-xs font-bold uppercase tracking-wide text-center transition-colors duration-300 max-w-[80px] leading-tight text-foreground/40 group-hover:text-foreground/70">Shopify Design</span></button><button class="absolute flex flex-col items-center gap-2 group cursor-pointer" style="left:50%;top:50%;transform:translate(calc(-50% + 190.52558883257652px), calc(-50% + 109.99999999999999px))"><div class="w-14 h-14 rounded-full border flex items-center justify-center transition-all duration-300 border-foreground
27/20 bg-foreground/[0.03] group-hover:border-foreground/40"><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" class="lucide lucide-pen-line transition-colors duration-300 text-foreground/35 group-hover:text-foreground/70" aria-hidden="true"><path d="M13 21h8"></path><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"></path></svg></div><span class="font-heading text-xs font-bold uppercase tracking-wide text-center transition-colors duration-300 max-w-[80px] leading-tight text-foreground/40 group-hover:text-foreground/70">Conversion Copy</span></button><button class="absolute flex flex-col items-center gap-2 group cursor-pointer" style="left:50%;top:50%;transform:translate(calc(-50% + 1.3471114790620885e-14px), calc(-50% + 220px))"><div class="w-14 h-14 rounded-full border flex items-center justify-center transition-all duration-300 border-foreground
27/20 bg-foreground/[0.03] group-hover:border-foreground/40"><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" class="lucide lucide-shopping-cart transition-colors duration-300 text-foreground/35 group-hover:text-foreground/70" aria-hidden="true"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg></div><span class="font-heading text-xs font-bold uppercase tracking-wide text-center transition-colors duration-300 max-w-[80px] leading-tight text-foreground/40 group-hover:text-foreground/70">Upsell Systems</span></button><button class="absolute flex flex-col items-center gap-2 group cursor-pointer" style="left:50%;top:50%;transform:translate(calc(-50% + -190.52558883257652px), calc(-50% + 109.99999999999999px))"><div class="w-14 h-14 rounded-full border flex items-center justify-center transition-all duration-300 border-foreground
27/20 bg-foreground/[0.03] group-hover:border-foreground/40"><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" class="lucide lucide-chart-no-axes-column transition-colors duration-300 text-foreground/35 group-hover:text-foreground/70" aria-hidden="true"><path d="M5 21v-6"></path><path d="M12 21V3"></path><path d="M19 21V9"></path></svg></div><span class="font-heading text-xs font-bold uppercase tracking-wide text-center transition-colors duration-300 max-w-[80px] leading-tight text-foreground/40 group-hover:text-foreground/70">Analytics</span></button><button class="absolute flex flex-col items-center gap-2 group cursor-pointer" style="left:50%;top:50%;transform:translate(calc(-50% + -190.5255888325765px), calc(-50% + -110.00000000000003px))"><div class="w-14 h-14 rounded-full border flex items-center justify-center transition-all duration-300 border-foreground/20 bg-foreground/[0.03] group-hover:border-foreground
27/40"><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" class="lucide lucide-component transition-colors duration-300 text-foreground/35 group-hover:text-foreground/70" aria-hidden="true"><path d="M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"></path><path d="M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z"></path><path d="M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z"></path><path d="M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"></path></svg></div><span class="font-heading text-xs font-bold uppercase tracking-wide text-center transition-colors duration-300 max-w-[80px] leading-tight text-foreground/40 group-hover:text-foreground/70">Design Systems</span></button><div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2">
27<div class="w-48 h-48 rounded-full border border-foreground/20 bg-foreground/[0.03] flex items-center justify-center overflow-hidden"><img alt="Darjan Hren" loading="lazy" width="400" height="400" decoding="async" data-nimg="1" class="object-cover w-full h-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fdarjan-hren.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Fdarjan-hren.jpg&w=828&q=75 2x" src="/_next/image?url=%2Fimages%2Fdarjan-hren.jpg&w=828&q=75"/></div></div></div></div><div class="md:hidden space-y-px"><div class="border-b border-border"><button class="w-full flex items-center justify-between py-5 text-left cursor-pointer"><span class="font-heading text-lg font-bold transition-colors duration-200 text-foreground">CRO Strategy</span><span class="font-heading text-xl font-bold transition-transform duration-200 text-foreground/30 ">+</span></button></div><div class="border-b border-border"><button class="w-full flex items-center justify-between py-5 text-left cursor-pointer"><span class="font-heading text-lg font-bold transition-colors duration-200 text-foreground">Shopify Design</span><span class="font-heading text-xl font-bold transition-transform duration-200 text-foreground/30 ">+</span></button></div><div class="border-b border-border"><button class="w-full flex items-center justify-between py-5 text-left cursor-pointer"><span class="font-heading text-lg font-bold transition-colors duration-200 text-foreground">Conversion Copy</span><span class="font-heading text-xl font-bold transition-transform duration-200 text-foreground/30 ">+</span></button></div><div class="border-b border-border"><button class="w-full flex items-center justify-between py-5 text-left cursor-pointer"><span class="font-heading text-lg font-bold transition-colors duration-200 text-foreground">Upsell Systems</span><span class="font-heading text-xl font-bold transition-transform duration-200 text-foreground/30 ">+</span></button></div><div class="border-b border-border"><button class="w-full flex items-center justify-between py-5 text-left cursor-pointer"><span class="font-heading text-lg font-bold transition-colors duration-200 text-foreground">Analytics</span><span class="font-heading text-xl font-bold transition-transform duration-200 text-foreground/30 ">+</span></button></div><div class="border-b border-border"><button class="w-full flex items-center justify-between py-5 text-left cursor-pointer"><span class="font-heading text-lg font-bold transition-colors duration-200 text-foreground">Design Systems</span><span class="font-heading text-xl font-bold transition-transform duration-200 text-foreground/30 ">+</span></button></div></div></div></section><section class="px-6 py-24 md:py-32 bg-background border-t border-border halftone-bg"><div class="mx-auto max-w-7xl"><div class="mb-16" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-4">What clients say</p><h2 class="font-heading text-4xl font-bold leading-[0.88] text-foreground md:text-5xl max-w-lg">Results over feelings</h2></div>
27<div class="grid gap-px bg-foreground/10 md:grid-cols-3" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><div class="bg-background p-8 md:p-12 flex flex-col"><div class="font-heading text-3xl font-bold text-accent mb-6">6%+ CVR · 2à AOV</div><blockquote class="text-foreground/60 leading-relaxed font-sans text-base mb-8 flex-1">â<!-- -->The Skuology growth program doubled our average order value and pushed our conversion rate past 6% - and kept it there. Not a one-off spike, but a consistent lift from ongoing testing and AOV architecture. Every visitor is worth more than they were a year ago.<!-- -->â</blockquote><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full border border-foreground/20 bg-foreground/[0.06] overflow-hidden shrink-0 flex items-center justify-center"><img alt="Martin Zarnock" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="w-full h-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fmartin-zarnock-mountain-ice.jpg&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fmartin-zarnock-mountain-ice.jpg&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fmartin-zarnock-mountain-ice.jpg&w=256&q=75"/></div><div><p class="font-heading text-sm font-bold text-foreground/70">Martin Zarnock</p><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mt-0.5">Mountain Ice</p></div></div></div><div class="bg-background p-8 md:p-12 flex flex-col"><div class="font-heading text-3xl font-bold text-accent mb-6">Design that converts</div><blockquote class="text-foreground/60 leading-relaxed font-sans text-base mb-8 flex-1">â<!-- -->A lot of designers build pretty websites but lack the conversion fundamentals to make them actually perform. We've been in this industry over 20 years - conversion is at the centre of everything we do. We love the new design system Darjan built for our client Health Nutrition. The sky's the limit.<!-- -->â</blockquote><div class="flex items-center gap-3">
27<div class="w-10 h-10 rounded-full border border-foreground/20 bg-foreground/[0.06] overflow-hidden shrink-0 flex items-center justify-center"><img alt="Andy Slack" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="w-full h-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fandy-slack-juicyllama.jpg&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fandy-slack-juicyllama.jpg&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fandy-slack-juicyllama.jpg&w=256&q=75"/></div><div><p class="font-heading text-sm font-bold text-foreground/70">Andy Slack</p><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mt-0.5">JuicyLlama</p></div></div></div><div class="bg-background p-8 md:p-12 flex flex-col"><div class="font-heading text-3xl font-bold text-accent mb-6">Actionable CRO plan</div><blockquote class="text-foreground/60 leading-relaxed font-sans text-base mb-8 flex-1">â<!-- -->Skuology has been an amazing partner for our CRO efforts. They didn't just stop at insights - they created a clear, actionable plan with specific steps to boost our conversions. Their approach is practical, data-driven, and highly effective. I couldn't recommend them more.<!-- -->â</blockquote><div class="flex items-center gap-3">
27<div class="w-10 h-10 rounded-full border border-foreground/20 bg-foreground/[0.06] overflow-hidden shrink-0 flex items-center justify-center"><img alt="Grega GostinÄar" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="w-full h-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fgrega-gostincar-feelrooty.jpg&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fgrega-gostincar-feelrooty.jpg&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fgrega-gostincar-feelrooty.jpg&w=256&q=75"/></div><div><p class="font-heading text-sm font-bold text-foreground/70">Grega GostinÄar</p><p class="font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mt-0.5">CEO, FeelRooty</p></div></div></div></div></div></section><section class="bg-background px-6 py-24 md:py-36 border-t border-border"><div class="mx-auto max-w-7xl"><div class="max-w-4xl" style="opacity:0;filter:blur(6px);transform:translateY(24px)"><h2 class="font-heading text-5xl font-bold leading-[0.85] text-foreground md:text-7xl lg:text-8xl">Ready to stop <span style="font-family:var(--font-accent);font-style:italic;font-weight:700" class="text-accent">leaving revenue</span> on the table?</h2><p class="mt-8 text-lg text-foreground/55 font-sans leading-relaxed max-w-xl">Tell me about your store. I'll look at where revenue is slipping, identify the biggest conversion and AOV opportunities, and tell you exactly what I'd fix first - no pitch, no pressure.</p><div class="mt-10 flex flex-wrap items-center gap-4"><a data-slot="button" class="group/button cursor-pointer inline-flex shrink-0 items-center justify-center rounded-full border border-transparent bg-clip-padding font-bold uppercase tracking-[0.03em] whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow] duration-200 ease-fluid outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-accent text-accent-foreground hover:bg-accent/90 h-11 gap-1.5 px-8 text-sm" href="/contact">Get in touch<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 ml-2 h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a data-slot="button" class="group/button cursor-pointer inline-flex shrink-0 items-center justify-center rounded-full border bg-clip-padding font-bold uppercase tracking-[0.03em] whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow] duration-200 ease-fluid outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 border-accent text-accent bg-transparent hover:bg-accent/10 h-11 gap-1.5 px-8 text-sm" href="/contact">Get in touch</a></div><div class="mt-10 flex flex-wrap justify-center gap-6 text-sm font-sans text-foreground/30 md:justify-start md:gap-8"><div class="flex items-center gap-2"><span class="w-1.5 h-1.5 rounded-full bg-accent"></span>Free, no-obligation</div><div class="flex items-center gap-2"><span class="w-1.5 h-1.5 rounded-full bg-accent"></span>Shopify stores only</div><div class="flex items-center gap-2"><span class="w-1.5 h-1.5 rounded-full bg-accent"></span>Response within 24 hours</div></div></div></div></section><!--$--><!--/$--></main><footer class="border-t border-white/10 bg-background"><div class="mx-auto max-w-7xl px-6 py-16"><div class="grid grid-cols-2 gap-8 md:grid-cols-4"><div class="col-span-2 md:col-span-1"><a aria-label="hren.io home" href="/">
27<svg class="h-4 w-auto" viewBox="0 0 248 22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M222.352 21.44H216.336V0H222.736L228.688 8.032L231.824 12.96H232.24L231.952 8.288V0H237.968V21.44H231.568L225.232 13.184L222.512 8.96H222.096L222.352 13.056V21.44Z" fill="white"></path><path d="M214.626 21.44H195.586V0H214.626V5.408H201.602V7.968H214.146V13.344H201.602V16.032H214.626V21.44Z" fill="white"></path><path d="M178.914 21.44H172.898V0H185.41C191.074 0 194.05 2.368 194.05 6.56C194.05 9.952 192.354 11.968 188.258 12.48V12.8C190.466 13.376 191.17 14.432 191.97 16.064L194.626 21.44H187.682L185.122 16.192C184.354 14.592 183.714 14.144 181.378 14.144H178.914V21.44ZM178.914 5.408V9.664H185.346C187.106 9.664 187.746 9.344 187.746 7.52C187.746 5.824 187.106 5.408 185.346 5.408H178.914Z" fill="white"></path><path d="M154.977 21.44H148.961V0H154.977V7.968H164.961V0H170.977V21.44H164.961V13.376H154.977V21.44Z" fill="white"></path><path d="M126.946 21.44H120.93V0H127.33L133.282 8.032L136.418 12.96H136.834L136.546 8.288V0H142.562V21.44H136.162L129.826 13.184L127.106 8.96H126.69L126.946 13.056V21.44Z" fill="white"></path><path d="M99.9004 21.44H93.1484L102.396 0H111.004L120.284 21.44H113.372L111.74 17.472H101.564L99.9004 21.44ZM105.084 9.056L103.836 12.064H109.532L108.284 9.056L106.876 5.44H106.46L105.084 9.056Z" fill="white"></path><path d="M82.5551 21.76C75.2271 21.76 72.5391 18.464 72.5391 12.256V11.424H78.9391V12.192C78.9391 15.104 79.0991 15.936 82.5551 15.936C85.9791 15.936 86.2351 15.168 86.2351 12.512V0H92.6351V12.576C92.6351 18.56 89.9151 21.76 82.5551 21.76Z" fill="white"></path><path d="M56.5082 21.44H50.4922V0H63.0042C68.6682 0 71.6442 2.368 71.6442 6.56C71.6442 9.952 69.9482 11.968 65.8522 12.48V12.8C68.0602 13.376 68.7642 14.432 69.5642 16.064L72.2202 21.44H65.2762L62.7162 16.192C61.9482 14.592 61.3082 14.144 58.9722 14.144H56.5082V21.44ZM56.5082 5.408V9.664H62.9402C64.7002 9.664 65.3402 9.344 65.3402 7.52C65.3402 5.824 64.7002 5.408 62.9402 5.408H56.5082Z" fill="white"></path><path d="M29.4629 21.44H22.7109L31.9589 0H40.5669L49.8469 21.44H42.9349L41.3029 17.472H31.1269L29.4629 21.44ZM34.6469 9.056L33.3989 12.064H39.0949L37.8469 9.056L36.4389 5.44H36.0229L34.6469 9.056Z" fill="white"></path><path d="M10.848 21.44H0V0H10.848C17.92 0 22.4 3.936 22.4 10.72C22.4 17.504 17.92 21.44 10.848 21.44ZM10.848 5.408H6.016V16.032H10.848C14.656 16.032 15.968 15.552 15.968 10.72C15.968 5.888 14.656 5.408 10.848 5.408Z" fill="white"></path><circle cx="244.188" cy="17.9399" r="3.5" style="fill:var(--accent)"></circle></svg></a><p class="mt-3 text-sm text-white/40 max-w-xs">Co-founder of Skuology. Creator of the Baseline Framework and Upsellr.</p><p class="mt-4 text-sm text-white/30">[email protected]</p></div><div><p class="font-heading text-xs font-bold uppercase tracking-widest text-white/30 mb-4">Services</p><ul class="space-y-3"><li><a class="text-sm text-white/50 hover:text-white transition-colors" href="/services/invisible-second-sale">The Invisible Second Saleâ¢</a></li><li><a class="text-sm text-white/50 hover:text-white transition-colors" href="/services/baseline-conversion-blueprint">Baseline Conversion Blueprintâ¢</a></li><li><a class="text-sm text-white/50 hover:text-white transition-colors" href="/services/skuology-growth-partner">Skuology Growth Partnerâ¢</a></li></ul></div><div><p class="font-heading text-xs font-bold uppercase tracking-widest text-white/30 mb-4">Content</p><ul class="space-y-3"><li><a class="text-sm text-white/50 hover:text-white transition-colors" href="/blog">Blog</a></li><li><a class="text-sm text-white/50 hover:text-white transition-colors" href="/resources">Resources</a></li><li><a class="text-sm text-white/50 hover:text-white transition-colors" href="/work">Case Studies</a></li><li><a class="text-sm text-white/50 hover:text-white transition-colors" href="/teardowns">Teardowns</a></li></ul></div><div><p class="font-heading text-xs font-bold uppercase tracking-widest text-white/30 mb-4">Connect</p><ul class="space-y-3"><li><a class="text-sm text-white/50 hover:text-white transition-colors" href="/book">
27Book a Call</a></li><li><a class="text-sm text-white/50 hover:text-white transition-colors" href="/contact">Contact</a></li><li><a class="text-sm text-white/50 hover:text-white transition-colors" target="_blank" rel="noopener noreferrer" href="https://linkedin.com/in/darjanhren">LinkedIn</a></li></ul></div></div><div class="mt-16 overflow-hidden"><a aria-label="hren.io home" class="block w-full" href="/"><svg class="w-full h-auto opacity-10 hover:opacity-20 transition-opacity duration-300" viewBox="0 0 248 22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M222.352 21.44H216.336V0H222.736L228.688 8.032L231.824 12.96H232.24L231.952 8.288V0H237.968V21.44H231.568L225.232 13.184L222.512 8.96H222.096L222.352 13.056V21.44Z" fill="white"></path><path d="M214.626 21.44H195.586V0H214.626V5.408H201.602V7.968H214.146V13.344H201.602V16.032H214.626V21.44Z" fill="white"></path><path d="M178.914 21.44H172.898V0H185.41C191.074 0 194.05 2.368 194.05 6.56C194.05 9.952 192.354 11.968 188.258 12.48V12.8C190.466 13.376 191.17 14.432 191.97 16.064L194.626 21.44H187.682L185.122 16.192C184.354 14.592 183.714 14.144 181.378 14.144H178.914V21.44ZM178.914 5.408V9.664H185.346C187.106 9.664 187.746 9.344 187.746 7.52C187.746 5.824 187.106 5.408 185.346 5.408H178.914Z" fill="white"></path><path d="M154.977 21.44H148.961V0H154.977V7.968H164.961V0H170.977V21.44H164.961V13.376H154.977V21.44Z" fill="white"></path><path d="M126.946 21.44H120.93V0H127.33L133.282 8.032L136.418 12.96H136.834L136.546 8.288V0H142.562V21.44H136.162L129.826 13.184L127.106 8.96H126.69L126.946 13.056V21.44Z" fill="white"></path><path d="M99.9004 21.44H93.1484L102.396 0H111.004L120.284 21.44H113.372L111.74 17.472H101.564L99.9004 21.44ZM105.084 9.056L103.836 12.064H109.532L108.284 9.056L106.876 5.44H106.46L105.084 9.056Z" fill="white"></path><path d="M82.5551 21.76C75.2271 21.76 72.5391 18.464 72.5391 12.256V11.424H78.9391V12.192C78.9391 15.104 79.0991 15.936 82.5551 15.936C85.9791 15.936 86.2351 15.168 86.2351 12.512V0H92.6351V12.576C92.6351 18.56 89.9151 21.76 82.5551 21.76Z" fill="white"></path><path d="M56.5082 21.44H50.4922V0H63.0042C68.6682 0 71.6442 2.368 71.6442 6.56C71.6442 9.952 69.9482 11.968 65.8522 12.48V12.8C68.0602 13.376 68.7642 14.432 69.5642 16.064L72.2202 21.44H65.2762L62.7162 16.192C61.9482 14.592 61.3082 14.144 58.9722 14.144H56.5082V21.44ZM56.5082 5.408V9.664H62.9402C64.7002 9.664 65.3402 9.344 65.3402 7.52C65.3402 5.824 64.7002 5.408 62.9402 5.408H56.5082Z" fill="white"></path><path d="M29.4629 21.44H22.7109L31.9589 0H40.5669L49.8469 21.44H42.9349L41.3029 17.472H31.1269L29.4629 21.44ZM34.6469 9.056L33.3989 12.064H39.0949L37.8469 9.056L36.4389 5.44H36.0229L34.6469 9.056Z" fill="white"></path><path d="M10.848 21.44H0V0H10.848C17.92 0 22.4 3.936 22.4 10.72C22.4 17.504 17.92 21.44 10.848 21.44ZM10.848 5.408H6.016V16.032H10.848C14.656 16.032 15.968 15.552 15.968 10.72C15.968 5.888 14.656 5.408 10.848 5.408Z" fill="white"></path><circle cx="244.188" cy="17.9399" r="3.5" style="fill:var(--accent)"></circle></svg></a></div><div class="mt-8 flex flex-col md:flex-row items-start md:items-center justify-between gap-4 border-t border-white/10 pt-8"><p class="text-xs text-white/25">© <!-- -->2026<!-- --> Darjan Hren. All rights reserved.</p><div class="flex flex-wrap gap-x-6 gap-y-2"><a class="text-xs text-white/25 hover:text-white/50 transition-colors" href="/privacy">Privacy</a><a class="text-xs text-white/25 hover:text-white/50 transition-colors" href="/terms">Terms</a><a class="text-xs text-white/25 hover:text-white/50 transition-colors" href="/cookies">Cookies</a><button type="button" data-gt-cookie-widget-show="true" class="cursor-pointer text-xs text-white/25 hover:text-white/50 transition-colors bg-transparent border-0 p-0 font-sans">Cookie preferences</button></div></div></div></footer><div class="fixed bottom-0 left-0 right-0 z-40 transition-transform duration-500 translate-y-full"><div class="flex justify-center px-6 pb-5 pt-3"><div class="flex w-full flex-col gap-2 md:max-w-[303px]"><a class="flex w-full items-center justify-center gap-2 rounded-full bg-accent py-4 font-heading text-sm font-bold uppercase tracking-[0.04em] text-black shadow-[0_0_32px_rgb(var(--accent-rgb) / 0.4)] hover:bg-accent/90 transition-colors" href="/services">View services <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 h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div>
27<script src="/_next/static/chunks/0sklx1m1r.tk4.js" id="_R_" async=""></script>
27<script>(self.__next_f=self.__next_f||[]).push([0])</script>
27<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\"],\"default\"]\n7:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\na:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\"],\"ViewportBoundary\"]\nc:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\"],\"MetadataBoundary\"]\ne:I[68027,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0guqub8v~c7xd.css\",\"style\"]\n:HL[\"/_next/static/media/Archivo_Variable-s.p.16bv2biwg6y7o.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Archivo_VariableItalic-s.p.0kks1389cmr-t.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/ClashDisplay_Variable-s.p.0z_yi00b-ssmy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Gambetta_BoldItalic-s.p.0diq2f9smzfs_.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Gambetta_BoldItalic-s.p.0fyrjtv3r20ph.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n"])</script>
27<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"en\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"en\",\"d\",null],{\"children\":[\"(site)\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/01xlw8hd842-c.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0guqub8v~c7xd.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0wyte~9b..z0t.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/132i2rrthtne-.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0xc5x_yceazuj.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L5\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L6\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/08d74~rf3xp3-.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0r5v._crnct33.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0ponxp5abdum-.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@9\"}]}]]}],{},null,false,null]},null,false,null]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"FvcjdlrJwHehro_U0P7wa\"}\n"])</script>
27<script>self.__next_f.push([1,"f:I[79520,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\"],\"\"]\n11:I[66576,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\"],\"Header\"]\n22:I[78213,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\"],\"StickyCTA\"]\n23:I[49218,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\"],\"WebMCPProvider\"]\n:HL[\"https://gettermscmp.com/cookie-consent/blocker/08b417d6-2215-48fd-9cb8-d091c884e0ff/en-us?auto=true\",\"script\"]\n4:[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"clashdisplay_decfcb59-module__Na4t_q__variable archivo_f9fef169-module__aNnkIW__variable gambetta_10a3d62e-module__rmwpUG__variable h-full antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col\",\"children\":[[[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://gettermscmp.com/cookie-consent/blocker/08b417d6-2215-48fd-9cb8-d091c884e0ff/en-us?auto=true\",\"as\":\"script\"}],[\"$\",\"$Lf\",null,{\"id\":\"getterms-cmp-blocker\",\"src\":\"https://gettermscmp.com/cookie-consent/blocker/08b417d6-2215-48fd-9cb8-d091c884e0ff/en-us?auto=true\",\"strategy\":\"beforeInteractive\"}],[\"$\",\"$Lf\",null,{\"id\":\"getterms-cmp-widget\",\"src\":\"https://gettermscmp.com/cookie-consent/widget/08b417d6-2215-48fd-9cb8-d091c884e0ff/en-us?auto=true\",\"strategy\":\"lazyOnload\"}]],\"$L10\"]}]}]\n"])</script>
27<script>self.__next_f.push([1,"5:[[\"$\",\"div\",null,{\"className\":\"fixed inset-x-0 top-0 h-[720px] pointer-events-none z-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0\",\"style\":{\"background\":\"radial-gradient(ellipse at 50% 0%, rgb(var(--accent-rgb) / 0.16) 0%, rgb(var(--accent-rgb) / 0.04) 30%, transparent 60%)\"}}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0\",\"style\":{\"backgroundImage\":\"radial-gradient(circle at 50% 0%, rgba(255,255,255,0.14) 1px, transparent 1px)\",\"backgroundSize\":\"32px 32px\",\"WebkitMaskImage\":\"radial-gradient(ellipse at 50% 0%, #000 0%, transparent 65%)\",\"maskImage\":\"radial-gradient(ellipse at 50% 0%, #000 0%, transparent 65%)\"}}]]}],[\"$\",\"$L11\",null,{}],[\"$\",\"main\",null,{\"className\":\"relative z-10 flex-1 pb-14\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L12\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"footer\",null,{\"className\":\"border-t border-white/10 bg-background\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl px-6 py-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-8 md:grid-cols-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"col-span-2 md:col-span-1\",\"children\":[\"$L13\",[\"$\",\"p\",null,{\"className\":\"mt-3 text-sm text-white/40 max-w-xs\",\"children\":\"Co-founder of Skuology. Creator of the Baseline Framework and Upsellr.\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-sm text-white/30\",\"children\":\"[email protected]\"}]]}],[[\"$\",\"div\",\"Services\",{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-white/30 mb-4\",\"children\":\"Services\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",\"/services/invisible-second-sale\",{\"children\":\"$L14\"}],[\"$\",\"li\",\"/services/baseline-conversion-blueprint\",{\"children\":\"$L15\"}],[\"$\",\"li\",\"/services/skuology-growth-partner\",{\"children\":\"$L16\"}]]}]]}],[\"$\",\"div\",\"Content\",{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-white/30 mb-4\",\"children\":\"Content\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",\"/blog\",{\"children\":\"$L17\"}],[\"$\",\"li\",\"/resources\",{\"children\":\"$L18\"}],[\"$\",\"li\",\"/work\",{\"children\":\"$L19\"}],[\"$\",\"li\",\"/teardowns\",{\"children\":\"$L1a\"}]]}]]}],[\"$\",\"div\",\"Connect\",{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-white/30 mb-4\",\"children\":\"Connect\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",\"/book\",{\"children\":\"$L1b\"}],[\"$\",\"li\",\"/contact\",{\"children\":\"$L1c\"}],[\"$\",\"li\",\"https://linkedin.com/in/darjanhren\",{\"children\":\"$L1d\"}]]}]]}]]]}],[\"$\",\"div\",null,{\"className\":\"mt-16 overflow-hidden\",\"children\":\"$L1e\"}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-col md:flex-row items-start md:items-center justify-between gap-4 border-t border-white/10 pt-8\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs text-white/25\",\"children\":[\"© \",2026,\" Darjan Hren. All rights reserved.\"]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-x-6 gap-y-2\",\"children\":[\"$L1f\",\"$L20\",\"$L21\",[\"$\",\"button\",null,{\"type\":\"button\",\"data-gt-cookie-widget-show\":\"true\",\"className\":\"cursor-pointer text-xs text-white/25 hover:text-white/50 transition-colors bg-transparent border-0 p-0 font-sans\",\"children\":\"Cookie preferences\"}]]}]]}]]}]}],[\"$\",\"$L22\",null,{}],[\"$\",\"$L23\",null,{\"services\":[{\"slug\":\"invisible-second-sale\",\"name\":\"The Invisible Second Saleâ¢\",\"tagline\":\"Increase AOV in 3 weeks\",\"duration\":\"3 weeks\",\"description\":\"Every customer who already said yes should be worth more. Product page bundles, cart upsells, and post-purchase offers, installed to increase what each customer spends without more ad spend.\",\"deliverables\":[\"Product page bundle strategy\",\"Cart upsell architecture\",\"Post-purchase offer system\",\"Offer copy + design assets\",\"3 months Upsellr access\"],\"results\":[\"Mountain Ice: $20 â $39 AOV\",\"NYLOON: 50%+ AOV lift in 30 days\",\"Auto Accessories: $2M in upsell revenue\"],\"accent\":\"ISS\"},{\"slug\":\"baseline-conversion-blueprint\",\"name\":\"Baseline Conversion Blueprintâ¢\",\"tagline\":\"Store strategy + Figma design\",\"duration\":\"2â3 weeks\",\"description\":\"From guessing if your store converts, to knowing exactly what needs to change. 2â3 week intensive that gives you clearer pages, stronger trust, and a developer-ready blueprint.\",\"deliverables\":[\"Store Clarity Audit\",\"Homepage + product page Figma blueprints\",\"Copy + messaging direction\",\"Trust + buying flow improvements\",\"Developer handoff notes\"],\"results\":[\"Laser Art: 1.71% â 3.92% CVR\",\"90+ Shopify projects delivered\",\"Clients: Tabs, Spacegoods, Mountain Ice, NYLOON, Fresh 32\"],\"accent\":\"BCB\"},{\"slug\":\"skuology-growth-partner\",\"name\":\"Skuology Growth Partnerâ¢\",\"tagline\":\"3â6 month retainer\",\"duration\":\"3â6 months\",\"description\":\"Your store isn't stuck: it just doesn't have a growth partner yet. Every month: audit what's happening, design the fix, implement it, measure what worked, improve again.\",\"deliverables\":[\"Monthly audit + strategy call\",\"Figma design support\",\"Upsell + AOV direction\",\"Copywriting suggestions\",\"Slack access\"],\"results\":[\"Mountain Ice: $20 â $39 AOV\",\"NYLOON: 50%+ AOV in 30 days\",\"Laser Art: 1.71% â 3.92% CVR\"],\"accent\":\"SGP\"}],\"siteName\":\"Darjan Hren\",\"siteUrl\":\"https://hren.io\",\"contactEmail\":\"[email protected]\",\"contactLinkedin\":\"https://linkedin.com/in/darjanhren\"}]]\n"])</script>
27<script>self.__next_f.push([1,"6:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Person\\\",\\\"@id\\\":\\\"https://hren.io/#darjan-hren\\\",\\\"name\\\":\\\"Darjan Hren\\\",\\\"givenName\\\":\\\"Darjan\\\",\\\"familyName\\\":\\\"Hren\\\",\\\"url\\\":\\\"https://hren.io\\\",\\\"image\\\":\\\"https://hren.io/images/darjan-hren.jpg\\\",\\\"description\\\":\\\"Darjan Hren is a Slovenia-based CRO strategist and Shopify growth consultant specialising in conversion rate optimisation, UX/UI design, and AOV growth for eCommerce brands.\\\",\\\"jobTitle\\\":\\\"CRO Strategist \u0026 Shopify Growth Consultant\\\",\\\"worksFor\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"@id\\\":\\\"https://skuology.com/#skuology\\\",\\\"name\\\":\\\"Skuology\\\"},\\\"knowsLanguage\\\":[\\\"en\\\",\\\"sl\\\",\\\"de\\\"],\\\"nationality\\\":{\\\"@type\\\":\\\"Country\\\",\\\"name\\\":\\\"Slovenia\\\"},\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"addressCountry\\\":\\\"SI\\\"},\\\"email\\\":\\\"[email protected]\\\",\\\"sameAs\\\":[\\\"https://www.linkedin.com/in/darjanhren\\\",\\\"https://www.linkedin.com/company/hren-io\\\",\\\"https://twitter.com/darjanhren\\\",\\\"https://www.youtube.com/@skuology\\\",\\\"https://www.instagram.com/darjan_hren/\\\",\\\"https://apps.shopify.com/cro-sections\\\",\\\"https://skuology.com\\\"]}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"@id\\\":\\\"https://skuology.com/#skuology\\\",\\\"name\\\":\\\"Skuology\\\",\\\"url\\\":\\\"https://skuology.com\\\",\\\"description\\\":\\\"Skuology is a CRO-first Shopify studio. Creators of the Baseline Framework, the Baseline CRO Theme Sections app, and the Upsellr upsell app. 90+ stores.\\\",\\\"founder\\\":[{\\\"@type\\\":\\\"Person\\\",\\\"@id\\\":\\\"https://hren.io/#darjan-hren\\\"}],\\\"foundingDate\\\":\\\"2019\\\",\\\"sameAs\\\":[\\\"https://www.youtube.com/@skuology\\\",\\\"https://apps.shopify.com/cro-sections\\\",\\\"https://apps.shopify.com/upsellr-ai-upsells\\\",\\\"https://www.upsellr.com\\\"],\\\"knowsAbout\\\":[\\\"Conversion Rate Optimization\\\",\\\"Shopify\\\",\\\"Average Order Value\\\",\\\"Upselling\\\",\\\"eCommerce UX Design\\\"]}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"@id\\\":\\\"https://hren.io/#website\\\",\\\"name\\\":\\\"Darjan Hren\\\",\\\"url\\\":\\\"https://hren.io\\\",\\\"description\\\":\\\"Shopify CRO consultant - Darjan Hren\\\",\\\"inLanguage\\\":[\\\"en\\\",\\\"de\\\",\\\"sl\\\"],\\\"publisher\\\":{\\\"@type\\\":\\\"Person\\\",\\\"@id\\\":\\\"https://hren.io/#darjan-hren\\\"}}\"}}],[\"$L24\",[\"$\",\"section\",\"1\",{\"className\":\"border-y border-border py-8 bg-background overflow-hidden\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-6 text-center text-xs font-sans font-medium uppercase tracking-widest text-foreground/25\",\"children\":\"Brands I've worked with\"}],[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden mb-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-0 top-0 bottom-0 w-16 bg-gradient-to-r from-background to-transparent z-10 pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute right-0 top-0 bottom-0 w-16 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"flex trust-row-left\",\"style\":{\"width\":\"max-content\"},\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"var(--accent)\"},\"children\":\"tabs\"}]}],[\"$\",\"div\",\"1\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"var(--accent)\"},\"children\":\"Spacegoods\"}]}],[\"$\",\"div\",\"2\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":\"$L25\"}],\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\",\"$L31\",\"$L32\",\"$L33\",\"$L34\",\"$L35\",\"$L36\"]}]]}],\"$L37\",\"$L38\"]}],\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\",\"$L42\",\"$L43\",\"$L44\"]]\n"])</script>
27<script>self.__next_f.push([1,"4e:I[80943,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\",\"/_next/static/chunks/08d74~rf3xp3-.js\",\"/_next/static/chunks/0r5v._crnct33.js\",\"/_next/static/chunks/0ponxp5abdum-.js\"],\"Reveal\"]\n53:I[24780,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\",\"/_next/static/chunks/08d74~rf3xp3-.js\",\"/_next/static/chunks/0r5v._crnct33.js\",\"/_next/static/chunks/0ponxp5abdum-.js\"],\"ScrollRevealStatement\"]\n54:I[84557,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\",\"/_next/static/chunks/08d74~rf3xp3-.js\",\"/_next/static/chunks/0r5v._crnct33.js\",\"/_next/static/chunks/0ponxp5abdum-.js\"],\"Button\"]\n55:I[22016,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\",\"/_next/static/chunks/08d74~rf3xp3-.js\",\"/_next/static/chunks/0r5v._crnct33.js\",\"/_next/static/chunks/0ponxp5abdum-.js\"],\"\"]\n56:I[5014,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\",\"/_next/static/chunks/08d74~rf3xp3-.js\",\"/_next/static/chunks/0r5v._crnct33.js\",\"/_next/static/chunks/0ponxp5abdum-.js\"],\"default\"]\n5b:I[85437,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\",\"/_next/static/chunks/08d74~rf3xp3-.js\",\"/_next/static/chunks/0r5v._crnct33.js\",\"/_next/static/chunks/0ponxp5abdum-.js\"],\"Image\"]\n5f:I[84066,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\",\"/_next/static/chunks/08d74~rf3xp3-.js\",\"/_next/static/chunks/0r5v._crnct33.js\",\"/_next/static/chunks/0ponxp5abdum-.js\"],\"RevenueCalculator\"]\n60:I[83745,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\",\"/_next/static/chunks/08d74~rf3xp3-.js\",\"/_next/static/chunks/0r5v._crnct33.js\",\"/_next/static/chunks/0ponxp5abdum-.js\"],\"StoreGallery\"]\n61:I[11281,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\",\"/_next/static/chunks/08d74~rf3xp3-.js\",\"/_next/static/chunks/0r5v._crnct33.js\",\"/_next/static/chunks/0ponxp5abdum-.js\"],\"PolymathSkills\"]\n25:[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"var(--accent)\"},\"children\":\"CloudSharks\"}]\n26:[\"$\",\"div\",\"3\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"FRESH 32\"}]}]\n27:[\"$\",\"div\",\"4\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\""])</script>
27<script>self.__next_f.push([1,",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"FeelRooty\"}]}]\n28:[\"$\",\"div\",\"5\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"MYND\"}]}]\n29:[\"$\",\"div\",\"6\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Sensilab\"}]}]\n2a:[\"$\",\"div\",\"7\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"TMRW\"}]}]\n2b:[\"$\",\"div\",\"8\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"FoneKing\"}]}]\n2c:[\"$\",\"div\",\"9\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Mountain Ice\"}]}]\n2d:[\"$\",\"div\",\"10\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Nyloon\"}]}]\n2e:[\"$\",\"div\",\"11\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Dr Sebis\"}]}]\n2f:[\"$\",\"div\",\"12\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Crazy Bulk\"}]}]\n30:[\"$\",\"div\",\"13\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Testogen\"}]}]\n31:[\"$\",\"div\",\"14\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Brutal Force\"}]}]\n32:[\"$\",\"div\",\"15\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Health Nutrition\"}]}]\n33:[\"$\",\"div\",\"16\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Assence\"}]}]\n34:[\"$\",\"div\",\"17\","])</script>
27<script>self.__next_f.push([1,"{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Tresor\"}]}]\n35:[\"$\",\"div\",\"18\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Rise\"}]}]\n36:[\"$\",\"div\",\"19\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"SlimJoy\"}]}]\n"])</script>
27<script>self.__next_f.push([1,"37:[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-0 top-0 bottom-0 w-16 bg-gradient-to-r from-background to-transparent z-10 pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute right-0 top-0 bottom-0 w-16 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"flex trust-row-right\",\"style\":{\"width\":\"max-content\"},\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"var(--accent)\"},\"children\":\"tabs\"}]}],[\"$\",\"div\",\"1\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"var(--accent)\"},\"children\":\"Spacegoods\"}]}],[\"$\",\"div\",\"2\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"var(--accent)\"},\"children\":\"CloudSharks\"}]}],[\"$\",\"div\",\"3\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"FRESH 32\"}]}],[\"$\",\"div\",\"4\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"FeelRooty\"}]}],[\"$\",\"div\",\"5\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"MYND\"}]}],[\"$\",\"div\",\"6\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Sensilab\"}]}],[\"$\",\"div\",\"7\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"TMRW\"}]}],[\"$\",\"div\",\"8\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"FoneKing\"}]}],[\"$\",\"div\",\"9\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Mountain Ice\"}]}],[\"$\",\"div\",\"10\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Nyloon\"}]}],[\"$\",\"div\",\"11\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":\"$L45\"}],\"$L46\",\"$L47\",\"$L48\",\"$L49\",\"$L4a\",\"$L4b\",\"$L4c\",\"$L4d\"]}]]}]\n"])</script>
27<script>self.__next_f.push([1,"38:[\"$\",\"style\",null,{\"children\":\"\\n .trust-row-left {\\n animation: trust-left 35s linear infinite;\\n }\\n .trust-row-right {\\n animation: trust-right 40s linear infinite;\\n }\\n @keyframes trust-left {\\n from { transform: translateX(0); }\\n to { transform: translateX(-50%); }\\n }\\n @keyframes trust-right {\\n from { transform: translateX(-50%); }\\n to { transform: translateX(0); }\\n }\\n \"}]\n"])</script>
27<script>self.__next_f.push([1,"39:[\"$\",\"section\",\"2\",{\"className\":\"bg-background border-t border-border halftone-bg\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl px-6\",\"children\":[\"$\",\"$L4e\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 gap-px bg-foreground/10\",\"children\":[[\"$\",\"div\",\"Shopify stores redesigned with Baseline\",{\"className\":\"bg-background px-6 py-10 sm:px-8 sm:py-12\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-5xl font-bold text-foreground md:text-6xl lg:text-7xl leading-none\",\"children\":\"90+\"}],[\"$\",\"span\",null,{\"className\":\"mt-2 text-sm font-sans text-foreground/40 leading-snug\",\"children\":\"Shopify stores redesigned with Baseline\"}]]}]}],[\"$\",\"div\",\"Outlier CVR lift\",{\"className\":\"bg-background px-6 py-10 sm:px-8 sm:py-12\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-5xl font-bold text-foreground md:text-6xl lg:text-7xl leading-none\",\"children\":\"100%+\"}],[\"$\",\"span\",null,{\"className\":\"mt-2 text-sm font-sans text-foreground/40 leading-snug\",\"children\":\"Outlier CVR lift\"}]]}]}],[\"$\",\"div\",\"Average conversion rate lift\",{\"className\":\"bg-background px-6 py-10 sm:px-8 sm:py-12\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-5xl font-bold text-foreground md:text-6xl lg:text-7xl leading-none\",\"children\":\"20-50%+\"}],[\"$\",\"span\",null,{\"className\":\"mt-2 text-sm font-sans text-foreground/40 leading-snug\",\"children\":\"Average conversion rate lift\"}]]}]}],[\"$\",\"div\",\"Average AOV increase\",{\"className\":\"bg-background px-6 py-10 sm:px-8 sm:py-12\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-5xl font-bold text-foreground md:text-6xl lg:text-7xl leading-none\",\"children\":\"30%+\"}],[\"$\",\"span\",null,{\"className\":\"mt-2 text-sm font-sans text-foreground/40 leading-snug\",\"children\":\"Average AOV increase\"}]]}]}]]}]}]}]\n"])</script>
27<script>self.__next_f.push([1,"3a:[\"$\",\"section\",\"3\",{\"className\":\"px-6 py-24 md:py-32 bg-background border-t border-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl\",\"children\":[[\"$\",\"$L4e\",null,{\"className\":\"mb-20 max-w-2xl\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-6\",\"children\":\"The problem\"}],[\"$\",\"h2\",null,{\"className\":\"font-heading text-4xl font-bold leading-[0.88] text-foreground md:text-5xl lg:text-6xl\",\"children\":[\"Most Shopify stores look fine on the surface. The revenue logic underneath is \",[\"$\",\"span\",null,{\"style\":{\"fontFamily\":\"var(--font-accent)\",\"fontStyle\":\"italic\",\"fontWeight\":700},\"className\":\"text-accent\",\"children\":\"broken.\"}],\"\"]}],[\"$\",\"p\",null,{\"className\":\"mt-6 text-lg text-foreground/55 font-sans leading-relaxed max-w-xl\",\"children\":\"Traffic is expensive. Ads are running. The store is live. But conversion rates sit below 2%, cart abandonment is high, and average order value never moves, because no one designed for revenue. They designed for aesthetics. Conversion rate optimization fixes that without buying more traffic. It finds where a store loses buyers, fixes the checkout and cart first, then the product pages, then raises what each order is worth. The result is more revenue from every visitor you already have.\"}]]}],[\"$\",\"$L4e\",null,{\"className\":\"hidden md:grid grid-cols-2 gap-px bg-foreground
27/10\",\"children\":[[\"$\",\"div\",\"01\",{\"className\":\"group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground/[0.02]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-accent\",\"children\":\"01\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl\",\"children\":\"Weak product page hierarchy\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-foreground/50 leading-relaxed font-sans\",\"children\":\"Visitors can't find what matters. The buy decision gets buried under irrelevant content, weak trust signals, and no clear hierarchy guiding them to purchase.\"}]]}],[\"$\",\"div\",\"02\",{\"className\":\"group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground/[0.02]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-accent\",\"children\":\"02\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl\",\"children\":\"Zero upsell logic\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-foreground/50 leading-relaxed font-sans\",\"children\":\"Every order that ships without a cross-sell, bundle, or post-purchase offer is revenue you already paid to acquire - and didn't capture. Most stores leave â¬15â30 per order on the table here alone.\"}]]}],[\"$\",\"div\",\"03\",{\"className\":\"group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground
27/[0.02]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-accent\",\"children\":\"03\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl\",\"children\":\"No CRO system\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-foreground/50 leading-relaxed font-sans\",\"children\":\"Changes get made based on opinions, not data. Without a structured testing and measurement framework, you never know what's actually moving the needle - so you keep redesigning instead of optimising.\"}]]}],[\"$\",\"div\",\"04\",{\"className\":\"group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground/[0.02]\",\"children\":[\"$L4f\",\"$L50\",\"$L51\"]}]]}],\"$L52\"]}]}]\n"])</script>
27<script>self.__next_f.push([1,"3b:[\"$\",\"$L53\",\"4\",{\"label\":\"Why this matters\",\"lines\":[[{\"text\":\"Most Shopify stores I audit have the same problem:\"}],[{\"text\":\"they look good but convert badly.\"}],[{\"text\":\"The design is fine - the revenue logic is broken.\"}],[{\"text\":\"I fix that with a system, not opinions.\"}]],\"showImagePlaceholder\":false}]\n"])</script>
27<script>self.__next_f.push([1,"3c:[\"$\",\"section\",\"5\",{\"className\":\"bg-background overflow-hidden px-6 py-24 md:py-32 border-t border-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-16 lg:grid-cols-2 lg:gap-24 items-start\",\"children\":[[\"$\",\"$L4e\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-6\",\"children\":\"The solution\"}],[\"$\",\"h2\",null,{\"className\":\"font-heading text-2xl font-bold leading-[0.9] text-foreground sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl\",\"children\":[\"The Baseline Framework\",\":\",\" \",[\"$\",\"span\",null,{\"className\":\"font-normal\",\"children\":\"built for revenue, not portfolios.\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-6 text-lg text-foreground/50 leading-relaxed font-sans max-w-lg\",\"children\":\"We don't guess. Every project runs through the Baseline Framework - a CRO-first design methodology built by Skuology across 90+ Shopify stores.\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-foreground/55 leading-relaxed font-sans max-w-lg\",\"children\":\"Unlike a typical agency rebrand, Baseline is a conversion architecture system. Every layout decision, every copy line, every upsell placement is traceable back to a revenue outcome.\"}],[\"$\",\"$L54\",null,{\"asChild\":true,\"variant\":\"secondary\",\"size\":\"lg\",\"className\":\"mt-8\",\"children\":[\"$\",\"$L55\",null,{\"href\":\"/baseline\",\"children\":[\"Explore the framework\",[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]],\"className\":\"lucide-arrow-right ml-2 h-4 w-4\"}]]}]}]]}],[\"$\",\"$L4e\",null,{\"delay\":0.12,\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden md:grid grid-cols-2 gap-6\",\"children\":[[\"$\",\"div\",\"Research-first\",{\"className\":\"group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground
27/20 hover:bg-foreground/[0.02]\",\"children\":[[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m21 21-4.34-4.34\",\"key\":\"14j7rj\"}],[\"circle\",{\"cx\":\"11\",\"cy\":\"11\",\"r\":\"8\",\"key\":\"4ej97u\"}]],\"className\":\"lucide-search text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110\",\"size\":24}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold tracking-wide text-foreground\",\"children\":\"Research-first\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-foreground/55 leading-relaxed font-sans\",\"children\":\"Every Baseline project starts with a store audit and customer research. We know why people don't buy before we design anything.\"}]]}],[\"$\",\"div\",\"System-driven\",{\"className\":\"group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground/20 hover:bg-foreground/[0.02]\",\"children\":[[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\",\"key\":\"zw3jo\"}],[\"path\",{\"d\":\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\",\"key\":\"1wduqc\"}],[\"path\",{\"d\":\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\",\"key\":\"kqbvx6\"}]],\"className\":\"lucide-layers text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110\",\"size\":24}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold tracking-wide text-foreground\",\"children\":\"System-driven\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-foreground/55 leading-relaxed font-sans\",\"children\":\"The Baseline design system creates visual and structural consistency that compounds - every page builds trust faster because it follows the same logic.\"}]]}],[\"$\",\"div\",\"Conversion architecture\",{\"className\":\"group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground
27/20 hover:bg-foreground/[0.02]\",\"children\":[[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"rect\",{\"width\":\"18\",\"height\":\"7\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"1\",\"key\":\"f1a2em\"}],[\"rect\",{\"width\":\"9\",\"height\":\"7\",\"x\":\"3\",\"y\":\"14\",\"rx\":\"1\",\"key\":\"jqznyg\"}],[\"rect\",{\"width\":\"5\",\"height\":\"7\",\"x\":\"16\",\"y\":\"14\",\"rx\":\"1\",\"key\":\"q5h2i8\"}]],\"className\":\"lucide-layout-template text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110\",\"size\":24}],\"$L57\",\"$L58\"]}],\"$L59\"]}],\"$L5a\"]}]]}]}]}]\n"])</script>
27<script>self.__next_f.push([1,"3d:[\"$\",\"section\",\"6\",{\"className\":\"bg-background px-6 py-24 md:py-32 border-t border-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-10 lg:grid-cols-2 lg:gap-24 items-center\",\"children\":[[\"$\",\"$L4e\",null,{\"className\":\"order-last lg:order-first\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-6\",\"children\":\"Built by Skuology\"}],[\"$\",\"h2\",null,{\"className\":\"font-heading font-bold text-foreground text-4xl md:text-5xl lg:text-6xl mb-6\",\"children\":[\"We didn't just learn upsell strategy - we \",[\"$\",\"span\",null,{\"className\":\"accent-italic text-accent\",\"children\":\"built a Shopify app\"}],\" around it.\"]}],[\"$\",\"p\",null,{\"className\":\"text-lg text-foreground/50 leading-relaxed font-sans max-w-lg mb-4\",\"children\":\"Upsellr is a Shopify app we built at Skuology that installs revenue logic directly into your store. Cart upsells, post-purchase offers, goal bars, bundle prompts, gift-with-purchase flows - the invisible second sale, automated.\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/55 leading-relaxed font-sans max-w-lg mb-8\",\"children\":\"When we work with your store, we're not applying theory. We're applying the same system we built into a product used by Shopify brands to increase AOV without changing a word of their paid traffic.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-3 mb-10\",\"children\":[[\"$\",\"span\",\"30%+ avg AOV increase\",{\"className\":\"relative text-xs font-sans font-medium text-accent px-4 py-2 rounded-full overflow-hidden\",\"style\":{\"background\":\"linear-gradient(135deg, rgb(var(--accent-rgb) / 0.12) 0%, rgb(var(--accent-rgb) / 0.04) 100%)\",\"border\":\"1px solid rgb(var(--accent-rgb) / 0.25)\",\"boxShadow\":\"0 0 12px rgb(var(--accent-rgb) / 0.15), inset 0 0 12px rgb(var(--accent-rgb) / 0.05)\"},\"children\":\"30%+ avg AOV increase\"}],[\"$\",\"span\",\"Post-purchase + cart upsell logic\",{\"className\":\"relative text-xs font-sans font-medium text-accent px-4 py-2 rounded-full overflow-hidden\",\"style\":{\"background\":\"linear-gradient(135deg, rgb(var(--accent-rgb) / 0.12) 0%, rgb(var(--accent-rgb) / 0.04) 100%)\",\"border\":\"1px solid rgb(var(--accent-rgb) / 0.25)\",\"boxShadow\":\"0 0 12px rgb(var(--accent-rgb) / 0.15), inset 0 0 12px rgb(var(--accent-rgb) / 0.05)\"},\"children\":\"Post-purchase + cart upsell logic\"}],[\"$\",\"span\",\"Built for Shopify\",{\"className\":\"relative text-xs font-sans font-medium text-accent px-4 py-2 rounded-full overflow-hidden\",\"style\":{\"background\":\"linear-gradient(135deg, rgb(var(--accent-rgb) / 0.12) 0%, rgb(var(--accent-rgb) / 0.04) 100%)\",\"border\":\"1px solid rgb(var(--accent-rgb) / 0.25)\",\"boxShadow\":\"0 0 12px rgb(var(--accent-rgb) / 0.15), inset 0 0 12px rgb(var(--accent-rgb) / 0.05)\"},\"children\":\"Built for Shopify\"}]]}],[\"$\",\"$L54\",null,{\"asChild\":true,\"variant\":\"secondary\",\"children\":[\"$\",\"$L55\",null,{\"href\":\"/projects/upsellr\",\"children\":[\"Learn about Upsellr\",\" \",[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3c:props:children:props:children:props:children:0:props:children:4:props:children:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right ml-2 h-4 w-4\"}]]}]}]]}],[\"$\",\"$L4e\",null,{\"delay\":0.12,\"className\":\"flex order-first lg:order-last items-center justify-center\",\"children\":[\"$\",\"$L5b\",null,{\"src\":\"/images/upsellr.jpg\",\"alt\":\"Upsellr\",\"width\":600,\"height\":600,\"className\":\"object-cover w-full rounded-2xl lg:rounded-4xl\"}]}]]}]}]}]\n"])</script>
27<script>self.__next_f.push([1,"3e:[\"$\",\"section\",\"7\",{\"className\":\"px-6 py-24 md:py-32 bg-background border-t border-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl\",\"children\":[[\"$\",\"$L4e\",null,{\"className\":\"mb-16\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-4\",\"children\":\"How it works\"}],[\"$\",\"h2\",null,{\"className\":\"font-heading text-4xl font-bold leading-[0.88] text-foreground md:text-5xl lg:text-6xl max-w-xl\",\"children\":\"Three steps to a higher-converting store.\"}]]}],[\"$\",\"div\",null,{\"className\":\"hidden md:grid gap-0 md:grid-cols-3 border border-border\",\"children\":[[\"$\",\"$L4e\",\"01\",{\"delay\":0,\"className\":\"group p-8 md:p-12 transition-colors duration-300 ease-fluid hover:bg-foreground/[0.02] border-b md:border-b-0 md:border-r border-border\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-6xl font-bold text-foreground/15 block mb-8 transition-colors duration-300 ease-fluid group-hover:text-accent/40\",\"children\":\"01\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold leading-tight text-foreground mb-4\",\"children\":\"Audit \u0026 Diagnose\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/50 leading-relaxed font-sans text-sm mb-6\",\"children\":\"Store audit, conversion data analysis, heatmap and session review. You get a prioritised action plan - the exact revenue leaks and what to fix first - before a single pixel moves.\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"Store audit report\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Store audit report\"]}],[\"$\",\"li\",\"Heatmap + session review\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Heatmap + session review\"]}],[\"$\",\"li\",\"CRO priority matrix\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"CRO priority matrix\"]}],[\"$\",\"li\",\"Project brief\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Project brief\"]}]]}]]}],[\"$\",\"$L4e\",\"02\",{\"delay\":0.08,\"className\":\"group p-8 md:p-12 transition-colors duration-300 ease-fluid hover:bg-foreground
27/[0.02] border-b md:border-b-0 md:border-r border-border\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-6xl font-bold text-foreground/15 block mb-8 transition-colors duration-300 ease-fluid group-hover:text-accent/40\",\"children\":\"02\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold leading-tight text-foreground mb-4\",\"children\":\"Design \u0026 Blueprint\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/50 leading-relaxed font-sans text-sm mb-6\",\"children\":\"Figma wireframes and high-fidelity designs built section by section, with conversion logic documented at every decision. Copy, hierarchy, and upsell placement baked in from the start.\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"Full Figma wireframes\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Full Figma wireframes\"]}],[\"$\",\"li\",\"Baseline design system\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Baseline design system\"]}],[\"$\",\"li\",\"CRO annotations\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"CRO annotations\"]}],\"$L5c\"]}]]}],\"$L5d\"]}],\"$L5e\"]}]}]\n"])</script>
27<script>self.__next_f.push([1,"3f:[\"$\",\"$L5f\",\"8\",{\"heading\":\"How much revenue are you leaving on the table?\"}]\n41:[\"$\",\"$L60\",\"10\",{\"stores\":[{\"brand\":\"Tabs\",\"niche\":\"Actives with chocolate\",\"photo\":\"/images/work/tabs.jpg\"},{\"brand\":\"Spacegoods\",\"niche\":\"Mushroom supplements\",\"photo\":\"/images/work/spacegoods.jpg\"},{\"brand\":\"Radiance\",\"niche\":\"Teeth whitening\",\"photo\":\"/images/work/radiance.jpg\"},{\"brand\":\"Mon Lumière\",\"niche\":\"Skincare\",\"photo\":\"/images/work/mon-lumiere.jpg\"},{\"brand\":\"Claudesharks\",\"niche\":\"Footwear\",\"photo\":\"/images/work/claudesharks.jpg\"},{\"brand\":\"Zoyava\",\"niche\":\"Supplements\",\"photo\":\"/images/work/zoyava.jpg\"},{\"brand\":\"Hydroh Bottle\",\"niche\":\"Hydrogen water\",\"photo\":\"/images/work/hydrohbottle.jpg\"},{\"brand\":\"MYND\",\"niche\":\"Microdosing\",\"photo\":\"/images/work/mynd.jpg\"},{\"brand\":\"Spicy Cubes\",\"niche\":\"Actives gummies\",\"photo\":\"/images/work/spicy-cubes.jpg\"},{\"brand\":\"FRESH 32\",\"niche\":\"Oral care\",\"photo\":\"/images/work/fresh-32.jpg\"}]}]\n"])</script>
27<script>self.__next_f.push([1,"42:[\"$\",\"$L61\",\"11\",{\"headline\":\"A growth partner, not a hired hand.\",\"photo\":\"/images/darjan-hren.jpg\",\"photoAlt\":\"Darjan Hren\",\"subheadline\":\"I co-founded Skuology to solve a specific problem: Shopify stores that look fine but don't convert. We built the Baseline Framework across 90+ stores and built Upsellr to automate AOV growth at scale. When you work with me, you get the system behind all of it - not just a designer for hire.\",\"skills\":[{\"name\":\"CRO Strategy\",\"description\":\"I approach every project with a conversion-first lens - reading data, identifying friction, and prioritising changes that move revenue metrics, not just aesthetics.\",\"benefits\":[\"Funnel analysis before any design starts\",\"Hypothesis-led decisions backed by data\",\"Post-launch tracking and iteration\"]},{\"name\":\"Shopify Design\",\"description\":\"I design exclusively for Shopify - which means I know exactly what's possible, what converts, and what the platform's constraints demand.\",\"benefits\":[\"Optimised for Shopify's native checkout\",\"Theme architecture that scales\",\"Component-based, handoff-ready Figma\"]},{\"name\":\"Conversion Copy\",\"description\":\"Good copy doesn't just describe - it persuades. I write with the customer's objections in mind, using voice-of-customer language that builds trust fast.\",\"benefits\":[\"VoC research from real customer reviews\",\"Benefit-led hierarchy over features\",\"Microcopy that reduces checkout friction\"]},{\"name\":\"Upsell Systems\",\"description\":\"Most stores leave AOV gains on the table. I design post-purchase, cart, and PDP upsell flows that feel natural - not pushy.\",\"benefits\":[\"Cart upsell + cross-sell architecture\",\"Post-purchase offer sequences\",\"Bundle and volume incentive design\"]},{\"name\":\"Analytics\",\"description\":\"I'm fluent in the numbers - GA4, heatmaps, session recordings, A/B test results. I use data to find problems you can't see with the naked eye.\",\"benefits\":[\"GA4 event setup and funnel mapping\",\"Hotjar / Clarity session analysis\",\"A/B test design and statistical reading\"]},{\"name\":\"Design Systems\",\"description\":\"The Baseline Framework is a full design system built for Shopify - not a template, but a repeatable process that compounds across every project.\",\"benefits\":[\"Token-based color and type scales\",\"Reusable section library\",\"Documented for any dev to build from\"]}]}]\n"])</script>
27<script>self.__next_f.push([1,"43:[\"$\",\"section\",\"12\",{\"className\":\"px-6 py-24 md:py-32 bg-background border-t border-border halftone-bg\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl\",\"children\":[[\"$\",\"$L4e\",null,{\"className\":\"mb-16\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-4\",\"children\":\"What clients say\"}],[\"$\",\"h2\",null,{\"className\":\"font-heading text-4xl font-bold leading-[0.88] text-foreground md:text-5xl max-w-lg\",\"children\":\"Results over feelings\"}]]}],[\"$\",\"$L4e\",null,{\"className\":\"grid gap-px bg-foreground/10 md:grid-cols-3\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"bg-background p-8 md:p-12 flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-heading text-3xl font-bold text-accent mb-6\",\"children\":\"6%+ CVR · 2à AOV\"}],[\"$\",\"blockquote\",null,{\"className\":\"text-foreground/60 leading-relaxed font-sans text-base mb-8 flex-1\",\"children\":[\"â\",\"The Skuology growth program doubled our average order value and pushed our conversion rate past 6% - and kept it there. Not a one-off spike, but a consistent lift from ongoing testing and AOV architecture. Every visitor is worth more than they were a year ago.\",\"â\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 rounded-full border border-foreground
27/20 bg-foreground/[0.06] overflow-hidden shrink-0 flex items-center justify-center\",\"children\":[\"$\",\"$L5b\",null,{\"src\":\"/images/martin-zarnock-mountain-ice.jpg\",\"alt\":\"Martin Zarnock\",\"width\":80,\"height\":80,\"className\":\"w-full h-full object-cover\"}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-sm font-bold text-foreground/70\",\"children\":\"Martin Zarnock\"}],[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mt-0.5\",\"children\":\"Mountain Ice\"}]]}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"bg-background p-8 md:p-12 flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-heading text-3xl font-bold text-accent mb-6\",\"children\":\"Design that converts\"}],[\"$\",\"blockquote\",null,{\"className\":\"text-foreground/60 leading-relaxed font-sans text-base mb-8 flex-1\",\"children\":[\"â\",\"A lot of designers build pretty websites but lack the conversion fundamentals to make them actually perform. We've been in this industry over 20 years - conversion is at the centre of everything we do. We love the new design system Darjan built for our client Health Nutrition. The sky's the limit.\",\"â\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 rounded-full border border-foreground
27/20 bg-foreground/[0.06] overflow-hidden shrink-0 flex items-center justify-center\",\"children\":[\"$\",\"$L5b\",null,{\"src\":\"/images/andy-slack-juicyllama.jpg\",\"alt\":\"Andy Slack\",\"width\":80,\"height\":80,\"className\":\"w-full h-full object-cover\"}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-sm font-bold text-foreground/70\",\"children\":\"Andy Slack\"}],[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mt-0.5\",\"children\":\"JuicyLlama\"}]]}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"bg-background p-8 md:p-12 flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-heading text-3xl font-bold text-accent mb-6\",\"children\":\"Actionable CRO plan\"}],[\"$\",\"blockquote\",null,{\"className\":\"text-foreground/60 leading-relaxed font-sans text-base mb-8 flex-1\",\"children\":[\"â\",\"Skuology has been an amazing partner for our CRO efforts. They didn't just stop at insights - they created a clear, actionable plan with specific steps to boost our conversions. Their approach is practical, data-driven, and highly effective. I couldn't recommend them more.\",\"â\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 rounded-full border border-foreground
27/20 bg-foreground/[0.06] overflow-hidden shrink-0 flex items-center justify-center\",\"children\":\"$L62\"}],\"$L63\"]}]]}]]}]]}]}]\n"])</script>
27<script>self.__next_f.push([1,"44:[\"$\",\"section\",\"13\",{\"className\":\"bg-background px-6 py-24 md:py-36 border-t border-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl\",\"children\":[\"$\",\"$L4e\",null,{\"className\":\"max-w-4xl\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-heading text-5xl font-bold leading-[0.85] text-foreground md:text-7xl lg:text-8xl\",\"children\":[\"Ready to stop \",[\"$\",\"span\",null,{\"style\":{\"fontFamily\":\"var(--font-accent)\",\"fontStyle\":\"italic\",\"fontWeight\":700},\"className\":\"text-accent\",\"children\":\"leaving revenue\"}],\" on the table?\"]}],[\"$\",\"p\",null,{\"className\":\"mt-8 text-lg text-foreground/55 font-sans leading-relaxed max-w-xl\",\"children\":\"Tell me about your store. I'll look at where revenue is slipping, identify the biggest conversion and AOV opportunities, and tell you exactly what I'd fix first - no pitch, no pressure.\"}],[\"$\",\"div\",null,{\"className\":\"mt-10 flex flex-wrap items-center gap-4\",\"children\":[[\"$\",\"$L54\",null,{\"asChild\":true,\"variant\":\"primary\",\"size\":\"lg\",\"children\":[\"$\",\"$L55\",null,{\"href\":\"/contact\",\"children\":[\"Get in touch\",[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3c:props:children:props:children:props:children:0:props:children:4:props:children:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right ml-2 h-4 w-4\"}]]}]}],[\"$\",\"$L54\",null,{\"asChild\":true,\"variant\":\"secondary\",\"size\":\"lg\",\"children\":[\"$\",\"$L55\",null,{\"href\":\"/contact\",\"children\":\"Get in touch\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10 flex flex-wrap justify-center gap-6 text-sm font-sans text-foreground/30 md:justify-start md:gap-8\",\"children\":[[\"$\",\"div\",\"Free, no-obligation\",{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1.5 h-1.5 rounded-full bg-accent\"}],\"Free, no-obligation\"]}],[\"$\",\"div\",\"Shopify stores only\",{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1.5 h-1.5 rounded-full bg-accent\"}],\"Shopify stores only\"]}],[\"$\",\"div\",\"Response within 24 hours\",{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1.5 h-1.5 rounded-full bg-accent\"}],\"Response within 24 hours\"]}]]}]]}]}]}]\n"])</script>
27<script>self.__next_f.push([1,"64:I[15381,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\",\"/_next/static/chunks/08d74~rf3xp3-.js\",\"/_next/static/chunks/0r5v._crnct33.js\",\"/_next/static/chunks/0ponxp5abdum-.js\"],\"MobileSlider\"]\n45:[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Dr Sebis\"}]\n46:[\"$\",\"div\",\"12\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Crazy Bulk\"}]}]\n47:[\"$\",\"div\",\"13\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Testogen\"}]}]\n48:[\"$\",\"div\",\"14\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Brutal Force\"}]}]\n49:[\"$\",\"div\",\"15\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Health Nutrition\"}]}]\n4a:[\"$\",\"div\",\"16\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Assence\"}]}]\n4b:[\"$\",\"div\",\"17\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Tresor\"}]}]\n4c:[\"$\",\"div\",\"18\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"Rise\"}]}]\n4d:[\"$\",\"div\",\"19\",{\"className\":\"shrink-0 flex items-center justify-center px-6 md:px-10\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-heading text-sm md:text-base font-bold tracking-widest uppercase whitespace-nowrap\",\"style\":{\"color\":\"color-mix(in srgb, var(--foreground) 20%, transparent)\"},\"children\":\"SlimJoy\"}]}]\n4f:[\"$\",\"span\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-accent\",\"children\":\"04\"}]\n50:[\"$\",\"h3\",null,{\"className\":\"font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl\",\"children\":\"Generic theme, not a revenue machine\"}]\n51:[\"$\",\"p\",null,{\"className\":\"mt-4 text-foreground/50 leading-relaxed font-sans\",\"children\":\"Most Shopify themes are built for aesthetics, not conversion architecture. A store that looks good but doesn't sell isn't an asset - it's a liability.\"}]\n"])</script>
27<script>self.__next_f.push([1,"52:[\"$\",\"div\",null,{\"className\":\"md:hidden\",\"children\":[\"$\",\"$L64\",null,{\"children\":[[\"$\",\"div\",\"01\",{\"className\":\"group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground/[0.02]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-accent\",\"children\":\"01\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl\",\"children\":\"Weak product page hierarchy\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-foreground/50 leading-relaxed font-sans\",\"children\":\"Visitors can't find what matters. The buy decision gets buried under irrelevant content, weak trust signals, and no clear hierarchy guiding them to purchase.\"}]]}],[\"$\",\"div\",\"02\",{\"className\":\"group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground
27/[0.02]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-accent\",\"children\":\"02\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl\",\"children\":\"Zero upsell logic\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-foreground/50 leading-relaxed font-sans\",\"children\":\"Every order that ships without a cross-sell, bundle, or post-purchase offer is revenue you already paid to acquire - and didn't capture. Most stores leave â¬15â30 per order on the table here alone.\"}]]}],[\"$\",\"div\",\"03\",{\"className\":\"group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground/[0.02]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-accent\",\"children\":\"03\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl\",\"children\":\"No CRO system\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-foreground/50 leading-relaxed font-sans\",\"children\":\"Changes get made based on opinions, not data. Without a structured testing and measurement framework, you never know what's actually moving the needle - so you keep redesigning instead of optimising.\"}]]}],[\"$\",\"div\",\"04\",{\"className\":\"group bg-background p-8 md:p-12 h-full border border-border transition-colors duration-300 ease-fluid hover:bg-foreground
27/[0.02]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-accent\",\"children\":\"04\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading mt-5 text-xl font-bold leading-[0.95] text-foreground md:text-2xl\",\"children\":\"Generic theme, not a revenue machine\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-foreground/50 leading-relaxed font-sans\",\"children\":\"Most Shopify themes are built for aesthetics, not conversion architecture. A store that looks good but doesn't sell isn't an asset - it's a liability.\"}]]}]]}]}]\n"])</script>
27<script>self.__next_f.push([1,"57:[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold tracking-wide text-foreground\",\"children\":\"Conversion architecture\"}]\n58:[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-foreground/55 leading-relaxed font-sans\",\"children\":\"Every section earns its place. Layout, hierarchy, copy, and CTA placement are all decisions backed by conversion data.\"}]\n59:[\"$\",\"div\",\"Revenue metrics\",{\"className\":\"group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground/20 hover:bg-foreground/[0.02]\",\"children\":[[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M16 7h6v6\",\"key\":\"box55l\"}],[\"path\",{\"d\":\"m22 7-8.5 8.5-5-5L2 17\",\"key\":\"1t1m79\"}]],\"className\":\"lucide-trending-up text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110\",\"size\":24}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold tracking-wide text-foreground\",\"children\":\"Revenue metrics\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-foreground/55 leading-relaxed font-sans\",\"children\":\"I track CVR, AOV, and RPU - not just deliverables. If the numbers don't move, the work isn't done.\"}]]}]\n"])</script>
27<script>self.__next_f.push([1,"5a:[\"$\",\"div\",null,{\"className\":\"md:hidden\",\"children\":[\"$\",\"$L64\",null,{\"children\":[[\"$\",\"div\",\"Research-first\",{\"className\":\"group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground/20 hover:bg-foreground/[0.02]\",\"children\":[[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3c:props:children:props:children:props:children:1:props:children:0:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-search text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110\",\"size\":24}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold tracking-wide text-foreground\",\"children\":\"Research-first\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-foreground/55 leading-relaxed font-sans\",\"children\":\"Every Baseline project starts with a store audit and customer research. We know why people don't buy before we design anything.\"}]]}],[\"$\",\"div\",\"System-driven\",{\"className\":\"group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground
27/20 hover:bg-foreground/[0.02]\",\"children\":[[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3c:props:children:props:children:props:children:1:props:children:0:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-layers text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110\",\"size\":24}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold tracking-wide text-foreground\",\"children\":\"System-driven\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-foreground/55 leading-relaxed font-sans\",\"children\":\"The Baseline design system creates visual and structural consistency that compounds - every page builds trust faster because it follows the same logic.\"}]]}],[\"$\",\"div\",\"Conversion architecture\",{\"className\":\"group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground/20 hover:bg-foreground/[0.02]\",\"children\":[[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3c:props:children:props:children:props:children:1:props:children:0:props:children:2:props:children:0:props:iconNode\",\"className\":\"lucide-layout-template text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110\",\"size\":24}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold tracking-wide text-foreground\",\"children\":\"Conversion architecture\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-foreground/55 leading-relaxed font-sans\",\"children\":\"Every section earns its place. Layout, hierarchy, copy, and CTA placement are all decisions backed by conversion data.\"}]]}],[\"$\",\"div\",\"Revenue metrics\",{\"className\":\"group border border-border p-6 h-full bg-background transition-colors duration-300 ease-fluid hover:border-foreground
27/20 hover:bg-foreground/[0.02]\",\"children\":[[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$59:props:children:0:props:iconNode\",\"className\":\"lucide-trending-up text-accent mb-4 transition-transform duration-300 ease-fluid group-hover:scale-110\",\"size\":24}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold tracking-wide text-foreground\",\"children\":\"Revenue metrics\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-foreground/55 leading-relaxed font-sans\",\"children\":\"I track CVR, AOV, and RPU - not just deliverables. If the numbers don't move, the work isn't done.\"}]]}]]}]}]\n"])</script>
27<script>self.__next_f.push([1,"5c:[\"$\",\"li\",\"Copy framework\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Copy framework\"]}]\n"])</script>
27<script>self.__next_f.push([1,"5d:[\"$\",\"$L4e\",\"03\",{\"delay\":0.16,\"className\":\"group p-8 md:p-12 transition-colors duration-300 ease-fluid hover:bg-foreground/[0.02] \",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-6xl font-bold text-foreground/15 block mb-8 transition-colors duration-300 ease-fluid group-hover:text-accent/40\",\"children\":\"03\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold leading-tight text-foreground mb-4\",\"children\":\"Launch \u0026 Track\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/50 leading-relaxed font-sans text-sm mb-6\",\"children\":\"Dev-ready handoff or full Shopify implementation. The store launches with tracking in place - I make sure results are measurable from day one.\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"Dev-ready specs\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Dev-ready specs\"]}],[\"$\",\"li\",\"Shopify implementation\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Shopify implementation\"]}],[\"$\",\"li\",\"QA + testing\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"QA + testing\"]}],[\"$\",\"li\",\"Results tracking setup\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Results tracking setup\"]}]]}]]}]\n"])</script>
27<script>self.__next_f.push([1,"5e:[\"$\",\"div\",null,{\"className\":\"md:hidden\",\"children\":[\"$\",\"$L64\",null,{\"children\":[[\"$\",\"div\",\"01\",{\"className\":\"p-8 md:p-10 bg-background border border-border h-full\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-6xl font-bold text-foreground/15 block mb-8\",\"children\":\"01\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold leading-tight text-foreground mb-4\",\"children\":\"Audit \u0026 Diagnose\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/50 leading-relaxed font-sans text-sm mb-6\",\"children\":\"Store audit, conversion data analysis, heatmap and session review. You get a prioritised action plan - the exact revenue leaks and what to fix first - before a single pixel moves.\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"Store audit report\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/30 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Store audit report\"]}],[\"$\",\"li\",\"Heatmap + session review\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/30 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Heatmap + session review\"]}],[\"$\",\"li\",\"CRO priority matrix\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/30 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"CRO priority matrix\"]}],[\"$\",\"li\",\"Project brief\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/30 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Project brief\"]}]]}]]}],[\"$\",\"div\",\"02\",{\"className\":\"p-8 md:p-10 bg-background border border-border h-full\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-6xl font-bold text-foreground/15 block mb-8\",\"children\":\"02\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold leading-tight text-foreground mb-4\",\"children\":\"Design \u0026 Blueprint\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/50 leading-relaxed font-sans text-sm mb-6\",\"children\":\"Figma wireframes and high-fidelity designs built section by section, with conversion logic documented at every decision. Copy, hierarchy, and upsell placement baked in from the start.\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"Full Figma wireframes\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/30 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Full Figma wireframes\"]}],[\"$\",\"li\",\"Baseline design system\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/30 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Baseline design system\"]}],[\"$\",\"li\",\"CRO annotations\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/30 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"CRO annotations\"]}],[\"$\",\"li\",\"Copy framework\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/30 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Copy framework\"]}]]}]]}],[\"$\",\"div\",\"03\",{\"className\":\"p-8 md:p-10 bg-background border border-border h-full\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-6xl font-bold text-foreground/15 block mb-8\",\"children\":\"03\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-xl font-bold leading-tight text-foreground mb-4\",\"children\":\"Launch \u0026 Track\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/50 leading-relaxed font-sans text-sm mb-6\",\"children\":\"Dev-ready handoff or full Shopify implementation. The store launches with tracking in place - I make sure results are measurable from day one.\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"Dev-ready specs\",{\"className\":\"flex items-center gap-2 text-xs text-foreground
27/30 font-sans\",\"children\":[\"$L65\",\"Dev-ready specs\"]}],\"$L66\",\"$L67\",\"$L68\"]}]]}]]}]}]\n"])</script>
27<script>self.__next_f.push([1,"62:[\"$\",\"$L5b\",null,{\"src\":\"/images/grega-gostincar-feelrooty.jpg\",\"alt\":\"Grega GostinÄar\",\"width\":80,\"height\":80,\"className\":\"w-full h-full object-cover\"}]\n63:[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-sm font-bold text-foreground/70\",\"children\":\"Grega GostinÄar\"}],[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mt-0.5\",\"children\":\"CEO, FeelRooty\"}]]}]\n"])</script>
27<script>self.__next_f.push([1,"65:[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}]\n66:[\"$\",\"li\",\"Shopify implementation\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/30 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Shopify implementation\"]}]\n67:[\"$\",\"li\",\"QA + testing\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/30 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"QA + testing\"]}]\n68:[\"$\",\"li\",\"Results tracking setup\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/30 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Results tracking setup\"]}]\n"])</script>
27<script>self.__next_f.push([1,"69:I[77105,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\"],\"default\"]\n6a:I[24467,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\",\"/_next/static/chunks/0dtgojf_b9m_f.js\"],\"AOVCalculator\"]\n6b:I[72698,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\",\"/_next/static/chunks/0gj6xqi28oq2m.js\",\"/_next/static/chunks/0xc5x_yceazuj.js\",\"/_next/static/chunks/08d74~rf3xp3-.js\",\"/_next/static/chunks/0r5v._crnct33.js\",\"/_next/static/chunks/0ponxp5abdum-.js\"],\"GlobeAnalytics\"]\n"])</script>
27<script>self.__next_f.push([1,"13:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/\",\"locale\":\"$undefined\",\"localeCookie\":{\"name\":\"NEXT_LOCALE\",\"sameSite\":\"lax\"},\"aria-label\":\"hren.io home\",\"children\":[\"$\",\"svg\",null,{\"className\":\"h-4 w-auto\",\"viewBox\":\"0 0 248 22\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M222.352 21.44H216.336V0H222.736L228.688 8.032L231.824 12.96H232.24L231.952 8.288V0H237.968V21.44H231.568L225.232 13.184L222.512 8.96H222.096L222.352 13.056V21.44Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M214.626 21.44H195.586V0H214.626V5.408H201.602V7.968H214.146V13.344H201.602V16.032H214.626V21.44Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M178.914 21.44H172.898V0H185.41C191.074 0 194.05 2.368 194.05 6.56C194.05 9.952 192.354 11.968 188.258 12.48V12.8C190.466 13.376 191.17 14.432 191.97 16.064L194.626 21.44H187.682L185.122 16.192C184.354 14.592 183.714 14.144 181.378 14.144H178.914V21.44ZM178.914 5.408V9.664H185.346C187.106 9.664 187.746 9.344 187.746 7.52C187.746 5.824 187.106 5.408 185.346 5.408H178.914Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M154.977 21.44H148.961V0H154.977V7.968H164.961V0H170.977V21.44H164.961V13.376H154.977V21.44Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M126.946 21.44H120.93V0H127.33L133.282 8.032L136.418 12.96H136.834L136.546 8.288V0H142.562V21.44H136.162L129.826 13.184L127.106 8.96H126.69L126.946 13.056V21.44Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M99.9004 21.44H93.1484L102.396 0H111.004L120.284 21.44H113.372L111.74 17.472H101.564L99.9004 21.44ZM105.084 9.056L103.836 12.064H109.532L108.284 9.056L106.876 5.44H106.46L105.084 9.056Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M82.5551 21.76C75.2271 21.76 72.5391 18.464 72.5391 12.256V11.424H78.9391V12.192C78.9391 15.104 79.0991 15.936 82.5551 15.936C85.9791 15.936 86.2351 15.168 86.2351 12.512V0H92.6351V12.576C92.6351 18.56 89.9151 21.76 82.5551 21.76Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M56.5082 21.44H50.4922V0H63.0042C68.6682 0 71.6442 2.368 71.6442 6.56C71.6442 9.952 69.9482 11.968 65.8522 12.48V12.8C68.0602 13.376 68.7642 14.432 69.5642 16.064L72.2202 21.44H65.2762L62.7162 16.192C61.9482 14.592 61.3082 14.144 58.9722 14.144H56.5082V21.44ZM56.5082 5.408V9.664H62.9402C64.7002 9.664 65.3402 9.344 65.3402 7.52C65.3402 5.824 64.7002 5.408 62.9402 5.408H56.5082Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M29.4629 21.44H22.7109L31.9589 0H40.5669L49.8469 21.44H42.9349L41.3029 17.472H31.1269L29.4629 21.44ZM34.6469 9.056L33.3989 12.064H39.0949L37.8469 9.056L36.4389 5.44H36.0229L34.6469 9.056Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M10.848 21.44H0V0H10.848C17.92 0 22.4 3.936 22.4 10.72C22.4 17.504 17.92 21.44 10.848 21.44ZM10.848 5.408H6.016V16.032H10.848C14.656 16.032 15.968 15.552 15.968 10.72C15.968 5.888 14.656 5.408 10.848 5.408Z\",\"fill\":\"white\"}],[\"$\",\"circle\",null,{\"cx\":\"244.188\",\"cy\":\"17.9399\",\"r\":\"3.5\",\"style\":{\"fill\":\"var(--accent)\"}}]]}]}]\n"])</script>
27<script>self.__next_f.push([1,"14:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/services/invisible-second-sale\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-sm text-white/50 hover:text-white transition-colors\",\"children\":\"The Invisible Second Saleâ¢\"}]\n15:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/services/baseline-conversion-blueprint\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-sm text-white/50 hover:text-white transition-colors\",\"children\":\"Baseline Conversion Blueprintâ¢\"}]\n16:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/services/skuology-growth-partner\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-sm text-white/50 hover:text-white transition-colors\",\"children\":\"Skuology Growth Partnerâ¢\"}]\n17:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/blog\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-sm text-white/50 hover:text-white transition-colors\",\"children\":\"Blog\"}]\n18:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/resources\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-sm text-white/50 hover:text-white transition-colors\",\"children\":\"Resources\"}]\n19:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/work\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-sm text-white/50 hover:text-white transition-colors\",\"children\":\"Case Studies\"}]\n1a:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/teardowns\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-sm text-white/50 hover:text-white transition-colors\",\"children\":\"Teardowns\"}]\n1b:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/book\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-sm text-white/50 hover:text-white transition-colors\",\"children\":\"Book a Call\"}]\n1c:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/contact\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-sm text-white/50 hover:text-white transition-colors\",\"children\":\"Contact\"}]\n1d:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"https://linkedin.com/in/darjanhren\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-sm text-white/50 hover:text-white transition-colors\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":\"LinkedIn\"}]\n"])</script>
27<script>self.__next_f.push([1,"1e:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"aria-label\":\"hren.io home\",\"className\":\"block w-full\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-full h-auto opacity-10 hover:opacity-20 transition-opacity duration-300\",\"viewBox\":\"0 0 248 22\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M222.352 21.44H216.336V0H222.736L228.688 8.032L231.824 12.96H232.24L231.952 8.288V0H237.968V21.44H231.568L225.232 13.184L222.512 8.96H222.096L222.352 13.056V21.44Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M214.626 21.44H195.586V0H214.626V5.408H201.602V7.968H214.146V13.344H201.602V16.032H214.626V21.44Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M178.914 21.44H172.898V0H185.41C191.074 0 194.05 2.368 194.05 6.56C194.05 9.952 192.354 11.968 188.258 12.48V12.8C190.466 13.376 191.17 14.432 191.97 16.064L194.626 21.44H187.682L185.122 16.192C184.354 14.592 183.714 14.144 181.378 14.144H178.914V21.44ZM178.914 5.408V9.664H185.346C187.106 9.664 187.746 9.344 187.746 7.52C187.746 5.824 187.106 5.408 185.346 5.408H178.914Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M154.977 21.44H148.961V0H154.977V7.968H164.961V0H170.977V21.44H164.961V13.376H154.977V21.44Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M126.946 21.44H120.93V0H127.33L133.282 8.032L136.418 12.96H136.834L136.546 8.288V0H142.562V21.44H136.162L129.826 13.184L127.106 8.96H126.69L126.946 13.056V21.44Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M99.9004 21.44H93.1484L102.396 0H111.004L120.284 21.44H113.372L111.74 17.472H101.564L99.9004 21.44ZM105.084 9.056L103.836 12.064H109.532L108.284 9.056L106.876 5.44H106.46L105.084 9.056Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M82.5551 21.76C75.2271 21.76 72.5391 18.464 72.5391 12.256V11.424H78.9391V12.192C78.9391 15.104 79.0991 15.936 82.5551 15.936C85.9791 15.936 86.2351 15.168 86.2351 12.512V0H92.6351V12.576C92.6351 18.56 89.9151 21.76 82.5551 21.76Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M56.5082 21.44H50.4922V0H63.0042C68.6682 0 71.6442 2.368 71.6442 6.56C71.6442 9.952 69.9482 11.968 65.8522 12.48V12.8C68.0602 13.376 68.7642 14.432 69.5642 16.064L72.2202 21.44H65.2762L62.7162 16.192C61.9482 14.592 61.3082 14.144 58.9722 14.144H56.5082V21.44ZM56.5082 5.408V9.664H62.9402C64.7002 9.664 65.3402 9.344 65.3402 7.52C65.3402 5.824 64.7002 5.408 62.9402 5.408H56.5082Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M29.4629 21.44H22.7109L31.9589 0H40.5669L49.8469 21.44H42.9349L41.3029 17.472H31.1269L29.4629 21.44ZM34.6469 9.056L33.3989 12.064H39.0949L37.8469 9.056L36.4389 5.44H36.0229L34.6469 9.056Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"M10.848 21.44H0V0H10.848C17.92 0 22.4 3.936 22.4 10.72C22.4 17.504 17.92 21.44 10.848 21.44ZM10.848 5.408H6.016V16.032H10.848C14.656 16.032 15.968 15.552 15.968 10.72C15.968 5.888 14.656 5.408 10.848 5.408Z\",\"fill\":\"white\"}],[\"$\",\"circle\",null,{\"cx\":\"244.188\",\"cy\":\"17.9399\",\"r\":\"3.5\",\"style\":{\"fill\":\"var(--accent)\"}}]]}]}]\n"])</script>
27<script>self.__next_f.push([1,"1f:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/privacy\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-xs text-white/25 hover:text-white/50 transition-colors\",\"children\":\"Privacy\"}]\n20:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/terms\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-xs text-white/25 hover:text-white/50 transition-colors\",\"children\":\"Terms\"}]\n21:[\"$\",\"$L69\",null,{\"ref\":\"$undefined\",\"href\":\"/cookies\",\"locale\":\"$undefined\",\"localeCookie\":\"$13:props:localeCookie\",\"className\":\"text-xs text-white/25 hover:text-white/50 transition-colors\",\"children\":\"Cookies\"}]\n"])</script>
27<script>self.__next_f.push([1,"12:[[\"$\",\"section\",null,{\"className\":\"relative overflow-hidden border-b border-white/10\",\"style\":{\"paddingTop\":96,\"paddingBottom\":80},\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"absolute pointer-events-none select-none font-heading font-bold\",\"style\":{\"left\":\"50%\",\"top\":\"50%\",\"transform\":\"translate(-50%, -50%)\",\"fontSize\":\"min(72vw, 80vh)\",\"lineHeight\":1,\"letterSpacing\":\"-0.05em\",\"color\":\"rgb(var(--accent-rgb) / 0.04)\",\"zIndex\":0},\"children\":\"404\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 mx-auto max-w-4xl px-6 text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"inline-block font-heading text-[11px] font-bold uppercase tracking-[0.18em] mb-8 px-3 py-1.5\",\"style\":{\"border\":\"1px solid rgb(var(--accent-rgb) / 0.30)\",\"background\":\"rgb(var(--accent-rgb) / 0.06)\",\"color\":\"var(--accent)\"},\"children\":\"Error 404\"}],[\"$\",\"h1\",null,{\"className\":\"font-heading font-bold text-white\",\"style\":{\"fontSize\":\"clamp(2.5rem, 6vw, 5rem)\",\"lineHeight\":0.95,\"letterSpacing\":\"-0.025em\"},\"children\":[\"This page is \",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"style\":{\"fontFamily\":\"var(--font-accent)\",\"fontStyle\":\"italic\",\"fontWeight\":700},\"children\":\"down\"}],\". Your conversions can go \",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"style\":\"$12:0:props:children:1:props:children:1:props:children:1:props:style\",\"children\":\"up\"}],\".\"]}],[\"$\",\"p\",null,{\"className\":\"mt-8 mx-auto text-white/55 leading-relaxed font-sans\",\"style\":{\"maxWidth\":620,\"fontSize\":18},\"children\":\"We couldn't find the page you were looking for. While you're here â a quick calculator that shows how much revenue your Shopify store is leaving on the table right now.\"}]]}]]}],[\"$\",\"section\",null,{\"className\":\"bg-background px-6 py-16 md:py-20 border-b border-white/10\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-5xl\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-[11px] font-bold uppercase tracking-[0.18em] text-white/30 mb-8 text-center\",\"children\":\"Free AOV opportunity calculator\"}],[\"$\",\"$L6a\",null,{}]]}]}],[\"$\",\"section\",null,{\"className\":\"bg-background px-6 py-16 md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-3xl text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-[11px] font-bold uppercase tracking-[0.18em] text-white/30 mb-6\",\"children\":\"Or skip the calculator\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center justify-center gap-3\",\"children\":[[\"$\",\"$L54\",null,{\"asChild\":true,\"variant\":\"primary\",\"size\":\"lg\",\"children\":[\"$\",\"$L55\",null,{\"href\":\"/baseline\",\"children\":[\"See the Baseline Framework\",\" \",[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3c:props:children:props:children:props:children:0:props:children:4:props:children:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right ml-2 h-4 w-4\"}]]}]}],[\"$\",\"$L54\",null,{\"asChild\":true,\"variant\":\"secondary\",\"size\":\"lg\",\"children\":[\"$\",\"$L55\",null,{\"href\":\"/blog\",\"children\":\"Browse the blog\"}]}],[\"$\",\"$L55\",null,{\"href\":\"/\",\"className\":\"font-heading text-[11px] font-bold uppercase tracking-[0.18em] text-white/30 hover:text-white/60 transition-colors ml-2\",\"children\":[\"Back to homepage\",\" â\"]}]]}]]}]}]]\n"])</script>
27<script>self.__next_f.push([1,"24:[\"$\",\"section\",\"0\",{\"className\":\"relative overflow-hidden\",\"children\":[[\"$\",\"$L6b\",null,{\"speed\":0.003}],[\"$\",\"div\",null,{\"className\":\"relative z-10 -mt-16 md:-mt-24 pb-20 md:pb-32 px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-3xl text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-white/30 mb-8\",\"children\":\"Shopify CRO Consultant · Skuology · Baseline Framework\"}],[\"$\",\"h1\",null,{\"className\":\"font-heading text-5xl font-bold leading-[0.85] tracking-tight text-white md:text-6xl xl:text-7xl\",\"children\":[\"Your Shopify store is \",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":[\"$\",\"span\",null,{\"style\":{\"fontFamily\":\"var(--font-accent)\",\"fontStyle\":\"italic\",\"fontWeight\":700},\"children\":\"leaking revenue\"}]}],\". I fix that.\"]}],[\"$\",\"p\",null,{\"className\":\"mt-8 mx-auto max-w-xl text-lg text-white/50 leading-relaxed font-sans\",\"children\":[[\"$\",\"$1\",\"0\",{\"children\":\"I'm Darjan Hren, a Shopify CRO consultant and co-founder of \"}],[\"$\",\"a\",\"1\",{\"href\":\"https://skuology.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-accent hover:underline underline-offset-2\",\"children\":\"Skuology\"}],[\"$\",\"$1\",\"2\",{\"children\":\", based in Slovenia and working with brands worldwide. I combine CRO strategy, conversion design and upsell systems so brands doing $500k to $5M+ a year capture the revenue they already pay for in traffic. Across 90+ Shopify projects, the Baseline Framework has produced outliers of 100%+ conversion rate improvements. No guesswork. No generic redesigns.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-wrap items-center justify-center gap-4\",\"children\":[[\"$\",\"$L54\",null,{\"asChild\":true,\"variant\":\"primary\",\"size\":\"lg\",\"children\":[\"$\",\"$L55\",null,{\"href\":\"/services\",\"children\":[\"View services\",[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3c:props:children:props:children:props:children:0:props:children:4:props:children:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right ml-2 h-4 w-4\"}]]}]}],[\"$\",\"$L54\",null,{\"asChild\":true,\"variant\":\"secondary\",\"size\":\"lg\",\"children\":[\"$\",\"$L55\",null,{\"href\":\"/contact\",\"children\":\"Get in touch\"}]}]]}]]}]}]]}]\n"])</script>
27<script>self.__next_f.push([1,"40:[\"$\",\"section\",\"9\",{\"className\":\"bg-background px-6 py-24 md:py-32 border-t border-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl\",\"children\":[[\"$\",\"$L4e\",null,{\"className\":\"mb-16\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-4\",\"children\":\"Services\"}],[\"$\",\"h2\",null,{\"className\":\"font-heading text-4xl font-bold leading-[0.88] text-foreground md:text-5xl lg:text-6xl max-w-xl\",\"children\":\"How I work with you\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid gap-6 md:grid-cols-3\",\"children\":[[\"$\",\"$L4e\",\"The Invisible Second Saleâ¢\",{\"delay\":0,\"className\":\"h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col h-full border p-8 md:p-10 transition-[transform,border-color,background-color] duration-300 ease-fluid hover:-translate-y-1 border-border hover:border-foreground/25 hover:bg-foreground/[0.02]\",\"children\":[false,[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-2\",\"children\":\"Increase AOV in 3 weeks\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-2xl font-bold leading-tight text-foreground mb-4\",\"children\":\"The Invisible Second Saleâ¢\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-foreground/55 leading-relaxed font-sans mb-6\",\"children\":\"Every customer who already said yes should be worth more. Product page bundles, cart upsells, and post-purchase offers, installed to increase what each customer spends without more ad spend.\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 mb-8 flex-1\",\"children\":[[\"$\",\"li\",\"Product page bundle strategy\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Product page bundle strategy\"]}],[\"$\",\"li\",\"Cart upsell architecture\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Cart upsell architecture\"]}],[\"$\",\"li\",\"Post-purchase offer system\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Post-purchase offer system\"]}],[\"$\",\"li\",\"Offer copy + design assets\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Offer copy + design assets\"]}],[\"$\",\"li\",\"3 months Upsellr access\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"3 months Upsellr access\"]}]]}],[\"$\",\"$L54\",null,{\"asChild\":true,\"variant\":\"secondary\",\"size\":\"lg\",\"children\":[\"$\",\"$L55\",null,{\"href\":\"/services/invisible-second-sale\",\"aria-label\":\"Learn more about The Invisible Second Saleâ¢\",\"children\":[\"Learn more \",[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3c:props:children:props:children:props:children:0:props:children:4:props:children:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right ml-2 h-4 w-4\"}]]}]}]]}]}],[\"$\",\"$L4e\",\"Baseline Conversion Blueprintâ¢\",{\"delay\":0.08,\"className\":\"h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col h-full border p-8 md:p-10 transition-[transform,border-color,background-color] duration-300 ease-fluid hover:-translate-y-1 border-accent/60 bg-accent/[0.03] hover:border-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-accent mb-4\",\"children\":\"Most popular\"}],[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-foreground
27/30 mb-2\",\"children\":\"Store strategy + Figma design\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-2xl font-bold leading-tight text-foreground mb-4\",\"children\":\"Baseline Conversion Blueprintâ¢\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-foreground/55 leading-relaxed font-sans mb-6\",\"children\":\"From guessing if your store converts, to knowing exactly what needs to change. 2â3 week intensive that gives you clearer pages, stronger trust, and a developer-ready blueprint.\"}],\"$L6c\",\"$L6d\"]}]}],\"$L6e\"]}],\"$L6f\"]}]}]\n"])</script>
27<script>self.__next_f.push([1,"6c:[\"$\",\"ul\",null,{\"className\":\"space-y-2 mb-8 flex-1\",\"children\":[[\"$\",\"li\",\"Store Clarity Audit\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Store Clarity Audit\"]}],[\"$\",\"li\",\"Homepage + product page Figma blueprints\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Homepage + product page Figma blueprints\"]}],[\"$\",\"li\",\"Copy + messaging direction\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Copy + messaging direction\"]}],[\"$\",\"li\",\"Trust + buying flow improvements\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Trust + buying flow improvements\"]}],[\"$\",\"li\",\"Developer handoff notes\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Developer handoff notes\"]}]]}]\n6d:[\"$\",\"$L54\",null,{\"asChild\":true,\"variant\":\"primary\",\"size\":\"lg\",\"children\":[\"$\",\"$L55\",null,{\"href\":\"/services/baseline-conversion-blueprint\",\"aria-label\":\"Learn more about Baseline Conversion Blueprintâ¢\",\"children\":[\"Learn more \",[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3c:props:children:props:children:props:children:0:props:children:4:props:children:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right ml-2 h-4 w-4\"}]]}]}]\n"])</script>
27<script>self.__next_f.push([1,"6e:[\"$\",\"$L4e\",\"Skuology Growth Partnerâ¢\",{\"delay\":0.16,\"className\":\"h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col h-full border p-8 md:p-10 transition-[transform,border-color,background-color] duration-300 ease-fluid hover:-translate-y-1 border-border hover:border-foreground/25 hover:bg-foreground/[0.02]\",\"children\":[false,[\"$\",\"p\",null,{\"className\":\"font-heading text-xs font-bold uppercase tracking-widest text-foreground/30 mb-2\",\"children\":\"3â6 month retainer\"}],[\"$\",\"h3\",null,{\"className\":\"font-heading text-2xl font-bold leading-tight text-foreground mb-4\",\"children\":\"Skuology Growth Partnerâ¢\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-foreground/55 leading-relaxed font-sans mb-6\",\"children\":\"Your store isn't stuck: it just doesn't have a growth partner yet. Every month: audit what's happening, design the fix, implement it, measure what worked, improve again.\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 mb-8 flex-1\",\"children\":[[\"$\",\"li\",\"Monthly audit + strategy call\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Monthly audit + strategy call\"]}],[\"$\",\"li\",\"Figma design support\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Figma design support\"]}],[\"$\",\"li\",\"Upsell + AOV direction\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Upsell + AOV direction\"]}],[\"$\",\"li\",\"Copywriting suggestions\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Copywriting suggestions\"]}],[\"$\",\"li\",\"Slack access\",{\"className\":\"flex items-center gap-2 text-xs text-foreground/40 font-sans\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-accent flex-shrink-0\"}],\"Slack access\"]}]]}],[\"$\",\"$L54\",null,{\"asChild\":true,\"variant\":\"secondary\",\"size\":\"lg\",\"children\":[\"$\",\"$L55\",null,{\"href\":\"/services/skuology-growth-partner\",\"aria-label\":\"Learn more about Skuology Growth Partnerâ¢\",\"children\":[\"Learn more \",[\"$\",\"$L56\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3c:props:children:props:children:props:children:0:props:children:4:props:children:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right ml-2 h-4 w-4\"}]]}]}]]}]}]\n"])</script>
27<script>self.__next_f.push([1,"6f:[\"$\",\"p\",null,{\"className\":\"mt-10 text-center text-sm text-foreground/30 font-sans\",\"children\":[\"Not sure which fits?\",\" \",[\"$\",\"$L55\",null,{\"href\":\"/book\",\"className\":\"text-foreground/50 underline underline-offset-4 hover:text-foreground\",\"children\":\"Book a free 30-min call\"}],\" \",\"and I'll figure it out with you.\"]}]\n"])</script>
27<script>self.__next_f.push([1,"70:I[75696,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\"],\"default\"]\n71:I[14029,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\",\"/_next/static/chunks/0wyte~9b..z0t.js\",\"/_next/static/chunks/132i2rrthtne-.js\"],\"PostHogProvider\"]\n10:[\"$\",\"$L70\",null,{\"formats\":\"$undefined\",\"locale\":\"en\",\"messages\":{},\"now\":\"$undefined\",\"timeZone\":\"UTC\",\"children\":[\"$\",\"$L71\",null,{\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]\n"])</script>
27<script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
27<script>self.__next_f.push([1,"72:I[27201,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0u-9nt2ttuq.4.js\"],\"IconMark\"]\n9:null\n"])</script>
27<script>self.__next_f.push([1,"d:[[\"$\",\"title\",\"0\",{\"children\":\"Shopify CRO Consultant | Darjan Hren\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Darjan Hren is a Shopify CRO consultant helping brands increase conversion rates and AOV through audits, UX redesigns, and upsell systems. Based in Slovenia, working globally.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://hren.io/about\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Darjan Hren\"}],[\"$\",\"meta\",\"4\",{\"name\":\"creator\",\"content\":\"Darjan Hren\"}],[\"$\",\"meta\",\"5\",{\"name\":\"publisher\",\"content\":\"Darjan Hren\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"7\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"8\",{\"rel\":\"canonical\",\"href\":\"https://hren.io\"}],[\"$\",\"link\",\"9\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://hren.io\"}],[\"$\",\"link\",\"10\",{\"rel\":\"alternate\",\"hrefLang\":\"de\",\"href\":\"https://hren.io/de\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alternate\",\"hrefLang\":\"sl\",\"href\":\"https://hren.io/sl\"}],[\"$\",\"link\",\"12\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://hren.io\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:title\",\"content\":\"Shopify CRO Consultant | Darjan Hren\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:description\",\"content\":\"Darjan Hren is a Shopify CRO consultant helping brands increase conversion rates and AOV through audits, UX redesigns, and upsell systems. Based in Slovenia, working globally.\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:url\",\"content\":\"https://hren.io\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image\",\"content\":\"https://hren.io/images/og-home.jpg\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:title\",\"content\":\"Shopify CRO Consultant | Darjan Hren\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:description\",\"content\":\"Darjan Hren is a Shopify CRO consultant helping brands increase conversion rates and AOV through audits, UX redesigns, and upsell systems. Based in Slovenia, working globally.\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image\",\"content\":\"https://hren.io/images/og-home.jpg\"}],[\"$\",\"link\",\"23\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0x3dzn~oxb6tn.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L72\",\"24\",{}]]\n"])</script>
27</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.