{"version":3,"file":"ServiceHero-CeovQaEx.js","names":["Typography","Link","DevelopmentContent","useState","ConsultationLink","ServiceHero","t0","$","_c","title","accent","t1","description","cards","animateHeroIntro","partnerBadge","ctaLabel","undefined","active","setActive","t2","t3","t4","href","src","width","height","alt","t5","t6","Symbol","for","t7","t8","t9","t10","t11","t12","t13","t14","t15","map","card","position","name","length","event","pointerType","event_0","direction","ArrowRight","ArrowDown","ArrowLeft","ArrowUp","key","preventDefault","next","Math","max","min","item","currentTarget","parentElement","children","querySelector","focus","image","replace","external","t16"],"sources":["../../src/components/features/povio/services/ServiceHero.tsx"],"sourcesContent":["import { Typography, Link } from \"@povio/ui\";\nimport type { DevelopmentContent } from \"./developmentContent\";\nimport { useState } from \"react\";\nimport { ConsultationLink } from \"../collaboration/ConsultationLink\";\nexport function ServiceHero({\n  title,\n  accent = \"Development\",\n  description,\n  cards,\n  animateHeroIntro,\n  partnerBadge,\n  ctaLabel,\n}: Pick<DevelopmentContent, \"title\" | \"description\" | \"cards\" | \"animateHeroIntro\"> & {\n  accent?: string;\n  ctaLabel?: string;\n  partnerBadge?: { href: string; src: string; alt: string; width: number; height: number };\n}) {\n  const [active, setActive] = useState(0);\n  return (\n    <section\n      className=\"wf_hero_wrap\"\n      data-track-section=\"hero\"\n      data-hero-intro={animateHeroIntro || undefined}\n    >\n      <div className=\"horizon_hero_contain\">\n        <div className=\"horizon_hero_layout\">\n          <div className={partnerBadge ? \"horizon_hero_content is-bottom\" : \"horizon_hero_content\"}>\n            <div className=\"head_group\">\n              {partnerBadge && (\n                <Link\n                  className=\"webflow_badge_link\"\n                  href={partnerBadge.href}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  <img\n                    className=\"webflow_badge_img\"\n                    src={partnerBadge.src}\n                    width={partnerBadge.width}\n                    height={partnerBadge.height}\n                    alt={partnerBadge.alt}\n                  />\n                </Link>\n              )}\n              <div className=\"rich_accent_text\">\n                <Typography\n                  as=\"h1\"\n                  size=\"h1\"\n                >\n                  <span>{title}</span>\n                  <br />\n                  <strong>{accent}</strong>\n                </Typography>\n              </div>\n            </div>\n            <div className={partnerBadge ? \"features_text_content is-gap-sm\" : \"features_text_content\"}>\n              <Typography\n                as=\"p\"\n                size=\"body\"\n                className=\"main_paragraph\"\n              >\n                {description}\n              </Typography>\n              <ConsultationLink label={ctaLabel} />\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"horizon_gallery_wrap\">\n        <div\n          className=\"hero-cards\"\n          data-hero-cards\n        >\n          <ul className=\"hero-cards_list\">\n            {[...cards, ...cards].map((card, position) => (\n              <li\n                key={`${card.name}-${position >= cards.length ? \"copy\" : \"project\"}`}\n                data-copy={position >= cards.length || undefined}\n                inert={position >= cards.length}\n                data-card-wide={(position % cards.length) % 3 === 0}\n                onPointerEnter={(event) => {\n                  if (event.pointerType === \"mouse\") {\n                    setActive(position);\n                  }\n                }}\n                onFocus={() => setActive(position)}\n                onKeyDown={(event) => {\n                  const direction = { ArrowRight: 1, ArrowDown: 1, ArrowLeft: -1, ArrowUp: -1 }[event.key];\n                  if (!direction) {\n                    return;\n                  }\n                  event.preventDefault();\n                  const next = Math.max(0, Math.min(cards.length - 1, position + direction));\n                  const item = event.currentTarget.parentElement?.children[next];\n                  item?.querySelector<HTMLAnchorElement>(\".hero-cards_item_link\")?.focus();\n                }}\n                onPointerDown={() => setActive(position % cards.length)}\n                className=\"hero-cards_item\"\n                data-card\n                data-state={position === active ? \"active\" : \"idle\"}\n              >\n                <div className=\"hero-cards_item_media\">\n                  <img\n                    className=\"hero-cards_item_cover\"\n                    data-card-cover\n                    data-state=\"visible\"\n                    src={card.image}\n                    fetchPriority={position % cards.length === 0 ? \"high\" : \"auto\"}\n                    loading={position % cards.length === 0 ? \"eager\" : \"lazy\"}\n                    srcSet={`${card.image.replace(\".webp\", \"-480.webp\")} 480w, ${card.image.replace(\".webp\", \"-800.webp\")} 800w, ${card.image} ${card.width}w`}\n                    sizes={`(max-width: 767px) ${(position % cards.length) % 3 === 0 ? \"79vw\" : \"30vw\"}, (max-width: 991px) 48vw, min(38vw, 640px)`}\n                    width={card.width}\n                    height={card.height}\n                    alt={card.alt}\n                  />\n                </div>\n                <Link\n                  className=\"hero-cards_item_link\"\n                  data-card-link\n                  data-state={position === active ? \"visible\" : \"hidden\"}\n                  href={card.href}\n                  target={card.external ? \"_blank\" : undefined}\n                >\n                  <Typography\n                    as=\"p\"\n                    size=\"body\"\n                  >\n                    {card.name}\n                  </Typography>\n                  <svg\n                    className=\"hero-cards_item_icon\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"100%\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    aria-hidden=\"true\"\n                  >\n                    <path\n                      d=\"M9.45468 14.5463L14.5458 9.45508M14.5458 9.45508H10.0911M14.5458 9.45508V13.9099M12 21C16.9705 21 21 16.9705 21 12C21 7.02944 16.9705 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9705 7.02944 21 12 21Z\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"1.35\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    />\n                  </svg>\n                </Link>\n              </li>\n            ))}\n          </ul>\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}