import Header from '@/components/Header';
     	import Footer from '@/components/Footer';
     	import HeroSection from '@/sections/HeroSection';
     	import FeaturedProperties from '@/sections/FeaturedProperties';
     	import CategoriesSection from '@/sections/CategoriesSection';
     	import AgentsSection from '@/sections/AgentsSection';
     	
     	function App() {
     	  return (
    	    <div className="min-h-screen bg-[#F8F9FA]" dir="rtl">
    	      <Header />
    	      <main>
    	        <HeroSection />
    	        <FeaturedProperties />
    	        <CategoriesSection />
    	        <AgentsSection />
    	      </main>
    	      <Footer />
    	    </div>
  	  );
    	}
    	
    	export default App;