import { useState } from "react";
import Navbar from "./components/Navbar/Navbar";
import HeroSection from "./components/Hero/HeroSection";
import CabsSection from "./components/Cabs/CabsSection";
import ServicesSection from "./components/Services/ServicesSection";
import PromoBanners from "./components/Promotions/PromoBanners";
import ReviewsSection from "./components/Reviews/ReviewsSection";
import WhyChooseUs from "./components/Highlights/WhyChooseUs";
import NewsSection from "./components/News/NewsSection";
import Footer from "./components/Footer/Footer";
import AuthModal from "./components/Auth/AuthModal";
import "./index.css";

function App() {
  const [isAuthModalOpen, setIsAuthModalOpen] = useState(false);
  const [user, setUser] = useState(null);

  return (
    <main className="min-h-screen">
      <Navbar 
        user={user} 
        onLoginClick={() => setIsAuthModalOpen(true)} 
      />
      <HeroSection />
      <CabsSection />
      <ServicesSection />
      <PromoBanners />
      <ReviewsSection />
      <WhyChooseUs />
      <NewsSection />
      <Footer />
      <AuthModal 
        isOpen={isAuthModalOpen} 
        onClose={() => setIsAuthModalOpen(false)} 
        user={user}
        setUser={setUser}
      />
    </main>
  );
}

export default App;
