WP Block Pattern Kit

Professional Gutenberg block patterns and a custom CTA Banner block — demonstrating deep WordPress ecosystem skills beyond headless architecture.

Author: Midas Moradi

What's included

Component	Count	Description
Block Patterns	8	Hero, features, testimonial, pricing, team, FAQ, newsletter, CTA
Custom Block	1	wpbpk/cta-banner — dynamic, server-rendered, 3 style variants
Pattern Categories	3	Hero, Sections, CTA

Block Patterns

Pattern	Category
Hero — Gradient Split	Hero
Features — Three Column	Sections
Testimonial — Centered Quote	Sections
Pricing — Two Tier	Sections
Team — Four Column Grid	Sections
FAQ — Two Column	Sections
CTA — Centered Band	CTA (uses custom block)
Newsletter — Signup Band	CTA

Insert from the editor: + → Patterns → WPBPK categories

Custom Block: CTA Banner

wpbpk/cta-banner

• Dynamic block with block.json + render.php
• Editor controls via native @wordpress/* packages (no build step)
• Attributes: headline, description, button text/URL, style variant
• Variants: gradient, dark, light
• Sanitized server-side output

Architecture

src/
├── App.php
├── Blocks/CtaBannerBlock.php      # register_block_type
├── Patterns/PatternRegistry.php   # 8 patterns + 3 categories
└── Core/Setup.php
blocks/cta-banner/
├── block.json
├── index.js                       # Editor UI (no npm build)
├── render.php
└── style.css

Installation

git clone https://github.com/midasmoradi/wp-block-pattern-kit.git
cd wp-block-pattern-kit
composer install --no-dev

Copy to wp-content/plugins/wp-block-pattern-kit and activate.

Development

composer install
composer phpcs

Resume alignment

Matches resume competencies: Gutenberg block patterns, advanced plugin development, ThemeForest-grade UI sections, RTL-friendly layouts.

Related projects

Repo	Focus
wp-enterprise-theme-starter	Enterprise monolithic theme
headless-wp-nextjs-starter	Decoupled stack
theme-quality-inspector	Theme QA plugin

License

GPL-2.0-or-later — see LICENSE.