const {
  useState,
  useEffect,
  useRef,
  useCallback
} = React;

// ─── Helpers ────────────────────────────────────────────────────
const scrollToSection = id => {
  const el = document.getElementById(id);
  if (!el) return;
  const top = el.getBoundingClientRect().top + window.pageYOffset - 60;
  window.scrollTo({
    top,
    behavior: 'smooth'
  });
};

// ─── LED Panel Visual ────────────────────────────────────────────
const LEDPanel = ({
  cols = 18,
  rows = 10,
  width = 420,
  height = 175,
  label = 'RedBoost'
}) => {
  const padX = 22,
    padY = 18;
  const gapX = cols > 1 ? (width - padX * 2) / (cols - 1) : 0;
  const gapY = rows > 1 ? (height - padY * 2) / (rows - 1) : 0;
  const dots = [];
  for (let r = 0; r < rows; r++) {
    for (let c = 0; c < cols; c++) {
      const x = padX + c * gapX;
      const y = padY + r * gapY;
      const pattern = (c + r * 2) % 5;
      const color = pattern < 2 ? '#FF3311' : pattern < 4 ? '#DD2200' : '#AA1800';
      const opacity = 0.7 + pattern % 3 * 0.1;
      dots.push({
        x,
        y,
        color,
        opacity,
        r: pattern % 2 === 0 ? 3.8 : 3.2
      });
    }
  }
  const glowId = `glow-${cols}-${rows}`;
  const floorId = `floor-${cols}-${rows}`;
  return /*#__PURE__*/React.createElement("svg", {
    width: width,
    height: height + 44,
    viewBox: `0 0 ${width} ${height + 44}`,
    "aria-label": label
  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
    id: glowId,
    x: "-80%",
    y: "-80%",
    width: "260%",
    height: "260%"
  }, /*#__PURE__*/React.createElement("feGaussianBlur", {
    stdDeviation: "2.5",
    result: "b"
  }), /*#__PURE__*/React.createElement("feMerge", null, /*#__PURE__*/React.createElement("feMergeNode", {
    in: "b"
  }), /*#__PURE__*/React.createElement("feMergeNode", {
    in: "SourceGraphic"
  }))), /*#__PURE__*/React.createElement("radialGradient", {
    id: floorId,
    cx: "50%",
    cy: "0%",
    r: "70%",
    gradientTransform: "scale(1,0.4) translate(0,1.5)"
  }, /*#__PURE__*/React.createElement("stop", {
    offset: "0%",
    stopColor: "#FF3311",
    stopOpacity: "0.3"
  }), /*#__PURE__*/React.createElement("stop", {
    offset: "100%",
    stopColor: "#FF3311",
    stopOpacity: "0"
  })), /*#__PURE__*/React.createElement("linearGradient", {
    id: `edge-${cols}`,
    x1: "0",
    y1: "0",
    x2: "0",
    y2: "1"
  }, /*#__PURE__*/React.createElement("stop", {
    offset: "0%",
    stopColor: "#282828"
  }), /*#__PURE__*/React.createElement("stop", {
    offset: "100%",
    stopColor: "#141414"
  }))), /*#__PURE__*/React.createElement("rect", {
    x: "8",
    y: "8",
    width: width,
    height: height,
    rx: "10",
    fill: "rgba(0,0,0,0.4)"
  }), /*#__PURE__*/React.createElement("rect", {
    x: "0",
    y: "0",
    width: width,
    height: height,
    rx: "10",
    fill: `url(#edge-${cols})`
  }), /*#__PURE__*/React.createElement("rect", {
    x: "1",
    y: "1",
    width: width - 2,
    height: height - 2,
    rx: "9",
    fill: "#181818"
  }), /*#__PURE__*/React.createElement("rect", {
    x: "10",
    y: "10",
    width: width - 20,
    height: height - 20,
    rx: "5",
    fill: "#121212",
    stroke: "#222",
    strokeWidth: "0.5"
  }), /*#__PURE__*/React.createElement("ellipse", {
    cx: width / 2,
    cy: height + 22,
    rx: width * 0.55,
    ry: "22",
    fill: `url(#${floorId})`
  }), dots.map((d, i) => /*#__PURE__*/React.createElement("circle", {
    key: i,
    cx: d.x,
    cy: d.y,
    r: d.r,
    fill: d.color,
    filter: `url(#${glowId})`,
    opacity: d.opacity
  })), /*#__PURE__*/React.createElement("rect", {
    x: width - 38,
    y: height - 28,
    width: "28",
    height: "16",
    rx: "3",
    fill: "#1C1C1C",
    stroke: "#333",
    strokeWidth: "0.5"
  }), /*#__PURE__*/React.createElement("text", {
    x: width - 34,
    y: height - 17,
    fontSize: "6",
    fill: "#555",
    fontFamily: "monospace"
  }, "\u25CF\u25CF\u25CF"), /*#__PURE__*/React.createElement("text", {
    x: "14",
    y: height - 14,
    fontSize: "8",
    fill: "rgba(255,255,255,0.2)",
    fontFamily: "DM Sans, sans-serif",
    fontWeight: "500",
    letterSpacing: "2"
  }, label.toUpperCase()));
};

// ─── Icon set ────────────────────────────────────────────────────
const Icon = ({
  name,
  size = 20,
  color = 'currentColor',
  strokeWidth = 1.5
}) => {
  const s = {
    width: size,
    height: size,
    display: 'inline-block',
    flexShrink: 0
  };
  const paths = {
    star: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("polygon", {
      points: "12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"
    })),
    wave: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round"
    }, /*#__PURE__*/React.createElement("path", {
      d: "M2 12 C4 6 6 6 8 12 S12 18 14 12 S18 6 20 12 S22 15 22 12"
    })),
    bolt: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("polyline", {
      points: "13,2 3,14 12,14 11,22 21,10 12,10"
    })),
    moon: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("path", {
      d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"
    })),
    sparkle: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("path", {
      d: "M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"
    })),
    rotate: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("path", {
      d: "M23 4v6h-6"
    }), /*#__PURE__*/React.createElement("path", {
      d: "M1 20v-6h6"
    }), /*#__PURE__*/React.createElement("path", {
      d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"
    })),
    shield: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("path", {
      d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"
    })),
    clock: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("circle", {
      cx: "12",
      cy: "12",
      r: "10"
    }), /*#__PURE__*/React.createElement("polyline", {
      points: "12,6 12,12 16,14"
    })),
    leaf: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("path", {
      d: "M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10z"
    }), /*#__PURE__*/React.createElement("path", {
      d: "M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12"
    })),
    muscle: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("path", {
      d: "M6.5 6.5a4.5 4.5 0 1 0 0 9h1"
    }), /*#__PURE__*/React.createElement("path", {
      d: "M17.5 17.5a4.5 4.5 0 1 0 0-9h-1"
    }), /*#__PURE__*/React.createElement("line", {
      x1: "7.5",
      y1: "11",
      x2: "16.5",
      y2: "11"
    })),
    sun: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("circle", {
      cx: "12",
      cy: "12",
      r: "5"
    }), /*#__PURE__*/React.createElement("line", {
      x1: "12",
      y1: "1",
      x2: "12",
      y2: "3"
    }), /*#__PURE__*/React.createElement("line", {
      x1: "12",
      y1: "21",
      x2: "12",
      y2: "23"
    }), /*#__PURE__*/React.createElement("line", {
      x1: "4.22",
      y1: "4.22",
      x2: "5.64",
      y2: "5.64"
    }), /*#__PURE__*/React.createElement("line", {
      x1: "18.36",
      y1: "18.36",
      x2: "19.78",
      y2: "19.78"
    }), /*#__PURE__*/React.createElement("line", {
      x1: "1",
      y1: "12",
      x2: "3",
      y2: "12"
    }), /*#__PURE__*/React.createElement("line", {
      x1: "21",
      y1: "12",
      x2: "23",
      y2: "12"
    }), /*#__PURE__*/React.createElement("line", {
      x1: "4.22",
      y1: "19.78",
      x2: "5.64",
      y2: "18.36"
    }), /*#__PURE__*/React.createElement("line", {
      x1: "18.36",
      y1: "5.64",
      x2: "19.78",
      y2: "4.22"
    })),
    award: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("circle", {
      cx: "12",
      cy: "8",
      r: "6"
    }), /*#__PURE__*/React.createElement("path", {
      d: "M15.477 12.89L17 22l-5-3-5 3 1.523-9.11"
    })),
    check: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("polyline", {
      points: "20,6 9,17 4,12"
    })),
    zap: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("circle", {
      cx: "12",
      cy: "12",
      r: "10"
    }), /*#__PURE__*/React.createElement("polyline", {
      points: "12,8 12,12"
    }), /*#__PURE__*/React.createElement("line", {
      x1: "12",
      y1: "16",
      x2: "12.01",
      y2: "16",
      strokeWidth: 3
    })),
    layers: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("polygon", {
      points: "12,2 2,7 12,12 22,7"
    }), /*#__PURE__*/React.createElement("polyline", {
      points: "2,17 12,22 22,17"
    }), /*#__PURE__*/React.createElement("polyline", {
      points: "2,12 12,17 22,12"
    })),
    percent: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("line", {
      x1: "19",
      y1: "5",
      x2: "5",
      y2: "19"
    }), /*#__PURE__*/React.createElement("circle", {
      cx: "6.5",
      cy: "6.5",
      r: "2.5"
    }), /*#__PURE__*/React.createElement("circle", {
      cx: "17.5",
      cy: "17.5",
      r: "2.5"
    })),
    eye: /*#__PURE__*/React.createElement("svg", {
      style: s,
      viewBox: "0 0 24 24",
      fill: "none",
      stroke: color,
      strokeWidth: strokeWidth,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }, /*#__PURE__*/React.createElement("path", {
      d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
    }), /*#__PURE__*/React.createElement("circle", {
      cx: "12",
      cy: "12",
      r: "3"
    }))
  };
  return paths[name] || null;
};

// ─── BenefitBar ──────────────────────────────────────────────────
const BenefitBar = ({
  accentColor
}) => {
  const msgs = ['30 dni na spokojne przetestowanie', 'Raty 0% przez Przelewy24', '2 lata gwarancji na produkt', 'Wybierz RedBoost albo RedBoost Mini'];
  const [idx, setIdx] = useState(0);
  const [vis, setVis] = useState(true);
  useEffect(() => {
    const t = setInterval(() => {
      setVis(false);
      setTimeout(() => {
        setIdx(n => (n + 1) % msgs.length);
        setVis(true);
      }, 320);
    }, 4000);
    return () => clearInterval(t);
  }, []);
  return /*#__PURE__*/React.createElement("div", {
    style: {
      background: accentColor,
      color: '#fff',
      textAlign: 'center',
      padding: '10px 20px',
      fontSize: '13px',
      fontWeight: 500,
      letterSpacing: '0.03em',
      position: 'relative',
      zIndex: 200
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'inline-block',
      transition: 'opacity 0.3s',
      opacity: vis ? 1 : 0
    }
  }, msgs[idx]));
};

// ─── StickyHeader ────────────────────────────────────────────────
const StickyHeader = ({
  visible,
  accentColor
}) => {
  const messages = ['RedBoost od 819 zł/mc · raty 0%', 'RedBoost Mini od 459 zł/mc · raty 0%'];
  const [msgIdx, setMsgIdx] = useState(0);
  const [fade, setFade] = useState(true);
  useEffect(() => {
    const iv = setInterval(() => {
      setFade(false);
      setTimeout(() => {
        setMsgIdx(i => (i + 1) % messages.length);
        setFade(true);
      }, 400);
    }, 3500);
    return () => clearInterval(iv);
  }, []);
  return /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'fixed',
      top: visible ? 0 : '-90px',
      left: 0,
      right: 0,
      zIndex: 150,
      background: 'rgba(10,7,7,0.98)',
      backdropFilter: 'blur(14px)',
      transition: 'top 0.35s cubic-bezier(0.4,0,0.2,1)',
      padding: 'clamp(14px,2vw,20px) clamp(20px,4vw,48px)',
      display: 'flex',
      justifyContent: 'space-between',
      alignItems: 'center',
      borderBottom: '1px solid rgba(255,255,255,0.08)',
      boxShadow: '0 2px 20px rgba(0,0,0,0.4)',
      minHeight: '70px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      flexShrink: 0
    }
  }, /*#__PURE__*/React.createElement("img", {
    src: "https://redboost.pl/wp-content/uploads/2026/05/logo-ES-mail3.png",
    alt: "EyeShield",
    style: {
      height: '44px',
      width: 'auto',
      objectFit: 'contain'
    }
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 'clamp(10px,2vw,20px)',
      minWidth: 0,
      overflow: 'hidden'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      color: 'rgba(255,255,255,0.85)',
      fontSize: 'clamp(11px,1.5vw,13px)',
      opacity: fade ? 1 : 0,
      transition: 'opacity 0.4s ease',
      whiteSpace: 'nowrap',
      overflow: 'hidden',
      textOverflow: 'ellipsis',
      maxWidth: 'clamp(120px,28vw,280px)',
      flexShrink: 1
    }
  }, messages[msgIdx]), /*#__PURE__*/React.createElement("button", {
    onClick: () => scrollToSection('models'),
    style: {
      background: accentColor,
      color: '#fff',
      border: 'none',
      borderRadius: '6px',
      padding: 'clamp(8px,1vw,10px) clamp(14px,2vw,24px)',
      fontSize: 'clamp(12px,1.3vw,14px)',
      fontWeight: 500,
      cursor: 'pointer',
      whiteSpace: 'nowrap',
      flexShrink: 0
    }
  }, "Wybierz model")));
};

