import BentoServices from "@/components/home/BentoServices";
import HomeAcademy from "@/components/home/HomeAcademy";
import HomeHero from "@/components/home/HomeHero";
import HomeProjects from "@/components/home/HomeProjects";
import TechMarquee from "@/components/home/TechMarquee";
import Consultation from "@/components/network/Consultation";
import ContactFooter from "@/components/network/ContactFooter";

export default function HomePage() {
  return (
    <div className="min-h-screen bg-[#0B1120] text-white font-sans selection:bg-orange-500/30 rtl" dir="rtl">
      {/* Background Glow */}
      <div className="fixed top-0 inset-x-0 h-[500px] bg-gradient-to-b from-orange-500/5 via-transparent to-transparent pointer-events-none -z-10"></div>

      <main className="flex flex-col gap-24 pt-32 pb-12">
        <HomeHero />
        <TechMarquee />

        <div className="w-full px-4 mx-auto space-y-32 max-w-7xl sm:px-6 lg:px-8">
          <BentoServices />
          <HomeProjects />
          <HomeAcademy />
          <div>
            <Consultation />
            <ContactFooter />
          </div>
        </div>
      </main>
    </div>
  );
}