commit that shit

[ashworks1706]

No description provided.

[Copilot]

Pull request overview

This PR updates the Shop category section UI/interaction by simplifying hover-driven behavior and adding a persistent section title.

Changes:

• Removed hover state management and the hover-based scroll speed change for the background title animation.
• Added a static section title pinned to the top of the category card.
• Made product cards always visible on desktop (removed hover/opacity gating).

Comments suppressed due to low confidence (1)

src/components/Shop/CategorySection.tsx:146

• The background scrolling title appears to be decorative, but it’s rendered as repeated

  text without being hidden from assistive tech. This can cause screen readers to announce the title many times (and now there’s also a visible title at the top). Mark this decorative block as aria-hidden (or otherwise exclude it from the accessibility tree).

      {/* Background Title - Only render animation when in view */}
      {isInView && (
        <motion.div
          ref={scrollRef}
          className={`absolute inset-0 flex ${orientation === "vertical" ? "flex-col justify-center" : "items-center"} overflow-hidden pointer-events-none group-hover:opacity-10 transition-opacity duration-300 ease-in-out will-change-[opacity]`}
          initial={{ opacity: 0 }}
          animate={{ opacity: 0.3 }}
          exit={{ opacity: 0 }}
          transition={{ delay: 0.6, duration: 0.5 }}
          style={
            {
              transform: "translateZ(0)",
              backfaceVisibility: "hidden" as const,
            } as React.CSSProperties
          }
        >
          <div
            className={`${getScrollClass()} whitespace-nowrap flex ${orientation === "vertical" ? "flex-col" : ""}`}
            style={{
              transform: "translateZ(0)",
              willChange: "transform",
            }}
          >
            <h2 className={getTextClass()}>
              {title.toUpperCase()} {title.toUpperCase()} {title.toUpperCase()}{" "}
              {title.toUpperCase()} {title.toUpperCase()} {title.toUpperCase()}
            </h2>

[Copilot]

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.