// ─── HeroSection ─────────────────────────────────────────────────
const HeroSection = ({
  accentColor,
  darkHero
}) => /*#__PURE__*/React.createElement("section", {
  style: {
    background: darkHero ? 'var(--dark)' : 'var(--off-white)',
    color: darkHero ? '#fff' : 'var(--text)',
    padding: 'clamp(80px, 10vw, 120px) clamp(24px, 6vw, 80px)',
    display: 'flex',
    alignItems: 'center',
    gap: 'clamp(40px, 6vw, 100px)',
    minHeight: '90vh',
    position: 'relative',
    overflow: 'hidden',
    flexWrap: 'wrap'
  }
}, /*#__PURE__*/React.createElement("div", {
  style: {
    position: 'absolute',
    top: '10%',
    right: '5%',
    width: '60%',
    height: '80%',
    background: `radial-gradient(ellipse, ${accentColor}22 0%, transparent 65%)`,
    pointerEvents: 'none'
  }
}), /*#__PURE__*/React.createElement("div", {
  style: {
    position: 'absolute',
    bottom: '-10%',
    left: '25%',
    width: '50%',
    height: '40%',
    background: `radial-gradient(ellipse, ${accentColor}12 0%, transparent 60%)`,
    pointerEvents: 'none'
  }
}), /*#__PURE__*/React.createElement("div", {
  style: {
    flex: '1 1 400px',
    maxWidth: '560px',
    position: 'relative',
    zIndex: 2
  }
}, /*#__PURE__*/React.createElement("div", {
  style: {
    display: 'inline-flex',
    alignItems: 'center',
    gap: '8px',
    background: `${accentColor}22`,
    border: `1px solid ${accentColor}44`,
    borderRadius: '20px',
    padding: '5px 14px',
    marginBottom: '32px'
  }
}, /*#__PURE__*/React.createElement("span", {
  style: {
    width: '6px',
    height: '6px',
    borderRadius: '50%',
    background: accentColor,
    display: 'inline-block',
    flexShrink: 0
  }
}), /*#__PURE__*/React.createElement("span", {
  style: {
    fontSize: '11px',
    color: darkHero ? 'rgba(255,255,255,0.8)' : 'var(--muted)',
    letterSpacing: '0.1em',
    textTransform: 'uppercase',
    fontWeight: 500
  }
}, "Poczuj 10 minut porannego s\u0142o\u0144ca \u2014 ka\u017Cdego dnia")), /*#__PURE__*/React.createElement("h1", {
  style: {
    fontSize: 'clamp(42px, 5.5vw, 72px)',
    fontWeight: 600,
    lineHeight: 1.05,
    marginBottom: '8px',
    letterSpacing: '-0.01em'
  }
}, "Pe\u0142niejsze"), /*#__PURE__*/React.createElement("h1", {
  style: {
    fontSize: 'clamp(42px, 5.5vw, 72px)',
    fontWeight: 600,
    lineHeight: 1.05,
    marginBottom: '8px',
    letterSpacing: '-0.01em',
    fontStyle: 'italic',
    color: accentColor
  }
}, "\u015Bwiat\u0142o."), /*#__PURE__*/React.createElement("h1", {
  style: {
    fontSize: 'clamp(42px, 5.5vw, 72px)',
    fontWeight: 600,
    lineHeight: 1.05,
    marginBottom: '28px',
    letterSpacing: '-0.01em'
  }
}, "G\u0142\u0119bsza regeneracja."), /*#__PURE__*/React.createElement("p", {
  style: {
    fontSize: 'clamp(15px, 1.5vw, 17px)',
    lineHeight: 1.7,
    color: darkHero ? 'rgba(255,255,255,1)' : 'var(--muted)',
    marginBottom: '44px',
    maxWidth: '460px',
    fontWeight: 300
  }
}, "Domowa lampa do terapii \u015Bwiat\u0142em czerwonym i blisk\u0105 podczerwieni\u0105, kt\xF3ra pomaga cia\u0142u odpocz\u0105\u0107, zregenerowa\u0107 si\u0119 i wr\xF3ci\u0107 do \u017Cycia. Stajesz przed lamp\u0105. W\u0142\u0105czasz. Przez kilka minut czujesz przyjemne, g\u0142\u0119bokie ciep\u0142o \u2014 troch\u0119 jak poranne s\u0142o\u0144ce. I w\u0142a\u015Bnie o to chodzi."), /*#__PURE__*/React.createElement("div", {
  style: {
    display: 'flex',
    gap: '12px',
    flexWrap: 'wrap',
    marginBottom: '24px'
  }
}, /*#__PURE__*/React.createElement("button", {
  onClick: () => scrollToSection('comparison'),
  style: {
    background: accentColor,
    color: '#fff',
    border: 'none',
    borderRadius: '8px',
    padding: '15px 36px',
    fontSize: '15px',
    fontWeight: 500,
    cursor: 'pointer',
    letterSpacing: '0.02em'
  }
}, "Wybierz sw\xF3j model"), /*#__PURE__*/React.createElement("button", {
  onClick: () => scrollToSection('video'),
  style: {
    background: accentColor,
    color: '#fff',
    border: 'none',
    borderRadius: '8px',
    padding: '15px 28px',
    fontSize: '15px',
    fontWeight: 500,
    cursor: 'pointer',
    letterSpacing: '0.02em'
  }
}, "Jak to dzia\u0142a \u2192")), /*#__PURE__*/React.createElement("div", {
  style: {
    display: 'flex',
    gap: '20px',
    flexWrap: 'wrap'
  }
}, ['30 dni na zwrot', '2 lata gwarancji', 'Bez UV, bez migotania'].map(t => /*#__PURE__*/React.createElement("span", {
  key: t,
  style: {
    fontSize: '12px',
    color: '#ffffff',
    display: 'flex',
    alignItems: 'center',
    gap: '5px'
  }
}, /*#__PURE__*/React.createElement(Icon, {
  name: "check",
  size: 13,
  color: accentColor
}), " ", t)))), /*#__PURE__*/React.createElement("div", {
  style: {
    flex: '1 1 340px',
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'flex-end',
    position: 'relative',
    zIndex: 2
  }
}, /*#__PURE__*/React.createElement("div", {
  style: {
    position: 'absolute',
    bottom: 0,
    left: '50%',
    transform: 'translateX(-50%)',
    width: '340px',
    height: '60px',
    background: `radial-gradient(ellipse, ${accentColor}30 0%, transparent 70%)`,
    borderRadius: '50%',
    pointerEvents: 'none'
  }
}), /*#__PURE__*/React.createElement("img", {
  src: "https://redboost.pl/wp-content/uploads/2026/05/Lampy-RedBoost-e1773152056398-removebg-preview.png",
  alt: "RedBoost i RedBoost Mini \u2014 domowe lampy do terapii \u015Bwiat\u0142em czerwonym i podczerwieni\u0105",
  loading: "eager",
  fetchpriority: "high",
  style: {
    width: '100%',
    maxWidth: '540px',
    objectFit: 'contain',
    filter: `drop-shadow(0 20px 60px ${accentColor}88)`
  }
})));

// ─── AuthorityBar ────────────────────────────────────────────────
const AuthorityBar = ({
  accentColor
}) => /*#__PURE__*/React.createElement("section", {
  style: {
    background: '#fff',
    borderTop: '1px solid var(--border)',
    borderBottom: '1px solid var(--border)',
    padding: '28px clamp(24px,6vw,80px)'
  }
}, /*#__PURE__*/React.createElement("div", {
  style: {
    maxWidth: '1100px',
    margin: '0 auto',
    display: 'flex',
    justifyContent: 'center',
    gap: 'clamp(24px,5vw,64px)',
    alignItems: 'center',
    flexWrap: 'wrap'
  }
}, [{
  icon: 'star',
  val: '4.9 / 5',
  sub: '1096 opinii klientów EyeShield'
}, {
  icon: 'wave',
  val: '6 długości fal',
  sub: 'incl. rzadkie 1064 nm i 1270 nm'
}, {
  icon: 'clock',
  val: '60 000 h',
  sub: 'żywotność diod LED'
}, {
  icon: 'eye',
  val: 'Polska marka',
  sub: 'ekspert od higieny światła od lat'
}].map(({
  icon,
  val,
  sub
}) => /*#__PURE__*/React.createElement("div", {
  key: val,
  style: {
    display: 'flex',
    alignItems: 'center',
    gap: '12px',
    padding: '4px 0'
  }
}, /*#__PURE__*/React.createElement("span", {
  style: {
    color: accentColor,
    lineHeight: 1
  }
}, /*#__PURE__*/React.createElement(Icon, {
  name: icon,
  size: 22,
  color: accentColor
})), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
  style: {
    fontFamily: 'Outfit',
    fontSize: '20px',
    fontWeight: 600,
    lineHeight: 1
  }
}, val), /*#__PURE__*/React.createElement("div", {
  style: {
    fontSize: '12px',
    color: 'var(--muted)',
    marginTop: '3px'
  }
}, sub))))));

// ─── ProblemSection ──────────────────────────────────────────────
const ProblemSection = ({
  accentColor
}) => /*#__PURE__*/React.createElement("section", {
  style: {
    padding: 'clamp(64px,9vw,112px) clamp(24px,6vw,80px)',
    maxWidth: '1200px',
    margin: '0 auto'
  }
}, /*#__PURE__*/React.createElement("div", {
  style: {
    textAlign: 'center',
    marginBottom: '64px'
  }
}, /*#__PURE__*/React.createElement("p", {
  style: {
    fontSize: '11px',
    letterSpacing: '0.14em',
    textTransform: 'uppercase',
    color: accentColor,
    marginBottom: '14px',
    fontWeight: 500
  }
}, "Brzmi znajomo?"), /*#__PURE__*/React.createElement("h2", {
  style: {
    fontSize: 'clamp(30px,4vw,52px)',
    fontWeight: 600,
    lineHeight: 1.1,
    maxWidth: '600px',
    margin: '0 auto'
  }
}, "Cia\u0142o zbiera koszt cyfrowego \u017Cycia")), /*#__PURE__*/React.createElement("div", {
  style: {
    display: 'grid',
    gridTemplateColumns: 'repeat(auto-fit, minmax(195px, 1fr))',
    gap: '2px',
    background: 'var(--border)'
  }
}, [{
  n: '01',
  icon: 'bolt',
  title: 'Budzisz się\ni jesteś już zmęczony',
  body: 'Śpisz, odpoczywasz, bierzesz suplementy — a ciało nie wraca do pełnej mocy tak szybko, jak kiedyś.'
}, {
  n: '02',
  icon: 'sun',
  title: 'Za mało\nprawdziwego światła',
  body: 'Rano telefon, potem laptop, wieczorem telewizor. Prawdziwego, naturalnego światła jest coraz mniej — i ciało to czuje.'
}, {
  n: '03',
  icon: 'zap',
  title: 'Brakuje\ntej dawnej iskry',
  body: 'Nie chodzi tylko o zmęczenie. Ciało niby działa, ale nie ma w nim tego, co kiedyś. Głowa i ciało nie nadążają za tempem dnia.'
}, {
  n: '04',
  icon: 'muscle',
  title: 'Szyja, plecy,\nstawy, nogi',
  body: 'Kark, barki, biodra, nogi po treningu — ciało codziennie zbiera koszt pracy, stresu i siedzenia przy biurku.'
}, {
  n: '05',
  icon: 'layers',
  title: 'Kolejny gadżet\nzamiast systemu',
  body: 'Suplementy, masaże, różne akcesoria — każde osobno, bez rytmu. Ciało potrzebuje prostego, regularnego rytuału.'
}].map(({
  n,
  icon,
  title,
  body
}) => /*#__PURE__*/React.createElement("div", {
  key: n,
  style: {
    background: 'var(--warm-white)',
    padding: 'clamp(28px,3vw,44px) clamp(20px,2.5vw,32px)'
  }
}, /*#__PURE__*/React.createElement("div", {
  style: {
    marginBottom: '16px',
    opacity: 0.25
  }
}, /*#__PURE__*/React.createElement(Icon, {
  name: icon,
  size: 28,
  color: "var(--text)",
  strokeWidth: 1.2
})), /*#__PURE__*/React.createElement("div", {
  style: {
    fontFamily: 'Outfit',
    fontSize: '52px',
    fontWeight: 700,
    color: 'var(--border)',
    lineHeight: 1,
    marginBottom: '20px',
    userSelect: 'none'
  }
}, n), /*#__PURE__*/React.createElement("h3", {
  style: {
    fontSize: '20px',
    fontWeight: 600,
    marginBottom: '12px',
    lineHeight: 1.2,
    whiteSpace: 'pre-line'
  }
}, title), /*#__PURE__*/React.createElement("p", {
  style: {
    fontSize: '13px',
    lineHeight: 1.75,
    color: 'var(--muted)'
  }
}, body)))));

// ─── SolutionIntro ───────────────────────────────────────────────
const SolutionIntro = ({
  accentColor
}) => /*#__PURE__*/React.createElement("section", {
  style: {
    background: 'var(--dark)',
    color: '#fff',
    position: 'relative',
    overflow: 'hidden'
  }
},
  /*#__PURE__*/React.createElement("style", null, `
    .solution-inner {
      display: flex;
      flex-direction: row;
      align-items: stretch;
      min-height: 600px;
    }
    .solution-text {
      flex: 1 1 55%;
      padding: clamp(72px,9vw,112px) clamp(32px,6vw,80px);
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      z-index: 1;
    }
    .solution-image {
      flex: 0 0 42%;
      position: relative;
      overflow: hidden;
    }
    .solution-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      display: block;
    }
    .solution-image::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(to right, var(--dark) 0%, transparent 30%);
    }
    @media (max-width: 768px) {
      .solution-inner {
        flex-direction: column;
        min-height: auto;
        background-image: url(https://redboost.pl/wp-content/uploads/2026/06/redboost-zdjecie-3.png);
        background-size: cover;
        background-position: center center;
        position: relative;
      }
      .solution-inner::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.88) 100%);
        z-index: 0;
      }
      .solution-text {
        position: relative;
        z-index: 1;
        text-align: center;
        padding: clamp(64px,9vw,96px) clamp(24px,6vw,48px);
      }
      .solution-image {
        display: none;
      }
    }
  `),
  /*#__PURE__*/React.createElement("div", { className: "solution-inner" },
    /*#__PURE__*/React.createElement("div", { className: "solution-text" },
      /*#__PURE__*/React.createElement("p", {
        style: { fontSize: '11px', letterSpacing: '0.14em', textTransform: 'uppercase', color: accentColor, marginBottom: '20px', fontWeight: 500 }
      }, "Rozwi\u0105zanie"),
      /*#__PURE__*/React.createElement("h2", {
        style: { fontSize: 'clamp(34px,4.5vw,60px)', fontWeight: 600, lineHeight: 1.08, marginBottom: '28px' }
      }, "RedBoost to \u015Bwiat\u0142o,", /*#__PURE__*/React.createElement("br", null),
        /*#__PURE__*/React.createElement("em", { style: { fontStyle: 'italic', color: accentColor } }, "kt\xF3re pracuje z Twoim organizmem")),
      /*#__PURE__*/React.createElement("p", {
        style: { fontSize: 'clamp(15px,1.5vw,18px)', lineHeight: 1.7, color: '#fff', fontWeight: 300, marginBottom: '48px', maxWidth: '520px' }
      }, "Nie kolejny gad\u017Cet wellness. To domowe \u015Bwiat\u0142o, do kt\xF3rego chce si\u0119 wraca\u0107 \u2014 rano \u017Ceby da\u0107 cia\u0142u sygna\u0142 startu, wieczorem \u017Ceby si\u0119 wyciszy\u0107 i zregenerowa\u0107."),
      /*#__PURE__*/React.createElement("div", {
        style: { borderTop: '1px solid rgba(255,255,255,0.25)', paddingTop: '32px' }
      }, /*#__PURE__*/React.createElement("span", {
        style: { fontFamily: 'Outfit', fontSize: 'clamp(20px,2.5vw,28px)', fontStyle: 'italic', color: 'rgba(255,255,255,0.85)' }
      }, "Codzienny rytua\u0142, do kt\xF3rego chce si\u0119 wraca\u0107."))
    ),
    /*#__PURE__*/React.createElement("div", { className: "solution-image" },
      /*#__PURE__*/React.createElement("img", {
        src: "https://redboost.pl/wp-content/uploads/2026/06/redboost-zdjecie-3.png",
        alt: "Kobieta korzystaj\u0105ca z lampy RedBoost do terapii \u015Bwiat\u0142em czerwonym",
        loading: "lazy"
      })
    )
  )
);

