diff --git a/components/product/ProductSidebar/ProductSidebar.tsx b/components/product/ProductSidebar/ProductSidebar.tsx
index 1914f9bef..d339859a2 100644
--- a/components/product/ProductSidebar/ProductSidebar.tsx
+++ b/components/product/ProductSidebar/ProductSidebar.tsx
@@ -12,9 +12,10 @@ import {
 
 interface ProductSidebarProps {
   product: Product
+  className?: string
 }
 
-const ProductSidebar: FC<ProductSidebarProps> = ({ product }) => {
+const ProductSidebar: FC<ProductSidebarProps> = ({ product, className }) => {
   const addItem = useAddItem()
   const { openSidebar } = useUI()
   const [loading, setLoading] = useState(false)
@@ -40,7 +41,7 @@ const ProductSidebar: FC<ProductSidebarProps> = ({ product }) => {
   }
 
   return (
-    <>
+    <div className={className}>
       <ProductOptions
         options={product.options}
         selectedOptions={selectedOptions}
@@ -51,7 +52,7 @@ const ProductSidebar: FC<ProductSidebarProps> = ({ product }) => {
         html={product.descriptionHtml || product.description}
       />
       <div className="flex flex-row justify-between items-center">
-        <Rating value={2} />
+        <Rating value={4} />
         <div className="text-accent-6 pr-1 font-medium text-sm">36 reviews</div>
       </div>
       <div>
@@ -79,7 +80,7 @@ const ProductSidebar: FC<ProductSidebarProps> = ({ product }) => {
           to COVID-19.
         </Collapse>
       </div>
-    </>
+    </div>
   )
 }
 
diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index 5a61255ee..57a045644 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/components/product/ProductView/ProductView.tsx
@@ -77,9 +77,8 @@ const ProductView: FC<ProductViewProps> = ({ product, relatedProducts }) => {
               />
             )}
           </div>
-          <div className={s.sidebar}>
-            <ProductSidebar product={product} />
-          </div>
+
+          <ProductSidebar product={product} className={s.sidebar} />
         </div>
         <hr className="mt-7 border-accent-2" />
         <section className="py-12 px-6 mb-10">
diff --git a/public/assets/beanie-4.png b/public/assets/beanie-4.png
new file mode 100644
index 000000000..a623da8ed
Binary files /dev/null and b/public/assets/beanie-4.png differ
diff --git a/public/assets/bomber-jacket-0.png b/public/assets/bomber-jacket-0.png
new file mode 100644
index 000000000..b4ac3bcef
Binary files /dev/null and b/public/assets/bomber-jacket-0.png differ
diff --git a/public/assets/bomber-jacket-1.png b/public/assets/bomber-jacket-1.png
new file mode 100644
index 000000000..812745c98
Binary files /dev/null and b/public/assets/bomber-jacket-1.png differ
diff --git a/public/assets/drop-shirt-0.png b/public/assets/drop-shirt-0.png
new file mode 100644
index 000000000..09409084d
Binary files /dev/null and b/public/assets/drop-shirt-0.png differ
diff --git a/public/assets/jacket-0.png b/public/assets/jacket-0.png
new file mode 100644
index 000000000..93e7ee51c
Binary files /dev/null and b/public/assets/jacket-0.png differ
diff --git a/public/assets/jacket-1.png b/public/assets/jacket-1.png
new file mode 100644
index 000000000..85102924f
Binary files /dev/null and b/public/assets/jacket-1.png differ
diff --git a/public/assets/jacket-2.png b/public/assets/jacket-2.png
new file mode 100644
index 000000000..b175c4363
Binary files /dev/null and b/public/assets/jacket-2.png differ
diff --git a/public/assets/lightwight-jacket-0.png b/public/assets/lightwight-jacket-0.png
new file mode 100644
index 000000000..a183aab57
Binary files /dev/null and b/public/assets/lightwight-jacket-0.png differ
diff --git a/public/assets/lightwight-jacket-1.png b/public/assets/lightwight-jacket-1.png
new file mode 100644
index 000000000..d263b4371
Binary files /dev/null and b/public/assets/lightwight-jacket-1.png differ
diff --git a/public/assets/lightwight-jacket-2.png b/public/assets/lightwight-jacket-2.png
new file mode 100644
index 000000000..83bab7e75
Binary files /dev/null and b/public/assets/lightwight-jacket-2.png differ
diff --git a/public/assets/lightwight-jacket-3.png b/public/assets/lightwight-jacket-3.png
new file mode 100644
index 000000000..f35efa34f
Binary files /dev/null and b/public/assets/lightwight-jacket-3.png differ
diff --git a/public/assets/lightwight-jacket-4.png b/public/assets/lightwight-jacket-4.png
new file mode 100644
index 000000000..6a2a16d54
Binary files /dev/null and b/public/assets/lightwight-jacket-4.png differ
diff --git a/public/assets/lightwight-jacket-5.png b/public/assets/lightwight-jacket-5.png
new file mode 100644
index 000000000..057f6e1f3
Binary files /dev/null and b/public/assets/lightwight-jacket-5.png differ
diff --git a/public/assets/short-sleeve-0.png b/public/assets/short-sleeve-0.png
new file mode 100644
index 000000000..c85d78cce
Binary files /dev/null and b/public/assets/short-sleeve-0.png differ
diff --git a/public/assets/short-sleeve-1.png b/public/assets/short-sleeve-1.png
new file mode 100644
index 000000000..473c445b5
Binary files /dev/null and b/public/assets/short-sleeve-1.png differ
diff --git a/public/assets/short-sleeve-2.png b/public/assets/short-sleeve-2.png
new file mode 100644
index 000000000..ba8893343
Binary files /dev/null and b/public/assets/short-sleeve-2.png differ
diff --git a/public/assets/short-sleeve-3.png b/public/assets/short-sleeve-3.png
new file mode 100644
index 000000000..5c856f88b
Binary files /dev/null and b/public/assets/short-sleeve-3.png differ
diff --git a/public/assets/short-sleeve-t-shirt-0.png b/public/assets/short-sleeve-t-shirt-0.png
new file mode 100644
index 000000000..c1a33da0a
Binary files /dev/null and b/public/assets/short-sleeve-t-shirt-0.png differ
diff --git a/public/assets/short-sleeve-t-shirt-1.png b/public/assets/short-sleeve-t-shirt-1.png
new file mode 100644
index 000000000..c1a33da0a
Binary files /dev/null and b/public/assets/short-sleeve-t-shirt-1.png differ
diff --git a/public/assets/short-sleeve-t-shirt-2.png b/public/assets/short-sleeve-t-shirt-2.png
new file mode 100644
index 000000000..60bb85a36
Binary files /dev/null and b/public/assets/short-sleeve-t-shirt-2.png differ
diff --git a/public/assets/short-sleeve-t-shirt-3.png b/public/assets/short-sleeve-t-shirt-3.png
new file mode 100644
index 000000000..51bee63b4
Binary files /dev/null and b/public/assets/short-sleeve-t-shirt-3.png differ
diff --git a/public/assets/short-sleeve-t-shirt-4.png b/public/assets/short-sleeve-t-shirt-4.png
new file mode 100644
index 000000000..b81e01d87
Binary files /dev/null and b/public/assets/short-sleeve-t-shirt-4.png differ
diff --git a/public/assets/skinny-unisex-joggers-0.png b/public/assets/skinny-unisex-joggers-0.png
new file mode 100644
index 000000000..8c76a482e
Binary files /dev/null and b/public/assets/skinny-unisex-joggers-0.png differ
diff --git a/public/assets/skinny-unisex-joggers-1.png b/public/assets/skinny-unisex-joggers-1.png
new file mode 100644
index 000000000..ee3470a65
Binary files /dev/null and b/public/assets/skinny-unisex-joggers-1.png differ
diff --git a/public/assets/skinny-unisex-joggers-2.png b/public/assets/skinny-unisex-joggers-2.png
new file mode 100644
index 000000000..43dc80f92
Binary files /dev/null and b/public/assets/skinny-unisex-joggers-2.png differ
diff --git a/public/assets/skinny-unisex-joggers-3.png b/public/assets/skinny-unisex-joggers-3.png
new file mode 100644
index 000000000..715c0afb6
Binary files /dev/null and b/public/assets/skinny-unisex-joggers-3.png differ
diff --git a/public/assets/t-shirt-0.png b/public/assets/t-shirt-0.png
new file mode 100644
index 000000000..80ad64dae
Binary files /dev/null and b/public/assets/t-shirt-0.png differ
diff --git a/public/assets/t-shirt-1.png b/public/assets/t-shirt-1.png
new file mode 100644
index 000000000..bd3fab6a2
Binary files /dev/null and b/public/assets/t-shirt-1.png differ
diff --git a/public/assets/t-shirt-2.png b/public/assets/t-shirt-2.png
new file mode 100644
index 000000000..eb591ef53
Binary files /dev/null and b/public/assets/t-shirt-2.png differ
diff --git a/public/assets/t-shirt-3.png b/public/assets/t-shirt-3.png
new file mode 100644
index 000000000..fc39ab343
Binary files /dev/null and b/public/assets/t-shirt-3.png differ
diff --git a/public/assets/t-shirt-4.png b/public/assets/t-shirt-4.png
new file mode 100644
index 000000000..8a908d7d1
Binary files /dev/null and b/public/assets/t-shirt-4.png differ
diff --git a/public/assets/t-shirt-5.png b/public/assets/t-shirt-5.png
new file mode 100644
index 000000000..2dabf534f
Binary files /dev/null and b/public/assets/t-shirt-5.png differ
diff --git a/public/assets/unisex-joggers-0.png b/public/assets/unisex-joggers-0.png
new file mode 100644
index 000000000..5a78af663
Binary files /dev/null and b/public/assets/unisex-joggers-0.png differ
diff --git a/public/assets/unisex-joggers-1.png b/public/assets/unisex-joggers-1.png
new file mode 100644
index 000000000..585121076
Binary files /dev/null and b/public/assets/unisex-joggers-1.png differ
diff --git a/public/assets/unisex-joggers-2.png b/public/assets/unisex-joggers-2.png
new file mode 100644
index 000000000..52aaa9731
Binary files /dev/null and b/public/assets/unisex-joggers-2.png differ