import { WebsiteSectionShell } from '../components/WebsiteSectionShell'
import styles from './WebsitePage.module.css'

export function WebsiteFaqPage() {
  return (
    <WebsiteSectionShell
      sectionLabel="FAQ"
      title="FAQ"
      subtitle="Create and organize frequently asked questions for your website."
    >
      <p className={styles.placeholderLead}>
        Build an FAQ section to answer common customer questions before they contact you.
      </p>
      <p className={styles.placeholderNote}>
        FAQ editor will be connected here. Planned options include:
      </p>
      <ul className={styles.featureList}>
        <li>Add, edit, and reorder questions and answers</li>
        <li>Group items by category</li>
        <li>Publish or hide individual entries</li>
      </ul>
    </WebsiteSectionShell>
  )
}