// ─── HowItWorks ─────────────────────────────────────────────────────────
const HowItWorks = ({ accentColor }) => /*#__PURE__*/React.createElement("section", {
  id: "how-it-works",
  style: { background: "var(--dark)", padding: "clamp(32px,4vw,56px) clamp(8px,2vw,24px)" }
},
  /*#__PURE__*/React.createElement("div", { style: { maxWidth: "1800px", margin: "0 auto" } },
    /*#__PURE__*/React.createElement("div", { style: { textAlign: "center", marginBottom: "36px" } },
      /*#__PURE__*/React.createElement("p", { style: { fontSize: "11px", letterSpacing: "0.14em", textTransform: "uppercase", color: accentColor, marginBottom: "14px", fontWeight: 500 } }, "Jak to działa"),
      /*#__PURE__*/React.createElement("h2", { style: { fontSize: "clamp(28px,4vw,48px)", fontWeight: 600, lineHeight: 1.1, color: "#fff" } }, "6 długości fal. Kompleksowe wsparcie całego organizmu.")
    ),
    /*#__PURE__*/React.createElement("img", {
      src: "https://redboost.pl/wp-content/uploads/2026/07/ChatGPT-Image-19-cze-2026-09_41_27-1.png",
      alt: "RedBoost 6 długości fal światła czerwonego i podczerwieni — schemat działania na organizm",
      loading: "lazy",
      style: { width: "100%", height: "auto", display: "block", borderRadius: "6px", boxShadow: "0 4px 40px rgba(200,41,30,0.2)" }
    })
  )
);

// ─── BenefitsPillars ─────────────────────────────────────────────
const BenefitsPillars = ({
  accentColor
}) => {
  const [active, setActive] = useState(0);
  const pillars = [{
    icon: 'rotate',
    title: 'Regeneracja i komfort ciała',
    points: ['Szybciej wracasz do formy po treningu', 'Mięśnie i stawy mniej dają o sobie znać', 'Ciepło i rozluźnienie — szyja, plecy, barki', 'Mniej „zardzewiałe" ciało po całym dniu']
  }, {
    icon: 'bolt',
    title: 'Energia i samopoczucie',
    points: ['Wstajesz lżej, przechodzisz przez dzień łatwiej', 'Nie ta nerwowa energia po kawie — naturalna', 'Mniej mgły, więcej skupienia', 'Szczególnie ważne jesienią i zimą, gdy słońca brak']
  }, {
    icon: 'moon',
    title: 'Sen i wyciszenie',
    points: ['Wieczorny rytuał, który zwalnia oddech', 'Ciało odpuszcza napięcie, zanim pójdziesz spać', 'Głębszy, spokojniejszy sen', 'Rano wstajesz — i naprawdę czujesz, że odpoczęłeś']
  }, {
    icon: 'sparkle',
    title: 'Skóra i wygląd',
    points: ['Skóra wygląda na bardziej wypoczętą i żywą', 'Wsparcie produkcji kolagenu od środka', 'Promienny koloryt — mniej jak po zimie i stresie', 'Krem działa na powierzchni. Światło głębiej.']
  }];
  const p = pillars[active];
  return /*#__PURE__*/React.createElement("section", {
    style: {
      padding: 'clamp(64px,9vw,112px) clamp(24px,6vw,80px)',
      background: 'var(--dark)',
      color: '#fff'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1140px',
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      textAlign: 'center',
      marginBottom: '56px'
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      fontSize: '11px',
      letterSpacing: '0.14em',
      textTransform: 'uppercase',
      color: accentColor,
      marginBottom: '14px',
      fontWeight: 500
    }
  }, "Efekty i korzy\u015Bci"), /*#__PURE__*/React.createElement("h2", {
    style: {
      fontSize: 'clamp(30px,4vw,52px)',
      fontWeight: 600,
      lineHeight: 1.1
    }
  }, "Jedno urz\u0105dzenie. Cztery obszary wsparcia.")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      gap: '2px',
      marginBottom: '2px',
      flexWrap: 'wrap',
      background: 'rgba(255,255,255,0.06)'
    }
  }, pillars.map((pl, i) => /*#__PURE__*/React.createElement("button", {
    key: i,
    onClick: () => setActive(i),
    style: {
      flex: '1 1 180px',
      background: i === active ? accentColor : 'transparent',
      color: '#fff',
      border: 'none',
      padding: 'clamp(14px,1.5vw,18px) 20px',
      cursor: 'pointer',
      transition: 'background 0.22s',
      fontFamily: 'Outfit',
      fontSize: '14px',
      fontWeight: i === active ? 500 : 400,
      textAlign: 'left',
      display: 'flex',
      alignItems: 'center',
      gap: '10px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      opacity: i === active ? 1 : 0.4,
      flexShrink: 0,
      display: 'flex'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: pl.icon,
    size: 18,
    color: "#fff"
  })), /*#__PURE__*/React.createElement("span", null, pl.title)))), /*#__PURE__*/React.createElement("div", {
    style: {
      background: 'rgba(255,255,255,0.04)',
      padding: 'clamp(32px,4vw,52px)',
      display: 'grid',
      gridTemplateColumns: 'repeat(2, 1fr)',
      gap: '12px'
    }
  }, p.points.map(pt => /*#__PURE__*/React.createElement("div", {
    key: pt,
    style: {
      display: 'flex',
      gap: '12px',
      alignItems: 'flex-start',
      padding: 'clamp(16px,2vw,24px)',
      background: 'rgba(255,255,255,0.04)',
      borderRadius: '4px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      color: accentColor,
      fontSize: '16px',
      flexShrink: 0,
      marginTop: '2px'
    }
  }, "\u2192"), /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '15px',
      lineHeight: 1.55,
      color: 'rgba(255,255,255,0.85)'
    }
  }, pt))))));
};

// ─── ModelSection ────────────────────────────────────────────────
const ModelSection = ({
  accentColor
}) => {
  const [sel, setSel] = useState('full');
  const models = {
    full: {
      name: 'RedBoost',
      tag: 'Bestseller',
      tagline: 'Pełnowymiarowy — całe ciało i miejscowo',
      price: '4 098 zł',
      monthly: '819,60 zł',
      specs: [['Wymiary', '64 × 30 × 6 cm'], ['Waga', '7 kg'], ['Moc', '900 W'], ['Diody LED', '180 × 5 W dual'], ['Długości fal', '6 (630–1270 nm)'], ['Żywotność', 'do 60 000 h']],
      includes: ['Lampa RedBoost', 'Stojak na kółkach', 'Pilot', 'Okulary ochronne', 'Kabel zasilający', 'Śruby montażowe'],
      for: 'Wybierz RedBoost, jeśli chcesz naświetlać duże obszary ciała i szukasz najmocniejszego wariantu do domowej pracy ze światłem.',
      cols: 18,
      rows: 10,
      w: 420,
      h: 185
    },
    mini: {
      name: 'RedBoost Mini',
      tag: 'Kompaktowy',
      tagline: 'Do precyzyjnych sesji miejscowych',
      price: '2 298 zł',
      monthly: '459,60 zł',
      specs: [['Wymiary', '26 × 21,5 × 6 cm'], ['Waga', '3 kg'], ['Moc', '300 W'], ['Diody LED', '60 × 5 W dual'], ['Długości fal', '6 (630–1270 nm)'], ['Żywotność', 'do 60 000 h']],
      includes: ['Lampa RedBoost Mini', 'Stojak', 'Pilot', 'Okulary ochronne', 'Kabel zasilający'],
      for: 'Wybierz Mini, jeśli zależy Ci na kompaktowym formacie do szybkich, miejscowych sesji — twarz, kark, brzuch, stawy lub konkretna partia ciała.',
      cols: 6,
      rows: 6,
      w: 240,
      h: 160
    }
  };
  const m = models[sel];
  return /*#__PURE__*/React.createElement("section", {
    id: "models",
    style: {
      padding: 'clamp(64px,9vw,112px) clamp(24px,6vw,80px)',
      background: '#fff'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1140px',
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      textAlign: 'center',
      marginBottom: '52px'
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      fontSize: '11px',
      letterSpacing: '0.14em',
      textTransform: 'uppercase',
      color: accentColor,
      marginBottom: '14px',
      fontWeight: 500
    }
  }, "Wybierz model"), /*#__PURE__*/React.createElement("h2", {
    style: {
      fontSize: 'clamp(30px,4vw,52px)',
      fontWeight: 600,
      lineHeight: 1.1
    }
  }, "Oba modele. Pe\u0142ne spektrum 6 fal.")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      maxWidth: '380px',
      margin: '0 auto 48px',
      border: '1px solid var(--border)',
      borderRadius: '8px',
      overflow: 'hidden'
    }
  }, Object.entries(models).map(([k, mod]) => /*#__PURE__*/React.createElement("button", {
    key: k,
    onClick: () => setSel(k),
    style: {
      flex: 1,
      padding: '14px 0',
      border: 'none',
      cursor: 'pointer',
      background: sel === k ? 'var(--dark)' : '#fff',
      color: sel === k ? '#fff' : 'var(--text)',
      fontFamily: 'Outfit',
      fontSize: '14px',
      fontWeight: 500,
      transition: 'all 0.22s'
    }
  }, mod.name))), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1fr 1fr',
      gap: 'clamp(28px,4vw,56px)',
      alignItems: 'start'
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    style: {
      background: '#ffffff',
      borderRadius: '8px',
      padding: 'clamp(32px,4vw,52px)',
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      minHeight: '280px',
      position: 'relative'
    }
  }, /*#__PURE__*/React.createElement("img", {
    src: sel === 'full' ? 'https://redboost.pl/wp-content/uploads/2026/05/lampa-removebg-preview.png' : 'https://redboost.pl/wp-content/uploads/2026/05/lampa-na-podczerwien-redboost-mini-1-removebg-preview.png',
    alt: m.name,
    style: {
      maxWidth: '100%',
      maxHeight: '340px',
      objectFit: 'contain',
      filter: 'drop-shadow(0 8px 24px rgba(0,0,0,0.08))'
    }
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      marginTop: '12px',
      padding: '20px 24px',
      background: 'var(--off-white)',
      borderRadius: '6px'
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      fontSize: '13px',
      lineHeight: 1.7,
      color: 'var(--muted)'
    }
  }, m.for))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'baseline',
      gap: '12px',
      marginBottom: '4px',
      flexWrap: 'wrap'
    }
  }, /*#__PURE__*/React.createElement("h3", {
    style: {
      fontSize: 'clamp(28px,3vw,40px)',
      fontWeight: 600,
      lineHeight: 1
    }
  }, m.name)), /*#__PURE__*/React.createElement("p", {
    style: {
      color: 'var(--muted)',
      fontSize: '14px',
      marginBottom: '24px'
    }
  }, m.tagline), /*#__PURE__*/React.createElement("div", {
    style: {
      marginBottom: '28px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      fontFamily: 'Outfit',
      fontSize: '44px',
      fontWeight: 600,
      lineHeight: 1
    }
  }, m.price), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '13px',
      color: 'var(--muted)',
      marginTop: '5px'
    }
  }, "lub 5 rat 0% po ", m.monthly)), /*#__PURE__*/React.createElement("div", {
    style: {
      borderTop: '1px solid var(--border)',
      paddingTop: '24px',
      marginBottom: '24px'
    }
  }, m.specs.map(([k, v]) => /*#__PURE__*/React.createElement("div", {
    key: k,
    style: {
      display: 'flex',
      justifyContent: 'space-between',
      padding: '9px 0',
      borderBottom: '1px solid var(--border)',
      fontSize: '14px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      color: 'var(--muted)'
    }
  }, k), /*#__PURE__*/React.createElement("span", {
    style: {
      fontWeight: 500
    }
  }, v)))), /*#__PURE__*/React.createElement("div", {
    style: {
      marginBottom: '32px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '11px',
      fontWeight: 600,
      textTransform: 'uppercase',
      letterSpacing: '0.1em',
      color: 'var(--muted)',
      marginBottom: '12px'
    }
  }, "W zestawie"), m.includes.map(inc => /*#__PURE__*/React.createElement("div", {
    key: inc,
    style: {
      display: 'flex',
      gap: '8px',
      alignItems: 'center',
      fontSize: '14px',
      marginBottom: '6px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      color: accentColor,
      fontWeight: 600,
      fontSize: '12px'
    }
  }, "\u2713"), " ", inc))), /*#__PURE__*/React.createElement("button", {
    onClick: () => window.open(sel === 'mini' ? 'https://eyeshield.com/sklep/zdrowe-oswietlenie/lampy-na-podczerwien/lampa-na-podczerwien-redboost-mini/' : 'https://eyeshield.com/sklep/zdrowe-oswietlenie/lampy-na-podczerwien/lampa-redboost/', '_blank'),
    style: {
      width: '100%',
      background: accentColor,
      color: '#fff',
      border: 'none',
      borderRadius: '8px',
      padding: '17px',
      fontSize: '15px',
      fontWeight: 500,
      cursor: 'pointer',
      letterSpacing: '0.02em'
    }
  }, "Zam\xF3w ", m.name)))));
};

