
=== Interactive Rotating Pills ===

Contributors:      WordPress Telex
Tags:              block, interactive, 3d, animation, pills, columns
Tested up to:      6.8
Stable tag:        0.1.0
License:           GPLv2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html

Create stunning interactive rotating 3D pills with customizable links and text.

== Description ==

The Interactive Rotating Pills block creates a visually striking two-column layout featuring 3D extruded pills that continuously rotate 360 degrees vertically. The left column features a blue pill while the right column displays a red pill. Each pill pauses its rotation when you hover over its respective column, creating an engaging user experience.

Key features:
* Two-column responsive layout with 3D rotating pills
* Blue pill on the left, red pill on the right
* Smooth 360-degree vertical rotation animation
* Hover-to-pause functionality for each column
* Clickable pills that link to custom URLs
* Editable text fields below each pill
* Full-screen expandable layout option
* Easy-to-use settings panel for URL configuration

Perfect for:
* Call-to-action sections
* Feature highlights
* Interactive navigation elements
* Promotional content
* Modern website design elements

== Installation ==

1. Upload the plugin files to the `/wp-content/plugins/interactive-rotating-pills` directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress
3. Add the block to any post or page using the block editor
4. Configure the URLs and text in the block settings
5. Customize the appearance to match your site design

== Frequently Asked Questions ==

= Can I change the colors of the pills? =

The block comes with predefined blue and red pills. Color customization can be added through custom CSS targeting the pill elements.

= Are the links SEO-friendly? =

Yes, the links are standard HTML anchor tags that are fully crawlable by search engines.

= Does it work on mobile devices? =

Yes, the block is fully responsive and adapts to mobile screens with touch-friendly interactions.

= Can I disable the rotation animation? =

The rotation is part of the core functionality, but you can pause it by hovering over each column.

== Screenshots ==

1. The interactive rotating pills block in the editor with settings panel
2. Front-end view showing the rotating 3D pills with text fields
3. Block settings panel for configuring URLs and options

== Changelog ==

= 0.1.0 =
* Initial release
* Two-column layout with rotating 3D pills
* Hover-to-pause functionality
* Customizable URLs and text
* Responsive design
* Full-screen layout option

== Technical Details ==

The block uses CSS 3D transforms and animations to create the rotating pill effect. JavaScript handles the mouse interaction events for pausing animations. The block is built with modern WordPress block development standards and follows accessibility guidelines.
