Skip to main content
The FAQ section uses an accordion component to present answers to common questions in a clean and organized way. This guide explains how to edit the content and manage the list of questions.

​
File Location

The main component for this section is located at: 
src/components/marketing/faq.tsx

​
Editing the Heading

To change the main title and subtitle of the section, find the FAQ function and edit the text inside the h2 and p tags.
src/components/marketing/faq.tsx
// ...
<div className="mx-auto max-w-xl ...">
  <h2 className="text-3xl md:text-4xl ...">
    Frequently Asked Questions
  </h2>
  <p className="text-muted-foreground ...">
    Answers to common questions about SkyAgent and its features. If
    you have any other questions, please don&apos;t hesitate to
    contact us.
  </p>
</div>
// ...

​
Managing FAQ Items

All questions and answers are managed in the faqItems array at the top of the file. Each object in the array represents one item in the accordion.

​
Understanding the faqItems Array

Each object has two simple properties:
​
question
string
The question that appears as the accordion trigger.
​
answer
string
The answer that is revealed when the accordion item is opened.

​
Editing an FAQ Item

To change a question or answer, find the corresponding object in the faqItems array and modify its properties.
src/components/marketing/faq.tsx
// ...
const faqItems = [
  {
    question: "What is an AI Agent?",
    answer:
      "An AI Agent is an intelligent software system that can understand context...",
  },
  {
    question: "How does SkyAgent work?",
    answer:
      "SkyAgent integrates with your existing tools and workflows...",
  },
  // ... more FAQ items
];
// ...
You can add new objects to the array to create more FAQ items, or remove objects to delete them. The order of objects in the array determines their display order on the page.