diff --git a/src/pages/travelers/TravelerPage.js b/src/pages/travelers/TravelerPage.js
new file mode 100644
index 0000000..d9bb1cd
--- /dev/null
+++ b/src/pages/travelers/TravelerPage.js
@@ -0,0 +1,72 @@
+import React, { useEffect, useState } from "react";
+
+import Col from "react-bootstrap/Col";
+import Row from "react-bootstrap/Row";
+import Container from "react-bootstrap/Container";
+
+import Asset from "../../components/Asset";
+
+import styles from "../../styles/TravelerPage.module.css";
+import appStyles from "../../App.module.css";
+import btnStyles from "../../styles/Button.module.css";
+
+import PopularTravelers from "./PopularTravelers";
+import { useCurrentUser } from "../../contexts/CurrentUserContext";
+
+function TravelerPage() {
+ const [hasLoaded, setHasLoaded] = useState(false);
+ const currentUser = useCurrentUser();
+
+ useEffect(() => {
+ setHasLoaded(true);
+ }, [])
+
+ const mainTraveler = (
+ <>
+ Image Traveler stats Follow buttonTraveler username
+
Traveler owner's posts
+