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

function App() {
  return (
    <ThemeProvider theme={theme}>
      <>
        <GlobalStyles />
        <Navbar />
        <LandingSection />
        <AboutSection />
        <ProjectsSection />
      </>
    </ThemeProvider>
  );
}

export default App;