diff --git a/components/Navbar/Navbar.module.css b/components/Navbar/Navbar.module.css
index ee12e384c..7f08b4c9c 100644
--- a/components/Navbar/Navbar.module.css
+++ b/components/Navbar/Navbar.module.css
@@ -1,3 +1,3 @@
.root {
- @apply flex justify-between items-center flex-row px-6 h-20 relative border-gray-100 border-b;
+ @apply flex justify-between items-center flex-row px-6 h-20 relative;
}
diff --git a/components/ProductView/ProductView.module.css b/components/ProductView/ProductView.module.css
new file mode 100644
index 000000000..3ee34e54a
--- /dev/null
+++ b/components/ProductView/ProductView.module.css
@@ -0,0 +1,3 @@
+.root {
+ @apply flex flex-row h-screen py-12;
+}
diff --git a/components/ProductView/ProductView.tsx b/components/ProductView/ProductView.tsx
new file mode 100644
index 000000000..7d4c52a1d
--- /dev/null
+++ b/components/ProductView/ProductView.tsx
@@ -0,0 +1,67 @@
+import cn from "classnames";
+import React, { FunctionComponent } from "react";
+import s from "./ProductView.module.css";
+import { Button } from "ui";
+
+interface ProductData {
+ description: string;
+}
+
+interface Props {
+ className?: string;
+ children?: any;
+ productData: ProductData;
+}
+
+const ProductView: FunctionComponent {productData.description}T-Shirt
+ Color
+ Size
+