fix(ui): perfect sticky header transition and frost glass CTA button

Former-commit-id: c30c64ed57021d9a913ea0a00997bee5ba6d7bdc
This commit is contained in:
2026-05-07 14:29:40 +02:00
parent f47c07c98e
commit 64e1364596
223 changed files with 504 additions and 447 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -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]="444399ca-aa81-f3e3-3e63-3e6d608aaeed")}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]__cf9f2fa5._.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]="eddf81a4-faae-db8c-d575-f61aed717606")}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]__a965d2a8._.js","server/chunks/ssr/node_modules__pnpm_2ad0b5ae._.js"].map(b=>a.l(b))).then(()=>b(17814)))}];
//# debugId=444399ca-aa81-f3e3-3e63-3e6d608aaeed
//# sourceMappingURL=%5Broot-of-the-server%5D__4f559f29._.js.map
//# debugId=eddf81a4-faae-db8c-d575-f61aed717606
//# sourceMappingURL=%5Broot-of-the-server%5D__3b46c561._.js.map

View File

@@ -0,0 +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]="8c544ee0-dde3-ea9c-ccdc-3a3483a1af31")}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:text-white hover:shadow-primary/20 hover:shadow-xl",ghost:"text-primary hover:shadow-lg",white:"bg-white text-primary shadow-md hover:shadow-primary/30 hover:shadow-2xl hover:text-white",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:"bg-primary-dark",secondary:"bg-secondary-light",accent:"bg-accent-dark",saturated:"bg-primary",outline:"bg-primary",ghost:"bg-primary-light/10",white:"bg-primary-light",destructive:"bg-destructive/90"};function h({variant:a="primary"}){return(0,b.jsx)("span",{className:(0,d.cn)("absolute inset-0 translate-y-[101%] group-hover/btn:translate-y-0 transition-transform duration-500 ease-out",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:(0,d.cn)("relative z-10 flex items-center justify-center gap-2 transition-colors duration-500","white"===g?"group-hover/btn:text-primary-dark":""),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]__22b888eb._.js","server/chunks/ssr/node_modules__pnpm_2ad0b5ae._.js"].map(b=>a.l(b))).then(()=>b(17814)))}];
//# debugId=8c544ee0-dde3-ea9c-ccdc-3a3483a1af31
//# sourceMappingURL=%5Broot-of-the-server%5D__3edf8d10._.js.map

File diff suppressed because one or more lines are too long

View File

