import { Link } from 'react-router-dom';
import { FolderKanban, ExternalLink } from 'lucide-react';
import { useI18n } from '../hooks/useI18n';
import { siteData } from '../data/siteData';

export default function Hero() {
  const { t } = useI18n();

  return (
    <section className="hero container">
      <h1 className="hero-title">{t('hero.title')}</h1>
      <p className="hero-subtitle">{t('hero.subtitle')}</p>
      <div className="hero-actions">
        <Link to="/projects" className="btn btn-primary">
          <FolderKanban size={16} /> {t('hero.cta.projects')}
        </Link>
        <a href={siteData.brand.github} target="_blank" rel="noopener noreferrer" className="btn">
          <ExternalLink size={16} /> {t('hero.cta.github')}
        </a>
      </div>
    </section>
  );
}
