making art portfolio into just portfolio

Author: pyrobeck

src/App.jsx

@@ -1,6 +1,6 @@
 import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
 import Home from "./pages/Home";
-import ArtPortfolio from "./pages/ArtPortfolio";
+import Portfolio from "./pages/Portfolio";
 import Games from "./pages/Games";
 import Contact from "./pages/Contact";
 import Footer from "./components/Footer";
@@ -24,8 +24,8 @@ export default function App() {
     <Link to="/" className="text-purple-200 hover:text-purple-400 transition-colors">
       Home
     </Link>
-    <Link to="/art" className="text-purple-200 hover:text-purple-400 transition-colors">
-      Art Portfolio
+    <Link to="/portfolio" className="text-purple-200 hover:text-purple-400 transition-colors">
+      Portfolio
     </Link>
     <Link to="/games" className="text-purple-200 hover:text-purple-400 transition-colors">
       Games
@@ -46,7 +46,7 @@ export default function App() {
         <div className="flex-1">
           <Routes>
             <Route path="/" element={<Home />} />
-            <Route path="/art" element={<ArtPortfolio />} />
+            <Route path="/portfolio" element={<Portfolio />} />
             <Route path="/games" element={<Games />} />
             <Route path="/contact" element={<Contact />} />
           </Routes>

src/pages/Contact.jsx

@@ -51,7 +51,7 @@ export default function Contact() {
           transition={{ delay: 1 }}
           className="mt-12 text-gray-300 text-sm sm:text-base max-w-md"
         >
-          Let’s connect — whether you’re interested in collaborations, commissions, or just want to chat about creative projects.
+          Please feel free to reach out!
         </motion.p>
       </section>
 

src/pages/Navbar.jsx

@@ -9,7 +9,7 @@ export default function Navbar() {
 
   const navLinks = [
     { name: "Home", path: "/" },
-    { name: "Art Portfolio", path: "/art" },
+    { name: "Portfolio", path: "/portfolio" },
     { name: "Games", path: "/games" },
   ];
 

src/pages/ArtPortfolio.jsx src/pages/Portfolio.jsxsrc/pages/ArtPortfolio.jsx renamed to src/pages/Portfolio.jsx

@@ -8,7 +8,7 @@ import fourthpic from "../assets/artwork/istheretime.png";
 import fifthpic from "../assets/artwork/kitchenorange.0004.png";
 import sixthpic from "../assets/artwork/playbillcovermeangirls_final.png";
 
-export default function ArtPortfolio() {
+export default function Portfolio() {
   const images = [firstpic, anotherpic, thirdpic, fourthpic, fifthpic, sixthpic];
   const [selectedIndex, setSelectedIndex] = useState(null);