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

export function WebsiteBadgesPage() {
  return (
    <WebsiteSectionShell
      sectionLabel="Badges"
      title="Badges"
      subtitle="Show trust badges and highlights on your public website."
    >
      <p className={styles.placeholderLead}>
        Display certifications, guarantees, and trust signals to website visitors.
      </p>
      <p className={styles.placeholderNote}>
        Badge management will be connected here. Planned options include:
      </p>
      <ul className={styles.featureList}>
        <li>Upload badge images with title and link</li>
        <li>Reorder badges for homepage or footer display</li>
        <li>Toggle visibility per badge</li>
      </ul>
    </WebsiteSectionShell>
  )
}
