import React from "react";
import "./i18n";
import Navbar from "./Components/Nav/Navbar";
import Home from "./Components/Sections/Home/Home";
import Services from "./Components/Sections/Services/Services";
import About from "./Components/Sections/About/About";
import Contact from "./Components/Sections/Contact/Contact";
import ImagePreloader from "./Components/ImagePreloader";
import Footer from "./Components/Nav/Footer";
import "./App.css";

const App = () => {

  return (
    <ImagePreloader>
      <div className="min-h-screen bg-white dark:bg-gray-900 text-gray-900 dark:text-white transition-colors duration-300">
        <div className="flex flex-col min-h-screen">
          <Navbar />
          <main className="flex-grow">
            <Home />
            <Services />
            <About />
            <Contact />
          </main>
          <Footer />
        </div>
      </div>
    </ImagePreloader>
  );
};

export default App;