{
"component": "MegaMenu",
"type": "container"

{
"component": "MegaMenu",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"padding": "32px",
"borderRadius": "12px",
"boxShadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"
},
"layout": {
"display": "grid",
"gridTemplateColumns": "repeat(12, minmax(0, 1fr))",
"gap": "32px"
},
"children": [
{
"component": "MenuColumn",
"type": "container",
"style": {
"gridColumn": "span 4"
},
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "24px"
},
"children": [
{
"component": "Text",
"content": "UI BAKERY PLATFORM",
"style": {
"fontSize": "12px",
"fontWeight": "600",
"color": "#6B7280",
"letterSpacing": "0.05em",
"textTransform": "uppercase"
}
},
{
"component": "FeatureList",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "24px"
},
"children": [
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "custom:low-code-platform",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "Low code platform",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "Deliver web apps quickly",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
},
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "custom:drag-drop-builder",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "Drag and drop UI Builder",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "Build using WYSIWYG editor",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
},
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "custom:workflow-automations",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "Workflow automations",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "Set up scheduled jobs and webhooks",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
},
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "custom:embedded-applications",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "Embedded applications",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "Embed UI Bakery apps into existing apps and vice-verca",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
},
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "custom:themes",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "Themes",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "Create themes and white-label appss",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
}
]
}
]
},
{
"component": "MenuColumn",
"type": "container",
"style": {
"gridColumn": "span 4"
},
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "24px"
},
"children": [
{
"component": "Text",
"content": "UI BAKERY FEATURES",
"style": {
"fontSize": "12px",
"fontWeight": "600",
"color": "#6B7280",
"letterSpacing": "0.05em",
"textTransform": "uppercase"
}
},
{
"component": "FeatureList",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "24px"
},
"children": [
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "custom:components",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "Components",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "80+ ready-made components",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
},
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "custom:integrations",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "Integrations",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "Connect to databases and APIs",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
},
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "custom:git-version-control",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "Git version control",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "Collaborate and deploy across instances",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
},
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "custom:ui-bakery-ai",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "UI Bakery AI",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "Ship AI-driven applications",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
},
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "custom:database",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "Database",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "Free hosted PostgreSQL DB",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
},
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "custom:templates",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "Templates",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "Start from pre-built sample apps",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
}
]
}
]
},
{
"component": "MenuColumn",
"type": "container",
"style": {
"gridColumn": "span 4"
},
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "24px"
},
"children": [
{
"component": "Text",
"content": "DEPLOYMENT",
"style": {
"fontSize": "12px",
"fontWeight": "600",
"color": "#6B7280",
"letterSpacing": "0.05em",
"textTransform": "uppercase"
}
},
{
"component": "FeatureList",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "24px"
},
"children": [
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "heroicons:home",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "On-Prem",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "Self-host in your private network",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
},
{
"component": "FeatureItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "16px"
},
"children": [
{
"component": "Icon",
"icon": "heroicons:cloud",
"style": {
"wrapper": {
"width": "32px",
"height": "32px",
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"backgroundColor": "#374151",
"borderRadius": "6px"
},
"svg": {
"color": "#D1D5DB",
"size": "20px"
}
}
},
{
"component": "TextBox",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "4px"
},
"children": [
{
"component": "Text",
"content": "Cloud",
"style": {
"fontSize": "16px",
"fontWeight": "600",
"color": "#111827"
}
},
{
"component": "Text",
"content": "Start building and shipping apps",
"style": {
"fontSize": "14px",
"color": "#4B5563"
}
}
]
}
]
}
]
}
]
}
]
}