search

ผู้ดูแลระบบสูงสุด

จัดการระบบ

model_training AI Training Data

ตัวอย่างที่ Active จะถูก inject เข้า AI Pipeline อัตโนมัติ

insights Coverage Dashboard add เพิ่ม Training Example

psychology

19

Few-Shot

block

12

Negative

tune

4

Refinement

widgets

6

Module

check_circle

41

Active ✅

dataset

41

ทั้งหมด

hub

Training Data → AI Pipeline (อัตโนมัติ)

psychology

Few-Shot

inject เข้า ai_generate + ai_director

✨ 🎬

block

Negative

inject เข้า ai_review เพื่อบอก "อย่าทำแบบนี้"

🔍

tune

Refinement

inject เข้า ai_refine เพื่อปรับแต่ง

✏️

widgets

Module Usage

ตัวอย่างวิธีใช้โมดูลเฉพาะ

🧩

api API Endpoints — Training Data Flow Node.js อ่านทุก 5 นาที

GET https://admin.bigzwebcenter.live/api/v1/ai-engine/active-config

Node.js configEngine เรียก endpoint นี้ทุก 5 นาที — ดึง few_shot_examples, negative_examples, refinement_examples จาก Training ทั้งหมดพร้อมกัน → inject เข้าทุก pipeline steps อัตโนมัติ

GET Few-Shot Examples


                        /api/v1/ai-engine/examples?category=few_shot&limit=3

inject as: few_shot_examples

used by: ✨ ai_generate · 🎬 ai_director

GET Negative Examples


                        /api/v1/ai-engine/examples?category=negative&limit=3

inject as: negative_examples

used by: 🔍 ai_review

GET Refinement Examples


                        /api/v1/ai-engine/examples?category=refinement&limit=3

inject as: refinement_examples

used by: ✏️ ai_refine

Training data ถูกใช้จริงใน AI Pipeline — active: 41 examples · few_shot: 19 · negative: 12 · refinement: 4

dataset ทั้งหมด psychology Few-Shot block Negative tune Refinement widgets Module

ทุกสถานะ ✅ Active ⭕ Inactive

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

Full Page — ร้านค้าออนไลน์ / E-commerce แฟชั่น

สร้างหน้าแรกร้านค้าออนไลน์ขายเสื้อผ้าแฟชั่น โทนสีดำขาวแดง มี Hero, สินค้าแนะนำ, จุดเด่น, CTA สมัครสมาชิก