// ─── ComparisonTable ─────────────────────────────────────────────
const ComparisonTable = ({
  accentColor
}) => {
  const waves = ['630 nm', '660 nm', '830 nm', '850 nm', '1064 nm', '1270 nm'];
  const rows = [{
    label: 'Używaj do',
    full: 'Całego ciała i miejscowo',
    mini: 'Miejscowo, np. twarz, kark, stawy',
    type: 'text'
  }, {
    label: 'Wymiary',
    full: '64 × 30 × 6 cm, 7 kg',
    mini: '26 × 21,5 × 6 cm, 3 kg',
    type: 'text'
  }, {
    label: 'Moc',
    full: '900 W',
    mini: '300 W',
    type: 'power'
  }, {
    label: 'Długości fal',
    full: waves,
    mini: waves,
    type: 'waves'
  }, {
    label: 'Ilość diod LED',
    full: '180 × 5 W dual LED',
    mini: '60 × 5 W dual LED',
    type: 'text'
  }, {
    label: 'Aktywuje 2 okna biologiczne',
    full: true,
    mini: true,
    type: 'check'
  }, {
    label: 'Bez efektu migotania',
    full: true,
    mini: true,
    type: 'check'
  }, {
    label: 'Bez PEM',
    full: true,
    mini: true,
    type: 'check'
  }, {
    label: 'Pilot i okulary ochronne',
    full: true,
    mini: true,
    type: 'check'
  }, {
    label: 'Gwarancja',
    full: '2 lata',
    mini: '2 lata',
    type: 'text'
  }, {
    label: 'Cena',
    full: '4 098 zł',
    mini: '2 298 zł',
    type: 'price'
  }, {
    label: 'Raty 0%',
    full: '5 × 819,60 zł / mc',
    mini: '5 × 459,60 zł / mc',
    type: 'text'
  }];
  const Cell = ({
    val,
    type
  }) => {
    if (type === 'check') return /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'center'
      }
    }, /*#__PURE__*/React.createElement("span", {
      style: {
        color: '#22a06b',
        fontSize: '20px',
        fontWeight: 700,
        lineHeight: 1
      }
    }, "\u2713"));
    if (type === 'waves') return /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        flexWrap: 'wrap',
        gap: '5px',
        justifyContent: 'center'
      }
    }, val.map(w => /*#__PURE__*/React.createElement("span", {
      key: w,
      style: {
        fontSize: '11px',
        border: '1px solid var(--border)',
        borderRadius: '20px',
        padding: '2px 9px',
        color: 'var(--muted)',
        whiteSpace: 'nowrap'
      }
    }, w)));
    if (type === 'power') return /*#__PURE__*/React.createElement("div", {
      style: {
        textAlign: 'center',
        fontFamily: 'Outfit',
        fontSize: '26px',
        fontWeight: 700,
        color: accentColor
      }
    }, val);
    if (type === 'price') return /*#__PURE__*/React.createElement("div", {
      style: {
        textAlign: 'center',
        fontFamily: 'Outfit',
        fontSize: '22px',
        fontWeight: 700
      }
    }, val);
    return /*#__PURE__*/React.createElement("div", {
      style: {
        textAlign: 'center',
        fontSize: '13px',
        color: 'var(--text)',
        lineHeight: 1.5
      }
    }, val);
  };
  return /*#__PURE__*/React.createElement("section", {
    id: "comparison",
    style: {
      padding: '0 clamp(24px,6vw,80px) clamp(64px,9vw,112px)',
      background: '#fff'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '960px',
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      textAlign: 'center',
      marginBottom: '40px'
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      fontSize: '11px',
      letterSpacing: '0.14em',
      textTransform: 'uppercase',
      color: accentColor,
      marginBottom: '12px',
      fontWeight: 500
    }
  }, "Por\xF3wnanie modeli"), /*#__PURE__*/React.createElement("h2", {
    style: {
      fontFamily: 'Outfit',
      fontSize: 'clamp(28px,3.5vw,44px)',
      fontWeight: 600,
      lineHeight: 1.1
    }
  }, "Kt\xF3ry model jest dla Ciebie?")), /*#__PURE__*/React.createElement("div", {
    style: {
      border: '1px solid var(--border)',
      borderRadius: '8px',
      overflow: 'hidden',
      overflowX: 'auto',
      WebkitOverflowScrolling: 'touch'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      minWidth: '520px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1.4fr 1fr 1fr',
      background: 'var(--warm-white)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '32px 24px',
      display: 'flex',
      flexDirection: 'column',
      justifyContent: 'flex-end',
      borderRight: '1px solid var(--border)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '11px',
      fontWeight: 600,
      letterSpacing: '0.1em',
      textTransform: 'uppercase',
      color: 'var(--muted)',
      marginBottom: '4px'
    }
  }, "Zam\xF3w w 5 ratach 0%"), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '12px',
      color: 'var(--muted)'
    }
  }, "przez Przelewy24 Raty")), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '28px 20px',
      textAlign: 'center',
      borderRight: '1px solid var(--border)',
      position: 'relative'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      background: 'transparent',
      padding: '10px',
      marginBottom: '12px',
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'flex-end',
      height: '180px'
    }
  }, /*#__PURE__*/React.createElement("img", {
    src: "https://redboost.pl/wp-content/uploads/2026/05/lampa-removebg-preview.png",
    alt: "RedBoost",
    style: {
      width: 'auto',
      height: '160px',
      objectFit: 'contain',
      display: 'block'
    }
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      fontFamily: 'Outfit',
      fontSize: '20px',
      fontWeight: 700
    }
  }, "RedBoost"), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '12px',
      color: 'var(--muted)',
      marginTop: '2px'
    }
  }, "Lampa pe\u0142nowymiarowa")), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '28px 20px',
      textAlign: 'center'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      height: '22px',
      marginBottom: '12px'
    }
  }), /*#__PURE__*/React.createElement("img", {
    src: "https://redboost.pl/wp-content/uploads/2026/05/lampa-na-podczerwien-redboost-mini-1-removebg-preview.png",
    alt: "RedBoost Mini",
    style: {
      width: '100px',
      height: '150px',
      objectFit: 'contain',
      display: 'block',
      margin: '0 auto 12px',
      filter: 'drop-shadow(0 8px 24px rgba(200,40,20,0.2))'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      fontFamily: 'Outfit',
      fontSize: '20px',
      fontWeight: 700
    }
  }, "RedBoost Mini"), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '12px',
      color: 'var(--muted)',
      marginTop: '2px'
    }
  }, "Kompaktowa"))), rows.map(({
    label,
    full,
    mini,
    type
  }, i) => /*#__PURE__*/React.createElement("div", {
    key: label,
    style: {
      display: 'grid',
      gridTemplateColumns: '1.4fr 1fr 1fr',
      background: i % 2 === 0 ? '#fff' : 'oklch(98.5% 0.004 75)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '15px 20px',
      borderTop: '1px solid var(--border)',
      borderRight: '1px solid var(--border)',
      display: 'flex',
      alignItems: 'center',
      fontSize: '13px',
      fontWeight: 500
    }
  }, label), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '15px 20px',
      borderTop: '1px solid var(--border)',
      borderRight: '1px solid var(--border)',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center'
    }
  }, /*#__PURE__*/React.createElement(Cell, {
    val: full,
    type: type
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '15px 20px',
      borderTop: '1px solid var(--border)',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center'
    }
  }, /*#__PURE__*/React.createElement(Cell, {
    val: mini,
    type: type
  })))), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1.4fr 1fr 1fr',
      background: 'var(--dark)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '20px 24px',
      display: 'flex',
      alignItems: 'center',
      borderRight: '1px solid rgba(255,255,255,0.08)'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '13px',
      color: '#ffffff',
      fontWeight: 500
    }
  }, "Gotowy na codzienny rytua\u0142?")), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '16px 20px',
      display: 'flex',
      justifyContent: 'center',
      borderRight: '1px solid rgba(255,255,255,0.08)'
    }
  }, /*#__PURE__*/React.createElement("button", {
    onClick: () => window.open('https://eyeshield.com/sklep/zdrowe-oswietlenie/lampy-na-podczerwien/lampa-redboost/', '_blank'),
    style: {
      background: accentColor,
      color: '#fff',
      border: 'none',
      borderRadius: '6px',
      padding: '11px 20px',
      fontSize: '13px',
      fontWeight: 500,
      cursor: 'pointer',
      whiteSpace: 'nowrap'
    }
  }, "Zam\xF3w RedBoost")), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '16px 20px',
      display: 'flex',
      justifyContent: 'center'
    }
  }, /*#__PURE__*/React.createElement("button", {
    onClick: () => window.open('https://eyeshield.com/sklep/zdrowe-oswietlenie/lampy-na-podczerwien/lampa-na-podczerwien-redboost-mini/', '_blank'),
    style: {
      background: accentColor,
      color: '#fff',
      border: 'none',
      borderRadius: '6px',
      padding: '11px 20px',
      fontSize: '13px',
      fontWeight: 500,
      cursor: 'pointer',
      whiteSpace: 'nowrap'
    }
  }, "Zam\xF3w Mini")))))));
};

// ─── VideoSection ─────────────────────────────────────────────────
const VideoSection = ({
  accentColor
}) => {
  const [playing, setPlaying] = useState(false);
  return /*#__PURE__*/React.createElement("section", {
    id: "video",
    style: {
      padding: 'clamp(64px,9vw,112px) clamp(24px,6vw,80px)',
      background: 'var(--dark)',
      color: '#fff'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '900px',
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      textAlign: 'center',
      marginBottom: '44px'
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      fontSize: '11px',
      letterSpacing: '0.14em',
      textTransform: 'uppercase',
      color: accentColor,
      marginBottom: '14px',
      fontWeight: 500
    }
  }, "Zobacz w akcji"), /*#__PURE__*/React.createElement("h2", {
    style: {
      fontSize: 'clamp(28px,4vw,48px)',
      fontWeight: 600,
      lineHeight: 1.1
    }
  }, "Jak dzia\u0142a czerwone \u015Bwiat\u0142o?"), /*#__PURE__*/React.createElement("p", {
    style: {
      marginTop: '14px',
      fontSize: '15px',
      color: 'rgba(255,255,255,0.5)',
      maxWidth: '460px',
      margin: '14px auto 0',
      lineHeight: 1.6
    }
  }, "Obejrzyj, jak lampa RedBoost pracuje i co dzieje si\u0119 w organizmie podczas sesji.")), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'relative',
      borderRadius: '10px',
      overflow: 'hidden',
      background: '#000',
      aspectRatio: '16/9',
      cursor: playing ? 'default' : 'pointer'
    },
    onClick: () => {
      if (!playing) setPlaying(true);
    }
  }, !playing ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("img", {
    src: "https://img.youtube.com/vi/WVUc--pij-0/maxresdefault.jpg",
    alt: "Jak dzia\u0142a czerwone \u015Bwiat\u0142o RedBoost",
    style: {
      width: '100%',
      height: '100%',
      objectFit: 'cover',
      display: 'block'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      inset: 0,
      background: 'rgba(0,0,0,0.28)'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      top: '50%',
      left: '50%',
      transform: 'translate(-50%,-50%)',
      width: '72px',
      height: '72px',
      borderRadius: '50%',
      background: '#FF0000',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      boxShadow: '0 8px 32px rgba(0,0,0,0.5)',
      transition: 'transform 0.2s'
    }
  }, /*#__PURE__*/React.createElement("svg", {
    width: "26",
    height: "26",
    viewBox: "0 0 26 26"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M9 6l14 7-14 7V6z",
    fill: "white"
  }))), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      bottom: 0,
      left: 0,
      right: 0,
      padding: '20px 28px',
      background: 'linear-gradient(transparent, rgba(0,0,0,0.8))'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '15px',
      fontWeight: 600,
      color: '#fff'
    }
  }, "Lampa na podczerwie\u0144 RedBoost \u2014 na co pomaga?"), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '12px',
      color: 'rgba(255,255,255,0.55)',
      marginTop: '3px'
    }
  }, "EyeShield \xB7 YouTube"))) : /*#__PURE__*/React.createElement("iframe", {
    src: "https://www.youtube.com/embed/WVUc--pij-0?autoplay=1",
    title: "Jak dzia\u0142a czerwone \u015Bwiat\u0142o RedBoost",
    allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
    allowFullScreen: true,
    style: {
      position: 'absolute',
      inset: 0,
      width: '100%',
      height: '100%',
      border: 'none'
    }
  }))));
};

// ─── ReviewsSection ──────────────────────────────────────────────
const ReviewsSection = ({
  accentColor
}) => {
  const reviews = [{
    name: 'Mikołaj',
    stars: 5,
    title: 'Szybsza regeneracja i lepszy sen',
    text: 'Stosuję lampę codziennie rano i wieczorem od ponad miesiąca. Zdecydowanie więcej energii w ciągu dnia, lepszy głęboki sen i szybsza regeneracja po treningach. Naświetlanie wyeliminowało ból i opuchliznę.'
  }, {
    name: 'Agnieszka Milc',
    stars: 5,
    title: 'Wartościowe urządzenie do fotobiomodulacji',
    text: 'Wartościowe urządzenie do domowej fotobiomodulacji. Da się zauważyć poprawę jakości snu, skrócenie czasu zasypiania, zmniejszenie uczucia przewlekłego zmęczenia i lepsze samopoczucie. Obserwuję redukcję napięcia mięśniowego.'
  }, {
    name: 'Caroline Martine',
    stars: 5,
    title: 'Realnie wspiera organizm',
    text: 'Korzystam z niej już ponad miesiąc i zdecydowanie widzę różnicę. Szybsza regeneracja po treningu, lepsza koncentracja i ogólnie lepsze samopoczucie na co dzień. To sprzęt, który realnie wspiera organizm i daje odczuwalne efekty.'
  }, {
    name: 'Magdalena',
    stars: 5,
    title: 'Lepszy sen, energia i stawy',
    text: 'Używam lampy 1,5 miesiąca i zauważyłam, że mam zdecydowanie lepszy sen, więcej energii oraz mniejsze bóle i mniejszą sztywność w stawach.'
  }, {
    name: 'Aga',
    stars: 5,
    title: 'Skóra promienna, bark bez bólu',
    text: 'Zauważyłam, że krostki szybciej znikają. Skóra jest bardziej promienna i więcej w niej życia. Lampa fajnie pomogła mi przy bólu barku i szyi.'
  }, {
    name: 'Monika',
    stars: 5,
    title: 'Wyraźna poprawa komfortu codzienności',
    text: 'Po kilku tygodniach regularnego korzystania widzimy wyraźną poprawę. Jesteśmy bardzo zadowoleni z produktu, który w realny sposób poprawił komfort naszej codzienności.'
  }];
  const [start, setStart] = useState(0);
  const perPage = 3;
  const pages = reviews.length - perPage + 1;
  return /*#__PURE__*/React.createElement("section", {
    style: {
      padding: 'clamp(64px,9vw,112px) clamp(24px,6vw,80px)',
      background: 'var(--off-white)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1140px',
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      textAlign: 'center',
      marginBottom: '56px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      fontFamily: 'Outfit',
      fontSize: '64px',
      fontWeight: 700,
      color: accentColor,
      lineHeight: 1
    }
  }, "4.9"), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '18px',
      color: accentColor,
      marginTop: '4px',
      letterSpacing: '0.1em'
    }
  }, "\u2605\u2605\u2605\u2605\u2605"), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '13px',
      color: 'var(--muted)',
      marginTop: '6px',
      marginBottom: '32px'
    }
  }, "na podstawie 1096 opinii klient\xF3w EyeShield"), /*#__PURE__*/React.createElement("h2", {
    style: {
      fontSize: 'clamp(28px,3.5vw,44px)',
      fontWeight: 600,
      lineHeight: 1.1
    }
  }, "Co m\xF3wi\u0105 nasi klienci")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))',
      gap: '16px'
    }
  }, reviews.slice(start, start + perPage).map(({
    name,
    stars,
    title,
    text
  }) => /*#__PURE__*/React.createElement("div", {
    key: name,
    style: {
      background: '#fff',
      padding: 'clamp(24px,2.5vw,32px)',
      borderRadius: '6px',
      border: '1px solid var(--border)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      color: accentColor,
      fontSize: '13px',
      marginBottom: '14px',
      letterSpacing: '0.1em'
    }
  }, '★'.repeat(stars)), /*#__PURE__*/React.createElement("h4", {
    style: {
      fontFamily: 'Outfit',
      fontSize: '18px',
      fontWeight: 600,
      marginBottom: '12px',
      lineHeight: 1.25
    }
  }, title), /*#__PURE__*/React.createElement("p", {
    style: {
      fontSize: '13px',
      lineHeight: 1.75,
      color: 'var(--muted)'
    }
  }, text), /*#__PURE__*/React.createElement("div", {
    style: {
      marginTop: '20px',
      display: 'flex',
      alignItems: 'center',
      gap: '10px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      width: '32px',
      height: '32px',
      borderRadius: '50%',
      background: `${accentColor}20`,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      fontFamily: 'Outfit',
      fontSize: '14px',
      fontWeight: 600,
      color: accentColor
    }
  }, name[0]), /*#__PURE__*/React.createElement("span", {
    style: {
      fontWeight: 500,
      fontSize: '13px'
    }
  }, name))))), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      justifyContent: 'center',
      gap: '8px',
      marginTop: '32px'
    }
  }, Array.from({
    length: pages
  }, (_, i) => /*#__PURE__*/React.createElement("button", {
    key: i,
    onClick: () => setStart(i),
    style: {
      width: start === i ? '24px' : '8px',
      height: '8px',
      borderRadius: '4px',
      border: 'none',
      cursor: 'pointer',
      background: start === i ? accentColor : 'var(--border)',
      padding: 0,
      transition: 'all 0.22s'
    }
  })))));
};

