diff --git a/public/Sword-Fish-Fencing.png b/public/Sword-Fish-Fencing.png
new file mode 100644
index 0000000..f12cc29
Binary files /dev/null and b/public/Sword-Fish-Fencing.png differ
diff --git a/public/logo192.png b/public/logo192.png
deleted file mode 100644
index fc44b0a..0000000
Binary files a/public/logo192.png and /dev/null differ
diff --git a/public/logo512.png b/public/logo512.png
deleted file mode 100644
index a4e47a6..0000000
Binary files a/public/logo512.png and /dev/null differ
diff --git a/public/robots.txt b/public/robots.txt
deleted file mode 100644
index e9e57dc..0000000
--- a/public/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:
diff --git a/src/App.js b/src/App.js
index 8b61780..668270c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -5,7 +5,9 @@ import { getRandomFishData } from "./modules/fetch-helper";
 
 function App() {
   const [fishData, setFishData] = React.useState(null);
-  console.log(fishData);
+  // opponentFish data
+
+  // button activated effect - rejects button
   React.useEffect(() => {
     getRandomFishData().then((data) => {
       setFishData(data);
@@ -13,13 +15,18 @@ function App() {
   }, []);
 
   return (
+    // return landing page on first load - logo and randomizer button
+    // <img src={logo} className="App-logo" alt="logo" />
     <div className="App">
       <header className="App-header"></header>
+      {/* title - some kind of fish pun */}
       <body className="App-body">
         <FishCard {...fishData} />
+        {/* accept or reject buttons */}
       </body>
     </div>
   );
 }
-
+//landing page function
+//fight page function
 export default App;
diff --git a/src/modules/landing-page.js b/src/modules/landing-page.js
new file mode 100644
index 0000000..355a0d2
--- /dev/null
+++ b/src/modules/landing-page.js
@@ -0,0 +1,21 @@
+import React from "react";
+import logo from "Sword-Fish-Fencing.png";
+
+const LandingPage = () => {
+  return (
+    <>
+      <h1>Fish Fight!</h1>
+      <img
+        onClick={/*generate fight page with first fish*/}
+        src={logo}
+        className="App-logo"
+        alt="logo"
+      />
+      <button onClick={/*generate fight page with first fish*/}>
+        There are plenty of fish in the sea. Which will you be?
+      </button>
+    </>
+  );
+};
+
+export default LandingPage;
