create AddnewProduct page

- JSX structure for add new product page

Author: Soliman3

admin/src/pages/NewProduct.jsx

@@ -4,12 +4,47 @@ import styled from 'styled-components'
 // Styling...
 const Container = styled.div`
     flex:4;
+    
+    
 `
+const NewProductTitle = styled.h1`
+   
+`
+const NewProductItem = styled.div`
+    
+`
+const NewProductLabel = styled.label`
+    
+`
+const NewProductInput = styled.input`
+    
+`
+const AddNewProductButtom = styled.button`
+    
+`
+//########################################
 // New Product React Functional Component...
 export default function NewProduct() {
   return (
     <Container>
-      Add New Product here...
+          <NewProductTitle>Add New Product</NewProductTitle>
+          <NewProductItem>
+              <NewProductLabel>Product Name</NewProductLabel>
+              <NewProductInput type='text' placeholder='Iphone 12mini' />
+          </NewProductItem>
+          <NewProductItem>
+              <NewProductLabel>Product Name</NewProductLabel>
+              <NewProductInput type='text' placeholder='Iphone 12mini' />
+          </NewProductItem>
+          <NewProductItem>
+              <NewProductLabel>Product Name</NewProductLabel>
+              <NewProductInput type='text' placeholder='Iphone 12mini' />
+          </NewProductItem>
+          <NewProductItem>
+              <NewProductLabel>Upload Product Image</NewProductLabel>
+              <NewProductInput type='file' id='file' />
+          </NewProductItem>
+          <AddNewProductButtom>Create</AddNewProductButtom>
     </Container>
   )
 }