import portfolioData from "@/data/portfolio.json";
import Navigation from "@/components/Navigation";
import Hero from "@/components/Hero";
import Projects from "@/components/Projects";
import Experience from "@/components/Experience";
import Education from "@/components/Education";
import Skills from "@/components/Skills";
import Contact from "@/components/Contact";

export default function Home() {
  const { about, projects, experiences, education } = portfolioData;

  return (
    <>
      <Navigation />
      <main>
        <Hero
          name={about.FullName.split(" ")[0]}
          lastName={about.FullName.split(" ").slice(1).join(" ")}
          title={about.title}
          description={about.description}
          skills={about.skills}
          projects={projects}
          experiences={experiences}
          education={education}
          languages={about.languages}
          interests={about.interests}
          location={about.contact.Address}
        />
        <Projects projects={projects} />
        <Experience experiences={experiences} />
        <Education education={education} />
        <Skills
          skills={about.skills}
          languages={about.languages}
          interests={about.interests}
        />
        <Contact
          contact={about.contact}
          fullName={about.FullName}
          image={about.image}
        />
      </main>
    </>
  );
}