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

Source identity

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

Original source ↗

Recovered source transcript

Download complete source text ↓40 lines · 1.2 KB

import { Section } from '@/components/layout/section'
import { LLMGrid } from '@/components/llm/llm-grid'
import type { WebsiteMetadata } from '@/lib/content-loader'
import { getRoute } from '@/lib/routes'

interface WebsiteRelatedProjectsProps {
  websites: WebsiteMetadata[]
}

/**
 * Related projects section for website detail pages
 *
 * @param props - Component props
 * @param props.websites - Array of related website metadata
 * @returns Related projects grid section
 */
export function WebsiteRelatedProjects({ websites }: WebsiteRelatedProjectsProps) {
  if (websites.length === 0) return null

  return (
    <section className="animate-fade-in-up opacity-0 stagger-7">
      <Section
        title="Related Projects"
        description="Discover similar websites implementing llms.txt"
        viewAllHref={getRoute('website.list')}
        viewAllText="Browse all websites"
        titleId="related-projects"
      >
        <LLMGrid
          items={websites.slice(0, 3)}
          analyticsSource="related-projects"
          className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"
          overrideGrid={true}
          animateIn={false}
        />
      </Section>
    </section>
  )
}