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 } from '@/hooks/useDocs'
import { t } from '@/lib/i18n'
type DocSection = 'user-guide' | 'faq' | 'publishing' | 'payment'
interface DocLink {
id: DocSection
title: string
file: string
}
export default function DocsPage() {
const docs: DocLink[] = [
{
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',
},
]
const { selectedDoc, docContent, loading, loadDoc } = useDocs(docs)
return (
<>
{t('nav.documentation')} - zapwall.fr
{
void loadDoc(slug)
}}
/>
)
}