diff --git a/src/components/Test.js b/src/components/Test.js
index a3b1319..259a925 100644
--- a/src/components/Test.js
+++ b/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
\ No newline at end of file
diff --git a/src/pages/Coralproducts.js b/src/pages/Coralproducts.js
new file mode 100644
index 0000000..d6a0e5a
--- /dev/null
+++ b/src/pages/Coralproducts.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+function Coralproducts() {
+    return (
+        <div>
+            <h1>Coral Products</h1>
+        </div>
+    )
+}
+
+export default Coralproducts
diff --git a/src/pages/Fishproducts.js b/src/pages/Fishproducts.js
new file mode 100644
index 0000000..e3a93a3
--- /dev/null
+++ b/src/pages/Fishproducts.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+function Fishproducts() {
+    return (
+        <div>
+            <h1>fish products</h1>
+        </div>
+    )
+}
+
+export default Fishproducts
diff --git a/src/products_api/Coral.js b/src/products_api/Coral.js
new file mode 100644
index 0000000..c93985c
--- /dev/null
+++ b/src/products_api/Coral.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+function Coral() {
+    return (
+        <div>
+            <h1>CORALS</h1>
+        </div>
+    )
+}
+
+export default Coral
diff --git a/src/products_api/Fish.js b/src/products_api/Fish.js
new file mode 100644
index 0000000..1227607
--- /dev/null
+++ b/src/products_api/Fish.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+function Fish() {
+    return (
+        <div>
+            <h1>FISH</h1>
+        </div>
+    )
+}
+
+export default Fish