875e16ec8e
Brand-owner review follow-ups: - Shop hero (§27): add four skewed, category-coloured jump-buttons under the hero text that smooth-scroll to each section; remove the white gap below the hero so the green flows straight into the first colour banner. - Revitalization (§24): remove the off-brand "Revitalization Center" section from the homepage and strip the dead /#revitalize nav links from all pages. Component + i18n + DS docs kept in reserve. - Sport-Profi (§25): reclassify from care → wash (it's a laundry product). - Origin (§26, G1): remove the "Das Original aus Österreich" / "The original from Austria" sentence from the footer tagline (DE + EN). Docs: STYLE-CHANGES.md §24-27, simple guide, and a new on-brand HTML render STYLE-CHANGES.html (mirrors the review-status page design). dist/ rebuilt. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 line
5.5 KiB
JavaScript
1 line
5.5 KiB
JavaScript
import{C as e,T as t,c as n,ft as r,j as i,l as a,m as o,p as s,r as c,s as l,u}from"./runtime-core.esm-bundler-DTXUv7Wx.js";import{c as d,s as f}from"./runtime-dom.esm-bundler-Bg1uJ-W7.js";import{t as p}from"./Icon-CtR1FGIT.js";import{t as m}from"./Badge-CudT491x.js";import{t as h}from"./WaveDivider-Bj5UZ0Z6.js";var g={class:`bg-surface text-ink`},_={class:`bg-brand text-cream`},v={class:`mx-auto flex w-full max-w-6xl flex-col items-center px-6 py-14 text-center sm:px-8 sm:py-16 md:px-12 md:py-20 lg:px-16`},y={class:`eyebrow mb-4 text-cream/75`},b={class:`font-display text-headline-lg font-normal leading-[1.05] text-cream`},x={key:0,class:`mt-5 max-w-3xl text-base leading-relaxed text-cream/80 md:text-lg`},S=[`aria-label`],C=[`href`,`onClick`],w={class:`-mt-px mx-auto w-full max-w-6xl px-6 py-14 sm:px-8 sm:py-16 md:px-12 md:py-20 lg:px-16`},T={class:`space-y-14`},E=[`id`],D={class:`mb-6 flex flex-col gap-3 md:mb-8 md:flex-row md:items-end md:justify-between`},O={class:`max-w-2xl`},k={class:`eyebrow mb-3 text-brand`},A={class:`font-display text-3xl font-normal leading-tight text-ink md:text-4xl`},j={class:`mt-3 text-[15px] leading-relaxed text-muted md:text-base`},M=[`href`],N={class:`grid gap-4 sm:grid-cols-2 lg:grid-cols-4`},P=[`aria-label`,`onClick`,`onKeydown`],F=[`data-video-src`],I=[`src`,`alt`],L={key:1,class:`absolute inset-x-0 bottom-0 flex items-center justify-between gap-3 bg-brand/90 px-4 py-3 text-cream`},R={class:`inline-flex h-10 w-10 items-center justify-center rounded-pill bg-accent-fill text-accent-fill-ink shadow-sm`},z={class:`text-[12px] font-bold tracking-label`},B={class:`flex flex-1 flex-col gap-4 p-5`},V={class:`mb-3 flex flex-wrap gap-2`},H={class:`font-display text-xl font-normal leading-tight text-ink`},U={class:`mt-2 overflow-hidden text-[14px] leading-relaxed text-muted [display:-webkit-box] [-webkit-box-orient:vertical] [-webkit-line-clamp:2]`},W={key:0,class:`mt-14 rounded-md border border-line bg-cream p-6 md:mt-16 md:flex md:items-center md:justify-between md:gap-6`},G={class:`eyebrow mb-2`},K={class:`max-w-2xl text-[15px] leading-relaxed text-muted`},q=[`href`],J={__name:`Kaiserhacks`,props:{eyebrow:{type:String,default:`#kaiserhacks`},headline:{type:String,default:``},sub:{type:String,default:``},categories:{type:Array,default:()=>[]},instagramHref:{type:String,default:``},labels:{type:Object,default:()=>({categories:``,categoryNav:``,openVideo:``,openImage:``,community:``,handoffNote:``})}},emits:[`select`],setup(J){function Y(e,t){let n=document.getElementById(t);n&&(e.preventDefault(),n.scrollIntoView({behavior:`smooth`,block:`start`}),history.pushState(null,``,`#${t}`))}return(X,Z)=>(e(),u(`section`,g,[l(`header`,_,[l(`div`,v,[l(`p`,y,r(J.eyebrow),1),l(`h1`,b,r(J.headline),1),J.sub?(e(),u(`p`,x,r(J.sub),1)):a(``,!0),J.categories.length?(e(),u(`nav`,{key:1,class:`mt-8 flex flex-wrap justify-center gap-2`,"aria-label":J.labels.categoryNav},[(e(!0),u(c,null,t(J.categories,t=>(e(),u(`a`,{key:t.id,href:`#${t.id}`,class:`inline-flex items-center gap-2 rounded-pill border border-cream-line bg-cream-wash px-4 py-2 text-[13px] font-semibold tracking-label text-cream transition-colors hover:bg-cream-wash-strong hover:text-accent`,onClick:e=>Y(e,t.id)},[s(r(t.title)+` `,1),o(p,{name:`arrow-right`,size:15})],8,C))),128))],8,S)):a(``,!0)])]),o(h,{from:`brand`,to:`surface`}),l(`div`,w,[l(`div`,T,[(e(!0),u(c,null,t(J.categories,h=>(e(),u(`section`,{id:h.id,key:h.id,class:`scroll-mt-[calc(var(--nav-h)+1.5rem)]`},[l(`div`,D,[l(`div`,O,[l(`p`,k,r(J.labels.categories),1),l(`h2`,A,r(h.title),1),l(`p`,j,r(h.summary),1)]),l(`a`,{href:h.href,class:`inline-flex items-center gap-2 text-[14px] font-semibold tracking-label text-brand transition-colors hover:text-brand-hover`},[s(r(h.ctaLabel)+` `,1),o(p,{name:`arrow-right`,size:17})],8,M)]),l(`ul`,N,[(e(!0),u(c,null,t(h.hacks,h=>(e(),u(`li`,{key:h.id},[l(`article`,{class:`group flex h-full cursor-pointer flex-col overflow-hidden rounded-md border border-line bg-paper transition-all duration-base hover:-translate-y-1 hover:border-brand-soft hover:shadow-md focus:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2`,role:`button`,tabindex:`0`,"aria-label":`${h.video?.src?J.labels.openVideo:J.labels.openImage}: ${h.title}`,onClick:e=>X.$emit(`select`,h),onKeydown:[f(d(e=>X.$emit(`select`,h),[`prevent`]),[`enter`]),f(d(e=>X.$emit(`select`,h),[`prevent`]),[`space`])]},[l(`div`,{class:`relative aspect-[4/3] w-full overflow-hidden bg-cream text-left`,"data-video-src":h.video?.src},[h.video?.poster?(e(),u(`img`,{key:0,src:h.video.poster,alt:h.video.alt||h.title,loading:`lazy`,decoding:`async`,class:`absolute inset-0 h-full w-full object-cover transition-transform duration-slow group-hover:scale-105`},null,8,I)):a(``,!0),h.video?.src?(e(),u(`span`,L,[l(`span`,R,[o(p,{name:`play`,size:18})]),l(`span`,z,r(h.duration),1)])):a(``,!0)],8,F),l(`div`,B,[l(`div`,null,[l(`div`,V,[(e(!0),u(c,null,t(h.tags,t=>(e(),n(m,{key:t,variant:`subtle`},{default:i(()=>[s(r(t),1)]),_:2},1024))),128))]),l(`h3`,H,r(h.title),1),l(`p`,U,r(h.description),1)])])],40,P)]))),128))])],8,E))),128))]),J.instagramHref?(e(),u(`footer`,W,[l(`div`,null,[l(`p`,G,r(J.labels.community),1),l(`p`,K,r(J.labels.handoffNote),1)]),l(`a`,{href:J.instagramHref,target:`_blank`,rel:`noreferrer`,class:`mt-5 inline-flex items-center gap-2 text-[14px] font-semibold tracking-label text-brand transition-colors hover:text-brand-hover md:mt-0`},[Z[0]||=s(` #kaiserhacks `,-1),o(p,{name:`external-link`,size:16})],8,q)])):a(``,!0)])]))}};export{J as t}; |