diff --git a/src/App.tsx b/src/App.tsx
index 29a6b1d9cca256969df38bd9eaf44745e8362c02..273e1c039691350b7adbb23b37d9c53e5ab445a8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,13 +1,13 @@
 import React, { FC } from 'react';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
-import { HomePage } from './components/AuthUser/Homepage/HomePage';
+import { HomePage2 } from './components/AuthUser/HomePage2/HomePage2';
 
 export const App: FC = () => (
   <Router>
     <Switch>
       <Route path="/">
         <div data-testid="App">
-          <HomePage />
+          <HomePage2 />
         </div>
       </Route>
     </Switch>
diff --git a/src/assets/.gitkeep b/src/assets/.gitkeep
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/src/components/AuthUser/HomePage2/HomePage2.tsx b/src/components/AuthUser/HomePage2/HomePage2.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..980aac3eaaffbdf1910c5bd561b146d43268a58c
--- /dev/null
+++ b/src/components/AuthUser/HomePage2/HomePage2.tsx
@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import { CssBaseline } from '@material-ui/core';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    minHeight: '100vh',
+    backgroundImage: `url(${'/assets/material-hero-bg.png'})`,
+  },
+}));
+
+export const HomePage2: FC = () => {
+  const classes = useStyles();
+
+  return (
+    <div className={classes.root}>
+      <CssBaseline />
+    </div>
+  );
+};