// ─── FounderSection ──────────────────────────────────────────────
const FounderSection = ({
  accentColor
}) => /*#__PURE__*/React.createElement("section", {
  style: {
    padding: 'clamp(72px,9vw,112px) clamp(24px,6vw,80px)',
    background: 'var(--dark)',
    color: '#fff',
    position: 'relative',
    overflow: 'hidden'
  }
}, /*#__PURE__*/React.createElement("div", {
  style: {
    position: 'absolute',
    bottom: 0,
    left: '50%',
    transform: 'translateX(-50%)',
    width: '80%',
    height: '40%',
    background: `radial-gradient(ellipse, ${accentColor}18 0%, transparent 65%)`,
    pointerEvents: 'none'
  }
}), /*#__PURE__*/React.createElement("div", {
  style: {
    maxWidth: '760px',
    margin: '0 auto',
    textAlign: 'center',
    position: 'relative',
    zIndex: 1
  }
}, /*#__PURE__*/React.createElement("p", {
  style: {
    fontSize: '11px',
    letterSpacing: '0.14em',
    textTransform: 'uppercase',
    color: accentColor,
    marginBottom: '32px',
    fontWeight: 500
  }
}, "Dlaczego stworzyli\u015Bmy RedBoost?"), /*#__PURE__*/React.createElement("img", {
  src: "https://redboost.pl/wp-content/uploads/2026/05/Zrzut-ekranu-2026-05-27-o-13.36.47.png",
  loading: "lazy",
  alt: "Sebastian Kilichowski",
  style: {
    width: '88px',
    height: '88px',
    borderRadius: '50%',
    objectFit: 'cover',
    display: 'block',
    margin: '0 auto 32px'
  }
}), /*#__PURE__*/React.createElement("blockquote", {
  style: {
    fontFamily: 'Outfit',
    fontSize: 'clamp(20px,2.8vw,30px)',
    fontStyle: 'italic',
    fontWeight: 400,
    lineHeight: 1.45,
    color: 'rgba(255,255,255,0.88)',
    marginBottom: '28px'
  }
}, "\u201ENie chcieli\u015Bmy zrobi\u0107 kolejnej czerwonej lampki. Chcieli\u015Bmy stworzy\u0107 domowe narz\u0119dzie \u015Bwiat\u0142a, kt\xF3re dzia\u0142a szerzej, g\u0142\u0119biej i pro\u015Bciej ni\u017C wi\u0119kszo\u015B\u0107 rozwi\u0105za\u0144 dost\u0119pnych na rynku.\""), /*#__PURE__*/React.createElement("div", {
  style: {
    fontWeight: 500,
    fontSize: '14px',
    marginBottom: '4px'
  }
}, "Sebastian Kilichowski"), /*#__PURE__*/React.createElement("div", {
  style: {
    fontSize: '12px',
    color: 'rgba(255,255,255,0.4)',
    marginBottom: '36px'
  }
}, "Za\u0142o\u017Cyciel EyeShield \xB7 Ekspert od higieny \u015Bwiat\u0142a"), /*#__PURE__*/React.createElement("p", {
  style: {
    fontSize: '15px',
    color: '#ffffff',
    lineHeight: 1.7,
    maxWidth: '560px',
    margin: '0 auto'
  }
}, "EyeShield od lat pomaga ludziom \u015Bwiadomie zarz\u0105dza\u0107 \u015Bwiat\u0142em \u2014 od ochrony przed sztucznym o\u015Bwietleniem po dostarczanie organizmowi \u015Bwiat\u0142a, kt\xF3rego cz\u0119sto brakuje w cyfrowym \u015Bwiecie. RedBoost to naturalne rozszerzenie tej misji.")));

// ─── BuyBox ──────────────────────────────────────────────────────
const BuyBox = ({
  accentColor,
  showBundle
}) => {
  const [sel, setSel] = useState('mini');
  const models = [{
    key: 'mini',
    name: 'RedBoost Mini',
    price: '2 298 zł',
    monthly: '459,60 zł',
    desc: 'Kompaktowy · Do miejscowego stosowania',
    badge: null
  }, {
    key: 'full',
    name: 'RedBoost',
    price: '4 098 zł',
    monthly: '819,60 zł',
    desc: 'Pełnowymiarowy · Całe ciało',
    badge: null
  }, ...(showBundle ? [{
    key: 'bundle',
    name: 'Zestaw RedBoost + Mini',
    price: '5 436,60 zł',
    monthly: '1 087,32 zł',
    desc: 'Kompletne rozwiązanie · Rabat 15%',
    badge: 'Oszczędzasz 959 zł'
  }] : [])];
  const current = models.find(m => m.key === sel) || models[0];
  return /*#__PURE__*/React.createElement("section", {
    id: "buy-box",
    style: {
      padding: 'clamp(64px,9vw,112px) clamp(24px,6vw,80px)',
      background: '#fff'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '900px',
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      textAlign: 'center',
      marginBottom: '48px'
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      fontSize: '11px',
      letterSpacing: '0.14em',
      textTransform: 'uppercase',
      color: accentColor,
      marginBottom: '14px',
      fontWeight: 500
    }
  }, "Zam\xF3w teraz"), /*#__PURE__*/React.createElement("h2", {
    style: {
      fontSize: 'clamp(30px,4vw,52px)',
      fontWeight: 600,
      lineHeight: 1.1
    }
  }, "Wybierz sw\xF3j model"), /*#__PURE__*/React.createElement("p", {
    style: {
      marginTop: '14px',
      fontSize: '15px',
      color: 'var(--muted)'
    }
  }, "Oba modele. Pe\u0142ne spektrum 6 d\u0142ugo\u015Bci fal. Bez UV, bez migotania.")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: `repeat(${models.length}, 1fr)`,
      gap: '2px',
      marginBottom: '32px',
      background: 'var(--border)'
    }
  }, models.map(({
    key,
    name,
    price,
    monthly,
    desc,
    badge
  }) => /*#__PURE__*/React.createElement("button", {
    key: key,
    onClick: () => setSel(key),
    style: {
      background: sel === key ? 'var(--off-white)' : '#fff',
      border: 'none',
      cursor: 'pointer',
      padding: 'clamp(20px,2.5vw,28px) clamp(16px,2vw,22px)',
      textAlign: 'left',
      position: 'relative',
      outline: sel === key ? `2px solid ${accentColor}` : '2px solid transparent',
      outlineOffset: '-2px',
      transition: 'all 0.2s'
    }
  }, badge && /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      top: '10px',
      right: '10px',
      fontSize: '10px',
      background: key === 'bundle' ? 'oklch(60% 0.18 75)' : accentColor,
      color: '#fff',
      borderRadius: '10px',
      padding: '2px 8px',
      fontWeight: 600,
      lineHeight: 1.4
    }
  }, badge), /*#__PURE__*/React.createElement("div", {
    style: {
      fontFamily: 'Outfit',
      fontSize: '18px',
      fontWeight: 600,
      marginBottom: '5px',
      lineHeight: 1.2,
      paddingRight: badge ? '80px' : '0',
      color: 'var(--text)'
    }
  }, name), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '11px',
      color: 'var(--muted)',
      marginBottom: '16px',
      lineHeight: 1.4
    }
  }, desc), /*#__PURE__*/React.createElement("div", {
    style: {
      fontFamily: 'Outfit',
      fontSize: '26px',
      fontWeight: 700,
      marginBottom: '2px',
      color: sel === key ? accentColor : 'var(--text)'
    }
  }, price), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '11px',
      color: 'var(--muted)'
    }
  }, "5 rat 0% po ", monthly)))), /*#__PURE__*/React.createElement("div", {
    style: {
      textAlign: 'center'
    }
  }, /*#__PURE__*/React.createElement("button", {
    onClick: () => window.open(sel === 'mini' ? 'https://eyeshield.com/sklep/zdrowe-oswietlenie/lampy-na-podczerwien/lampa-na-podczerwien-redboost-mini/' : 'https://eyeshield.com/sklep/zdrowe-oswietlenie/lampy-na-podczerwien/lampa-redboost/', '_blank'),
    style: {
      background: accentColor,
      color: '#fff',
      border: 'none',
      borderRadius: '8px',
      padding: '18px 64px',
      fontSize: '16px',
      fontWeight: 500,
      cursor: 'pointer',
      letterSpacing: '0.02em',
      marginBottom: '20px',
      display: 'inline-block'
    }
  }, "Kup w ratach 0% \u2014 ", current.price), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      justifyContent: 'center',
      gap: 'clamp(12px,2vw,24px)',
      flexWrap: 'wrap'
    }
  }, ['30 dni na zwrot', '2 lata gwarancji', 'Bezpieczna płatność', sel === 'mini' ? 'Kurier DPD · DPD Pickup · Kurier InPost · Paczkomaty InPost' : 'Kurier InPost · DPD'].map(t => /*#__PURE__*/React.createElement("span", {
    key: t,
    style: {
      fontSize: '12px',
      color: 'var(--muted)',
      display: 'flex',
      alignItems: 'center',
      gap: '5px'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "check",
    size: 13,
    color: accentColor
  }), " ", t))))));
};

// ─── RiskSection ─────────────────────────────────────────────────
const RiskSection = ({
  accentColor
}) => /*#__PURE__*/React.createElement("section", {
  style: {
    padding: 'clamp(48px,7vw,80px) clamp(24px,6vw,80px)',
    background: 'var(--off-white)',
    borderTop: '1px solid var(--border)'
  }
}, /*#__PURE__*/React.createElement("div", {
  style: {
    maxWidth: '1000px',
    margin: '0 auto',
    display: 'grid',
    gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))',
    gap: '32px'
  }
}, [{
  icon: 'rotate',
  title: '30 dni na zwrot',
  body: 'Masz miesiąc na spokojne przetestowanie. RedBoost Mini zwracasz przez Szybkie Zwroty InPost — generujesz kod w aplikacji i nadajesz w Paczkomacie. RedBoost (duży model) zwracasz przez DPD — Obsługa Klienta przesyła etykietę, paczkę nadajesz w dowolnym punkcie DPD Point. Zwrot środków w 7 dni roboczych.'
}, {
  icon: 'shield',
  title: '2 lata gwarancji',
  body: 'Każda lampa objęta jest 2-letnią gwarancją. Żywotność diod do 60 000 godzin. Urządzenie klasy premium do wieloletniej pracy z regeneracją.'
}, {
  icon: 'percent',
  title: 'Raty 0% przez Przelewy24',
  body: '5 wygodnych rat bez odsetek i ukrytych kosztów. RedBoost Mini od 459,60 zł miesięcznie. RedBoost od 819,60 zł miesięcznie.'
}].map(({
  icon,
  title,
  body
}) => /*#__PURE__*/React.createElement("div", {
  key: title,
  style: {
    textAlign: 'center',
    padding: '20px'
  }
}, /*#__PURE__*/React.createElement("div", {
  style: {
    color: accentColor,
    marginBottom: '16px',
    display: 'flex',
    justifyContent: 'center'
  }
}, /*#__PURE__*/React.createElement(Icon, {
  name: icon,
  size: 32,
  color: accentColor,
  strokeWidth: 1.2
})), /*#__PURE__*/React.createElement("h3", {
  style: {
    fontFamily: 'Outfit',
    fontSize: '22px',
    fontWeight: 600,
    marginBottom: '12px'
  }
}, title), /*#__PURE__*/React.createElement("p", {
  style: {
    fontSize: '13px',
    lineHeight: 1.75,
    color: 'var(--muted)'
  }
}, body)))));