{"ROOT":{"type":{"resolvedName":"Section"},"isCanvas":true,"props":{"backgroundColor":"#ffffff","paddingTop":0,"paddingBottom":0},"displayName":"Section","custom":{},"hidden":false,"nodes":["hero","products","why-us","cta"],"linkedNodes":{},"parent":null},"hero":{"type":{"resolvedName":"FlexContainer"},"isCanvas":true,"props":{"flexDirection":"column","alignItems":"center","justifyContent":"center","paddingTop":120,"paddingBottom":80,"paddingLeft":24,"paddingRight":24,"gap":24,"backgroundColor":"#0f0f0f","minHeight":"90vh"},"displayName":"FlexContainer","custom":{},"hidden":false,"nodes":["hero-label","hero-h1","hero-sub","hero-cta"],"linkedNodes":{},"parent":"ROOT"},"hero-label":{"type":{"resolvedName":"Text"},"isCanvas":false,"props":{"text":"NEW COLLECTION 2026","fontSize":11,"fontWeigh...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

Full Page — อสังหาริมทรัพย์ / Real Estate

สร้างหน้าแรกบริษัทอสังหาริมทรัพย์ โทนน้ำเงินขาว ดูน่าเชื่อถือ มี Hero ค้นหาโครงการ, โครงการแนะนำ, บริการ, สถิติ, CTA

{"ROOT":{"type":{"resolvedName":"Section"},"isCanvas":true,"props":{"backgroundColor":"#f0f4ff","paddingTop":0,"paddingBottom":0},"displayName":"Section","custom":{},"hidden":false,"nodes":["hero","listings","services","stats","cta"],"linkedNodes":{},"parent":null},"hero":{"type":{"resolvedName":"FlexContainer"},"isCanvas":true,"props":{"flexDirection":"column","alignItems":"center","justifyContent":"center","paddingTop":100,"paddingBottom":80,"paddingLeft":24,"paddingRight":24,"gap":28,"backgroundColor":"#1e3a5f","backgroundType":"image","backgroundImage":"https://loremflickr.com/1400/700/real,estate,building","minHeight":"85vh"},"displayName":"FlexContainer","custom":{},"hidden":false,"nodes":["re-h1","re-sub","re-cta"],"linkedNodes":{},"parent":"ROOT"},"re-h1":{"type":{"resolvedName":"T...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

Full Page — ฟิตเนส / ยิม

สร้างหน้าแรก Fitness Center / ยิม โทนดำแดง พลังงานสูง มี Hero, โปรแกรม, สิ่งอำนวยความสะดวก, Testimonial, ทดลองเรียนฟรี

{"ROOT":{"type":{"resolvedName":"Section"},"isCanvas":true,"props":{"backgroundColor":"#0a0a0a","paddingTop":0,"paddingBottom":0},"displayName":"Section","custom":{},"hidden":false,"nodes":["hero","programs","facilities","testimonial","cta"],"linkedNodes":{},"parent":null},"hero":{"type":{"resolvedName":"FlexContainer"},"isCanvas":true,"props":{"flexDirection":"column","alignItems":"center","justifyContent":"center","paddingTop":120,"paddingBottom":80,"paddingLeft":24,"paddingRight":24,"gap":24,"backgroundColor":"#0a0a0a","backgroundType":"image","backgroundImage":"https://loremflickr.com/1400/700/gym,fitness,exercise","minHeight":"100vh"},"displayName":"FlexContainer","custom":{},"hidden":false,"nodes":["gym-h1","gym-sub","gym-cta"],"linkedNodes":{},"parent":"ROOT"},"gym-h1":{"type":{"res...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

Full Page — สปา / ร้านเสริมสวย / ความงาม

สร้างหน้าแรกสปาและร้านเสริมสวย โทนขาวโรสโกลด์ ดูหรูหรา มี Hero, บริการ, แกลลอรี, รีวิว, จองคิว

{"ROOT":{"type":{"resolvedName":"Section"},"isCanvas":true,"props":{"backgroundColor":"#fff5f7","paddingTop":0,"paddingBottom":0},"displayName":"Section","custom":{},"hidden":false,"nodes":["hero","services","gallery","reviews","cta"],"linkedNodes":{},"parent":null},"hero":{"type":{"resolvedName":"FlexContainer"},"isCanvas":true,"props":{"flexDirection":"column","alignItems":"center","justifyContent":"center","paddingTop":120,"paddingBottom":80,"paddingLeft":24,"paddingRight":24,"gap":24,"backgroundColor":"#2d1b24","backgroundType":"image","backgroundImage":"https://loremflickr.com/1400/700/spa,beauty,wellness","minHeight":"90vh"},"displayName":"FlexContainer","custom":{},"hidden":false,"nodes":["spa-tag","spa-h1","spa-sub","spa-cta"],"linkedNodes":{},"parent":"ROOT"},"spa-tag":{"type":{"r...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

Full Page — คาเฟ่ / ร้านกาแฟ Specialty Coffee

สร้างหน้าแรกร้านกาแฟ Specialty Coffee โทนน้ำตาล-ครีม อบอุ่น มี Hero, เมนูแนะนำ, เรื่องราวเรา, แกลลอรี, ตำแหน่งร้าน

{"ROOT":{"type":{"resolvedName":"Section"},"isCanvas":true,"props":{"backgroundColor":"#f5ede0","paddingTop":0,"paddingBottom":0},"displayName":"Section","custom":{},"hidden":false,"nodes":["hero","menu","story","gallery","location"],"linkedNodes":{},"parent":null},"hero":{"type":{"resolvedName":"FlexContainer"},"isCanvas":true,"props":{"flexDirection":"column","alignItems":"center","justifyContent":"center","paddingTop":120,"paddingBottom":80,"paddingLeft":24,"paddingRight":24,"gap":24,"backgroundColor":"#2c1810","backgroundType":"image","backgroundImage":"https://loremflickr.com/1400/700/coffee,cafe,interior","minHeight":"90vh"},"displayName":"FlexContainer","custom":{},"hidden":false,"nodes":["cafe-tag","cafe-h1","cafe-sub","cafe-cta"],"linkedNodes":{},"parent":"ROOT"},"cafe-tag":{"type...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

Full Page — สถาบันการศึกษา / คอร์สออนไลน์

สร้างหน้าแรกสถาบันสอนออนไลน์ / E-Learning โทนน้ำเงินขาว ดูน่าเชื่อถือ มี Hero, คอร์สแนะนำ, วิธีการเรียน, อาจารย์, ลงทะเบียน

{"ROOT":{"type":{"resolvedName":"Section"},"isCanvas":true,"props":{"backgroundColor":"#f0f6ff","paddingTop":0,"paddingBottom":0},"displayName":"Section","custom":{},"hidden":false,"nodes":["hero","courses","how","instructors","cta"],"linkedNodes":{},"parent":null},"hero":{"type":{"resolvedName":"FlexContainer"},"isCanvas":true,"props":{"flexDirection":"column","alignItems":"center","justifyContent":"center","paddingTop":100,"paddingBottom":80,"paddingLeft":24,"paddingRight":24,"gap":24,"backgroundColor":"#0f172a","minHeight":"85vh"},"displayName":"FlexContainer","custom":{},"hidden":false,"nodes":["edu-label","edu-h1","edu-sub","edu-stats-row","edu-cta"],"linkedNodes":{},"parent":"ROOT"},"edu-label":{"type":{"resolvedName":"Text"},"isCanvas":false,"props":{"text":"#1 Platform การเรียนออนไ...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

[Super Director] ฟิตเนสสำหรับคนที่กลัวยิมแบบเดิม

สร้างเว็บ Fitness center สำหรับคนที่อยากออกกำลังกายแต่รู้สึก intimidated กับยิมทั่วไป

Super Director: ตัวอย่างการ flip convention — trust-first approach สำหรับ brand ที่ต้องสร้าง psychological safety ก่อน sell

{"concept":"Fitness Without Fear — เปลี่ยน intimidation เป็น invitation","emotion_journey":["recognition","relief","belonging","motivation","action"],"unexpected_element":"ไม่มี PricingCard ใน sections แรกๆ — แทนที่ด้วย Social Proof จากคนที่เคยกลัวยิมเหมือนกัน เพราะ trust ต้องมาก่อน price","cross_industry_inspiration":"ยืม warmth จาก boutique wellness spa + community feel จาก coworking space","theme":{"primary_color":"#1a1a2e","secondary_color":"#e94560","mood":"Dark but approachable — warm energy ไม่ใช่ aggressive","typography":"Bold headlines + approachable body text, หลีกเลี่ยง ALL-CAPS aggressive"},"sections":[{"order":1,"name":"Anti-Hero","narrative_role":"Hook ด้วย pain point โดยตรง ไม่ใช่ product pitch","description":"เราเข้าใจว่าคุณกลัวยิม — headline ที่พูดตรงๆ กับ target รูปบรรยาก...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

[Super Generate] SaaS Trust-First — Testimonials ก่อน Features

เว็บ SaaS ระบบจัดการธุรกิจ ต้องการสร้าง trust ก่อน ให้ลูกค้าเชื่อผ่านคนอื่นก่อนเห็น features

Super Generate: creative choice = StatsCounter ใน hero area + Testimonials section ก่อน Features — trust-first layout สำหรับ B2B SaaS

{"ROOT":{"type":{"resolvedName":"Section"},"isCanvas":true,"props":{"backgroundColor":"#f8fafc","paddingTop":0,"paddingBottom":0},"displayName":"Section","custom":{},"hidden":false,"nodes":["hero","social-proof","features","cta"],"linkedNodes":{},"parent":null},"hero":{"type":{"resolvedName":"FlexContainer"},"isCanvas":true,"props":{"flexDirection":"column","alignItems":"center","justifyContent":"center","paddingTop":100,"paddingBottom":80,"paddingLeft":24,"paddingRight":24,"gap":24,"backgroundColor":"#0f172a","minHeight":"80vh"},"displayName":"FlexContainer","custom":{},"hidden":false,"nodes":["hero-badge","hero-h1","hero-sub","hero-stats","hero-cta"],"linkedNodes":{},"parent":"ROOT"},"hero-badge":{"type":{"resolvedName":"Text"},"isCanvas":false,"props":{"text":"ใช้งานจริงโดย 12,000+ บริษ...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

Hero Section — ร้านอาหารญี่ปุ่น Dark Gold

สร้างหน้าแรกร้านอาหารญี่ปุ่น Omakase โทนสีดำทอง ดูหรูหรา มี Hero รูปภาพ และ CTA

ตัวอย่างร้านอาหาร Luxury โทน dark + gold — ใช้ FlexContainer + backgroundImage overlay, ปุ่ม CTA สี gold

{
  "ROOT": {
    "type": {"resolvedName": "Section"},
    "isCanvas": true,
    "props": {
      "backgroundColor": "#0a0a0a",
      "paddingTop": 0,
      "paddingBottom": 0,
      "minHeight": "100vh"
    },
    "displayName": "Section",
    "custom": {},
    "hidden": false,
    "nodes": ["hero-wrap"],
    "linkedNodes": {},
    "parent": null
  },
  "hero-wrap": {
    "type": {"resolvedName": "FlexContainer"},
    "isCanvas": true,
    "props": {
      "flexDirection": "column",
      "alignItems": "center",
      "justifyContent": "center",
      "paddingTop": 120,
      "paddingBottom": 80,
      "paddingLeft": 24,
      "paddingRight": 24,
      "gap": 24,
      "backgroundType": "image",
      "backgroundImage": "https://images.unsplash.com/photo-1579...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

[Super Director] คาเฟ่ Luxury สำหรับ Remote Worker

คาเฟ่ specialty coffee ระดับ premium ที่ต้องการดึงดูดนักธุรกิจและ remote worker ให้เลือกเป็น "ออฟฟิศที่ 3"

Super Director: cross-industry blend example — ยืม workspace positioning ใส่ cafe brand เพื่อสร้าง unique angle

{"concept":"Your Third Office — ไม่ใช่แค่กาแฟดี แต่คือ productivity space ที่สวยที่สุดในเมือง","emotion_journey":["aspiration","familiarity","productivity","loyalty"],"unexpected_element":"Section ชื่อ The Regulars — แสดง quote จาก regulars เกี่ยวกับ productivity และ creativity ที่เพิ่มขึ้น (social proof แบบ work-context ไม่ใช่แค่รีวิวกาแฟ)","cross_industry_inspiration":"ยืม workspace aesthetic จาก WeWork + warmth จาก boutique hotel lobby + editorial style จาก luxury lifestyle magazine","theme":{"primary_color":"#1c1c1c","secondary_color":"#c9a84c","mood":"Dark luxury ผสม warm productivity — serious แต่ inviting","typography":"Serif display headlines + clean sans body — ความคมชัดที่ยังอบอุ่น"},"sections":[{"order":1,"name":"The Atmosphere","narrative_role":"ขาย feeling ก่อน — คนเลือกคาเฟ่ด...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

[Super Generate] ร้านอาหาร Visual-First — GalleryGrid เป็น Hero

ร้านอาหาร fine dining ที่ต้องการให้ภาพอาหารและบรรยากาศพูดแทนทุกอย่าง ตีอาหารให้โดดเด่นทันทีก่อนข้อความ

Super Generate: creative choice = GalleryGrid (6 images) เป็น section แรกสุด — visual impact ก่อนข้อความทั้งหมด เหมาะกับ visual-driven brand

{"ROOT":{"type":{"resolvedName":"Section"},"isCanvas":true,"props":{"backgroundColor":"#0a0a0a","paddingTop":0,"paddingBottom":0},"displayName":"Section","custom":{},"hidden":false,"nodes":["visual-open","brand-intro","signature","cta"],"linkedNodes":{},"parent":null},"visual-open":{"type":{"resolvedName":"FlexContainer"},"isCanvas":true,"props":{"flexDirection":"column","alignItems":"center","paddingTop":80,"paddingBottom":0,"paddingLeft":0,"paddingRight":0,"gap":0,"backgroundColor":"#0a0a0a"},"displayName":"FlexContainer","custom":{},"hidden":false,"nodes":["gallery-hero","brand-overlay"],"linkedNodes":{},"parent":"ROOT"},"gallery-hero":{"type":{"resolvedName":"GalleryGrid"},"isCanvas":false,"props":{"images":["https://loremflickr.com/800/600/japanese,food,omakase","https://loremflickr.c...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

Hero Section — SaaS / Tech Product Dark Blue

สร้าง Hero section สำหรับ SaaS Software บริษัท tech โทนน้ำเงินเข้ม มี headline, subtext และ 2 ปุ่ม

ตัวอย่าง SaaS hero — dark navy, badge badge, 2-button row, large headline. ใช้เป็นต้นแบบสำหรับ tech/software

{
  "ROOT": {
    "type": {"resolvedName": "Section"},
    "isCanvas": true,
    "props": {
      "backgroundColor": "#0f172a",
      "paddingTop": 0,
      "paddingBottom": 0
    },
    "displayName": "Section",
    "custom": {},
    "hidden": false,
    "nodes": ["hero-section"],
    "linkedNodes": {},
    "parent": null
  },
  "hero-section": {
    "type": {"resolvedName": "FlexContainer"},
    "isCanvas": true,
    "props": {
      "flexDirection": "column",
      "alignItems": "center",
      "justifyContent": "center",
      "paddingTop": 100,
      "paddingBottom": 100,
      "paddingLeft": 24,
      "paddingRight": 24,
      "gap": 20,
      "backgroundColor": "transparent"
    },
    "displayName": "FlexContainer",
    "custom": {},
    "hidden": fa...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

[Super Director] อสังหาฯ Premium แบบ No Pressure

บริษัทอสังหาริมทรัพย์ระดับ premium ที่ต้องการให้ลูกค้า discover เอง ไม่ต้องการ aggressive sales approach

Super Director: editorial no-pressure approach — CTA positioning strategy เป็น unexpected choice ที่ works กับ premium brand

{"concept":"Find Home, Not Just Property — ให้ลูกค้า discover เองโดยไม่รู้สึกว่าถูก sell","emotion_journey":["curiosity","trust","aspiration","confidence","readiness"],"unexpected_element":"ไม่มีปุ่ม CTA ใน 3 sections แรก — ปล่อยให้ browse และ trust ก่อน CTA อยู่ท้ายสุดเพียงที่เดียว","cross_industry_inspiration":"ยืม editorial layout จาก luxury magazine + trust signals จาก law firm + curation feel จาก art gallery","theme":{"primary_color":"#0d1b2a","secondary_color":"#f0c93a","mood":"Editorial luxury — professional แต่ aspirational เหมือน Monocle magazine","typography":"Large serif display + clean body — ความ authoritative ที่ยังเข้าถึงได้"},"sections":[{"order":1,"name":"Story Opening","narrative_role":"Hook ด้วย narrative ไม่ใช่ property listing","description":"ทุกบ้านมีเรื่องราว — full-...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

[Super Generate] Product Launch — Countdown ใน Hero สร้าง Urgency

หน้า landing page สำหรับ product launch ครั้งสำคัญ ต้องสร้าง excitement และ urgency ให้ผู้เข้าชมรีบ sign up

Super Generate: creative choice = Countdown component ใน hero section — สร้าง urgency และ excitement สำหรับ product launch

{"ROOT":{"type":{"resolvedName":"Section"},"isCanvas":true,"props":{"backgroundColor":"#030712","paddingTop":0,"paddingBottom":0},"displayName":"Section","custom":{},"hidden":false,"nodes":["hero","features","social","cta"],"linkedNodes":{},"parent":null},"hero":{"type":{"resolvedName":"FlexContainer"},"isCanvas":true,"props":{"flexDirection":"column","alignItems":"center","justifyContent":"center","paddingTop":80,"paddingBottom":80,"paddingLeft":24,"paddingRight":24,"gap":32,"backgroundColor":"#030712","minHeight":"100vh"},"displayName":"FlexContainer","custom":{},"hidden":false,"nodes":["launch-tag","launch-h1","launch-sub","countdown-wrap","launch-cta","launch-note"],"linkedNodes":{},"parent":"ROOT"},"launch-tag":{"type":{"resolvedName":"Text"},"isCanvas":false,"props":{"text":"🚀 LAUNC...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

Features Section — คลินิกทันตกรรม 3 จุดเด่น

Features section สำหรับคลินิกทันตกรรม สีฟ้าขาว น่าเชื่อถือ แสดง 3 บริการหลัก

Features 3 card — light blue/white, card กลางสีน้ำเงิน (highlight) สไตล์คลินิกน่าเชื่อถือ

{
  "ROOT": {
    "type": {"resolvedName": "Section"},
    "isCanvas": true,
    "props": {
      "backgroundColor": "#f8faff",
      "paddingTop": 80,
      "paddingBottom": 80,
      "paddingLeft": 24,
      "paddingRight": 24
    },
    "displayName": "Section",
    "custom": {},
    "hidden": false,
    "nodes": ["content-wrap"],
    "linkedNodes": {},
    "parent": null
  },
  "content-wrap": {
    "type": {"resolvedName": "Container"},
    "isCanvas": true,
    "props": {
      "maxWidth": "1100px",
      "margin": "0 auto",
      "width": "100%"
    },
    "displayName": "Container",
    "custom": {},
    "hidden": false,
    "nodes": ["section-title","cards-row"],
    "linkedNodes": {},
    "parent": "ROOT"
  },
  "section-title": {
    "type": {"r...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

Hero Section — Boutique Hotel Luxury White

หน้าแรกโรงแรม Boutique ริมทะเล สีขาวน้ำเงิน ดูสะอาด Luxury มี Hero รูปและ CTA

Hotel hero แบบ 2-column — text left + image right, สี navy/white/gold, layout แบบ magazine

{
  "ROOT": {
    "type": {"resolvedName": "Section"},
    "isCanvas": true,
    "props": {
      "backgroundColor": "#ffffff",
      "paddingTop": 0,
      "paddingBottom": 0
    },
    "displayName": "Section",
    "custom": {},
    "hidden": false,
    "nodes": ["hero-flex"],
    "linkedNodes": {},
    "parent": null
  },
  "hero-flex": {
    "type": {"resolvedName": "FlexContainer"},
    "isCanvas": true,
    "props": {
      "flexDirection": "row",
      "alignItems": "center",
      "justifyContent": "space-between",
      "paddingTop": 80,
      "paddingBottom": 80,
      "paddingLeft": 80,
      "paddingRight": 0,
      "gap": 40,
      "minHeight": "85vh",
      "flexWrap": "wrap"
    },
    "displayName": "FlexContainer",
    "custom": {},
    "hi...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

Hero Section — Personal Portfolio Minimal Dark

หน้า Portfolio ของ Freelance Designer โทน dark minimal สไตล์ modern มีชื่อ, ตำแหน่ง, CTA contact

Portfolio hero — dark minimal, left-aligned, ชื่อใหญ่, role สีม่วง, 2 ปุ่ม hire + work

{
  "ROOT": {
    "type": {"resolvedName": "Section"},
    "isCanvas": true,
    "props": {
      "backgroundColor": "#09090b",
      "paddingTop": 0,
      "paddingBottom": 0,
      "minHeight": "100vh"
    },
    "displayName": "Section",
    "custom": {},
    "hidden": false,
    "nodes": ["port-wrap"],
    "linkedNodes": {},
    "parent": null
  },
  "port-wrap": {
    "type": {"resolvedName": "FlexContainer"},
    "isCanvas": true,
    "props": {
      "flexDirection": "column",
      "alignItems": "flex-start",
      "justifyContent": "center",
      "paddingTop": 0,
      "paddingBottom": 0,
      "paddingLeft": 80,
      "paddingRight": 80,
      "minHeight": "100vh",
      "gap": 16
    },
    "displayName": "FlexContainer",
    "custom": {},
    "...

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

Hero Section — บริษัท IT พร้อม Button Link

สร้าง Hero section สำหรับบริษัท IT บริการ Cloud โทนน้ำเงิน มีปุ่ม CTA ลิงก์ไปหน้า contact

ตัวอย่าง Hero IT/Cloud — dark navy, 2-button CTA. สำคัญ: Button ทุกตัวต้องมี link + openNewTab เสมอ แม้จะเป็น anchor link เช่น #contact

{"ROOT":{"type":{"resolvedName":"Section"},"isCanvas":true,"props":{"backgroundColor":"#0f172a","paddingTop":0,"paddingBottom":0},"displayName":"Section","custom":{},"hidden":false,"nodes":["hero-wrap"],"linkedNodes":{},"parent":null},"hero-wrap":{"type":{"resolvedName":"FlexContainer"},"isCanvas":true,"props":{"flexDirection":"column","alignItems":"center","justifyContent":"center","paddingTop":100,"paddingBottom":100,"paddingLeft":24,"paddingRight":24,"gap":24,"minHeight":"90vh"},"displayName":"FlexContainer","custom":{},"hidden":false,"nodes":["badge","headline","subtext","cta-row"],"linkedNodes":{},"parent":"ROOT"},"badge":{"type":{"resolvedName":"Text"},"isCanvas":false,"props":{"text":"☁️ Cloud Solutions Provider","fontSize":12,"color":"#60a5fa","fontWeight":"600","letterSpacing":"0....

…[truncated]

edit

Few-Shot bolt Live — inject → ✨ Generate / 🎬 Director

PricingCard + BlogCard — พร้อม Link Props

ตัวอย่าง PricingCard และ BlogCard ที่มี link props ครบ

ตัวอย่าง PricingCard ที่มี buttonLink + buttonOpenNewTab และ BlogCard ที่มี articleLink + articleOpenNewTab — props เหล่านี้บังคับต้องมีเมื่อสร้าง component ทั้งสอง

{"ROOT":{"type":{"resolvedName":"Section"},"isCanvas":true,"props":{"backgroundColor":"#f8fafc","paddingTop":60,"paddingBottom":60,"paddingLeft":24,"paddingRight":24},"displayName":"Section","custom":{},"hidden":false,"nodes":["demo-row"],"linkedNodes":{},"parent":null},"demo-row":{"type":{"resolvedName":"FlexContainer"},"isCanvas":true,"props":{"flexDirection":"row","gap":24,"justifyContent":"center","flexWrap":"wrap"},"displayName":"FlexContainer","custom":{},"hidden":false,"nodes":["pc1","bc1"],"linkedNodes":{},"parent":"ROOT"},"pc1":{"type":{"resolvedName":"PricingCard"},"isCanvas":false,"props":{"planName":"Pro Plan","price":"990","currency":"฿","period":"/เดือน","features":"เว็บไซต์ไม่จำกัด\nSSL ฟรี\nซัพพอร์ต 24/7","buttonText":"เลือกแพ็กเกจนี้","buttonLink":"https://example.com/sign...

…[truncated]

edit