import { LanguageProvider } from './context/LanguageContext';
import { DataProvider } from './context/DataContext';
import Hero from './components/Hero';
import Stats from './components/Stats';
import AchievementGrid from './components/AchievementGrid';
import ProjectCarousel from './components/ProjectCarousel';
import CTA from './components/CTA';

export default function App() {
  return (
    <LanguageProvider>
      <DataProvider>
        {/* Breadcrumb */}
        <nav className="py-4" aria-label="Breadcrumb">
          <ol className="flex items-center text-[10px] md:text-xs text-slate-500 font-medium tracking-wide uppercase">
            <li>
              <a href="https://informatika.untan.ac.id" target="_blank" rel="noopener noreferrer" className="hover:text-untan-blue transition-colors">
                Beranda
              </a>
            </li>
            <li><span className="mx-2 text-slate-300" aria-hidden="true">/</span></li>
            <li>
              <span className="text-slate-800 font-bold" aria-current="page">
                Mahasiswa &amp; Prestasi
              </span>
            </li>
          </ol>
        </nav>

        <Hero />

        <section className="acaab-full-bleed pb-20">
          <div className="max-w-7xl mx-auto px-4 lg:px-8">
            <Stats />
          </div>
          <AchievementGrid />
          <ProjectCarousel />
        </section>

        <CTA />
      </DataProvider>
    </LanguageProvider>
  );
}