Janady13/llms-txt-hub / apps/web/app/about/page.tsx

1import { Button } from '@thedaviddias/design-system/button' 2import { Code, FileText, Zap } from 'lucide-react' 3import type { Metadata } from 'next' 4import Link from 'next/link' 5import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card' 6import { getRoute } from '@/lib/routes' 7import { generateBaseMetadata } from '@/lib/seo/seo-config' 8 9export const metadata: Metadata = generateBaseMetadata({ 10 title: 'About llms.txt Hub - The AI Documentation Standard Directory', 11 description: 12 'Learn about llms.txt hub, the largest directory of websites implementing the llms.txt standard. Discover how llms.txt helps AI models understand your documentation.', 13 path: '/about', 14 keywords: [ 15 'about llms.txt', 16 'what is llms.txt', 17 'llms.txt standard', 18 'AI documentation standard', 19 'llms.txt mission', 20 'llms.txt directory' 21 ] 22}) 23 24export default function AboutPage() { 25 return ( 26 <div className="container mx-auto px-4 py-8"> 27 <div className="max-w-3xl mx-auto space-y-8"> 28 <section className="space-y-4"> 29 <h1 className="text-4xl font-bold">About llms.txt hub</h1> 30 <p className="text-xl text-muted-foreground"> 31 Discover how llms.txt is revolutionizing AI-ready documentation and enhancing AI model 32 interactions. 33 </p> 34 </section> 35 36 <section className="space-y-4"> 37 <h2 className="text-2xl font-semibold">What is llms.txt?</h2> 38 <p> 39 llms.txt is a standard file that helps AI models better understand and interact with 40 your website's documentation and content structure. Similar to how robots.txt guides 41 search engines, llms.txt provides a structured format for AI models to navigate and 42 comprehend your site's information architecture. 43 </p> 44 </section> 45 46 <section className="space-y-4"> 47 <h2 className="text-2xl font-semibold">Our Mission</h2> 48 <p> 49 Created by{' '} 50 <a 51 href="https://thedaviddias.com" 52 className="font-bold underline dark:text-gray-300" 53 target="_blank" 54 rel="noopener noreferrer" 55 > 56 David Dias 57 </a> 58 , llms.txt hub has the mission to create a central directory and resource center for 59 websites and tools implementing the llms.txt standard. It aim to: 60 </p> 61 <ul className="list-disc list-inside space-y-2"> 62 <li>Promote the adoption of the llms.txt standard across the web</li> 63 <li>Provide resources and tools for developers to implement llms.txt effectively</li> 64 <li>Foster a community of AI-ready documentation enthusiasts</li> 65 <li>Improve the interaction between AI models and web content</li> 66 </ul> 67 </section> 68 69 <section className="space-y-4"> 70 <h2 className="text-2xl font-semibold">How it Works</h2> 71 <div className="grid md:grid-cols-3 gap-6"> 72 <Card> 73 <CardHeader> 74 <CardTitle className="flex items-center gap-2"> 75 <FileText className="h-5 w-5" /> 76 Create llms.txt 77 </CardTitle> 78 </CardHeader> 79 <CardContent> 80 <p> 81 Add an llms.txt file to your website's root directory to define your content 82 structure. 83 </p> 84 </CardContent> 85 </Card> 86 <Card> 87 <CardHeader> 88 <CardTitle className="flex items-center gap-2"> 89 <Code className="h-5 w-5" /> 90 Implement Standard 91 </CardTitle> 92 </CardHeader> 93 <CardContent> 94 <p> 95 Follow the llms.txt specification to describe your site's content and AI 96 interaction preferences. 97 </p> 98 </CardContent> 99 </Card> 100 <Card> 101 <CardHeader> 102 <CardTitle className="flex items-center gap-2"> 103 <Zap className="h-5 w-5" /> 104 Enhance AI Interactions 105 </CardTitle> 106 </CardHeader> 107 <CardContent> 108 <p> 109 Improve how AI tools understand and interact with your website's content and 110 documentation. 111 </p> 112 </CardContent> 113 </Card> 114 </div> 115 </section> 116 117 <section className="space-y-4"> 118 <h2 className="text-2xl font-semibold">Join the Community</h2> 119 <p> 120 Whether you're a developer, content creator, or AI enthusiast, there are many ways to 121 get involved with the llms.txt hub community: 122 </p> 123 <div className="flex flex-col sm:flex-row gap-4"> 124 <Button asChild> 125 <Link href={getRoute('submit')}>Submit Your llms.txt</Link> 126 </Button> 127 <Button asChild variant="outline"> 128 <Link href={getRoute('projects')}>Explore Resources</Link> 129 </Button> 130 </div> 131 </section> 132 133 <section className="space-y-4"> 134 <h2 className="text-2xl font-semibold">Contact Us</h2> 135 <p> 136 Have questions or suggestions? We'd love to hear from you! Reach out to us at{' '} 137 <a href="mailto:contact@llmstxthub.com" className="text-primary hover:underline"> 138 contact@llmstxthub.com 139 </a> 140 </p> 141 </section> 142 </div> 143 </div> 144 ) 145} 146