text: import React, { useState } from "react";
  import Header from "./Header";
  import Footer from "./Footer";
  import Navigation from "./Navigation";
  import About from "./pages/About";
  import Projects from "./pages/Projects";
  import Contact from "./pages/Contact";
  import Resume from "./pages/Resume";
  
  export default function Portfolio() {
    const [currentPage, setCurrentPage] = useState("About Me");
  
    const renderPage = () => {
      if (currentPage === "About Me") {
        return <About />;
      }
      if (currentPage === "Projects") {
        return <Projects />;
      }
      if (currentPage === "Contact") {
        return <Contact />;
      }
      return <Resume />;
    };
  
    const handlePageChange = (page) => setCurrentPage(page);
  
    return (
      <>
        <Navigation
          currentPage={currentPage}
          handlePageChange={handlePageChange}
        />
        <Header />
        {renderPage()}
        <Footer />
      </>
    );
  }