text: import React, { useState } from 'react';
  import NavTabs from './NavTabs';
  import Projects from './pages/Projects';
  import About from './pages/About';
  import Resume from './pages/Resume';
  import Contact from './pages/Contact';
  import Footer from './Footer';
  
  function Portfolio() {
    // Using useState, set the default value for currentPage to 'Home'
    const [currentPage, handlePageChange] = useState('Home');
  
    // The renderPage method uses a switch statement to render the appropriate current page
    const renderPage = () => {
      switch (currentPage) {
        case 'Projects':
          return <Projects />;
        case 'Resume':
          return <Resume />;
        case 'Contact':
          return <Contact />;
        default:
          return <About />;
      }
    };
  
    return (
      <div className="container-fluid">
        <header>
        <h1 id="about">W Rowland</h1>
        {/* Pass the state value and the setter as props to NavTabs */}
        <NavTabs currentPage={currentPage} handlePageChange={handlePageChange} />
        </header>
        <main className="container-fluid">
        {/* Call the renderPage function passing in the currentPage */}
        <div>{renderPage(currentPage)}</div>
        </main>
        <footer className="footer mt-auto py-3">
        <Footer />
        </footer>
      </div>
    );
  }
  
  export default Portfolio;
  