BigZ Web Center

psychology Few-Shot Examples (ตัวอย่างที่ดี) 19 items

GET /api/v1/ai-engine/examples?role_id=7&category=few_shot

expand_less

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Hero Section — SaaS / Tech Product Dark Blue

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

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

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

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

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

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

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

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

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

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

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

Hero Section — Boutique Hotel Luxury White

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

Hero Section — Personal Portfolio Minimal Dark

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

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

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

PricingCard + BlogCard — พร้อม Link Props

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

block Negative Examples (ข้อห้าม) 12 items

GET /api/v1/ai-engine/examples?role_id=7&category=negative

expand_less

tune Refinement Examples (การปรับแต่ง) 4 items

GET /api/v1/ai-engine/examples?role_id=7&category=refinement

expand_less

widgets Module Usage (การใช้โมดูล) 6 items

GET /api/v1/ai-engine/examples?role_id=7&category=module_usage

expand_less

วิธีใช้ NavMenu component

สร้าง Navigation Menu (Header) สำหรับเว็บไซต์

[Super] StatsCounter ใน Hero — Data-Driven Brand

แสดง credibility ด้วยตัวเลขทันทีใน hero section สำหรับ brand ที่มี strong data

วิธีใช้ Section + FlexContainer + Container (layout หลัก)

สร้าง layout พื้นฐาน Section > Container (maxWidth) > FlexContainer > content

[Super] GalleryGrid เป็น Hero Opening — Visual-Driven Brand

แสดง gallery ภาพเป็นสิ่งแรกที่เห็นก่อน text ใดๆ เหมาะกับ brand ที่ product/atmosphere พูดแทนตัวเองได้

วิธีสร้าง Pricing Cards 3 แพ็กเกจ

Pricing section 3 แพ็กเกจ มี highlight package กลาง

วิธีใช้ ImageSlide component

สร้าง Image Slideshow section ที่ responsive

arrow_back แก้ไข AI Role

ข้อมูลพื้นฐาน

model_training เลือก Training Data ที่จะผูกกับ Role นี้