import Navbar from "./components/Navbar";
import Hero from "./components/Hero";
import About from "./components/About";
import Work from "./components/Work";
import Services from "./components/Services";
import Solutions from "./components/Solutions";
import Clients from "./components/Clients";
import Contact from "./components/Contact";
import Footer from "./components/Footer";
import React, { useState } from "react";
import { AnimatePresence } from "framer-motion";
function App() {
  const [isContactOpen, setIsContactOpen] = useState(false);

  const toggleContact = () => setIsContactOpen(!isContactOpen);

  return (
    <div className="min-h-screen bg-black text-white">
      <Navbar onContactClick={toggleContact} />
      <AnimatePresence>
        {isContactOpen && <Contact onClose={toggleContact} />}
      </AnimatePresence>
      <main>
        <Hero />
        <About />
        <Work onOpenContact={toggleContact} />
        <Services />
        <Solutions />
        <Clients />
      </main>
      {isContactOpen && <Contact onClose={toggleContact} />}
      <Footer />
    </div>
  );
}

export default App;
