import { Hero } from "@/components/hero";
import { Competencies } from "@/components/competencies";
import { Projects } from "@/components/projects";
import { Strengths } from "@/components/strengths";
import { Bio } from "@/components/bio";
import { Experience } from "@/components/experience";
import { Skills } from "@/components/skills";
import { Contact } from "@/components/contact";
import { Navbar } from "@/components/navbar";

export default function Home() {
  return (
    <div className="min-h-screen bg-background text-foreground">
      <Navbar />

      <main className="max-w-6xl mx-auto px-4 md:px-8 pb-24">
        <section id="hero">
          <Hero />
        </section>

        <section id="competencies" className="mt-8">
          <Competencies />
        </section>

        <section id="strengths" className="mt-8">
          <Strengths />
        </section>

        <section id="projects" className="mt-8">
          <Projects />
        </section>

        <section id="bio" className="mt-8">
          <Bio />
        </section>

        <section id="experience" className="mt-8">
          <Experience />
        </section>

        <section id="skills" className="mt-8">
          <Skills />
        </section>

        <section id="contact" className="mt-8">
          <Contact />
        </section>
      </main>
    </div>
  );
}