// ─── FAQSection ──────────────────────────────────────────────────
const FAQSection = ({
  accentColor
}) => {
  const [open, setOpen] = useState(null);
  const items = [{
    q: 'Czym właściwie jest RedBoost?',
    a: 'RedBoost to domowa lampa do światła czerwonego i podczerwieni. Dostarcza biologicznie aktywne światło w 6 długościach fal (630, 660, 830, 850, 1064 i 1270 nm), które może wspierać regenerację, energię, sen i kondycję skóry.'
  }, {
    q: 'Czym RedBoost różni się od RedBoost Mini?',
    a: 'RedBoost (64×30 cm, 900 W, 180 diod) to model pełnowymiarowy do większych obszarów ciała. RedBoost Mini (26×21,5 cm, 300 W, 60 diod) to kompaktowy format do precyzyjnych sesji miejscowych — twarz, kark, stawy.'
  }, {
    q: 'Który model wybrać?',
    a: 'RedBoost wybierz, jeśli chcesz naświetlać duże obszary ciała lub szukasz najmocniejszego wariantu. Mini wybierz, jeśli wolisz zacząć od mniejszego formatu lub zależy Ci na precyzyjnych sesjach.'
  }, {
    q: 'Czym RedBoost różni się od tańszych lamp z marketplace?',
    a: 'Tańsze lampy często oferują tylko 2–4 długości fal. RedBoost pokrywa 6 zakresów — w tym rzadkie 1064 i 1270 nm, działające w drugim oknie biologicznym. To szersze działanie na różnych głębokościach tkanek.'
  }, {
    q: 'Jak korzystać z lampy? Jak długo trwa sesja?',
    a: 'Włączasz lampę, siadasz 15–20 cm od powierzchni i wykonujesz sesję 10–20 minut. Bez aplikacji, bez skomplikowanych trybów. Skóra powinna być czysta, bez kremów i kosmetyków.'
  }, {
    q: 'Po jakim czasie można zauważyć efekty?',
    a: 'Pierwsze odczucia wiele osób zauważa szybko, jednak RedBoost najlepiej traktować jako regularny rytuał. Pełniejsze efekty wymagają systematyczności przez kilka tygodni.'
  }, {
    q: 'Czy RedBoost emituje UV?',
    a: 'Nie. RedBoost emituje wyłącznie światło czerwone i bliską podczerwień — bez UV, bez szkodliwego migotania, bez PEM.'
  }, {
    q: 'Czy korzystanie jest bezpieczne dla oczu?',
    a: 'Przy naświetlaniu twarzy i okolic oczu zalecamy dołączone okulary ochronne lub zamknięte powieki. W zestawie zawsze znajdują się okulary ochronne.'
  }, {
    q: 'Czy RedBoost zastępuje lekarza lub leczenie?',
    a: 'Nie. RedBoost nie jest urządzeniem medycznym i nie zastępuje diagnostyki ani leczenia. Przy chorobach przewlekłych, ciąży, lekach światłouczulających lub leczeniu onkologicznym skonsultuj się z lekarzem przed użyciem.'
  }, {
    q: 'Jak działa 30 dni na zwrot?',
    a: 'Od dnia odebrania zamówienia masz 30 dni na zwrot. Zwrot środków następuje po weryfikacji w 7 dni roboczych, wyjątkowo do 14.\n\nRedBoost Mini — zwrot przez Szybkie Zwroty InPost. Przez aplikację InPost generujesz kod zwrotu i nadajesz paczkę w dowolnym Paczkomacie InPost.\n\nRedBoost (duży model) — zwrot wyłącznie przez DPD. Skontaktuj się z Obsługą Klienta, która wygeneruje etykietę DPD i prześle ją mailowo. Paczkę nadajesz w dowolnym punkcie DPD Point.'
  }];
  return /*#__PURE__*/React.createElement("section", {
    style: {
      padding: 'clamp(64px,9vw,112px) clamp(24px,6vw,80px)',
      background: '#fff'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '780px',
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      textAlign: 'center',
      marginBottom: '56px'
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      fontSize: '11px',
      letterSpacing: '0.14em',
      textTransform: 'uppercase',
      color: accentColor,
      marginBottom: '14px',
      fontWeight: 500
    }
  }, "FAQ"), /*#__PURE__*/React.createElement("h2", {
    style: {
      fontSize: 'clamp(28px,4vw,48px)',
      fontWeight: 600,
      lineHeight: 1.1
    }
  }, "Pytania i odpowiedzi")), items.map(({
    q,
    a
  }, i) => /*#__PURE__*/React.createElement("div", {
    key: i,
    style: {
      borderBottom: '1px solid var(--border)'
    }
  }, /*#__PURE__*/React.createElement("button", {
    onClick: () => setOpen(open === i ? null : i),
    style: {
      width: '100%',
      background: 'none',
      border: 'none',
      cursor: 'pointer',
      padding: '20px 0',
      display: 'flex',
      justifyContent: 'space-between',
      alignItems: 'center',
      gap: '16px',
      textAlign: 'left',
      fontFamily: 'Outfit'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: 'clamp(14px,1.5vw,16px)',
      fontWeight: 500,
      lineHeight: 1.4,
      color: 'var(--text)'
    }
  }, q), /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '22px',
      color: accentColor,
      flexShrink: 0,
      transition: 'transform 0.25s',
      transform: open === i ? 'rotate(45deg)' : 'none',
      lineHeight: 1
    }
  }, "+")), /*#__PURE__*/React.createElement("div", {
    style: {
      maxHeight: open === i ? '400px' : '0',
      overflow: 'hidden',
      transition: 'max-height 0.38s cubic-bezier(0.4,0,0.2,1)'
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      fontSize: '14px',
      lineHeight: 1.75,
      color: 'var(--muted)',
      paddingBottom: '20px',
      whiteSpace: 'pre-line'
    }
  }, a))))));
};

// ─── FinalCTA ────────────────────────────────────────────────────
const FinalCTA = ({
  accentColor
}) => /*#__PURE__*/React.createElement("section", {
  style: {
    padding: 'clamp(80px,10vw,120px) clamp(24px,6vw,80px)',
    background: 'var(--dark)',
    color: '#fff',
    textAlign: 'center',
    position: 'relative',
    overflow: 'hidden'
  }
}, /*#__PURE__*/React.createElement("div", {
  style: {
    position: 'absolute',
    bottom: 0,
    left: '50%',
    transform: 'translateX(-50%)',
    width: '90%',
    height: '60%',
    background: `radial-gradient(ellipse, ${accentColor}22 0%, transparent 60%)`,
    pointerEvents: 'none'
  }
}), /*#__PURE__*/React.createElement("div", {
  style: {
    maxWidth: '700px',
    margin: '0 auto',
    position: 'relative',
    zIndex: 1
  }
}, /*#__PURE__*/React.createElement("h2", {
  style: {
    fontSize: 'clamp(32px,4.5vw,58px)',
    fontWeight: 600,
    lineHeight: 1.1,
    marginBottom: '24px'
  }
}, "Wybierz \u015Bwiat\u0142o, kt\xF3re b\u0119dzie pracowa\u0107 z Twoim organizmem ka\u017Cdego dnia."), /*#__PURE__*/React.createElement("p", {
  style: {
    fontSize: 'clamp(15px,1.5vw,17px)',
    color: '#ffffff',
    lineHeight: 1.7,
    marginBottom: '44px',
    fontWeight: 300
  }
}, "Prosty, domowy rytua\u0142 wspieraj\u0105cy regeneracj\u0119, energi\u0119, sen i kondycj\u0119 sk\xF3ry. Wybierz model, kt\xF3ry najlepiej pasuje do Twojego stylu \u017Cycia."), /*#__PURE__*/React.createElement("div", {
  style: {
    display: 'flex',
    gap: '12px',
    justifyContent: 'center',
    flexWrap: 'wrap'
  }
}, /*#__PURE__*/React.createElement("button", {
  onClick: () => scrollToSection('comparison'),
  style: {
    background: accentColor,
    color: '#fff',
    border: 'none',
    borderRadius: '8px',
    padding: '17px 44px',
    fontSize: '15px',
    fontWeight: 500,
    cursor: 'pointer',
    letterSpacing: '0.02em'
  }
}, "Por\xF3wnaj modele"), /*#__PURE__*/React.createElement("button", {
  onClick: () => scrollToSection('buy-box'),
  style: {
    background: accentColor,
    color: '#fff',
    border: 'none',
    borderRadius: '8px',
    padding: '17px 44px',
    fontSize: '15px',
    fontWeight: 500,
    cursor: 'pointer',
    letterSpacing: '0.02em'
  }
}, "Kup w ratach 0%"))));

// ─── Footer ──────────────────────────────────────────────────────
const Footer = ({
  accentColor
}) => /*#__PURE__*/React.createElement("div", {
  style: {
    background: 'var(--dark)',
    borderTop: `2px solid ${accentColor}`,
    padding: '20px clamp(24px,5vw,80px)'
  }
}, /*#__PURE__*/React.createElement("div", {
  style: {
    maxWidth: '1140px',
    margin: '0 auto',
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'center',
    gap: '10px',
    textAlign: 'center'
  }
}, /*#__PURE__*/React.createElement("div", {
  style: {
    display: 'flex',
    gap: '28px'
  }
}, /*#__PURE__*/React.createElement("a", {
  href: "https://redboost.pl/polityka-prywatnosci-3/",
  style: {
    fontFamily: 'Outfit, sans-serif',
    fontSize: '13px',
    color: '#ffffff',
    textDecoration: 'none',
    fontWeight: 400
  }
}, "Polityka prywatno\u015Bci"), /*#__PURE__*/React.createElement("a", {
  href: "https://redboost.pl/regulamin/",
  style: {
    fontFamily: 'Outfit, sans-serif',
    fontSize: '13px',
    color: '#ffffff',
    textDecoration: 'none',
    fontWeight: 400
  }
}, "Regulamin")), /*#__PURE__*/React.createElement("span", {
  style: {
    fontFamily: 'Outfit, sans-serif',
    fontSize: '12px',
    color: 'rgba(255,255,255,0.5)',
    fontWeight: 400
  }
}, "\xA9 2026 EyeShield \xB7 Wszelkie prawa zastrze\u017Cone")));

// ─── BackToTop ───────────────────────────────────────────────────
const BackToTop = ({
  scrollY,
  accentColor
}) => {
  const total = document.documentElement.scrollHeight - window.innerHeight;
  const progress = total > 0 ? Math.min(scrollY / total, 1) : 0;
  const visible = scrollY > 300;
  const size = 44;
  const r = 18;
  const circ = 2 * Math.PI * r;
  return /*#__PURE__*/React.createElement("button", {
    onClick: () => {
      window.scrollTo({
        top: 0,
        behavior: 'smooth'
      });
      document.documentElement.scrollTo({
        top: 0,
        behavior: 'smooth'
      });
      document.body.scrollTo({
        top: 0,
        behavior: 'smooth'
      });
      const root = document.getElementById('redboost-root');
      if (root) root.scrollIntoView({
        behavior: 'smooth',
        block: 'start'
      });
    },
    style: {
      position: 'fixed',
      bottom: '32px',
      right: '32px',
      zIndex: 9999,
      width: size + 'px',
      height: size + 'px',
      borderRadius: '50%',
      background: 'rgba(0,0,0,0.6)',
      border: 'none',
      cursor: 'pointer',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      padding: 0,
      opacity: visible ? 1 : 0,
      pointerEvents: visible ? 'auto' : 'none',
      transition: 'opacity 0.4s ease'
    },
    title: "Wr\xF3\u0107 na g\xF3r\u0119"
  }, /*#__PURE__*/React.createElement("svg", {
    width: size,
    height: size,
    viewBox: `0 0 ${size} ${size}`,
    style: {
      position: 'absolute',
      top: 0,
      left: 0,
      transform: 'rotate(-90deg)'
    }
  }, /*#__PURE__*/React.createElement("circle", {
    cx: size / 2,
    cy: size / 2,
    r: r,
    fill: "none",
    stroke: "rgba(255,255,255,0.15)",
    strokeWidth: "2.5"
  }), /*#__PURE__*/React.createElement("circle", {
    cx: size / 2,
    cy: size / 2,
    r: r,
    fill: "none",
    stroke: accentColor,
    strokeWidth: "2.5",
    strokeDasharray: circ,
    strokeDashoffset: circ * (1 - progress),
    strokeLinecap: "round",
    style: {
      transition: 'stroke-dashoffset 0.1s linear'
    }
  })), /*#__PURE__*/React.createElement("svg", {
    width: "16",
    height: "16",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "#fff",
    strokeWidth: "2.5",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    style: {
      position: 'relative',
      zIndex: 1
    }
  }, /*#__PURE__*/React.createElement("polyline", {
    points: "18,15 12,9 6,15"
  })));
};

// ─── CustomerNeeds ────────────────────────────────────────────
const WAVES_CFG = [
  { nm:'630 nm',  color:'#FF3311', dotX:0.595, dotY:0.13, title:'Kolagen i odnowa skory',                desc:'Stymuluje fibroblasty do produkcji kolagenu, wyrownuje koloryt i przyspiesza gojenie. Dziala tam, gdzie krem tylko dotyka powierzchni.',    badges:['kolagen','gojenie','blask'],        tag:'Swiatlo czerwone' },
  { nm:'660 nm',  color:'#FF3311', dotX:0.600, dotY:0.28, title:'Fotobiomodulacja i odnowa komorkowa',   desc:'Glebsza penetracja niz 630 nm. Redukuje stany zapalne skory, wspiera regeneracje po zabiegach i zmniejsza tradzik.',                          badges:['tradzik','przebarwienia','cera'],   tag:'Swiatlo czerwone' },
  { nm:'830 nm',  color:'#CC1A00', dotX:0.605, dotY:0.43, title:'Miesnie i regeneracja potreningowa',    desc:'Przenika do miesni i tkanek miekkich. Redukuje zaklasy i przyspiesza regeneracje po wysilku fizycznym.',                                       badges:['miesnie','sport','zaklasy'],        tag:'Bliska podczerwien' },
  { nm:'850 nm',  color:'#CC1A00', dotX:0.610, dotY:0.58, title:'Stawy, uklad ruchu i komfort',          desc:'Wspiera mobilnosc stawow, redukuje stany zapalne i poprawia krazenie w glebszych tkankach.',                                                    badges:['stawy','bol','krazenie'],           tag:'Bliska podczerwien' },
  { nm:'1064 nm', color:'#8B2800', dotX:0.610, dotY:0.72, title:'Naczynia krwionosne i glebsze tkanki', desc:'Rzadko spotykany w lampach domowych. Poprawia ukrwienie i dociera do glebszych struktur tkankowych.',                                             badges:['krazenie','glebsze tkanki'],        tag:'Gleboka podczerwien' },
  { nm:'1270 nm', color:'#C07840', dotX:0.605, dotY:0.86, title:'Mitochondria i energia komorkowa',      desc:'Drugie okno biologiczne. Jedyna lampa na rynku z tym zakresem. Aktywuje mitochondria i wspiera produkcje ATP.',                                  badges:['mitochondria','ATP','energia'],     tag:'NIR-II tylko RedBoost' },
];
const LAMP_X = 0.30;
const VW = 1000, VH = 480;

const makePath = (w, t, isActive) => {
  const x0 = LAMP_X * VW;
  const x1 = w.dotX * VW;
  const y0 = w.dotY * VH;
  const amp = isActive ? 7 : 4;
  const freq = isActive ? 0.020 : 0.014;
  const speed = isActive ? t * 2.0 : t * 1.0;
  const pts = [];
  for (let s = 0; s <= 80; s++) {
    const frac = s / 80;
    const x = x0 + (x1 - x0) * frac;
    const env = Math.sin(frac * Math.PI);
    const y = y0 + Math.sin(frac * 10 * Math.PI * freq * (x1 - x0) / 100 - speed) * amp * env;
    pts.push(x + ',' + y);
  }
  return 'M ' + pts.join(' L ');
};

