forked from
standard.site/standard.site
Standard.site landing page built in Next.js
1import { Metadata } from 'next'
2import { Footer, DocsSidebar, DocsNav } from '@/app/components'
3
4export const metadata: Metadata = {
5 title: 'Documentation - Standard.site',
6 description: 'Learn how to implement Standard.site lexicons for long-form publishing on AT Protocol.',
7}
8
9export default function DocsLayout({ children }: { children: React.ReactNode }) {
10 return (
11 <div className="min-h-screen bg-base-100 font-sans">
12 <DocsNav />
13
14 <div className="flex gap-x-8 lg:gap-x-16 xl:gap-x-24 justify-center px-8 pt-48 pb-32 md:py-40">
15 <section className="hidden md:block shrink-0 w-32">
16 <DocsSidebar />
17 </section>
18
19 <main className="flex flex-col w-xl gap-8 min-w-0">
20 <article className="min-w-0 @container/content">
21 {children}
22 </article>
23 </main>
24
25 <section className="hidden md:flex shrink-0 w-32">
26 {/* Reserved for table of contents */}
27 </section>
28 </div>
29
30 <Footer />
31 </div>
32 )
33}