import Nav          from '@/components/Nav';
import Hero         from '@/components/Hero';
import About        from '@/components/About';
import Projects     from '@/components/Projects';
import CommitSection from '@/components/CommitSection';
import Contact      from '@/components/Contact';
import Footer       from '@/components/Footer';

export default function Page() {
  return (
    <>
      <a href="#main" className="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4
        focus:z-[200] focus:px-4 focus:py-2 focus:bg-white focus:text-black focus:rounded-lg
        focus:text-sm focus:font-semibold">
        Skip to main content
      </a>
      <Nav />
      <main id="main">
        <Hero />
        <About />
        <Projects />
        <CommitSection />
        <Contact />
      </main>
      <Footer />
    </>
  );
}