"use client";

import { useProfile } from "../context/ProfileContext";
import { Navbar } from "../components/Navbar";
import { Hero } from "../sections/Hero";
import { TopBlogs } from "../sections/TopBlogs";
import { WorkExperience } from "../sections/WorkExperience";
import { FeaturedProjects } from "../sections/FeaturedProjects";
import { Luna } from "../sections/Luna";
import { Affiliates } from "../sections/Affiliates";
import { Activity } from "../sections/Activity";
import { Footer } from "../sections/Footer";

export default function Home() {
  const { experiences } = useProfile();

  return (
    <>
      <Navbar />
      <div className="space-y-20 pb-16 pt-28 sm:space-y-24 sm:pb-20 sm:pt-32">
        <Hero />
        <TopBlogs />
        <WorkExperience experiences={experiences} />
        <FeaturedProjects />
        <Luna />
        <Affiliates />
        <Activity />
      </div>
      <Footer />
    </>
  );
}