Janady13/llms-txt-hub / apps/web/components/website/website-llms-section.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/llms-txt-hub / apps/web/components/website/website-llms-section.tsx
Date	Not specified in source
Repository	Janady13/llms-txt-hub
Revision	e0f4bf978d4df168369c7601d9c5f5ea89e84377
Branch	main
Path or archive member	apps/web/components/website/website-llms-section.tsx
Original SHA-256	847bd977260d24c21356efbdefafd179fbd0cb3213ff934c0fd652868d5c7be6
Git blob SHA	12b0d957f7b77293631a44669ae6dfe4026dced0
Reading-copy SHA-256	847bd977260d24c21356efbdefafd179fbd0cb3213ff934c0fd652868d5c7be6

Original source ↗

Recovered source transcript

Download complete source text ↓43 lines · 1.5 KB

import { FileText } from 'lucide-react'
import { LLMButton } from '@/components/buttons/llm-button'
import type { WebsiteMetadata } from '@/lib/content-loader'

interface WebsiteLLMsSectionProps {
  website: WebsiteMetadata
}

/**
 * LLMs.txt files section for website detail pages
 *
 * @param props - Component props
 * @param props.website - Website metadata with LLMs URLs
 * @returns Section displaying LLMs.txt file access buttons
 */
export function WebsiteLLMsSection({ website }: WebsiteLLMsSectionProps) {
  return (
    <section className="animate-fade-in-up opacity-0 stagger-3">
      <div className="rounded-2xl border border-border/50 bg-card/50 backdrop-blur-sm p-6 md:p-8">
        <div className="flex items-center gap-3 mb-6">
          <div className="flex items-center justify-center size-10 rounded-xl bg-primary/10">
            <FileText className="size-5 text-primary" aria-hidden />
          </div>
          <div>
            <h2 className="text-xl font-bold text-pretty scroll-mt-20" id="documentation">
              AI Documentation Files
            </h2>
            <p className="text-sm text-muted-foreground mt-0.5">
              Access the llms.txt files for this website
            </p>
          </div>
        </div>
        <div className="flex flex-wrap gap-4">
          <LLMButton href={website.llmsUrl} type="llms" size="lg" />
          {website.llmsFullUrl && (
            <LLMButton href={website.llmsFullUrl} type="llms-full" size="lg" />
          )}
        </div>
      </div>
    </section>
  )
}