FAQ

一个响应式的常见问题组件，具有手风琴功能和平滑的动画效果

预览

FAQ 组件

特性

🎯 响应式手风琴设计
📱 移动端友好布局
💫 平滑动画和过渡效果

使用方法

在你的页面中导入并使用 FAQ 组件：

page.tsx

import Faq from '@/components/faq';
 
export default function Page() {
  return (
    <main>
      {/* 你的其他组件 */}
      <Faq />
    </main>
  );
}

自定义内容

你可以通过修改翻译文件中的 faq 部分来自定义 FAQ 内容（例如：messages/zh.json）：

messages/zh.json

{
  "faq": {
    "title": "常见问题",
    "contact": "还有疑问？联系我们",
    "items": [
      {
        "question": "什么是 ShipNow？",
        "answer": "ShipNow 是一个 Next.js 模板..."
      },
      {
        "question": "如何使用？",
        "answer": "只需使用组件..."
      }
    ]
  }
}

小提示

包含价格相关的问题 - 回答关于费用的问题，并解释为什么您的产品物有所值。
说明退款政策 - 清楚描述如果客户不满意，如何获得退款。

Why

一个响应式组件，旨在解释用户为什么应该选择该产品，通过图标和插图图像突出展示产品的核心优势

CTA

带有渐变背景和装饰元素的精美号召性用户行动组件