लैंडिंग लेआउट उपयोग निर्देश

लैंडिंग लेआउट कॉन्फ़िगरेशन निर्देश

लैंडिंग लेआउट विशेष रूप से लैंडिंग पेज के लिए डिज़ाइन किया गया एक लेआउट है, जो कई कॉन्फ़िगर करने योग्य सामग्री ब्लॉक प्रदान करता है।

लेआउट संरचना

1. हीरो ब्लॉक

   • गेम प्रदर्शन या पृष्ठभूमि छवि का समर्थन
   • बड़े शीर्षक और विवरण टेक्स्ट
   • प्राथमिक और द्वितीयक CTA बटन

2. विशेषताएं ब्लॉक

   • ग्रिड लेआउट में विशेषताएं प्रदर्शित
   • आइकन और विवरण का समर्थन
   • स्वचालित प्रतिक्रियाशील लेआउट

3. FAQ ब्लॉक

   • अक्सर पूछे जाने वाले प्रश्नों की सूची
   • प्रश्न-उत्तर प्रारूप का समर्थन
   • संक्षिप्त प्रस्तुति शैली

4. बॉटम CTA ब्लॉक

   • फुटर कॉल-टू-एक्शन
   • उपयोगकर्ता मार्गदर्शन
   • आकर्षक बटन डिज़ाइन

Frontmatter कॉन्फ़िगरेशन

प्रत्येक ब्लॉक frontmatter के माध्यम से कॉन्फ़िगर किया जाता है:

hero:
  game: URL          # गेम लिंक
  background: URL    # पृष्ठभूमि छवि
 
features:
  title: शीर्षक
  description: विवरण
  items:
    - title: विशेषता शीर्षक
      description: विशेषता विवरण
      icon: emoji/URL
 
faq:
  title: FAQ 标题
  description: FAQ 描述
  items:
    - question: 问题
      answer: 答案
 
bottomCta:
  title: 标题
  description: 描述
  text: 按钮文本
  link: 链接地址

使用建议

1. 内容组织

   • 合理安排各区块顺序
   • 保持视觉层次清晰
   • 突出重要信息

2. 视觉效果

   • 选择合适的图片和图标
   • 注意颜色搭配
   • 保持风格统一

3. 响应式考虑

   • 测试不同屏幕尺寸
   • 确保内容可读性
   • 优化移动端体验