```json
{
"component": "MegaMenu",
"type": "container",
"style": {
"backgroundColor": "bg-white",
"padding": "p-8"
},
"layout": {
"display": "grid",
"columns": 12,
"gap": "gap-x-8"
},
"children": [
{
"component": "MenuContent",
"type": "container",
"style": {
"gridColumn": "col-span-8"
},
"layout": {
"display": "grid",
"columns": 12,
"gap": "gap-x-8"
},
"children": [
{
"component": "ProductColumn",
"type": "container",
"style": {
"gridColumn": "col-span-6"
},
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "gap-y-4"
},
"children": [
{
"component": "SectionTitle",
"type": "text",
"content": "PRODUCT",
"style": {
"fontSize": "text-xs",
"fontWeight": "font-semibold",
"color": "text-gray-500",
"letterSpacing": "tracking-widest",
"marginBottom": "mb-4"
}
},
{
"component": "MenuItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "gap-x-4",
"padding": "p-2"
},
"children": [
{
"component": "Icon",
"type": "icon",
"style": {
"width": "w-6",
"height": "h-6",
"backgroundColor": "bg-purple-100",
"borderRadius": "rounded-full",
"display": "flex",
"alignItems": "center",
"justifyContent": "center"
},
"children": [
{
"component": "InnerIconShape",
"type": "icon",
"name": "custom-community-icon",
"style": {
"color": "text-purple-600"
}
}
]
},
{
"component": "TextContainer",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column"
},
"children": [
{
"component": "Text",
"type": "text",
"content": "Community Edition",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-900"
}
},
{
"component": "Text",
"type": "text",
"content": "The leading Open-Source Headless CMS",
"style": {
"fontSize": "text-sm",
"color": "text-gray-600"
}
}
]
}
]
},
{
"component": "MenuItem",
"type": "container",
"style": {
"backgroundColor": "bg-gray-100",
"borderRadius": "rounded-lg"
},
"layout": {
"display": "flex",
"alignItems": "flex-start",
"justifyContent": "space-between",
"gap": "gap-x-4",
"padding": "p-3"
},
"children": [
{
"component": "ContentWrapper",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "gap-x-4"
},
"children": [
{
"component": "Icon",
"type": "icon",
"name": "custom-enterprise-icon",
"style": {
"width": "w-6",
"height": "h-6",
"color": "text-purple-600"
}
},
{
"component": "TextContainer",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column"
},
"children": [
{
"component": "Text",
"type": "text",
"content": "Enterprise Edition",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-900"
}
},
{
"component": "Text",
"type": "text",
"content": "A self-hosted and Enterprise-ready Edition",
"style": {
"fontSize": "text-sm",
"color": "text-gray-600"
}
}
]
}
]
},
{
"component": "Icon",
"type": "icon",
"name": "heroicons:arrow-right",
"style": {
"width": "w-5",
"height": "h-5",
"color": "text-purple-700",
"alignSelf": "center"
}
}
]
},
{
"component": "MenuItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "gap-x-4",
"padding": "p-2"
},
"children": [
{
"component": "Icon",
"type": "icon",
"name": "custom-marketplace-icon",
"style": {
"width": "w-6",
"height": "h-6",
"color": "text-purple-600"
}
},
{
"component": "TextContainer",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column"
},
"children": [
{
"component": "Text",
"type": "text",
"content": "Marketplace",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-900"
}
},
{
"component": "Text",
"type": "text",
"content": "A Marketplace of plugins to add features or integrations.",
"style": {
"fontSize": "text-sm",
"color": "text-gray-600"
}
}
]
}
]
},
{
"component": "MenuItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "gap-x-4",
"padding": "p-2"
},
"children": [
{
"component": "Icon",
"type": "icon",
"name": "custom-cloud-icon",
"style": {
"width": "w-6",
"height": "h-6",
"color": "text-purple-600"
}
},
{
"component": "TextContainer",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column"
},
"children": [
{
"component": "Text",
"type": "text",
"content": "Cloud",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-900"
}
},
{
"component": "Text",
"type": "text",
"content": "A fully managed platform for your Strapi apps",
"style": {
"fontSize": "text-sm",
"color": "text-gray-600"
}
}
]
}
]
},
{
"component": "Divider",
"type": "decorator",
"style": {
"height": "h-px",
"backgroundColor": "bg-gray-200",
"width": "w-full",
"marginVertical": "my-6"
}
},
{
"component": "PluginsSection",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "center",
"gap": "gap-x-4"
},
"children": [
{ "component": "Image", "type": "image", "src": "logo-1.svg", "style": {"height": "h-6"} },
{ "component": "Image", "type": "image", "src": "logo-2.svg", "style": {"height": "h-6"} },
{ "component": "Image", "type": "image", "src": "logo-3.svg", "style": {"height": "h-6"} },
{ "component": "Image", "type": "image", "src": "logo-4.svg", "style": {"height": "h-6"} },
{ "component": "Image", "type": "image", "src": "logo-5.svg", "style": {"height": "h-6"} },
{ "component": "Image", "type": "image", "src": "logo-6.svg", "style": {"height": "h-6"} },
{ "component": "Image", "type": "image", "src": "logo-7.svg", "style": {"height": "h-6"} },
{
"component": "Link",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "center",
"gap": "gap-x-2"
},
"children": [
{
"component": "Text",
"type": "text",
"content": "Plugins & Providers",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-800"
}
},
{
"component": "Icon",
"type": "icon",
"name": "heroicons:arrow-right",
"style": {
"width": "w-5",
"height": "h-5",
"color": "text-purple-700"
}
}
]
}
]
}
]
},
{
"component": "FeaturesColumn",
"type": "container",
"style": {
"gridColumn": "col-span-6"
},
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "gap-y-4"
},
"children": [
{
"component": "SectionTitle",
"type": "text",
"content": "FEATURES",
"style": {
"fontSize": "text-xs",
"fontWeight": "font-semibold",
"color": "text-gray-500",
"letterSpacing": "tracking-widest",
"marginBottom": "mb-4"
}
},
{
"component": "MenuItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "gap-x-4",
"padding": "p-2"
},
"children": [
{
"component": "Icon",
"type": "icon",
"name": "custom-content-types-builder-icon",
"style": {
"width": "w-6",
"height": "h-6",
"color": "text-orange-500"
}
},
{
"component": "TextContainer",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column"
},
"children": [
{
"component": "Text",
"type": "text",
"content": "Content Types Builder",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-900"
}
},
{
"component": "Text",
"type": "text",
"content": "Structured yet flexible content",
"style": {
"fontSize": "text-sm",
"color": "text-gray-600"
}
}
]
}
]
},
{
"component": "MenuItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "gap-x-4",
"padding": "p-2"
},
"children": [
{
"component": "Icon",
"type": "icon",
"name": "custom-media-library-icon",
"style": {
"width": "w-6",
"height": "h-6",
"color": "text-orange-500"
}
},
{
"component": "TextContainer",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column"
},
"children": [
{
"component": "Text",
"type": "text",
"content": "Media Library",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-900"
}
},
{
"component": "Text",
"type": "text",
"content": "Advanced Media Management",
"style": {
"fontSize": "text-sm",
"color": "text-gray-600"
}
}
]
}
]
},
{
"component": "MenuItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "gap-x-4",
"padding": "p-2"
},
"children": [
{
"component": "Icon",
"type": "icon",
"name": "custom-roles-permissions-icon",
"style": {
"width": "w-6",
"height": "h-6",
"color": "text-orange-500"
}
},
{
"component": "TextContainer",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column"
},
"children": [
{
"component": "Text",
"type": "text",
"content": "Roles & Permissions",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-900"
}
},
{
"component": "Text",
"type": "text",
"content": "Granular access controls",
"style": {
"fontSize": "text-sm",
"color": "text-gray-600"
}
}
]
}
]
},
{
"component": "MenuItem",
"type": "container",
"layout": {
"display": "flex",
"alignItems": "flex-start",
"gap": "gap-x-4",
"padding": "p-2"
},
"children": [
{
"component": "Icon",
"type": "icon",
"name": "custom-internationalization-icon",
"style": {
"width": "w-6",
"height": "h-6",
"color": "text-orange-500"
}
},
{
"component": "TextContainer",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column"
},
"children": [
{
"component": "Text",
"type": "text",
"content": "Internationalization",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-900"
}
},
{
"component": "Text",
"type": "text",
"content": "Powerful Multilingual websites",
"style": {
"fontSize": "text-sm",
"color": "text-gray-600"
}
}
]
}
]
}
]
}
]
},
{
"component": "EnterpriseCard",
"type": "container",
"style": {
"gridColumn": "col-span-4",
"backgroundColor": "bg-indigo-900",
"borderRadius": "rounded-xl",
"position": "relative",
"overflow": "hidden"
},
"children": [
{
"component": "DecorativeBackground",
"type": "image",
"src": "geometric-pattern.svg",
"style": {
"position": "absolute",
"top": "0",
"left": "0",
"width": "w-full",
"height": "h-full",
"objectFit": "object-cover",
"opacity": "opacity-20"
}
},
{
"component": "CardContent",
"type": "container",
"style": {
"position": "relative",
"zIndex": "10",
"padding": "p-10"
},
"layout": {
"display": "flex",
"flexDirection": "column",
"height": "h-full",
"justifyContent": "center"
},
"children": [
{
"component": "SectionTitle",
"type": "text",
"content": "ENTERPRISE EDITION",
"style": {
"fontSize": "text-xs",
"fontWeight": "font-semibold",
"color": "text-indigo-300",
"letterSpacing": "tracking-widest",
"marginBottom": "mb-10"
}
},
{
"component": "Logo",
"type": "image",
"src": "strapi-logo-white.svg",
"style": {
"width": "w-24",
"height": "auto"
}
},
{
"component": "Title",
"type": "text",
"content": "Enterprise Edition",
"style": {
"fontSize": "text-3xl",
"fontWeight": "font-bold",
"color": "text-white",
"marginTop": "mt-4"
}
},
{
"component": "Spacer",
"type": "decorator",
"style": {
"flexGrow": "1"
}
},
{
"component": "Button",
"type": "button",
"content": "Try the Enterprise Edition",
"style": {
"width": "w-full",
"backgroundColor": "bg-indigo-500",
"color": "text-white",
"fontSize": "text-base",
"fontWeight": "font-semibold",
"padding": "py-3",
"borderRadius": "rounded-lg",
"textAlign": "text-center",
"hover": {
"backgroundColor": "bg-indigo-600"
}
}
}
]
}
]
}
]
}
```
角色
user
content
total_tokens
0