Spinning Badge Call to Action - Circular Text Animation

Add a high-fashion, agency-style touch to your footer with the Spinning Badge CTA. This section replaces the traditional rectangular button with a dynamic, circular text badge that rotates continuously.

The badge consists of an SVG text path that curves your call-to-action (e.g., "Start a Project") into a perfect circle. A central arrow anchors the design. When a user hovers over the badge, the element scales up and the rotation speed accelerates, creating a satisfying kinetic response that encourages clicking.

The layout pairs this interactive element with a massive, editorial-style headline. The contrast between the static, heavy text on the left and the delicate, moving circle on the right creates a balanced and sophisticated visual hierarchy suitable for portfolios, fashion brands, and digital agencies.

Key Features:

• SVG Text Path: Renders crisp, selectable text along a curved path (no blurry images).
• Continuous Rotation: A smooth CSS animation keeps the badge in motion, drawing attention even when idle.
• Kinetic Hover State: The badge scales up and spins faster on interaction, providing immediate feedback.
• Editorial Typography: Large, tight-leading headlines create a confident brand voice.
• Scalable Vector Graphics: Both the text ring and the icon are SVGs, ensuring they look sharp on retina screens of any size.