{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 3,
"name": "create-block/website-footer-block",
"version": "0.1.0",
"title": "Footer (Free)",
"category": "adaire-layout-sections",
"description": "A fully controllable, inline-editable footer with three zones: top bar, columns section, and bottom bar.",
"example": {},
"supports": {
"html": false,
"align": true,
"alignWide": true,
"anchor": true,
"customClassName": true,
"reusable": true
},
"textdomain": "website-footer-block",
"editorScript": "file:./index.js",
"render": "file:./render.php",
"style": "file:./style-index.css",
"editorStyle": "file:./index.css",
"attributes": {
"backgroundColor": {
"type": "string",
"default": "#12102b"
},
"backgroundImage": {
"type": "string",
"default": ""
},
"backgroundGradient": {
"type": "string",
"default": ""
},
"backgroundType": {
"type": "string",
"default": "solid"
},
"textColor": {
"type": "string",
"default": "#ffffff"
},
"accentColor": {
"type": "string",
"default": "#503AA8"
},
"fontFamily": {
"type": "string",
"default": ""
},
"paddingTop": {
"type": "number",
"default": 60
},
"paddingBottom": {
"type": "number",
"default": 40
},
"marginTop": {
"type": "number",
"default": 0
},
"marginBottom": {
"type": "number",
"default": 0
},
"maxWidth": {
"type": "number",
"default": 1200
},
"typography": {
"type": "object",
"default": {
"fontFamily": "inherit",
"baseFontSize": 14,
"headingFontSize": 16,
"headingFontWeight": "600",
"navFontWeight": "400",
"linkFontWeight": "400",
"ctaFontWeight": "500"
}
},
"showTopBar": {
"type": "boolean",
"default": false
},
"showColumnsSection": {
"type": "boolean",
"default": true
},
"showBottomBar": {
"type": "boolean",
"default": true
},
"topBar": {
"type": "object",
"default": {
"alignment": "space-between",
"showDivider": true,
"fontSize": "medium",
"backgroundColor": "",
"paddingVertical": 20,
"marginTop": 0,
"marginBottom": 0,
"copyrightText": "© 2024 Your Company. All rights reserved.",
"showContactLink": true,
"contactLinkText": "Contact Us",
"contactLinkUrl": "#",
"contactLinkUnderline": false,
"contactLinkHoverColor": "",
"contactLinkHoverUnderlineColor": "",
"contactLinkHoverBackgroundColor": "",
"contactLinkTransitionDuration": -1,
"showCopyright": true,
"showSocialMedia": true,
"socialLinks": [
{
"id": 1,
"platform": "twitter",
"label": "Twitter",
"url": "#",
"displayStyle": "icon"
},
{
"id": 2,
"platform": "facebook",
"label": "Facebook",
"url": "#",
"displayStyle": "icon"
}
],
"hoverColor": "#ffffff",
"hoverBackgroundColor": "#333333",
"hoverBorderColor": "",
"borderColor": "",
"borderRadius": -1,
"transitionDuration": -1,
"iconSize": 24,
"iconColor": "",
"iconBgColor": "",
"iconSpacing": -1
}
},
"columnsSection": {
"type": "object",
"default": {
"columnCount": 4,
"columnGap": 40,
"verticalAlignment": "top",
"columns": [
{
"id": 1,
"type": "brand",
"width": "auto",
"textAlign": "left",
"showHeading": false,
"headingTag": "h3",
"headingText": "About Us",
"textColor": "",
"marginTop": 0,
"marginBottom": 0,
"brandLogo": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' rx='8' fill='%23503AA8'/%3E%3Ctext x='20' y='27' font-family='Arial, sans-serif' font-size='20' font-weight='700' fill='%23ffffff' text-anchor='middle'%3EY%3C/text%3E%3C/svg%3E",
"brandLogoWidth": 48,
"showBrandName": false,
"brandName": "",
"description": "We create amazing digital experiences for businesses worldwide.",
"taglineFontSize": -1,
"taglineFontWeight": "",
"taglineLineHeight": -1,
"taglineLetterSpacing": -1,
"taglineColor": "",
"showCta": true,
"ctaText": "Get Started",
"ctaUrl": "#",
"ctaStyle": "button",
"ctaBackgroundColor": "#503AA8",
"ctaTextColor": "#ffffff",
"ctaIcon": "",
"ctaIconPosition": "none",
"ctaHoverColor": "#ffffff",
"ctaHoverBackgroundColor": "#3d2c8d",
"ctaHoverBorderColor": "",
"ctaBorderRadius": -1,
"ctaTransitionDuration": -1,
"mobilePriority": 1
},
{
"id": 2,
"type": "nav",
"width": "auto",
"textAlign": "left",
"showHeading": true,
"headingTag": "h3",
"headingText": "Quick Links",
"textColor": "",
"marginTop": 0,
"marginBottom": 0,
"navItems": [
{
"id": 1,
"label": "Home",
"url": "#"
},
{
"id": 2,
"label": "About",
"url": "#"
},
{
"id": 3,
"label": "Services",
"url": "#"
},
{
"id": 4,
"label": "Contact",
"url": "#"
}
],
"listStyle": "plain",
"linkUnderline": false,
"itemSpacing": 12,
"linkColor": "",
"linkHoverColor": "#ffffff",
"linkHoverUnderlineColor": "",
"linkHoverBackgroundColor": "",
"linkTransitionDuration": -1,
"mobilePriority": 2
},
{
"id": 3,
"type": "nav",
"width": "auto",
"textAlign": "left",
"showHeading": true,
"headingTag": "h3",
"headingText": "Resources",
"textColor": "",
"marginTop": 0,
"marginBottom": 0,
"navItems": [
{
"id": 1,
"label": "Blog",
"url": "#"
},
{
"id": 2,
"label": "Documentation",
"url": "#"
},
{
"id": 3,
"label": "Support",
"url": "#"
}
],
"listStyle": "plain",
"linkUnderline": false,
"itemSpacing": 12,
"linkColor": "",
"linkHoverColor": "#ffffff",
"linkHoverUnderlineColor": "",
"linkHoverBackgroundColor": "",
"linkTransitionDuration": -1,
"mobilePriority": 3
},
{
"id": 4,
"type": "social",
"width": "auto",
"textAlign": "left",
"showHeading": true,
"headingTag": "h3",
"headingText": "Connect",
"textColor": "",
"marginTop": 0,
"marginBottom": 0,
"socialItems": [
{
"id": 1,
"platform": "twitter",
"label": "Twitter",
"url": "#",
"icon": "twitter"
},
{
"id": 2,
"platform": "facebook",
"label": "Facebook",
"url": "#",
"icon": "facebook"
},
{
"id": 3,
"platform": "linkedin",
"label": "LinkedIn",
"url": "#",
"icon": "linkedin"
}
],
"displayStyle": "vertical",
"iconSize": 24,
"iconColor": "",
"iconBgColor": "",
"socialHoverColor": "#ffffff",
"socialHoverBackgroundColor": "#503AA8",
"socialBorderColor": "",
"socialHoverBorderColor": "",
"socialBorderRadius": -1,
"socialIconSpacing": -1,
"socialTransitionDuration": -1,
"mobilePriority": 4
}
]
}
},
"bottomBar": {
"type": "object",
"default": {
"alignment": "space-between",
"showDivider": true,
"backgroundColor": "",
"paddingVertical": 20,
"marginTop": 0,
"marginBottom": 0,
"copyrightText": "© 2024 Your Company. All rights reserved.",
"showCopyright": true,
"showPrivacyPolicy": true,
"showSocialIcons": false,
"legalLinks": [
{
"id": 1,
"label": "Privacy Policy",
"url": "#"
},
{
"id": 2,
"label": "Terms of Service",
"url": "#"
},
{
"id": 3,
"label": "Cookie Policy",
"url": "#"
}
],
"legalLinkUnderline": false,
"legalLinkHoverColor": "",
"legalLinkHoverUnderlineColor": "",
"legalLinkHoverBackgroundColor": "",
"legalLinkTransitionDuration": -1,
"separator": "·",
"socialIcons": [
{
"id": 1,
"platform": "twitter",
"label": "Twitter",
"url": "#",
"icon": "twitter"
},
{
"id": 2,
"platform": "facebook",
"label": "Facebook",
"url": "#",
"icon": "facebook"
},
{
"id": 3,
"platform": "instagram",
"label": "Instagram",
"url": "#",
"icon": "instagram"
}
],
"hoverColor": "#ffffff",
"hoverBackgroundColor": "#333333",
"hoverBorderColor": "",
"borderColor": "",
"borderRadius": -1,
"transitionDuration": -1,
"iconSize": 24,
"iconColor": "",
"iconBgColor": "",
"iconSpacing": -1
}
}
},
"patterns": [
{
"name": "4-column-footer",
"title": "4 Column Footer",
"description": "A 4-column footer with brand, navigation, and social links",
"content": "\n\n"
}
],
"icon": ""
}