From a2305319e155fb24c5698e1bfb6c73f57dabbd18 Mon Sep 17 00:00:00 2001
From: DanielS <daniel.schumacher@caspos.de>
Date: Thu, 6 Aug 2026 17:21:36 +0200
Subject: [PATCH] feat(ui): add scroll indicator component

---
 shop/components/ScrollIndicator.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 shop/components/ScrollIndicator.tsx

diff --git a/shop/components/ScrollIndicator.tsx b/shop/components/ScrollIndicator.tsx
new file mode 100644
index 0000000..7d6dd1f
--- /dev/null
+++ b/shop/components/ScrollIndicator.tsx
@@ -0,0 +1,20 @@
+'use client'
+
+import React from 'react'
+import { motion, useScroll, useSpring } from 'framer-motion'
+
+export function ScrollIndicator() {
+  const { scrollYProgress } = useScroll()
+  const scaleX = useSpring(scrollYProgress, {
+    stiffness: 100,
+    damping: 30,
+    restDelta: 0.001
+  })
+
+  return (
+    <motion.div
+      className="fixed top-0 left-0 right-0 h-[3px] bg-gradient-to-r from-blue-600 via-cyan-400 to-emerald-400 origin-left z-50 pointer-events-none shadow-[0_0_12px_rgba(59,130,246,0.8)]"
+      style={{ scaleX }}
+    />
+  )
+}