diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 9aac14e..8a77342 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -3,24 +3,8 @@
 </script>
 
 <template>
-    <div class="w-full h-screen p-8 flex gap-8 justify-start items-start container">
-        <Product
-            brand="Samsung"
-            title="Galaxy S20 Ultra"
-            picture="/assets/img/product-1.jpg"
-            :colors="['#0000ff', '#00ff00','red']"
-            :price="599"
-            :rate="2.4"
-            tag="New"
-        />
-        <Product
-            brand="Samsung"
-            title="Galaxy S20 Ultra"
-            picture="/assets/img/product-1.jpg"
-            :colors="['#0000ff', '#00ff00','red']"
-            :price="599"
-            :rate="2.4"
-            tag="New"
-        />
+    <div class="w-full">
+        <Hero />
+        <Preview />
     </div>
 </template>
\ No newline at end of file