import { Navigation } from './features/navigation';
import { HeroSection } from './features/hero';
import { SkillsSection } from './features/skills';
import { ProjectsSection } from './features/projects';
import { ExperienceSection } from './features/experience';
import { ContactSection } from './features/contact';
import Footer from './shared/components/Footer';

function App() {
  return (
    <div className="bg-black text-white min-h-screen overflow-x-hidden">
      {/* Background gradient decorations */}
      <div className="fixed inset-0 -z-10">
        <div className="absolute top-0 left-0 w-96 h-96 bg-green-500/10 rounded-full blur-3xl opacity-50"></div>
        <div className="absolute bottom-0 right-0 w-96 h-96 bg-emerald-500/10 rounded-full blur-3xl opacity-50"></div>
      </div>

      <Navigation />
      <HeroSection />
      <SkillsSection />
      <ProjectsSection />
      <ExperienceSection />
      <ContactSection />
      <Footer />
    </div>
  );
}

export default App;