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() {
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',
},
{
id: 'fees-and-contributions',
title: t('docs.feesAndContributions'),
file: 'fees-and-contributions.md',
},
]
const { selectedDoc, docContent, loading, loadDoc } = useDocs(docs)
return (
<>
{t('nav.documentation')} - zapwall.fr
{
void loadDoc(slug)
}}
/>
)
}