import Link from 'next/link';
import { SpoonLogo } from '@/components/brand/logo';

export default function Footer() {
  return (
    <footer className='border-border/40 bg-muted/30 border-t'>
      <div className='container mx-auto px-4 py-12'>
        <div className='grid gap-8 md:grid-cols-4'>
          <div className='md:col-span-2'>
            <SpoonLogo className='mb-4' />
            <p className='text-muted-foreground max-w-md text-sm'>
              Spoon is a self-hostable fork maintenance cockpit for keeping
              important forks close to upstream without supporting them alone.
            </p>
          </div>

          <div>
            <h4 className='mb-4 text-sm font-semibold'>Product</h4>
            <ul className='space-y-2 text-sm'>
              <li>
                <Link
                  href='/dashboard'
                  className='text-muted-foreground hover:text-foreground transition-colors'
                >
                  Dashboard
                </Link>
              </li>
              <li>
                <Link
                  href='/spoons'
                  className='text-muted-foreground hover:text-foreground transition-colors'
                >
                  Spoons
                </Link>
              </li>
              <li>
                <Link
                  href='/threads'
                  className='text-muted-foreground hover:text-foreground transition-colors'
                >
                  Threads
                </Link>
              </li>
            </ul>
          </div>

          <div>
            <h4 className='mb-4 text-sm font-semibold'>Workspace</h4>
            <ul className='space-y-2 text-sm'>
              <li>
                <Link
                  href='/settings/ai-providers'
                  className='text-muted-foreground hover:text-foreground transition-colors'
                >
                  AI providers
                </Link>
              </li>
              <li>
                <Link
                  href='/settings/integrations'
                  className='text-muted-foreground hover:text-foreground transition-colors'
                >
                  Integrations
                </Link>
              </li>
              <li>
                <Link
                  href='/settings/worker'
                  className='text-muted-foreground hover:text-foreground transition-colors'
                >
                  Worker
                </Link>
              </li>
              <li>
                <Link
                  href='https://git.gbrown.org/gib/spoon'
                  target='_blank'
                  rel='noopener noreferrer'
                  className='text-muted-foreground hover:text-foreground transition-colors'
                >
                  Source
                </Link>
              </li>
            </ul>
          </div>
        </div>

        <div className='border-border/40 text-muted-foreground mt-12 border-t pt-8 text-center text-sm'>
          <p>
            Self-hostable fork maintenance for projects that stay close to
            upstream.
          </p>
        </div>
      </div>
    </footer>
  );
}
