import Head from 'next/head'
import { DocsSidebar } from '@/components/DocsSidebar'
import { DocsContent } from '@/components/DocsContent'
import { PageHeader } from '@/components/PageHeader'
import { Footer } from '@/components/Footer'
import { useDocs, type DocLink, type DocSection } from '@/hooks/useDocs'
import { t } from '@/lib/i18n'
export default function DocsPage(): React.ReactElement {
const docs = buildDocsLinks()
const { selectedDoc, docContent, loading, loadDoc } = useDocs(docs)
return (
<>
{t('nav.documentation')} - zapwall.fr
{
void loadDoc(slug)
}}
/>
)
}
function buildDocsLinks(): DocLink[] {
return [
{ id: 'user-guide', title: t('docs.userGuide'), file: 'user-guide.md' },
{ id: 'faq', title: t('docs.faq'), file: 'faq.md' },
{ id: 'publishing', title: t('docs.publishing'), file: 'publishing-guide.md' },
{ id: 'payment', title: t('docs.payment'), file: 'payment-guide.md' },
{ id: 'fees-and-contributions', title: t('docs.feesAndContributions'), file: 'fees-and-contributions.md' },
]
}