Professional Blocks Suite

A comprehensive collection of 11 professional Gutenberg blocks for WordPress, including advanced heading, buttons, sliders, testimonials, and more.

🚀 Features

• 11 Professional Blocks - Essential blocks for modern websites
• Native Gutenberg Integration - Built using only native WordPress components
• Responsive Design - Mobile-friendly and responsive
• Accessibility Compliant - ARIA labels and keyboard navigation
• Performance Optimized - Lightweight and fast-loading
• Translation Ready - Full internationalization support

📦 Included Blocks

1. Advanced Heading - Customizable headings with typography controls
2. Professional Button - Multiple styles with hover effects and icons
3. Feature Box - Highlight features with icons and descriptions
4. Testimonial - Display customer testimonials with ratings
5. Team Member - Showcase team members with social links
6. Content Slider - Engaging content sliders with navigation ⭐
7. Call to Action - Compelling call-to-action sections
8. Icon List - Lists with custom icons
9. Progress Bar - Animated progress bars
10. Pricing Table - Attractive pricing tables
11. Alert Notification - Important alerts and notifications

🎯 Content Slider (Main Feature)

The Content Slider block offers:

• Multiple slide support with easy management
• Navigation controls (arrows and dots)
• Auto-play with customizable delay
• Transition effects (slide and fade)
• Pause on hover functionality
• Infinite loop option
• Responsive behavior controls
• Full customization of navigation elements
• Background images and colors
• Content alignment options

🛠️ Development

Prerequisites

• Node.js 16+
• npm 8+
• WordPress 6.0+
• PHP 7.4+

Setup

1. Clone the repository:

git clone https://github.com/gabidoet/professional-blocks-suite.git
cd professional-blocks-suite

2. Install dependencies:

npm install

3. Start development:

npm start

4. Build for production:

npm run build

File Structure

professional-blocks-suite/
├── professional-blocks-suite.php    # Main plugin file
├── /blocks/                         # Block definitions
│   ├── /advanced-heading/
│   ├── /professional-button/
│   ├── /content-slider/            # Main feature
│   └── ...
├── /src/                           # Development files
│   ├── /blocks/                    # Block source code
│   └── index.js                    # Main entry point
├── /build/                         # Compiled assets
├── /includes/                      # PHP classes
└── /languages/                     # Translation files

📋 Requirements

• WordPress 6.0 or higher
• PHP 7.4 or higher
• Modern browser with ES6 support

🔧 Installation

1. Upload the plugin to /wp-content/plugins/professional-blocks-suite
2. Activate the plugin through WordPress admin
3. Blocks will appear in the "Professional Blocks Suite" category

🎨 Customization

Each block includes extensive customization options:

• Colors - Text, background, and accent colors
• Typography - Font size, weight, and style
• Spacing - Margins and padding controls
• Layout - Alignment and positioning options
• Effects - Hover states and animations

🌐 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

📝 License

This project is licensed under the GPL v2 or later - see the LICENSE file for details.

🤝 Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Add tests if applicable
5. Submit a pull request

📞 Support

• GitHub Issues: Report bugs or request features
• WordPress.org Support: Community support

🏆 Credits

Developed with ❤️ using WordPress coding standards and best practices.

📊 Stats

• 11 Blocks - Complete suite of professional blocks
• Responsive - Works on all device sizes
• Accessible - WCAG 2.1 AA compliant
• Fast - Optimized for performance
• Secure - Follows WordPress security guidelines