Glow Text

Create a React + TypeScript component `GlowText` producing violet neon-tube lettering that breathes, with an ambient halo and a floor reflection — dark club aesthetic, fully CSS-driven.

Requirements:
- Background: `#0a0512` with a large violet radial glow behind the text.
- Text: `font-black uppercase text-7xl md:text-9xl tracking-wide`, color `#e9d5ff`.
- Neon effect via layered `textShadow`: `0 0 6px #c084fc, 0 0 18px #a855f7, 0 0 42px #7c3aed, 0 0 90px #6d28d9`. Build the string from a `glowColor` prop.
- Breathing: Framer Motion `animate={{ opacity: [1, 0.86, 1], filter: ['brightness(1)','brightness(1.25)','brightness(1)'] }}` with `duration: 3.2, repeat: Infinity, ease: 'easeInOut'`.
- Flicker on mount: a keyframe sequence `opacity: [0, 1, 0.2, 1, 0.4, 1]` over 0.9s before the loop starts (chain with a second `animate` after `onAnimationComplete` or use a keyframed times array).
- Halo: an `aria-hidden` duplicate behind with `blur-[40px] opacity-60`.
- Floor reflection: duplicate with `scaleY(-1) opacity-30 blur-sm` and a bottom-fading mask.
- Hover: intensify the shadow (stronger blur radii) with a 250ms transition.
- Props: `text`, `glowColor?`, `speed?`. Strict TS, responsive, `prefers-reduced-motion` disables the loop and flicker. React + Tailwind + Framer Motion only.


---

TECHNICAL SPEC (must be respected)

Stack:
- React 18 + TypeScript (strict), Tailwind CSS, Framer Motion
- No extra animation library, no canvas unless explicitly required

Design tokens:
- Base background #0a0a0f, surfaces rgba(255,255,255,0.04)
- Borders rgba(255,255,255,0.08), primary violet #8b5cf6, secondary #a855f7
- Radius 20-28px, backdrop-blur(24px), inner highlight inset 0 1px 0 rgba(255,255,255,0.12)
- Typography: tight tracking on headings (-0.02em), 15-16px body, muted text at 60% opacity

Motion rules:
- Entrance: opacity 0 -> 1, y 24 -> 0, duration 0.7s, ease [0.16, 1, 0.3, 1]
- Stagger children by 0.06s, trigger with useInView({ once: true, margin: "-80px" })
- Hover: translateY(-6px) + soft violet glow, 250ms
- Animate only transform, opacity and filter. 60fps, will-change on animated layers
- Respect prefers-reduced-motion: disable loops, keep final states

Quality bar:
- Fully responsive (mobile-first, no horizontal scroll)
- Accessible: semantic HTML, focus-visible rings, contrast AA
- No layout shift, no dummy lorem ipsum, realistic copy
- Clean, reusable, production-ready components with typed props

Deliver the complete code, ready to paste, with no placeholder comments.