{
"component": "To

{
"component": "TopHeaderWithBanner",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"width": "w-full"
},
"children": [
{
"component": "Header",
"layout": {
"display": "flex",
"justifyContent": "space-between",
"alignItems": "center",
"padding": "px-6 py-2"
},
"backgroundColor": "bg-white",
"children": [
{
"component": "LogoAndMenu",
"layout": {
"display": "flex",
"alignItems": "center",
"gap": "gap-x-6"
},
"children": [
{
"component": "Image",
"src": "/logo.png",
"style": {
"width": "w-28",
"height": "h-auto"
}
},
{
"component": "NavMenu",
"layout": {
"display": "flex",
"gap": "gap-x-4"
},
"children": [
{ "component": "Link", "content": "首页", "style": { "text": "text-base text-gray-900 font-medium" } },
{ "component": "Link", "content": "解决方案", "style": { "text": "text-base text-gray-900 font-medium" } },
{ "component": "Link", "content": "产品服务", "style": { "text": "text-base text-gray-900 font-medium" } },
{ "component": "Link", "content": "企业资讯", "style": { "text": "text-base text-gray-900 font-medium" } },
{ "component": "Link", "content": "关于我们", "style": { "text": "text-base text-gray-900 font-medium" } }
]
}
]
},
{
"component": "Contact",
"layout": {
"display": "flex",
"alignItems": "center"
},
"children": [
{
"component": "Text",
"content": "服务热线：400-112-6956",
"style": {
"text": "text-sm text-gray-500"
}
}
]
}
]
},
{
"component": "HeroBanner",
"layout": {
"display": "relative",
"width": "w-full",
"height": "h-[260px]",
"padding": "px-6 py-6"
},
"background": {
"type": "image",
"src": "/banner-bg.png",
"style": {
"objectFit": "cover",
"borderRadius": "rounded"
}
},
"children": [
{
"component": "BannerTextBlock",
"layout": {
"position": "absolute",
"top": "top-12",
"left": "left-6"
},
"children": [
{
"component": "Text",
"content": "员工消费福利\n解决方案服务商",
"style": {
"text": "text-3xl font-extrabold leading-tight text-blue-700 whitespace-pre-line"
}
},
{
"component": "Text",
"content": "严选 优质 多元 灵活",
"style": {
"text": "text-sm text-blue-400 mt-3 tracking-wide"
}
}
]
},
{
"component": "BannerIllustration",
"layout": {
"position": "absolute",
"right": "right-6",
"bottom": "bottom-0"
},
"children": [
{
"component": "Image",
"src": "/illustration-banner.png",
"style": {
"width": "w-48",
"objectFit": "contain"
}
}
]
},
{
"component": "BannerDecoration",
"layout": {
"position": "absolute",
"bottom": "bottom-2",
"left": "left-1/2",
"transform": "translateX(-50%)"
},
"children": [
{
"component": "HorizontalLine",
"style": {
"width": "w-8",
"height": "h-0.5",
"backgroundColor": "bg-blue-600",
"rounded": "rounded-full"
}
},
{
"component": "Dot",
"style": {
"width": "w-2",
"height": "h-2",
"backgroundColor": "bg-blue-400",
"rounded": "rounded-full",
"marginLeft": "ml-1"
}
}
]
}
]
}
]
}