Type
generate_page
Source
builder
Provider / Model
auto
สถานะ
✅ สำเร็จDuration
53.87s
Input Tokens
0
Output Tokens
0
IP Address
127.0.0.1
Prompt (ต้นฉบับ)
[โซน: BODY CONTENT — สร้างเนื้อหาหลักแบบครบ: Hero section พร้อมรูป, Features 3-6 จุด, About, Testimonials, CTA, Contact. AI จะสร้าง Header/Footer แยกให้อัตโนมัติ]
[รูปภาพ: ใช้ Image component ทุกครั้งที่เหมาะสม โดยเฉพาะใน Hero section และ About section. Image props: src (URL จาก Unsplash เช่น https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=800), width ("100%"), height (300-600), objectFit ("cover"). ต้องมีรูปภาพอย่างน้อย 1 รูปใน Hero section เสมอ]
เว็บขายหมูปิ้งอันดับ 1 ของบางแสน เน้นสีแดงดำ ใช้รูปประกอบใน herosection และสินค้าด้วย
AI Response
{
"ROOT": {
"type": {
"resolvedName": "Container"
},
"isCanvas": true,
"props": {
"width": "100%",
"maxWidth": 1200,
"padding": 20,
"margin": "0 auto"
},
"displayName": "Container",
"custom": [],
"hidden": false,
"nodes": [
"hero",
"features",
"about",
"testimonials",
"cta",
"contact"
],
"linkedNodes": [],
"parent": null
},
"hero": {
"type": {
"resolvedName": "Hero"
},
"isCanvas": true,
"props": {
"backgroundColor": "#111827",
"textColor": "#fff"
},
"displayName": "Hero",
"custom": [],
"hidden": false,
"nodes": [
"heroTitle",
"heroSubtitle",
"heroImage",
"heroButton"
],
"linkedNodes": [],
"parent": "ROOT"
},
"heroTitle": {
"type": {
"resolvedName": "Text"
},
"isCanvas": false,
"props": {
"text": "หมูปิ้งบางแสน #1: อร่อยเด็ดทุกไม้!",
"fontSize": 48,
"fontWeight": 700,
"textAlign": "center",
"color": "#ffffff"
},
"displayName": "Text",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "hero"
},
"heroSubtitle": {
"type": {
"resolvedName": "Text"
},
"isCanvas": false,
"props": {
"text": "หมูปิ้งสูตรพิเศษ รสชาติเข้มข้น หอมกลิ่นเตาถ่าน การันตีความอร่อยจากลูกค้าทั่วบางแสน",
"fontSize": 20,
"textAlign": "center",
"color": "#d1d5db"
},
"displayName": "Text",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "hero"
},
"heroImage": {
"type": {
"resolvedName": "Image"
},
"isCanvas": false,
"props": {
"src": "https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTUyNTN8MHwxfHNlYXJjaHwxfHxidXNpbmVzcyUyMHdlYnNpdGV8ZW58MHwwfHx8MTc3MzQ3Mjc5Mnww&ixlib=rb-4.1.0&q=80&w=1080",
"alt": "หมูปิ้งย่างบนเตา",
"width": "100%",
"height": 400,
"objectFit": "cover"
},
"displayName": "Image",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "hero"
},
"heroButton": {
"type": {
"resolvedName": "Button"
},
"isCanvas": false,
"props": {
"text": "สั่งเลย!",
"backgroundColor": "#dc2626",
"textColor": "#ffffff",
"borderRadius": 8,
"padding": "12px 24px",
"fontSize": 18,
"marginTop": 20
},
"displayName": "Button",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "hero"
},
"features": {
"type": {
"resolvedName": "Section"
},
"isCanvas": true,
"props": {
"paddingTop": 60,
"paddingBottom": 60
},
"displayName": "Section",
"custom": [],
"hidden": false,
"nodes": [
"featureTitle",
"featureGrid"
],
"linkedNodes": [],
"parent": "ROOT"
},
"featureTitle": {
"type": {
"resolvedName": "Text"
},
"isCanvas": false,
"props": {
"text": "ทำไมต้องหมูปิ้งบางแสน #1?",
"fontSize": 32,
"fontWeight": 600,
"textAlign": "center"
},
"displayName": "Text",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "features"
},
"featureGrid": {
"type": {
"resolvedName": "GridContainer"
},
"isCanvas": true,
"props": {
"columns": 3,
"gap": 20
},
"displayName": "GridContainer",
"custom": [],
"hidden": false,
"nodes": [
"feature1",
"feature2",
"feature3"
],
"linkedNodes": [],
"parent": "features"
},
"feature1": {
"type": {
"resolvedName": "IconBox"
},
"isCanvas": false,
"props": {
"icon": "fa fa-check-circle",
"title": "สูตรลับเฉพาะ",
"description": "หมูปิ้งหมักด้วยเครื่องเทศสูตรลับ ทำให้ได้รสชาติที่แตกต่างและลงตัว",
"iconColor": "#dc2626"
},
"displayName": "IconBox",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "featureGrid"
},
"feature2": {
"type": {
"resolvedName": "IconBox"
},
"isCanvas": false,
"props": {
"icon": "fa fa-fire",
"title": "ย่างเตาถ่าน",
"description": "ย่างด้วยเตาถ่านแท้ ทำให้หมูปิ้งมีกลิ่นหอมและรสชาติที่เป็นเอกลักษณ์",
"iconColor": "#dc2626"
},
"displayName": "IconBox",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "featureGrid"
},
"feature3": {
"type": {
"resolvedName": "IconBox"
},
"isCanvas": false,
"props": {
"icon": "fa fa-truck",
"title": "ส่งตรงถึงหน้าบ้าน",
"description": "บริการส่งหมูปิ้งร้อนๆ ถึงหน้าบ้านคุณในพื้นที่บางแสน",
"iconColor": "#dc2626"
},
"displayName": "IconBox",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "featureGrid"
},
"about": {
"type": {
"resolvedName": "Section"
},
"isCanvas": true,
"props": {
"paddingTop": 60,
"paddingBottom": 60,
"backgroundColor": "#f9fafb"
},
"displayName": "Section",
"custom": [],
"hidden": false,
"nodes": [
"aboutTitle",
"aboutContent"
],
"linkedNodes": [],
"parent": "ROOT"
},
"aboutTitle": {
"type": {
"resolvedName": "Text"
},
"isCanvas": false,
"props": {
"text": "เกี่ยวกับเรา",
"fontSize": 32,
"fontWeight": 600,
"textAlign": "center"
},
"displayName": "Text",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "about"
},
"aboutContent": {
"type": {
"resolvedName": "FlexContainer"
},
"isCanvas": true,
"props": {
"alignItems": "center",
"justifyContent": "space-around"
},
"displayName": "FlexContainer",
"custom": [],
"hidden": false,
"nodes": [
"aboutText",
"aboutImage"
],
"linkedNodes": [],
"parent": "about"
},
"aboutText": {
"type": {
"resolvedName": "Text"
},
"isCanvas": false,
"props": {
"text": "เราคือผู้เชี่ยวชาญด้านหมูปิ้งมากว่า 10 ปี ด้วยสูตรลับที่สืบทอดจากรุ่นสู่รุ่น ทำให้หมูปิ้งของเรามีรสชาติที่เป็นเอกลักษณ์ ไม่เหมือนใคร เราคัดสรรวัตถุดิบคุณภาพเยี่ยม และย่างด้วยเตาถ่านแท้ เพื่อให้ได้หมูปิ้งที่หอม อร่อย และถูกใจลูกค้าทุกคน",
"fontSize": 18,
"width": "50%"
},
"displayName": "Text",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "aboutContent"
},
"aboutImage": {
"type": {
"resolvedName": "Image"
},
"isCanvas": false,
"props": {
"src": "https:\/\/images.unsplash.com\/photo-1487014679447-9f8336841d58?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTUyNTN8MHwxfHNlYXJjaHwyfHxidXNpbmVzcyUyMHdlYnNpdGV8ZW58MHwwfHx8MTc3MzQ3Mjc5Mnww&ixlib=rb-4.1.0&q=80&w=1080",
"alt": "ร้านหมูปิ้ง",
"width": "40%",
"height": 300,
"objectFit": "cover"
},
"displayName": "Image",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "aboutContent"
},
"testimonials": {
"type": {
"resolvedName": "Section"
},
"isCanvas": true,
"props": {
"paddingTop": 60,
"paddingBottom": 60
},
"displayName": "Section",
"custom": [],
"hidden": false,
"nodes": [
"testimonialsTitle",
"testimonialsCarousel"
],
"linkedNodes": [],
"parent": "ROOT"
},
"testimonialsTitle": {
"type": {
"resolvedName": "Text"
},
"isCanvas": false,
"props": {
"text": "เสียงจากลูกค้า",
"fontSize": 32,
"fontWeight": 600,
"textAlign": "center"
},
"displayName": "Text",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "testimonials"
},
"testimonialsCarousel": {
"type": {
"resolvedName": "Carousel"
},
"isCanvas": true,
"props": [],
"displayName": "Carousel",
"custom": [],
"hidden": false,
"nodes": [
"testimonial1",
"testimonial2",
"testimonial3"
],
"linkedNodes": [],
"parent": "testimonials"
},
"testimonial1": {
"type": {
"resolvedName": "Testimonial"
},
"isCanvas": false,
"props": {
"quote": "หมูปิ้งอร่อยมาก! รสชาติเข้มข้น ถูกใจสุดๆ",
"author": "คุณสมชาย",
"title": "ลูกค้าประจำ"
},
"displayName": "Testimonial",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "testimonialsCarousel"
},
"testimonial2": {
"type": {
"resolvedName": "Testimonial"
},
"isCanvas": false,
"props": {
"quote": "หมูปิ้งหอมกลิ่นเตาถ่าน ชอบมากค่ะ",
"author": "คุณสมหญิง",
"title": "นักท่องเที่ยว"
},
"displayName": "Testimonial",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "testimonialsCarousel"
},
"testimonial3": {
"type": {
"resolvedName": "Testimonial"
},
"isCanvas": false,
"props": {
"quote": "บริการส่งรวดเร็ว หมูปิ้งยังร้อนๆ อยู่เลย",
"author": "คุณน้อง",
"title": "ชาวบางแสน"
},
"displayName": "Testimonial",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "testimonialsCarousel"
},
"cta": {
"type": {
"resolvedName": "Section"
},
"isCanvas": true,
"props": {
"backgroundColor": "#dc2626",
"paddingTop": 40,
"paddingBottom": 40
},
"displayName": "Section",
"custom": [],
"hidden": false,
"nodes": [
"ctaText",
"ctaButton"
],
"linkedNodes": [],
"parent": "ROOT"
},
"ctaText": {
"type": {
"resolvedName": "Text"
},
"isCanvas": false,
"props": {
"text": "อยากกินหมูปิ้งอร่อยๆ ต้องหมูปิ้งบางแสน #1",
"fontSize": 24,
"fontWeight": 600,
"textAlign": "center",
"color": "#ffffff"
},
"displayName": "Text",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "cta"
},
"ctaButton": {
"type": {
"resolvedName": "Button"
},
"isCanvas": false,
"props": {
"text": "สั่งเลย!",
"backgroundColor": "#ffffff",
"textColor": "#dc2626",
"borderRadius": 8,
"padding": "12px 24px",
"fontSize": 18,
"marginTop": 20
},
"displayName": "Button",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "cta"
},
"contact": {
"type": {
"resolvedName": "Section"
},
"isCanvas": true,
"props": {
"paddingTop": 60,
"paddingBottom": 60
},
"displayName": "Section",
"custom": [],
"hidden": false,
"nodes": [
"contactTitle",
"contactForm"
],
"linkedNodes": [],
"parent": "ROOT"
},
"contactTitle": {
"type": {
"resolvedName": "Text"
},
"isCanvas": false,
"props": {
"text": "ติดต่อเรา",
"fontSize": 32,
"fontWeight": 600,
"textAlign": "center"
},
"displayName": "Text",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "contact"
},
"contactForm": {
"type": {
"resolvedName": "ContactForm"
},
"isCanvas": false,
"props": [],
"displayName": "ContactForm",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "contact"
}
}
-
หมายเหตุ Admin
Pipeline Steps Trace 4 steps
53.6s
✓ 3
✗ 1
Execution Time (Seconds)
Pipeline Timeline
ไม่มี output preview สำหรับ step นี้
ไม่มี output preview สำหรับ step นี้
ไม่มี output preview สำหรับ step นี้
ไม่มี output preview สำหรับ step นี้
{
"pipeline_run": true,
"pipeline_steps_count": 4,
"pipeline_success_count": 3,
"pipeline_failed_count": 1,
"pipeline_fallback_count": 0,
"pipeline_providers_used": [
"serper",
"gemini",
"validator",
"openai"
],
"pipeline_total_tokens_in": 0,
"pipeline_total_tokens_out": 0,
"pipeline_steps": [
{
"step": "Researcher",
"type": "serper_search",
"provider": "serper",
"model": null,
"duration_ms": 2925,
"success": true,
"fallback_used": false,
"attempts": 1,
"tried_providers": null,
"tokens_in": null,
"tokens_out": null
},
{
"step": "Designer",
"type": "ai_generate",
"provider": "gemini",
"model": "gemini-2.0-flash",
"duration_ms": 20629,
"success": true,
"fallback_used": false,
"attempts": 1,
"tried_providers": null,
"tokens_in": null,
"tokens_out": null
},
{
"step": "Validator",
"type": "validator",
"provider": "validator",
"model": null,
"duration_ms": 1,
"success": true,
"fallback_used": false,
"attempts": 1,
"tried_providers": null,
"tokens_in": null,
"tokens_out": null
},
{
"step": "Debugger",
"type": "ai_review",
"provider": "openai",
"model": null,
"duration_ms": 30007,
"success": false,
"fallback_used": false,
"attempts": 1,
"tried_providers": null,
"error": "Step \"Debugger\" timeout หลัง 30000ms",
"tokens_in": null,
"tokens_out": null
}
]
}