const WavesLayer = ({ activeRef, onHover }) => {
  const svgRef = useRef(null);
  const rafRef = useRef(null);
  const tRef = useRef(0);
  const elRef = useRef([]);

  useEffect(() => {
    const svg = svgRef.current;
    if (!svg) return;
    const NS = 'http://www.w3.org/2000/svg';

    const defs = document.createElementNS(NS, 'defs');
    WAVES_CFG.forEach((w, i) => {
      const lg = document.createElementNS(NS, 'linearGradient');
      lg.setAttribute('id', 'wg'+i);
      lg.setAttribute('x1', '0%'); lg.setAttribute('y1', '0%');
      lg.setAttribute('x2', '100%'); lg.setAttribute('y2', '0%');
      const s1 = document.createElementNS(NS, 'stop');
      s1.setAttribute('offset', '0%');
      s1.setAttribute('stop-color', w.color);
      s1.setAttribute('stop-opacity', '0');
      const s2 = document.createElementNS(NS, 'stop');
      s2.setAttribute('offset', '60%');
      s2.setAttribute('stop-color', w.color);
      s2.setAttribute('stop-opacity', '1');
      const s3 = document.createElementNS(NS, 'stop');
      s3.setAttribute('offset', '100%');
      s3.setAttribute('stop-color', w.color);
      s3.setAttribute('stop-opacity', '0.3');
      lg.appendChild(s1); lg.appendChild(s2); lg.appendChild(s3);
      defs.appendChild(lg);
    });
    svg.appendChild(defs);

    elRef.current = WAVES_CFG.map((w, i) => {
      const g = document.createElementNS(NS, 'g');

      const wide = document.createElementNS(NS, 'path');
      wide.setAttribute('fill', 'none');
      wide.setAttribute('stroke', w.color);
      wide.setAttribute('stroke-linecap', 'round');
      wide.setAttribute('stroke-width', '14');
      wide.setAttribute('opacity', '0');

      const mid = document.createElementNS(NS, 'path');
      mid.setAttribute('fill', 'none');
      mid.setAttribute('stroke', w.color);
      mid.setAttribute('stroke-linecap', 'round');
      mid.setAttribute('stroke-width', '5');
      mid.setAttribute('opacity', '0.45');

      const core = document.createElementNS(NS, 'path');
      core.setAttribute('fill', 'none');
      core.setAttribute('stroke', w.color);
      core.setAttribute('stroke-linecap', 'round');
      core.setAttribute('stroke-width', '1.5');
      core.setAttribute('opacity', '0.9');

      const dot = document.createElementNS(NS, 'circle');
      dot.setAttribute('fill', w.color);
      dot.setAttribute('cx', String(w.dotX * VW));
      dot.setAttribute('cy', String(w.dotY * VH));
      dot.setAttribute('r', '5');
      dot.setAttribute('opacity', '0.7');

      const ring1 = document.createElementNS(NS, 'circle');
      ring1.setAttribute('fill', 'none');
      ring1.setAttribute('stroke', w.color);
      ring1.setAttribute('stroke-width', '1.2');
      ring1.setAttribute('cx', String(w.dotX * VW));
      ring1.setAttribute('cy', String(w.dotY * VH));
      ring1.setAttribute('opacity', '0');

      const ring2 = document.createElementNS(NS, 'circle');
      ring2.setAttribute('fill', 'none');
      ring2.setAttribute('stroke', w.color);
      ring2.setAttribute('stroke-width', '0.6');
      ring2.setAttribute('cx', String(w.dotX * VW));
      ring2.setAttribute('cy', String(w.dotY * VH));
      ring2.setAttribute('opacity', '0');

      const hit = document.createElementNS(NS, 'circle');
      hit.setAttribute('fill', 'transparent');
      hit.setAttribute('cursor', 'pointer');
      hit.setAttribute('cx', String(w.dotX * VW));
      hit.setAttribute('cy', String(w.dotY * VH));
      hit.setAttribute('r', '26');
      hit.addEventListener('mouseenter', () => onHover(i));
      hit.addEventListener('mouseleave', () => onHover(null));

      g.appendChild(wide); g.appendChild(mid); g.appendChild(core);
      g.appendChild(dot); g.appendChild(ring1); g.appendChild(ring2);
      g.appendChild(hit);
      svg.appendChild(g);
      return { wide, mid, core, dot, ring1, ring2 };
    });

    const render = () => {
      tRef.current += 0.016;
      const t = tRef.current;
      WAVES_CFG.forEach((w, i) => {
        const isActive = activeRef.current === i;
        const d = makePath(w, t, isActive);
        const { wide, mid, core, dot, ring1, ring2 } = elRef.current[i];

        wide.setAttribute('d', d);
        wide.setAttribute('opacity', isActive ? '0.12' : '0.04');
        wide.setAttribute('stroke-width', isActive ? '18' : '12');

        mid.setAttribute('d', d);
        mid.setAttribute('opacity', isActive ? '0.35' : '0.18');
        mid.setAttribute('stroke-width', isActive ? '7' : '4');

        core.setAttribute('d', d);
        core.setAttribute('opacity', isActive ? '1' : '0.7');
        core.setAttribute('stroke-width', isActive ? '2' : '1.5');

        const pr = isActive ? 7 + Math.sin(t * 3) * 2 : 5;
        dot.setAttribute('r', String(pr));
        dot.setAttribute('opacity', isActive ? '1' : '0.7');

        if (isActive) {
          const pr1 = pr + 8;
          const pr2 = pr + 18;
          ring1.setAttribute('r', String(pr1 + Math.sin(t * 2.5) * 2));
          ring1.setAttribute('opacity', '0.45');
          ring2.setAttribute('r', String(pr2 + Math.sin(t * 2) * 3));
          ring2.setAttribute('opacity', '0.2');
        } else {
          ring1.setAttribute('opacity', '0');
          ring2.setAttribute('opacity', '0');
        }
      });
      rafRef.current = requestAnimationFrame(render);
    };
    render();
    return () => cancelAnimationFrame(rafRef.current);
  }, []);

  return /*#__PURE__*/React.createElement('svg', {
    ref: svgRef,
    style: { position:'absolute', inset:0, width:'100%', height:'100%', zIndex:3 },
    viewBox: '0 0 '+VW+' '+VH,
    preserveAspectRatio: 'none'
  });
};

const CustomerNeeds = ({ accentColor }) => {
  const [active, setActive] = useState(null);
  const activeRef = useRef(null);

  const handleHover = idx => {
    activeRef.current = idx;
    setActive(idx);
  };

  const w = active !== null ? WAVES_CFG[active] : null;

  return /*#__PURE__*/React.createElement('section', {
    style: { background:'#000', padding:'clamp(48px,7vw,80px) clamp(24px,6vw,80px)' }
  },
    /*#__PURE__*/React.createElement('div', { style:{ maxWidth:'1100px', margin:'0 auto' } },
      /*#__PURE__*/React.createElement('div', { style:{ textAlign:'center', marginBottom:'32px' } },
        /*#__PURE__*/React.createElement('p', { style:{ fontSize:'12px', letterSpacing:'0.15em', textTransform:'uppercase', color:accentColor, marginBottom:'12px', fontWeight:600 } }, 'Jak działa RedBoost'),
        /*#__PURE__*/React.createElement('h2', { style:{ fontSize:'clamp(28px,4vw,48px)', fontWeight:700, color:'#ffffff', lineHeight:1.1, marginBottom:'10px' } }, 'Jedno urządzenie. Sześć fal. Działa głębiej, niż widać.'),
        /*#__PURE__*/React.createElement('p', { style:{ fontSize:'14px', color:'rgba(255,255,255,.75)', maxWidth:'460px', margin:'0 auto', lineHeight:1.6, fontWeight:500 } }, 'Najedź na punkt na sylwetce lub na kartę poniżej.')
      ),
      /*#__PURE__*/React.createElement('div', { style:{ position:'relative', overflow:'hidden', background:'#000', borderRadius:'8px' } },
        /*#__PURE__*/React.createElement('img', {
          src:'https://redboost.pl/wp-content/uploads/2026/07/ChatGPT-Image-19-cze-2026-09_41_27-1.png',
          alt:'RedBoost 6 długości fal światła czerwonego i podczerwieni — schemat działania na organizm',
          loading:'lazy',
          style:{ width:'100%', height:'auto', display:'block' }
        })
      ),
      w ? /*#__PURE__*/React.createElement('div', {
        style:{ background:'#130808', padding:'16px 24px', display:'grid', gridTemplateColumns:'80px 1fr', gap:'16px', alignItems:'start', borderLeft:'3px solid '+w.color, marginTop:'1px', minHeight:'100px' }
      },
        /*#__PURE__*/React.createElement('div', null,
          /*#__PURE__*/React.createElement('div', { style:{ fontSize:'26px', fontWeight:700, color:'#ffffff', lineHeight:1, marginBottom:'6px' } }, w.nm),
          /*#__PURE__*/React.createElement('span', { style:{ fontSize:'9px', color:'rgba(255,255,255,.6)', border:'1px solid rgba(255,255,255,.2)', borderRadius:'20px', padding:'2px 8px', display:'inline-block', letterSpacing:'.04em', textTransform:'uppercase' } }, w.tag)
        ),
        /*#__PURE__*/React.createElement('div', null,
          /*#__PURE__*/React.createElement('div', { style:{ fontSize:'17px', fontWeight:700, color:'#ffffff', marginBottom:'6px' } }, w.title),
          /*#__PURE__*/React.createElement('p', { style:{ fontSize:'14px', color:'rgba(255,255,255,.85)', lineHeight:1.7, margin:'0 0 10px' } }, w.desc),
          /*#__PURE__*/React.createElement('div', { style:{ display:'flex', flexWrap:'wrap', gap:'5px' } },
            w.badges.map(b => /*#__PURE__*/React.createElement('span', { key:b, style:{ fontSize:'10px', color:'rgba(255,255,255,.45)', border:'1px solid rgba(255,255,255,.15)', borderRadius:'20px', padding:'2px 9px' } }, b))
          )
        )
      ) : /*#__PURE__*/React.createElement('div', {
        style:{ background:'#0a0404', padding:'16px 24px', marginTop:'1px', minHeight:'100px', display:'flex', alignItems:'center' }
      },
        /*#__PURE__*/React.createElement('p', { style:{ fontSize:'13px', color:'rgba(255,255,255,.55)', margin:0, letterSpacing:'.04em', fontWeight:500 } }, '←  Najedź na punkt lub na kartę poniżej')
      ),
      /*#__PURE__*/React.createElement('div', { style:{ display:'grid', gridTemplateColumns:'repeat(6,1fr)', gap:'1px', background:'#ddd', marginTop:'1px' } },
        WAVES_CFG.map((wave, i) => /*#__PURE__*/React.createElement('div', {
          key:i,
          onMouseEnter:() => handleHover(i),
          onMouseLeave:() => handleHover(null),
          style:{ background:active===i?'#fff':'#f5f0ee', padding:'16px 14px', cursor:'pointer', borderTop:'3px solid '+(active===i?wave.color:'transparent'), transition:'background .2s, border-color .2s' }
        },
          /*#__PURE__*/React.createElement('div', { style:{ fontSize:'15px', fontWeight:700, color:active===i?wave.color:'#1a0a0a', marginBottom:'4px', letterSpacing:'-0.01em', transition:'color .2s' } }, wave.nm),
          /*#__PURE__*/React.createElement('div', { style:{ fontSize:'10px', color:'#6b4040', textTransform:'uppercase', letterSpacing:'.05em', lineHeight:1.4, fontWeight:500 } }, wave.tag)
        ))
      ),
      /*#__PURE__*/React.createElement('div', { style:{ display:'grid', gridTemplateColumns:'repeat(3,1fr)', gap:'1px', background:'rgba(255,255,255,.06)', marginTop:'1px' } },
        [
          { color:'#FF3311', title:'Okno biologiczne I',                sub:'630 + 660 nm · skóra · kolagen' },
          { color:'#CC1A00', title:'Okno biologiczne I + II',           sub:'830 + 850 nm · mięśnie · stawy' },
          { color:'#8B2800', title:'Okno biologiczne II · unikalne', sub:'1064 + 1270 nm · mitochondria · tylko RedBoost' },
        ].map(f => /*#__PURE__*/React.createElement('div', { key:f.title, style:{ background:'#060202', padding:'11px 16px', display:'flex', alignItems:'center', gap:'8px' } },
          /*#__PURE__*/React.createElement('div', { style:{ width:'5px', height:'5px', borderRadius:'50%', background:f.color, flexShrink:0 } }),
          /*#__PURE__*/React.createElement('div', null,
            /*#__PURE__*/React.createElement('p', { style:{ fontSize:'12px', fontWeight:600, color:'#ffffff', margin:'0 0 2px' } }, f.title),
            /*#__PURE__*/React.createElement('p', { style:{ fontSize:'11px', color:'rgba(255,255,255,.55)', margin:0 } }, f.sub)
          )
        ))
      )
    )
  );
};


