=== PlexBlocks - CTA Section for Block Editor ===
Contributors: conicplex, husenmemon, sajilmemon
Tags: cta, call to action, block editor, gutenberg, landing page
Requires at least: 6.3
Tested up to: 7.1
Requires PHP: 7.4
Stable tag: 1.0.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Create conversion-focused call-to-action sections with media, trust points, and dual actions in the WordPress block editor.

== Description ==

**PlexBlocks - CTA Section for Block Editor** helps you build marketing-ready Call-to-Action (CTA) sections directly inside the WordPress Gutenberg block editor. Instead of combining multiple separate blocks or depending on heavy third-party page builders, this single block provides a complete, high-converting CTA layout tailored for landing pages, product announcements, lead capture, and promo banners.

### Key Features

* **4 Built-in Design Presets**: Quickly switch between Spotlight, Editorial, Dark Mode, and App Promo visual styles.
* **Flexible Layout Options**: Choose from Split (side-by-side media and copy), Centered, Banner, and App Stack layouts.
* **Dual Action Buttons**: Configure primary and secondary CTA buttons with individual links, labels, and target tab settings.
* **Media & Product Showcase**: Display hero images, mockups, or illustrations alongside your copy with rounded, device frame, or circular shape styling.
* **Trust & Proof Bullets**: Highlight key benefits, guarantees, or feature bullet points with polished visual icons.
* **Granular Style Controls**: Adjust card background, border color, text color, accent highlights, border radius, padding, max width, and content gaps directly from the block sidebar.
* **Lightweight & Fast**: Built natively for Gutenberg using server-side rendering for clean HTML output and fast page load speeds.

== Installation ==

1. Upload the plugin folder to your site's `/wp-content/plugins/` directory, or install it via the WordPress Admin plugin uploader.
2. Activate **PlexBlocks - CTA Section for Block Editor** through the 'Plugins' menu in WordPress.
3. Open any page or post in the block editor, click the `+` block inserter, and select **CTA Section** (under the PlexBlocks category).

== Configuration & Usage ==

Configuring and using **PlexBlocks - CTA Section for Block Editor** is quick and intuitive:

1. **Adding the Block**: Open any post or page in the block editor. Click the `+` block inserter icon, search for **CTA Section**, and select it (located in the **PlexBlocks** category). You can also type `/cta` in a new block line.
2. **Selecting a Design Preset**: In the block inspector panel on the right sidebar, open the **Content** tab and choose a design preset (**Spotlight**, **Editorial**, **Dark**, or **App Promo**).
3. **Choosing a Layout**: Select your preferred layout format:
   - **Split**: Displays copy on one side and showcase media on the other.
   - **Centered**: Centers copy and action buttons.
   - **Banner**: Creates a compact inline banner for quick callouts.
   - **App Stack**: Formats copy and media for app promo sections.
4. **Editing Copy & Details**: Customize the text fields directly in the sidebar:
   - **Eyebrow / Badge**: Set a small pre-heading tag (e.g., "New Feature" or "Limited Offer").
   - **Heading & Body Text**: Craft your main value proposition and body text.
   - **Supporting Text**: Add secondary context or pricing notes.
   - **Feature List**: Enter key highlights or trust points, one item per line.
5. **Setting Up Action Buttons**: Under the **Actions** tab:
   - Configure **Primary Button Label**, **Primary Button URL**, and toggle whether to open in a new tab.
   - Configure optional **Secondary Button Label**, **Secondary Button URL**, and target settings.
6. **Adding Media**: Under the **Media** tab:
   - Upload or select an image from your Media Library.
   - Choose a media shape (**Rounded**, **Device Frame**, or **Circle**) and set alt text.
7. **Customizing Styles**: Under the **Style** tab:
   - Fine-tune visual appearance with controls for **Card Background**, **Border Color**, **Text Color**, **Accent Color**, **Muted Color**, **Border Radius**, **Padding**, **Content Gap**, and **Max Width**.

== Frequently Asked Questions ==

= Can I use two action buttons in one CTA section? =

Yes! You can configure both a primary CTA button (e.g., "Start Free Trial") and a secondary CTA button (e.g., "Schedule Demo" or "Learn More").

= Do I need a page builder plugin to use this block? =

No. The block runs natively inside the standard WordPress Gutenberg block editor and requires no external framework or builder.

= Can I customize the colors and spacing to match my theme? =

Absolutely. The block sidebar includes controls for background colors, border colors, accent tones, typography colors, padding, border radius, and content gaps.

= How does the feature bullet list work? =

Simply type your key points into the Feature List field in the sidebar, with one item per line. They will render automatically with stylish proof icons.

== Developer Credits ==

This plugin was developed by ConicPlex, an agency specializing in WordPress block plugins and custom solutions. Learn more at [ConicPlex](https://conicplex.com).

== Changelog ==

= 1.0.0 =

* Initial release of PlexBlocks - CTA Section for Block Editor.
