created the layout

src/commons/header/header.jsx

@@ -0,0 +1,5 @@
+function Header() {
+  return <header className="header">Header Part</header>;
+}
+
+export default Header;

src/commons/hotel-view/hotel-view.jsx

@@ -0,0 +1,5 @@
+function HotelView() {
+  return <main className="hotel-view">Hotel view</main>;
+}
+
+export default HotelView;

src/commons/main/main.jsx

@@ -0,0 +1,13 @@
+import HotelView from "../hotel-view/hotel-view";
+import Nav from "../navigation/navigation";
+
+function Main() {
+  return (
+    <div className="content">
+      <Nav />
+      <HotelView />
+    </div>
+  );
+}
+
+export default Main;

src/commons/navigation/navigation.jsx

@@ -0,0 +1,5 @@
+function Nav() {
+  return <nav className="sidebar">Navigation</nav>;
+}
+
+export default Nav;