@@ -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]="4cc68a43-210c-06a5-31e7-cc9bb07c50eb")}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)},163041,a=>{a.v(b=>Promise.all(["server/chunks/ssr/[root-of-the-server]__0acb6d60._.js","server/chunks/ssr/node_modules__pnpm_2ad0b5ae._.js"].map(b=>a.l(b))).then(()=>b(17814)))}];
//# debugId=4cc68a43-210c-06a5-31e7-cc9bb07c50eb
//# sourceMappingURL=%5Broot-of-the-server%5D__515fce6c._.js.map

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -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]="1cdde9f4-07a4-5aac-c7b9-7b6e8de09ebd")}catch(e){}}();
module.exports=[594214,90695,5515,544027,434904,618180,781027,41100,a=>{"use strict";var b=a.i(829091);a.i(912466);var c=a.i(526156);function d({className:a,children:d,...e}){return(0,c.jsx)("section",{className:(0,b.cn)("py-16 md:py-28 lg:py-36 overflow-hidden content-visibility-auto",a),...e,children:d})}function e({className:a,children:d,...e}){return(0,c.jsx)("div",{className:(0,b.cn)("container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl",a),...e,children:d})}function f({level:a=2,size:d,variant:e="dark",align:f="left",subtitle:g,children:h,className:i,subtitleClassName:j,badgeStyle:k="industrial"}){let l=`h${a}`,m=d||String(a);return(0,c.jsxs)("div",{className:(0,b.cn)("mb-6 md:mb-8",{left:"text-left",center:"text-center mx-auto",right:"text-right"}[f],i),children:[g&&"industrial"===k&&(0,c.jsxs)("span",{className:(0,b.cn)("inline-flex items-center space-x-2 px-3 py-1.5 rounded-full mb-6 border shadow-sm text-xs font-bold uppercase tracking-widest","white"===e?"bg-white/10 text-white border-white/20":"bg-primary/5 text-primary border-primary/20",j),children:[(0,c.jsxs)("span",{className:"relative flex h-2 w-2",children:[(0,c.jsx)("span",{className:(0,b.cn)("animate-ping absolute inline-flex h-full w-full rounded-full opacity-75","white"===e?"bg-white":"bg-primary")}),(0,c.jsx)("span",{className:(0,b.cn)("relative inline-flex rounded-full h-2 w-2","white"===e?"bg-white":"bg-primary")})]}),(0,c.jsx)("span",{children:g})]}),g&&"simple"===k&&(0,c.jsx)("span",{className:(0,b.cn)("inline-block font-bold tracking-widest uppercase text-xs md:text-sm mb-3 md:mb-4 animate-fade-in","white"===e?"text-white/80":"text-accent",j),children:g}),(0,c.jsx)(l,{className:(0,b.cn)({hero:"font-heading text-4xl md:text-5xl lg:text-6xl font-black tracking-tight !leading-[0.9]",section:"font-heading text-3xl md:text-4xl lg:text-5xl font-extrabold tracking-tight !leading-[0.95]",subsection:"font-heading text-2xl md:text-3xl lg:text-4xl font-bold tracking-tight leading-tight",card:"text-xl md:text-2xl font-bold leading-snug",small:"text-lg font-semibold leading-snug",1:"text-2xl md:text-4xl lg:text-5xl font-bold leading-[0.9] tracking-tight",2:"text-xl md:text-3xl lg:text-4xl font-bold leading-[0.95] tracking-tight",3:"text-lg md:text-2xl lg:text-3xl font-bold leading-tight tracking-tight",4:"text-lg md:text-xl lg:text-2xl font-bold leading-snug",5:"text-base md:text-lg font-bold leading-normal",6:"text-base md:text-lg font-semibold leading-normal"}[m],{primary:"text-primary",neutral:"text-text-primary",white:"text-white",dark:"text-neutral-dark"}[e]),children:h})]})}function g({className:a,children:d,tag:e="div",...f}){return(0,c.jsx)(e,{className:(0,b.cn)("premium-card overflow-hidden",a),...f,children:d})}function h({className:a,...d}){return(0,c.jsx)("input",{className:(0,b.cn)("w-full px-4 md:px-6 py-2.5 md:py-4 bg-neutral-light/50 border border-neutral-dark/10 rounded-xl md:rounded-2xl focus:outline-none focus:ring-2 focus:ring-accent/20 focus:border-accent focus:bg-white transition-all duration-300 placeholder:text-neutral-dark/40 text-sm md:text-lg",a),...d})}function i({className:a,...d}){return(0,c.jsx)("textarea",{className:(0,b.cn)("w-full px-4 md:px-6 py-2.5 md:py-4 bg-neutral-light/50 border border-neutral-dark/10 rounded-xl md:rounded-2xl focus:outline-none focus:ring-2 focus:ring-accent/20 focus:border-accent focus:bg-white transition-all duration-300 placeholder:text-neutral-dark/40 text-sm md:text-lg resize-none",a),...d})}function j({className:a,...d}){return(0,c.jsx)("label",{className:(0,b.cn)("text-[10px] md:text-xs font-extrabold text-primary uppercase tracking-widest",a),...d})}a.s(["Section",()=>d],90695),a.s(["Container",()=>e],5515),a.s(["Heading",()=>f],544027),a.s(["Card",()=>g],434904),a.s(["Input",()=>h],618180),a.s(["Textarea",()=>i],781027),a.s(["Label",()=>j],41100),a.s([],594214)},188457,a=>{"use strict";var b=a.i(526156),c=a.i(150765);a.i(594214);var d=a.i(829091);function e({children:a,className:e,threshold:f=.1,delay:g=0}){let[h,i]=(0,c.useState)(!1),j=(0,c.useRef)(null);return(0,c.useEffect)(()=>{let a=new IntersectionObserver(([b])=>{b.isIntersecting&&(i(!0),a.unobserve(b.target))},{threshold:f}),b=j.current;return b&&a.observe(b),()=>{b&&a.unobserve(b)}},[f]),(0,b.jsx)("div",{ref:j,className:(0,d.cn)("reveal-on-scroll",h&&"is-visible",e),style:{transitionDelay:`${g}ms`},children:a})}a.s(["default",()=>e])},281104,a=>{"use strict";var b=a.i(150765),c=a.i(5423);function d({currentPage:a,totalPages:d,locale:e}){let f=(0,c.useRouter)();return(0,b.useEffect)(()=>{let b=b=>{document.activeElement?.tagName!=="INPUT"&&document.activeElement?.tagName!=="TEXTAREA"&&document.activeElement?.tagName!=="SELECT"&&("ArrowLeft"===b.key&&a>1?f.push(`/${e}/blog?page=${a-1}`):"ArrowRight"===b.key&&a<d&&f.push(`/${e}/blog?page=${a+1}`))};return window.addEventListener("keydown",b),()=>window.removeEventListener("keydown",b)},[a,d,e,f]),null}a.s(["BlogPaginationKeyboardObserver",()=>d])}];
//# debugId=1cdde9f4-07a4-5aac-c7b9-7b6e8de09ebd
//# sourceMappingURL=components_5d55bae9._.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +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]="4535ad06-1286-6d35-1a90-f4e49fd97f0a")}catch(e){}}();
module.exports=[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:text-white hover:shadow-primary/20 hover:shadow-xl",ghost:"text-primary hover:shadow-lg",white:"bg-white text-primary shadow-md hover:shadow-primary/30 hover:shadow-2xl hover:text-white",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:"bg-primary-dark",secondary:"bg-secondary-light",accent:"bg-accent-dark",saturated:"bg-primary",outline:"bg-primary",ghost:"bg-primary-light/10",white:"bg-primary-light",destructive:"bg-destructive/90"};function h({variant:a="primary"}){return(0,b.jsx)("span",{className:(0,d.cn)("absolute inset-0 translate-y-[101%] group-hover/btn:translate-y-0 transition-transform duration-500 ease-out",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:(0,d.cn)("relative z-10 flex items-center justify-center gap-2 transition-colors duration-500","white"===g?"group-hover/btn:text-primary-dark":""),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])}];
//# debugId=4535ad06-1286-6d35-1a90-f4e49fd97f0a
//# sourceMappingURL=components_ui_Button_tsx_29e9ece6._.js.map

View File

@@ -0,0 +1,7 @@
{
"version": 3,
"sources": [],
"debugId": "4535ad06-1286-6d35-1a90-f4e49fd97f0a",
"sections": [
{"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["../../../../components/ui/Button.tsx"],"sourcesContent":["import React from 'react';\nimport Link from 'next/link';\nimport { cn } from './utils';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n variant?:\n | 'primary'\n | 'secondary'\n | 'accent'\n | 'saturated'\n | 'outline'\n | 'ghost'\n | 'white'\n | 'destructive';\n size?: 'sm' | 'md' | 'lg' | 'xl';\n href?: string;\n className?: string;\n children?: React.ReactNode;\n}\n\nexport const buttonBaseStyles =\n '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';\n\nexport const buttonVariantsMap = {\n primary: 'bg-primary text-white shadow-md hover:shadow-primary/30 hover:shadow-2xl',\n secondary: 'bg-secondary text-white shadow-md hover:shadow-secondary/30 hover:shadow-2xl',\n accent: 'bg-accent text-primary-dark shadow-md hover:shadow-accent/30 hover:shadow-2xl',\n saturated: 'bg-saturated text-white shadow-md hover:shadow-primary/30 hover:shadow-2xl',\n outline:\n 'border-2 border-primary bg-transparent text-primary hover:text-white hover:shadow-primary/20 hover:shadow-xl',\n ghost: 'text-primary hover:shadow-lg',\n white:\n 'bg-white text-primary shadow-md hover:shadow-primary/30 hover:shadow-2xl hover:text-white',\n destructive:\n 'bg-destructive text-destructive-foreground shadow-md hover:shadow-destructive/30 hover:shadow-2xl',\n};\n\nexport const buttonSizesMap = {\n sm: 'h-9 px-4 text-sm md:text-base',\n md: 'h-11 px-6 text-base md:text-lg',\n lg: 'h-14 px-5 md:px-8 text-base md:text-lg',\n xl: 'h-16 px-6 md:px-10 text-lg md:text-xl',\n};\n\nexport const buttonOverlayColorsMap = {\n primary: 'bg-primary-dark',\n secondary: 'bg-secondary-light',\n accent: 'bg-accent-dark',\n saturated: 'bg-primary',\n outline: 'bg-primary',\n ghost: 'bg-primary-light/10',\n white: 'bg-primary-light',\n destructive: 'bg-destructive/90',\n};\n\nexport function getButtonClasses(variant: keyof typeof buttonVariantsMap = 'primary', size: keyof typeof buttonSizesMap = 'md', className?: string) {\n return cn(buttonBaseStyles, buttonVariantsMap[variant], buttonSizesMap[size], className);\n}\n\nexport function ButtonOverlay({ variant = 'primary' }: { variant?: keyof typeof buttonVariantsMap }) {\n return (\n <span\n className={cn(\n 'absolute inset-0 translate-y-[101%] group-hover/btn:translate-y-0 transition-transform duration-500 ease-out',\n buttonOverlayColorsMap[variant]\n )}\n />\n );\n}\n\nexport function Button({\n className,\n variant = 'primary',\n size = 'md',\n href,\n ...props\n}: ButtonProps) {\n const styles = getButtonClasses(variant, size, className);\n\n const content = (\n <>\n <span\n className={cn(\n 'relative z-10 flex items-center justify-center gap-2 transition-colors duration-500',\n variant === 'white' ? 'group-hover/btn:text-primary-dark' : '',\n )}\n >\n {props.children}\n </span>\n <ButtonOverlay variant={variant} />\n </>\n );\n\n if (href) {\n return (\n <Link href={href} className={styles}>\n {content}\n </Link>\n );\n }\n\n return (\n <button className={styles} {...props}>\n {content}\n </button>\n );\n}\n"],"names":[],"mappings":"0DACA,EAAA,EAAA,CAAA,CAAA,QACA,EAAA,EAAA,CAAA,CAAA,QAqBO,IAAM,EAAoB,CAC/B,QAAS,2EACT,UAAW,+EACX,OAAQ,gFACR,UAAW,6EACX,QACE,+GACF,MAAO,+BACP,MACE,4FACF,YACE,mGACJ,EAEa,EAAiB,CAC5B,GAAI,gCACJ,GAAI,iCACJ,GAAI,yCACJ,GAAI,uCACN,EAEa,EAAyB,CACpC,QAAS,kBACT,UAAW,qBACX,OAAQ,iBACR,UAAW,aACX,QAAS,aACT,MAAO,sBACP,MAAO,mBACP,YAAa,mBACf,EAMO,SAAS,EAAc,SAAE,EAAU,SAAS,CAAgD,EACjG,MACE,CAAA,EAAA,EAAA,GAAA,EAAC,OAAA,CACC,UAAW,CAAA,EAAA,EAAA,EAAA,AAAE,EACX,+GACA,CAAsB,CAAC,EAAQ,GAIvC,CAEO,SAAS,EAAO,WACrB,CAAS,SACT,EAAU,SAAS,MACnB,EAAO,IAAI,MACX,CAAI,CACJ,GAAG,EACS,EACZ,IAAM,EAtBD,AAsBU,SAtBD,AAAiB,EAA0C,SAAS,CAAE,EAAoC,IAAI,CAAE,CAAkB,EAChJ,MAAO,CAAA,EAAA,EAAA,EAAA,AAAE,EAAC,AAnCV,uXAmC4B,CAAiB,CAAC,EAAQ,CAAE,CAAc,CAAC,EAAK,CAAE,EAChF,EAoBkC,EAAS,EAAM,GAEzC,EACJ,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,QAAA,CAAA,WACE,CAAA,EAAA,EAAA,GAAA,EAAC,OAAA,CACC,UAAW,CAAA,EAAA,EAAA,EAAA,AAAE,EACX,sFACY,UAAZ,EAAsB,oCAAsC,aAG7D,EAAM,QAAQ,GAEjB,CAAA,EAAA,EAAA,GAAA,EAAC,EAAA,CAAc,QAAS,cAI5B,AAAI,EAEA,CAAA,EAAA,CAFM,CAEN,GAAA,EAAC,EAAA,OAAI,CAAA,CAAC,KAAM,EAAM,UAAW,WAC1B,IAML,CAAA,EAAA,EAAA,GAAA,EAAC,SAAA,CAAO,UAAW,EAAS,GAAG,CAAK,UACjC,GAGP"}}]
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long