src/App.jsx

@@ -1,12 +1,12 @@
 import "@fontsource/open-sans";
 import './App.scss';
 import Portfolio from "./sections/Portfolio";
-import PhotoHeader from "./sections/headers/PhotoHeader";
+import Header from "./sections/Header";
 
 const App = () => {
     return (
         <div>
-            <PhotoHeader />
+            <Header />
             <Portfolio /> 
         </div>
     );

src/sections/Header.jsx

@@ -1,4 +1,4 @@
-import SiteLogo from "../../elements/SiteLogo";
+import SiteLogo from "../elements/SiteLogo";
 import './Header.scss';
 
 const Header = () => {

src/sections/Portfolio.jsx

@@ -29,16 +29,6 @@ const images = [{
     id: 5,
     imagePath: 'images/5.jpg',
     thumbPath: 'images/5.jpg'
-},
-// {
-//     id: 6,
-//     imagePath: 'images/6.jpg',
-//     thumbPath: 'images/6.jpg'
-// },
-{
-    id: 7,
-    imagePath: 'images/7.jpg',
-    thumbPath: 'images/7.jpg'
 }
 ];
 

src/sections/headers/PhotoHeader.jsx

@@ -1,12 +0,0 @@
-import Header from "./Header";
-import './PhotoHeader.scss';
-
-const PhotoHeader = () => {
-    return(
-        <div className='photo-header-container'>
-            <Header />
-        </div>
-    );
-};
-
-export default PhotoHeader;

src/sections/headers/PhotoHeader.scss

@@ -1,6 +0,0 @@
-.photo-header-container {
-    background-image: url('../../../public/images/7.jpg');
-    background-position: center center;
-    background-size: cover;
-    height: 100vh;
-}