diff --git a/src/PrerenderAppContent.js b/src/PrerenderAppContent.js
index 60e39ec..e4e8a3d 100644
--- a/src/PrerenderAppContent.js
+++ b/src/PrerenderAppContent.js
@@ -3,7 +3,7 @@ import { Box, AppBar, Toolbar, Container} from '@mui/material';
 import { Routes, Route } from 'react-router-dom';
 import Footer from './components/Footer.js';
 import { Logo, CategoryList } from './components/header/index.js';
-import Home from './pages/Home.js';
+import MainPageLayout from './components/MainPageLayout.js';
 
 const PrerenderAppContent = (socket) => (
     <Box
@@ -45,7 +45,7 @@ const PrerenderAppContent = (socket) => (
  
       <Box sx={{ flexGrow: 1 }}>
           <Routes>
-            <Route path="/" element={<Home />} />
+            <Route path="/" element={<MainPageLayout />} />
           </Routes>
       </Box>
 
diff --git a/src/PrerenderHome.js b/src/PrerenderHome.js
index 2b66f78..ec504c1 100644
--- a/src/PrerenderHome.js
+++ b/src/PrerenderHome.js
@@ -7,7 +7,7 @@ const {
 } = require('@mui/material');
 const Footer = require('./components/Footer.js').default;
 const { Logo, CategoryList } = require('./components/header/index.js');
-const Home = require('./pages/Home.js').default;
+const MainPageLayout = require('./components/MainPageLayout.js').default;
 
 class PrerenderHome extends React.Component {
   render() {
@@ -62,7 +62,7 @@ class PrerenderHome extends React.Component {
       React.createElement(
         Box,
         { sx: { flexGrow: 1 } },
-        React.createElement(Home)
+        React.createElement(MainPageLayout)
       ),
       React.createElement(Footer)
     );