feat(ui): make header shine fully scroll-bound using Framer Motion useScroll

Former-commit-id: 0eaf5d4e24987a8fc73b06cb4025dfcd9dcd9c13

.next/server/chunks/ssr/[root-of-the-server]__6df50405._.js

@@ -1,5 +1,5 @@
-;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="f4b58aad-b315-b5cd-8355-d8f4ac5e635a")}catch(e){}}();
-module.exports=[324725,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/after-task-async-storage.external.js",()=>require("next/dist/server/app-render/after-task-async-storage.external.js"))},64293,(a,b,c)=>{b.exports=a.x("pino-2e79642258e38174",()=>require("pino-2e79642258e38174"))},274209,281682,a=>{"use strict";var b=a.i(150765),c=a.i(475625);function d(){let a=(0,c.getAppServices)();return{trackEvent:(0,b.useCallback)((b,c)=>{a.analytics.track(b,c)},[a]),trackPageview:(0,b.useCallback)(b=>{a.analytics.trackPageview(b)},[a])}}a.s(["useAnalytics",()=>d],274209),a.s(["AnalyticsEvents",0,{PAGE_VIEW:"pageview",PAGE_SCROLL:"page_scroll",PAGE_EXIT:"page_exit",SCROLL_DEPTH:"scroll_depth",BUTTON_CLICK:"button_click",LINK_CLICK:"link_click",FORM_SUBMIT:"form_submit",FORM_START:"form_start",FORM_ERROR:"form_error",FORM_FIELD_FOCUS:"form_field_focus",PRODUCT_VIEW:"product_view",PRODUCT_ADD_TO_CART:"product_add_to_cart",PRODUCT_REMOVE_FROM_CART:"product_remove_from_cart",PRODUCT_PURCHASE:"product_purchase",PRODUCT_WISHLIST_ADD:"product_wishlist_add",PRODUCT_WISHLIST_REMOVE:"product_wishlist_remove",PRODUCT_TAB_SWITCH:"product_tab_switch",SEARCH:"search",FILTER_APPLY:"filter_apply",FILTER_CLEAR:"filter_clear",USER_SIGNUP:"user_signup",USER_LOGIN:"user_login",USER_LOGOUT:"user_logout",USER_PROFILE_UPDATE:"user_profile_update",BLOG_POST_VIEW:"blog_post_view",VIDEO_PLAY:"video_play",VIDEO_PAUSE:"video_pause",VIDEO_COMPLETE:"video_complete",DOWNLOAD:"download",MODAL_OPEN:"modal_open",MODAL_CLOSE:"modal_close",TOGGLE_SWITCH:"toggle_switch",ACCORDION_TOGGLE:"accordion_toggle",TAB_SWITCH:"tab_switch",TOC_CLICK:"toc_click",ERROR:"error",PERFORMANCE:"performance",API_ERROR:"api_error",API_SUCCESS:"api_success",QUOTE_REQUEST:"quote_request",CONTACT_FORM_SUBMIT:"contact_form_submit",NEWSLETTER_SUBSCRIBE:"newsletter_subscribe",BROCHURE_DOWNLOAD:"brochure_download"}],281682)},762771,a=>{"use strict";var b=a.i(526156),c=a.i(150765),d=a.i(829091),e=a.i(274209),f=a.i(281682);function g({headings:a,locale:g}){let[h,i]=(0,c.useState)(""),{trackEvent:j}=(0,e.useAnalytics)();return((0,c.useEffect)(()=>{let b=new IntersectionObserver(a=>{a.forEach(a=>{a.isIntersecting&&i(a.target.id)})},{rootMargin:"-10% 0% -70% 0%",threshold:0}),c=setTimeout(()=>{a.map(a=>document.getElementById(a.id)).forEach(a=>{a&&b.observe(a)})},500);return()=>{clearTimeout(c),b.disconnect()}},[a]),0===a.length)?null:(0,b.jsx)("nav",{className:"hidden lg:block w-full ml-12",children:(0,b.jsxs)("div",{className:"relative pl-6 border-l border-neutral-200",children:[(0,b.jsx)("h4",{className:"text-xs md:text-sm font-bold uppercase tracking-[0.2em] text-text-primary/70 mb-6",children:"de"===g?"Inhalt":"Table of Contents"}),(0,b.jsx)("ul",{className:"space-y-4",children:a.map(a=>(0,b.jsxs)("li",{style:{paddingLeft:`${(a.level-2)*1}rem`},className:"relative",children:[h===a.id&&(0,b.jsx)("div",{className:"absolute -left-[25px] top-0 w-[2px] h-full bg-primary transition-all duration-300"}),(0,b.jsx)("a",{href:`#${a.id}`,className:(0,d.cn)("text-sm md:text-base transition-all duration-300 hover:text-primary block leading-snug",h===a.id?"text-primary font-bold translate-x-1":"text-text-secondary font-medium hover:translate-x-1"),onClick:b=>{b.preventDefault();let c=document.getElementById(a.id);if(c){j(f.AnalyticsEvents.TOC_CLICK,{heading_id:a.id,heading_text:a.text,location:"blog_sidebar"});let b=c.getBoundingClientRect().top+window.pageYOffset+-100;window.scrollTo({top:b,behavior:"smooth"})}},children:a.text.replace(/\*\*(.*?)\*\*/g,"$1")})]},a.id))})]})})}a.s(["default",()=>g])},679329,a=>{"use strict";var b=a.i(150765),c=a.i(274209),d=a.i(281682);function e({title:a,slug:e,category:f,readingTime:g}){let{trackEvent:h}=(0,c.useAnalytics)();return(0,b.useEffect)(()=>{h(d.AnalyticsEvents.BLOG_POST_VIEW,{title:a,slug:e,category:f,estimated_reading_time:g,location:"blog_post_pdp"});let b=Date.now();return()=>{let c=Math.round((Date.now()-b)/1e3);h("blog_dwell_time",{title:a,slug:e,seconds:c,reading_time_completion:Math.min(100,Math.round(c/(60*g)*100))})}},[a,e,f,g,h]),null}a.s(["default",()=>e])},163041,a=>{a.v(b=>Promise.all(["server/chunks/ssr/[root-of-the-server]__e39b0e52._.js","server/chunks/ssr/node_modules__pnpm_2ad0b5ae._.js"].map(b=>a.l(b))).then(()=>b(17814)))}];
+;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="2e371dfa-b8ee-2ff9-31e2-9ef80084a486")}catch(e){}}();
+module.exports=[324725,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/after-task-async-storage.external.js",()=>require("next/dist/server/app-render/after-task-async-storage.external.js"))},64293,(a,b,c)=>{b.exports=a.x("pino-2e79642258e38174",()=>require("pino-2e79642258e38174"))},274209,281682,a=>{"use strict";var b=a.i(150765),c=a.i(475625);function d(){let a=(0,c.getAppServices)();return{trackEvent:(0,b.useCallback)((b,c)=>{a.analytics.track(b,c)},[a]),trackPageview:(0,b.useCallback)(b=>{a.analytics.trackPageview(b)},[a])}}a.s(["useAnalytics",()=>d],274209),a.s(["AnalyticsEvents",0,{PAGE_VIEW:"pageview",PAGE_SCROLL:"page_scroll",PAGE_EXIT:"page_exit",SCROLL_DEPTH:"scroll_depth",BUTTON_CLICK:"button_click",LINK_CLICK:"link_click",FORM_SUBMIT:"form_submit",FORM_START:"form_start",FORM_ERROR:"form_error",FORM_FIELD_FOCUS:"form_field_focus",PRODUCT_VIEW:"product_view",PRODUCT_ADD_TO_CART:"product_add_to_cart",PRODUCT_REMOVE_FROM_CART:"product_remove_from_cart",PRODUCT_PURCHASE:"product_purchase",PRODUCT_WISHLIST_ADD:"product_wishlist_add",PRODUCT_WISHLIST_REMOVE:"product_wishlist_remove",PRODUCT_TAB_SWITCH:"product_tab_switch",SEARCH:"search",FILTER_APPLY:"filter_apply",FILTER_CLEAR:"filter_clear",USER_SIGNUP:"user_signup",USER_LOGIN:"user_login",USER_LOGOUT:"user_logout",USER_PROFILE_UPDATE:"user_profile_update",BLOG_POST_VIEW:"blog_post_view",VIDEO_PLAY:"video_play",VIDEO_PAUSE:"video_pause",VIDEO_COMPLETE:"video_complete",DOWNLOAD:"download",MODAL_OPEN:"modal_open",MODAL_CLOSE:"modal_close",TOGGLE_SWITCH:"toggle_switch",ACCORDION_TOGGLE:"accordion_toggle",TAB_SWITCH:"tab_switch",TOC_CLICK:"toc_click",ERROR:"error",PERFORMANCE:"performance",API_ERROR:"api_error",API_SUCCESS:"api_success",QUOTE_REQUEST:"quote_request",CONTACT_FORM_SUBMIT:"contact_form_submit",NEWSLETTER_SUBSCRIBE:"newsletter_subscribe",BROCHURE_DOWNLOAD:"brochure_download"}],281682)},762771,a=>{"use strict";var b=a.i(526156),c=a.i(150765),d=a.i(829091),e=a.i(274209),f=a.i(281682);function g({headings:a,locale:g}){let[h,i]=(0,c.useState)(""),{trackEvent:j}=(0,e.useAnalytics)();return((0,c.useEffect)(()=>{let b=new IntersectionObserver(a=>{a.forEach(a=>{a.isIntersecting&&i(a.target.id)})},{rootMargin:"-10% 0% -70% 0%",threshold:0}),c=setTimeout(()=>{a.map(a=>document.getElementById(a.id)).forEach(a=>{a&&b.observe(a)})},500);return()=>{clearTimeout(c),b.disconnect()}},[a]),0===a.length)?null:(0,b.jsx)("nav",{className:"hidden lg:block w-full ml-12",children:(0,b.jsxs)("div",{className:"relative pl-6 border-l border-neutral-200",children:[(0,b.jsx)("h4",{className:"text-xs md:text-sm font-bold uppercase tracking-[0.2em] text-text-primary/70 mb-6",children:"de"===g?"Inhalt":"Table of Contents"}),(0,b.jsx)("ul",{className:"space-y-4",children:a.map(a=>(0,b.jsxs)("li",{style:{paddingLeft:`${(a.level-2)*1}rem`},className:"relative",children:[h===a.id&&(0,b.jsx)("div",{className:"absolute -left-[25px] top-0 w-[2px] h-full bg-primary transition-all duration-300"}),(0,b.jsx)("a",{href:`#${a.id}`,className:(0,d.cn)("text-sm md:text-base transition-all duration-300 hover:text-primary block leading-snug",h===a.id?"text-primary font-bold translate-x-1":"text-text-secondary font-medium hover:translate-x-1"),onClick:b=>{b.preventDefault();let c=document.getElementById(a.id);if(c){j(f.AnalyticsEvents.TOC_CLICK,{heading_id:a.id,heading_text:a.text,location:"blog_sidebar"});let b=c.getBoundingClientRect().top+window.pageYOffset+-100;window.scrollTo({top:b,behavior:"smooth"})}},children:a.text.replace(/\*\*(.*?)\*\*/g,"$1")})]},a.id))})]})})}a.s(["default",()=>g])},679329,a=>{"use strict";var b=a.i(150765),c=a.i(274209),d=a.i(281682);function e({title:a,slug:e,category:f,readingTime:g}){let{trackEvent:h}=(0,c.useAnalytics)();return(0,b.useEffect)(()=>{h(d.AnalyticsEvents.BLOG_POST_VIEW,{title:a,slug:e,category:f,estimated_reading_time:g,location:"blog_post_pdp"});let b=Date.now();return()=>{let c=Math.round((Date.now()-b)/1e3);h("blog_dwell_time",{title:a,slug:e,seconds:c,reading_time_completion:Math.min(100,Math.round(c/(60*g)*100))})}},[a,e,f,g,h]),null}a.s(["default",()=>e])},163041,a=>{a.v(b=>Promise.all(["server/chunks/ssr/[root-of-the-server]__6d5a5d6f._.js","server/chunks/ssr/node_modules__pnpm_2ad0b5ae._.js"].map(b=>a.l(b))).then(()=>b(17814)))}];
 
-//# debugId=f4b58aad-b315-b5cd-8355-d8f4ac5e635a
-//# sourceMappingURL=%5Broot-of-the-server%5D__985f0b52._.js.map
+//# debugId=2e371dfa-b8ee-2ff9-31e2-9ef80084a486
+//# sourceMappingURL=%5Broot-of-the-server%5D__6df50405._.js.map

.next/server/chunks/ssr/[root-of-the-server]__afa2faee._.js

@@ -1,5 +0,0 @@
-;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="6b52b78a-960c-e0df-6346-8ec4880ce4b2")}catch(e){}}();
-module.exports=[324725,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/after-task-async-storage.external.js",()=>require("next/dist/server/app-render/after-task-async-storage.external.js"))},912466,a=>{"use strict";var b=a.i(526156),c=a.i(841757),d=a.i(829091);let e={primary:"bg-primary text-white shadow-md hover:shadow-primary/30 hover:shadow-2xl",secondary:"bg-secondary text-white shadow-md hover:shadow-secondary/30 hover:shadow-2xl",accent:"bg-accent text-primary-dark shadow-md hover:shadow-accent/30 hover:shadow-2xl",saturated:"bg-saturated text-white shadow-md hover:shadow-primary/30 hover:shadow-2xl",outline:"border-2 border-primary bg-transparent text-primary hover:bg-primary/5 hover:shadow-primary/20 hover:shadow-xl",ghost:"text-primary hover:bg-primary/5 hover:shadow-lg",white:"bg-white text-primary shadow-md hover:shadow-primary/30 hover:shadow-2xl",destructive:"bg-destructive text-destructive-foreground shadow-md hover:shadow-destructive/30 hover:shadow-2xl"},f={sm:"h-9 px-4 text-sm md:text-base",md:"h-11 px-6 text-base md:text-lg",lg:"h-14 px-5 md:px-8 text-base md:text-lg",xl:"h-16 px-6 md:px-10 text-lg md:text-xl"},g={primary:"via-white/30",secondary:"via-white/30",accent:"via-white/40",saturated:"via-white/30",outline:"via-primary/20",ghost:"via-primary/10",white:"via-primary/20",destructive:"via-white/30"};function h({variant:a="primary"}){return(0,b.jsx)("span",{className:(0,d.cn)("absolute top-0 -left-[150%] h-[200%] w-[150%] bg-gradient-to-r from-transparent to-transparent skew-x-[-20deg] group-hover/btn:left-[100%] transition-all duration-1000 ease-[cubic-bezier(0.16,1,0.3,1)] z-30 pointer-events-none",g[a])})}function i({className:a,variant:g="primary",size:i="md",href:j,...k}){let l=function(a="primary",b="md",c){return(0,d.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-full font-semibold transition-all duration-500 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-95 hover:-translate-y-1 hover:scale-[1.02] relative overflow-hidden group/btn isolate",e[a],f[b],c)}(g,i,a),m=(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{className:"relative z-10 flex items-center justify-center gap-2",children:k.children}),(0,b.jsx)(h,{variant:g})]});return j?(0,b.jsx)(c.default,{href:j,className:l,children:m}):(0,b.jsx)("button",{className:l,...k,children:m})}a.s(["Button",()=>i])},64293,(a,b,c)=>{b.exports=a.x("pino-2e79642258e38174",()=>require("pino-2e79642258e38174"))},274209,281682,a=>{"use strict";var b=a.i(150765),c=a.i(475625);function d(){let a=(0,c.getAppServices)();return{trackEvent:(0,b.useCallback)((b,c)=>{a.analytics.track(b,c)},[a]),trackPageview:(0,b.useCallback)(b=>{a.analytics.trackPageview(b)},[a])}}a.s(["useAnalytics",()=>d],274209),a.s(["AnalyticsEvents",0,{PAGE_VIEW:"pageview",PAGE_SCROLL:"page_scroll",PAGE_EXIT:"page_exit",SCROLL_DEPTH:"scroll_depth",BUTTON_CLICK:"button_click",LINK_CLICK:"link_click",FORM_SUBMIT:"form_submit",FORM_START:"form_start",FORM_ERROR:"form_error",FORM_FIELD_FOCUS:"form_field_focus",PRODUCT_VIEW:"product_view",PRODUCT_ADD_TO_CART:"product_add_to_cart",PRODUCT_REMOVE_FROM_CART:"product_remove_from_cart",PRODUCT_PURCHASE:"product_purchase",PRODUCT_WISHLIST_ADD:"product_wishlist_add",PRODUCT_WISHLIST_REMOVE:"product_wishlist_remove",PRODUCT_TAB_SWITCH:"product_tab_switch",SEARCH:"search",FILTER_APPLY:"filter_apply",FILTER_CLEAR:"filter_clear",USER_SIGNUP:"user_signup",USER_LOGIN:"user_login",USER_LOGOUT:"user_logout",USER_PROFILE_UPDATE:"user_profile_update",BLOG_POST_VIEW:"blog_post_view",VIDEO_PLAY:"video_play",VIDEO_PAUSE:"video_pause",VIDEO_COMPLETE:"video_complete",DOWNLOAD:"download",MODAL_OPEN:"modal_open",MODAL_CLOSE:"modal_close",TOGGLE_SWITCH:"toggle_switch",ACCORDION_TOGGLE:"accordion_toggle",TAB_SWITCH:"tab_switch",TOC_CLICK:"toc_click",ERROR:"error",PERFORMANCE:"performance",API_ERROR:"api_error",API_SUCCESS:"api_success",QUOTE_REQUEST:"quote_request",CONTACT_FORM_SUBMIT:"contact_form_submit",NEWSLETTER_SUBSCRIBE:"newsletter_subscribe",BROCHURE_DOWNLOAD:"brochure_download"}],281682)},163041,a=>{a.v(b=>Promise.all(["server/chunks/ssr/[root-of-the-server]__4f028bdc._.js","server/chunks/ssr/node_modules__pnpm_2ad0b5ae._.js"].map(b=>a.l(b))).then(()=>b(17814)))}];
-
-//# debugId=6b52b78a-960c-e0df-6346-8ec4880ce4b2
-//# sourceMappingURL=%5Broot-of-the-server%5D__afa2faee._.js.map