import AboutSummary from "@/components/about-summary";
import CommercialProjects from "@/components/commercial-projects";
import Experience from "@/components/experience";
import Hero from "@/components/hero";
import Skills from "@/components/skills";
import { skills, jobs } from "@/lib/data";

export default function Home() {
  return (
    <div className="flex flex-col items-center w-full">
      <Hero />
      <div className="container mx-auto px-4">
        <AboutSummary />
        <Skills skills={skills} />
        <CommercialProjects />
        <Experience jobs={jobs} />
      </div>
    </div>
  );
}
