JezK
Edit File: block.json
{ "$schema": "https://schemas.wp.org/trunk/block.json", "apiVersion": 3, "name": "bpsc/why-choose-us-section", "version": "1.0.0", "title": "Why Choose Us Section", "category": "section-collection", "description": "A differentiator spotlight with icons, proof points, stat badges, and an optional comparison table.", "keywords": [ "why choose us", "differentiator", "features", "comparison", "benefits", "trust", "section" ], "textdomain": "section-collection", "attributes": { "themeStyle": { "type": "object", "default": { "theme": "style-1" } }, "content": { "type": "object", "default": { "badgeText": "Why Choose Us", "title": "Built Different. Proven to Deliver.", "subtitle": "Here is what separates us from every alternative on the market." } }, "elements": { "type": "object", "default": { "isBadge": true, "isTitle": true, "isSubtitle": true, "isCta": true, "isSecondaryCta": true } }, "differentiators": { "type": "array", "default": [ { "id": "diff-1", "icon": "shield-check", "title": "Enterprise-Grade Security", "description": "SOC 2 Type II certified with end-to-end encryption. Your data stays yours, always.", "statBadge": "SOC2", "statBadgeColor": "#6366f1" }, { "id": "diff-2", "icon": "bolt", "title": "10x Faster Setup", "description": "Go live in under 5 minutes — not the 2-week average your competitor charges for.", "statBadge": "10x faster", "statBadgeColor": "#10b981" }, { "id": "diff-3", "icon": "support", "title": "24/7 Human Support", "description": "Real engineers on call around the clock, with a 4-minute average response time.", "statBadge": "24/7", "statBadgeColor": "#f59e0b" }, { "id": "diff-4", "icon": "chart", "title": "Measurable ROI", "description": "Customers see an average 285% return on investment within their first 90 days.", "statBadge": "+285%", "statBadgeColor": "#6366f1" }, { "id": "diff-5", "icon": "integrations", "title": "500+ Integrations", "description": "Connects seamlessly with every tool your team already uses — no custom dev required.", "statBadge": "500+", "statBadgeColor": "#8b5cf6" }, { "id": "diff-6", "icon": "guarantee", "title": "10-Year Guarantee", "description": "We stand behind our platform with a 10-year uptime guarantee and full SLA coverage.", "statBadge": "10-yr warranty", "statBadgeColor": "#ec4899" } ] }, "showComparison": { "type": "boolean", "default": false }, "comparisonConfig": { "type": "object", "default": { "usLabel": "Us", "themLabel": "Others", "heading": "How We Stack Up" } }, "comparisonRows": { "type": "array", "default": [ { "id": "cr-1", "label": "Setup time", "usValue": "5 minutes", "themValue": "2 weeks" }, { "id": "cr-2", "label": "Support response", "usValue": "4 minutes", "themValue": "48 hours" }, { "id": "cr-3", "label": "Security certification", "usValue": "SOC 2 Type II", "themValue": "None" }, { "id": "cr-4", "label": "Uptime guarantee", "usValue": "99.99% SLA", "themValue": "Best effort" } ] }, "cta": { "type": "object", "default": { "primaryText": "Get Started Free", "primaryUrl": "#", "primaryNewTab": false, "secondaryText": "See All Features", "secondaryUrl": "#", "secondaryNewTab": false } }, "titleStyle": { "type": "object", "default": { "color": "#111827", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 700, "isUploadFont": true, "fontSize": { "desktop": 42, "tablet": 34, "mobile": 28 }, "lineHeight": "1.2" } } }, "subtitleStyle": { "type": "object", "default": { "color": "#6b7280", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 400, "isUploadFont": true, "fontSize": { "desktop": 18, "tablet": 16, "mobile": 15 }, "lineHeight": "1.65" } } }, "badgeStyle": { "type": "object", "default": { "backgroundColor": "#ede9fe", "textColor": "#6366f1", "borderRadius": { "top": "20px", "right": "20px", "bottom": "20px", "left": "20px" }, "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 600, "isUploadFont": true, "fontSize": { "desktop": 13, "tablet": 13, "mobile": 13 } } } }, "cardTitleStyle": { "type": "object", "default": { "color": "#111827", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 700, "isUploadFont": true, "fontSize": { "desktop": 20, "tablet": 18, "mobile": 17 }, "lineHeight": "1.3" } } }, "cardDescStyle": { "type": "object", "default": { "color": "#4b5563", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 400, "isUploadFont": true, "fontSize": { "desktop": 15, "tablet": 14, "mobile": 14 }, "lineHeight": "1.7" } } }, "statBadgeStyle": { "type": "object", "default": { "textColor": "#ffffff", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 700, "isUploadFont": true, "fontSize": { "desktop": 12, "tablet": 12, "mobile": 12 } } } }, "iconStyle": { "type": "object", "default": { "color": "#6366f1", "backgroundColor": "#ede9fe", "size": 24 } }, "compLabelStyle": { "type": "object", "default": { "color": "#374151", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 600, "isUploadFont": true, "fontSize": { "desktop": 14, "tablet": 14, "mobile": 13 } } } }, "compUsValueStyle": { "type": "object", "default": { "color": "#6366f1", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 600, "isUploadFont": true, "fontSize": { "desktop": 14, "tablet": 14, "mobile": 13 } } } }, "compThemValueStyle": { "type": "object", "default": { "color": "#9ca3af", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 400, "isUploadFont": true, "fontSize": { "desktop": 14, "tablet": 14, "mobile": 13 } } } }, "ctaStyle": { "type": "object", "default": { "backgroundColor": "#6366f1", "textColor": "#ffffff", "hoverBackgroundColor": "#4f46e5", "hoverTextColor": "#ffffff", "secondaryColor": "#6366f1", "secondaryHoverColor": "#4f46e5", "borderRadius": { "top": "8px", "right": "8px", "bottom": "8px", "left": "8px" }, "padding": { "desktop": { "top": "14px", "right": "32px", "bottom": "14px", "left": "32px" }, "tablet": { "top": "12px", "right": "24px", "bottom": "12px", "left": "24px" }, "mobile": { "top": "12px", "right": "20px", "bottom": "12px", "left": "20px" } }, "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 600, "isUploadFont": true, "fontSize": { "desktop": 15, "tablet": 15, "mobile": 14 } } } }, "accentColor": { "type": "object", "default": { "color": "#6366f1" } }, "wrapper": { "type": "object", "default": { "bg": { "type": "solid", "color": "#f9fafb", "gradient": "linear-gradient(135deg, #f0f4ff 0%, #faf5ff 100%)", "overlayColor": "rgba(0,0,0,0)", "image": { "url": "" }, "position": "center center", "repeat": "no-repeat", "size": "cover" }, "padding": { "desktop": { "top": "80px", "right": "24px", "bottom": "80px", "left": "24px" }, "tablet": { "top": "60px", "right": "20px", "bottom": "60px", "left": "20px" }, "mobile": { "top": "48px", "right": "16px", "bottom": "48px", "left": "16px" } } } }, "layout": { "type": "object", "default": { "contentAlign": "center", "maxWidth": "1100px" } }, "align": { "type": "string", "default": "full" } }, "supports": { "align": [ "wide", "full" ], "html": false }, "example": { "attributes": {} }, "editorScript": "file:../index.js", "style": "file:./view.css", "render": "file:./render.php", "viewScript": "file:./view.js" }