UI กรณีศึกษาการตลาดในโหมดมืด

{
  "type": "ม็อกอัปหน้า Landing Page UI/UX",
  "theme": "โหมดมืด, สุนทรียศาสตร์ทันสมัยโฉบเฉี่ยว, กลาสฟอร์มิกซึม (glassmorphism), จุดเน้นเรืองแสง{argument name=\"primary accent color\" default=\"ม่วงและน้ำเงินนีออน\"}",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"goViralX\"}",
    "top_right_tag": "VIRAL CAMPAIGN CASE STUDY"
  },
  "layout": {
    "sections": [
      {
        "name": "Hero",
        "headline": "{argument name=\"hero headline\" default=\"วิธีที่เราสร้างอิมแพกต์ไวรัลกว่า 10 ล้าน\"}",
        "subheadline": "Detonated the entire network in 3 days, helping brands achieve exponential growth",
        "stats_row": {
          "count": 4,
          "labels": [
            "Total play volume",
            "Interaction rate",
            "Conversion consultation",
            "Execution cycle"
          ],
          "values": [
            "{argument name=\"main statistic\" default=\"10,240,000+\"}",
            "18.7%",
            "3,200+",
            "72 hours"
          ]
        },
        "visual": "ภาพถ่ายสไตล์ภาพยนตร์ของคนสวมเสื้อฮู้ดกำลังมองหน้าจอดิจิทัลและกราฟเรืองแสง พร้อมโอเวอร์เลย์ปุ่มเล่นขนาดใหญ่"
      },
      {
        "name": "กลยุทธ์",
        "title": "Our 3-Day Execution Strategy",
        "layout_type": "ไทม์ไลน์แนวตั้ง",
        "steps_count": 3,
        "elements_per_step": [
          "โหนดไทม์ไลน์",
          "หัวข้อ",
          "สัญลักษณ์หัวข้อย่อย",
          "ภาพขนาดย่อวิดีโอพร้อมปุ่มเล่น",
          "กล่องคำอธิบาย"
        ]
      },
      {
        "name": "ประสิทธิภาพ",
        "title": "Data-Driven Performance",
        "left_column": {
          "stat_cards_count": 4,
          "values": [
            "10M+",
            "43%",
            "28,000+",
            "3,200+"
          ]
        },
        "right_column": {
          "charts_count": 2,
          "chart_1": "กราฟเส้นแสดงการเติบโตใน 7 วันโดยขึ้นสูงสุดในวันที่ 3",
          "chart_2": "แผนภูมิแท่งแนวนอนแบบแบ่งส่วนแสดงการกระจายของแพลตฟอร์ม (TikTok 52%, Instagram 24%, X 15%, YouTube 9%)"
        }
      },
      {
        "name": "กุญแจสู่ความสำเร็จ",
        "title": "The 3 Keys to Viral Success",
        "cards_count": 3,
        "card_elements": [
          "ไอคอนเรืองแสง (ไฟ, เป้าหมาย, เสาอากาศ)",
          "หัวข้อ",
          "คำอธิบาย",
          "ลิงก์ VIEW DETAIL"
        ]
      },
      {
        "name": "การยอมรับทางสังคม",
        "title": "TRUSTED BY CREATORS & BRANDS",
        "left_column": {
          "logos_count": 8,
          "grid": "2x4",
          "brands": [
            "SHEIN",
            "SHOPLINE",
            "Blueglass",
            "instacart",
            "lemon8",
            "mi",
            "CIDER",
            "bellroy"
          ]
        },
        "right_column": {
          "testimonial_cards_count": 2,
          "elements": [
            "คำนิยม",
            "ตำแหน่งผู้เขียน (SaaS Founder, Growth Manager)"
          ]
        }
      },
      {
        "name": "กระตุ้นการตัดสินใจ",
        "title": "READY TO GO VIRAL?",
        "interactive_elements": [
          "ช่องป้อนข้อความ",
          "ปุ่มเรืองแสงพร้อมข้อความ '{argument name=\"call to action text\" default=\"รับแผนการเติบโตเฉพาะคุณ ->\"}'"
        ],
        "visual": "ภาพเรนเดอร์ 3D ของยานอวกาศกำลังทะยานขึ้นพร้อมเปลวไฟสีม่วงและน้ำเงิน"
      }
    ]
  }
}