Janady13/llms-txt-hub / apps/web/components/sections/featured-guides-section.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/llms-txt-hub / apps/web/components/sections/featured-guides-section.tsx
Date	Not specified in source
Repository	Janady13/llms-txt-hub
Revision	e0f4bf978d4df168369c7601d9c5f5ea89e84377
Branch	main
Path or archive member	apps/web/components/sections/featured-guides-section.tsx
Original SHA-256	4c9e66a36567e3395c094964dae7c8dca3e003c347376a429d862ece6bd0f78b
Git blob SHA	ff4fb626475aea518028ce0512be77ba2d6b323d
Reading-copy SHA-256	4c9e66a36567e3395c094964dae7c8dca3e003c347376a429d862ece6bd0f78b

Original source ↗

Recovered source transcript

Download complete source text ↓33 lines · 0.9 KB

import { Section } from '@/components/layout/section'
import { getRoute } from '@/lib/routes'
import type { Guide } from '@/types/types'
import { GuideCard } from './guide-card'

interface FeaturedGuidesSectionProps {
  guides: Guide[]
}

/**
 * Section component displaying featured guides
 *
 * @param props - Component props
 * @param props.guides - List of guides to display
 * @returns React component
 */
export function FeaturedGuidesSection({ guides }: FeaturedGuidesSectionProps) {
  return (
    <Section
      title="Featured Guides"
      description="Learn how to implement and optimize llms.txt for your documentation"
      viewAllHref={getRoute('guides.list')}
      viewAllText="All guides"
    >
      <div className="grid gap-4 sm:gap-6 sm:grid-cols-2 lg:grid-cols-4 3xl:grid-cols-5 4xl:grid-cols-6">
        {guides.map(guide => (
          <GuideCard key={guide.slug} guide={guide} />
        ))}
      </div>
    </Section>
  )
}