import { ThemeProvider } from 'styled-components';
import { theme } from './theme';
import { GlobalStyles } from './components/styles/Global.styled';
import Navbar from './components/Navbar';
import LandingSection from './sections/LandingSection';
import './i18n';
import ProjectsSection from './sections/ProjectsSection';
import AboutSection from './sections/AboutSection';

function App() {
  return (
    <ThemeProvider theme={theme}>
      <>
        {/* <AnimatedBg /> */}
        <GlobalStyles />
        <Navbar />

        <div className="site-content">
          <LandingSection />
          <AboutSection />
          <ProjectsSection />
        </div>
      </>
    </ThemeProvider>
  );
}

export default App;
