Components

src/components/Test.js

@@ -3,9 +3,9 @@ import React from 'react'
 function Test() {
     return (
         <div>
-            <h1>TEST</h1>
+            <h1>TEST2</h1>
         </div>
     )
 }
 
-export default Test
+export default Test

src/pages/Coralproducts.js

@@ -0,0 +1,11 @@
+import React from 'react'
+
+function Coralproducts() {
+    return (
+        <div>
+            <h1>Coral Products</h1>
+        </div>
+    )
+}
+
+export default Coralproducts

src/pages/Fishproducts.js

@@ -0,0 +1,11 @@
+import React from 'react'
+
+function Fishproducts() {
+    return (
+        <div>
+            <h1>fish products</h1>
+        </div>
+    )
+}
+
+export default Fishproducts

src/products_api/Coral.js

@@ -0,0 +1,11 @@
+import React from 'react'
+
+function Coral() {
+    return (
+        <div>
+            <h1>CORALS</h1>
+        </div>
+    )
+}
+
+export default Coral

src/products_api/Fish.js

@@ -0,0 +1,11 @@
+import React from 'react'
+
+function Fish() {
+    return (
+        <div>
+            <h1>FISH</h1>
+        </div>
+    )
+}
+
+export default Fish