// ─── CookieBanner ─────────────────────────────────────────────────────────────
const CookieBanner = ({ accentColor }) => {
  const [visible, setVisible] = React.useState(false);
  const [showPrefs, setShowPrefs] = React.useState(false);
  const [prefs, setPrefs] = React.useState({ analytics: true, marketing: false });

  React.useEffect(() => {
    try {
      const consent = localStorage.getItem('rb_cookie_consent');
      if (!consent) setTimeout(() => setVisible(true), 1000);
    } catch(e) {}
  }, []);

  const save = (type) => {
    const val = type === 'all'
      ? JSON.stringify({ necessary: true, analytics: true, marketing: true })
      : JSON.stringify({ necessary: true, analytics: prefs.analytics, marketing: prefs.marketing });
    try { localStorage.setItem('rb_cookie_consent', val); } catch(e) {}
    setVisible(false);
    setShowPrefs(false);
  };

  const Toggle = ({ checked, onChange, label, desc, locked }) =>
    /*#__PURE__*/React.createElement('div', {
      style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', padding: '12px 0', borderBottom: '1px solid #eee' }
    },
      /*#__PURE__*/React.createElement('div', { style: { flex: 1, paddingRight: '16px' } },
        /*#__PURE__*/React.createElement('div', { style: { fontSize: '14px', fontWeight: 600, color: '#111', marginBottom: '2px' } }, label),
        /*#__PURE__*/React.createElement('div', { style: { fontSize: '12px', color: '#666', lineHeight: 1.5 } }, desc)
      ),
      /*#__PURE__*/React.createElement('div', {
        onClick: locked ? null : () => onChange(!checked),
        style: {
          width: '40px', height: '22px', borderRadius: '11px', flexShrink: 0, marginTop: '2px',
          background: checked ? '#111' : '#ddd',
          cursor: locked ? 'not-allowed' : 'pointer',
          position: 'relative', transition: 'background 0.2s',
          opacity: locked ? 0.5 : 1,
        }
      },
        /*#__PURE__*/React.createElement('div', {
          style: {
            position: 'absolute', top: '3px',
            left: checked ? '21px' : '3px',
            width: '16px', height: '16px', borderRadius: '50%',
            background: '#fff', transition: 'left 0.2s',
            boxShadow: '0 1px 3px rgba(0,0,0,0.3)',
          }
        })
      )
    );

  if (!visible) return null;

  return /*#__PURE__*/React.createElement(React.Fragment, null,
    /*#__PURE__*/React.createElement('div', {
      style: { position: 'fixed', inset: 0, background: 'rgba(0,0,0,0.5)', zIndex: 99998 },
      onClick: null
    }),
    /*#__PURE__*/React.createElement('div', {
      style: {
        position: 'fixed', top: '50%', left: '50%',
        transform: 'translate(-50%, -50%)',
        zIndex: 99999, maxWidth: '480px', width: 'calc(100% - 40px)',
        background: '#fff', borderRadius: '8px', padding: '32px',
        boxShadow: '0 8px 40px rgba(0,0,0,0.25)', boxSizing: 'border-box',
        fontFamily: 'Outfit, sans-serif',
      }
    },
      !showPrefs
        ? /*#__PURE__*/React.createElement(React.Fragment, null,
            /*#__PURE__*/React.createElement('div', { style: { fontSize: '18px', fontWeight: 700, color: '#111', marginBottom: '12px' } }, 'Cookies'),
            /*#__PURE__*/React.createElement('p', { style: { fontSize: '13px', color: '#444', lineHeight: 1.6, marginBottom: '24px' } },
              'Obsługujemy pliki cookies. Jeśli uważasz, że to jest ok, po prostu kliknij "Zaakceptuj wszystko". Możesz też wybrać jakie cookies akceptujesz. Więcej w ',
              /*#__PURE__*/React.createElement('a', { href: '/polityka-prywatnosci', style: { color: '#111', textDecoration: 'underline' } }, 'polityce prywatności'), '.'
            ),
            /*#__PURE__*/React.createElement('div', { style: { display: 'flex', gap: '10px', justifyContent: 'flex-end' } },
              /*#__PURE__*/React.createElement('button', {
                onClick: () => setShowPrefs(true),
                style: { background: '#fff', color: '#111', border: '1px solid #ccc', padding: '11px 22px', borderRadius: '6px', cursor: 'pointer', fontFamily: 'Outfit, sans-serif', fontSize: '14px', fontWeight: 500 }
              }, 'Ustawienia'),
              /*#__PURE__*/React.createElement('button', {
                onClick: () => save('all'),
                style: { background: '#111', color: '#fff', border: 'none', padding: '11px 22px', borderRadius: '6px', cursor: 'pointer', fontFamily: 'Outfit, sans-serif', fontSize: '14px', fontWeight: 600 }
              }, 'Zaakceptuj wszystko')
            )
          )
        : /*#__PURE__*/React.createElement(React.Fragment, null,
            /*#__PURE__*/React.createElement('div', { style: { fontSize: '18px', fontWeight: 700, color: '#111', marginBottom: '4px' } }, 'Ustawienia cookies'),
            /*#__PURE__*/React.createElement('p', { style: { fontSize: '12px', color: '#666', marginBottom: '16px', lineHeight: 1.5 } }, 'Wybierz które cookies akceptujesz.'),
            /*#__PURE__*/React.createElement(Toggle, {
              checked: true, locked: true, onChange: () => {},
              label: 'Niezbędne',
              desc: 'Sesja, bezpieczeństwo i podstawowe funkcje strony. Zawsze aktywne.'
            }),
            /*#__PURE__*/React.createElement(Toggle, {
              checked: prefs.analytics, locked: false,
              onChange: v => setPrefs(p => ({ ...p, analytics: v })),
              label: 'Analityczne',
              desc: 'Google Analytics — anonimowe dane o ruchu, pomóc w ulepszaniu strony.'
            }),
            /*#__PURE__*/React.createElement(Toggle, {
              checked: prefs.marketing, locked: false,
              onChange: v => setPrefs(p => ({ ...p, marketing: v })),
              label: 'Marketingowe',
              desc: 'Retargeting i personalizacja reklam. Aktualnie nieaktywne.'
            }),
            /*#__PURE__*/React.createElement('div', { style: { display: 'flex', gap: '10px', justifyContent: 'flex-end', marginTop: '16px' } },
              /*#__PURE__*/React.createElement('button', {
                onClick: () => setShowPrefs(false),
                style: { background: '#fff', color: '#111', border: '1px solid #ccc', padding: '11px 22px', borderRadius: '6px', cursor: 'pointer', fontFamily: 'Outfit, sans-serif', fontSize: '14px' }
              }, '← Wróć'),
              /*#__PURE__*/React.createElement('button', {
                onClick: () => save('custom'),
                style: { background: '#111', color: '#fff', border: 'none', padding: '11px 22px', borderRadius: '6px', cursor: 'pointer', fontFamily: 'Outfit, sans-serif', fontSize: '14px', fontWeight: 600 }
              }, 'Zapisz')
            )
          )
    )
  );
};


const App = () => {
  const [stickyVisible, setStickyVisible] = useState(false);
  const [scrollY, setScrollY] = useState(0);
  useEffect(() => {
    const onScroll = () => {
      setStickyVisible(window.scrollY > 500);
      setScrollY(window.scrollY);
    };
    window.addEventListener('scroll', onScroll, {
      passive: true
    });
    return () => window.removeEventListener('scroll', onScroll);
  }, []);
  const accent = "#C8291E";
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BenefitBar, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(StickyHeader, {
    visible: stickyVisible,
    accentColor: accent
  }), /*#__PURE__*/React.createElement(HeroSection, {
    accentColor: accent,
    darkHero: true
  }), /*#__PURE__*/React.createElement(AuthorityBar, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(ProblemSection, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(SolutionIntro, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(HowItWorks, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(BenefitsPillars, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(ModelSection, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(ComparisonTable, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(VideoSection, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(ReviewsSection, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(FounderSection, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(BuyBox, {
    accentColor: accent,
    showBundle: false
  }), /*#__PURE__*/React.createElement(RiskSection, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(FAQSection, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(FinalCTA, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(Footer, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(BackToTop, {
    scrollY: scrollY,
    accentColor: accent
  }), /*#__PURE__*/React.createElement(CookieBanner, {
    accentColor: accent
  }), /*#__PURE__*/React.createElement(SEOContent, null));
};

ReactDOM.createRoot(document.getElementById('redboost-root')).render(/*#__PURE__*/React.createElement(App, null));

const SEOContent = () => /*#__PURE__*/React.createElement("div", {
  style: { position: 'absolute', width: '1px', height: '1px', overflow: 'hidden', clip: 'rect(0,0,0,0)', whiteSpace: 'nowrap' },
  "aria-hidden": "true"
},
  /*#__PURE__*/React.createElement("h2", null, "Lampa do terapii \u015bwiat\u0142em czerwonym i podczerwieni\u0105 \u2014 RedBoost"),
  /*#__PURE__*/React.createElement("p", null, "RedBoost to domowa lampa LED podczerwień i \u015bwiat\u0142a czerwonego, stworzona przez polsk\u0105 mark\u0119 EyeShield. Lampa na podczerwień RedBoost emituje \u015bwiat\u0142o w 6 d\u0142ugo\u015bciach fal: 630 nm, 660 nm, 830 nm, 850 nm, 1064 nm i 1270 nm."),
  /*#__PURE__*/React.createElement("h3", null, "Terapia \u015bwiat\u0142em czerwonym w domu \u2014 jak dzia\u0142a?"),
  /*#__PURE__*/React.createElement("p", null, "Terapia \u015bwiat\u0142em czerwonym, zwana r\xF3wnie\u017C fotobiomodulacj\u0105, polega na dostarczaniu organizmowi biologicznie aktywnego \u015bwiat\u0142a stymuluj\u0105cego procesy regeneracyjne na poziomie kom\xF3rkowym. Lampa do \u015bwiat\u0142a czerwonego RedBoost dzia\u0142a poprzez aktywacj\u0119 mitochondri\xF3w, wspieraj\u0105c produkcj\u0119 energii ATP i przyspieszaj\u0105c naturaln\u0105 regeneracj\u0119."),
  /*#__PURE__*/React.createElement("h3", null, "Lampa LED podczerwień \u2014 zastosowania i korzy\u015bci"),
  /*#__PURE__*/React.createElement("p", null, "Regularne stosowanie lampy LED podczerwień mo\u017Ce wspiera\u0107 regeneracj\u0119 mi\u0119\u015bni po treningu, \u0142agodzi\u0107 b\xF3le staw\xF3w i kr\u0119gos\u0142upa, poprawia\u0107 jako\u015b\u0107 snu, zwi\u0119ksza\u0107 poziom energii oraz poprawia\u0107 kondycj\u0119 i wygl\u0105d sk\xF3ry. Lampa na podczerwień RedBoost jest szczeg\xF3lnie polecana osobom aktywnym fizycznie, pracuj\u0105cym przy biurku oraz zmagaj\u0105cym si\u0119 z przewlek\u0142ym zm\u0119czeniem."),
  /*#__PURE__*/React.createElement("h3", null, "RedBoost vs RedBoost Mini \u2014 kt\xF3ra lampa jest dla mnie?"),
  /*#__PURE__*/React.createElement("p", null, "RedBoost to pe\u0142nowymiarowa lampa do terapii \u015bwiat\u0142em czerwonym o wymiarach 64\xD730 cm i mocy 900 W, idealna do na\u015bwietlania du\u017Cych obszar\xF3w cia\u0142a. RedBoost Mini to kompaktowa lampa LED podczerwień o wymiarach 26\xD721,5 cm i mocy 300 W, przeznaczona do precyzyjnych sesji miejscowych \u2014 twarzy, karku, staw\xF3w. Obie lampy oferuj\u0105 identyczne spektrum 6 d\u0142ugo\u015bci fal."),
  /*#__PURE__*/React.createElement("h3", null, "Czerwone \u015bwiat\u0142o na regeneracj\u0119 mi\u0119\u015bni"),
  /*#__PURE__*/React.createElement("p", null, "Lampa do \u015bwiat\u0142a czerwonego jest ceniona przez sportowc\xF3w i osoby aktywne fizycznie. Czerwone \u015bwiat\u0142o na regeneracj\u0119 mi\u0119\u015bni dzia\u0142a poprzez zwi\u0119kszenie przep\u0142ywu krwi, redukcj\u0119 stan\xF3w zapalnych i przyspieszenie syntezy bia\u0142ek mi\u0119\u015bniowych. Regularne stosowanie lampy red boost po treningu mo\u017Ce skr\xF3ci\u0107 czas regeneracji i zmniejszy\u0107 zak\u0142asy."),
  /*#__PURE__*/React.createElement("h3", null, "Lampa podczerwień na stawy i b\xF3l kr\u0119gos\u0142upa"),
  /*#__PURE__*/React.createElement("p", null, "Lampa na podczerwień RedBoost emituje fale 830 nm, 850 nm, 1064 nm i 1270 nm, kt\xF3re przenikaj\u0105 g\u0142\u0119boko do tkanek, wspieraj\u0105c redukcj\u0119 stan\xF3w zapalnych i regeneracj\u0119 tkanek mi\u0119kkich. Domowa lampa podczerwień pozwala korzysta\u0107 z dobrodziejstw fototerapii bez wychodzenia z domu."),
  /*#__PURE__*/React.createElement("h3", null, "Czerwone \u015bwiat\u0142o na sk\xF3r\u0119 \u2014 kolagen i odm\u0142adzanie"),
  /*#__PURE__*/React.createElement("p", null, "\u015awiat\u0142o czerwone 630 nm i 660 nm stymuluje fibroblasty do produkcji kolagenu i elastyny, przyspiesza gojenie i wyr\xF3wnuje koloryt sk\xF3ry. Regularne stosowanie lampy LED podczerwień sprawia, \u017Ce sk\xF3ra wygl\u0105da na bardziej promienn\u0105 i wypoczynt\u0105."),
  /*#__PURE__*/React.createElement("h3", null, "Czerwone \u015bwiat\u0142o na sen i energi\u0119"),
  /*#__PURE__*/React.createElement("p", null, "Wieczorna sesja z lamp\u0105 do terapii \u015bwiat\u0142em czerwonym mo\u017Ce wspiera\u0107 naturaln\u0105 produkcj\u0119 melatoniny i u\u0142atwia\u0107 zasypianie. W przeciwie\u0144stwie do niebieskiego \u015bwiat\u0142a ekran\xF3w, czerwone \u015bwiat\u0142o nie zaburza rytmu dobowego. Poranna sesja z lamp\u0105 red boost wspiera energi\u0119 i samopoczucie \u2014 szczeg\xF3lnie jesieni\u0105 i zim\u0105."),
  /*#__PURE__*/React.createElement("h3", null, "Fotobiomodulacja \u2014 co to jest?"),
  /*#__PURE__*/React.createElement("p", null, "Fotobiomodulacja to nieinwazyjna terapia \u015bwiat\u0142em stymuluj\u0105ca procesy kom\xF3rkowe. Lampa do fotobiomodulacji RedBoost nie emituje promieniowania UV \u2014 dzia\u0142a wy\u0142\u0105cznie w zakresie \u015bwiat\u0142a czerwonego i bliskiej podczerwieni, co czyni j\u0105 bezpieczn\u0105 do codziennego stosowania w domu."),
  /*#__PURE__*/React.createElement("h3", null, "Lampa do terapii \u015bwiat\u0142em czerwonym \u2014 cena i raty 0%"),
  /*#__PURE__*/React.createElement("p", null, "Lampa RedBoost dost\u0119pna jest w cenie 4098 z\u0142, a RedBoost Mini w cenie 2298 z\u0142. Obie lampy na podczerwień mo\u017Cna kupi\u0107 w 5 wygodnych ratach 0% przez Przelewy24 Raty \u2014 RedBoost od 819,60 z\u0142 miesi\u0119cznie, RedBoost Mini od 459,60 z\u0142 miesi\u0119cznie. Na zakup przys\u0142uguje 30-dniowe prawo do zwrotu i 2 lata gwarancji.")
);