diff --git a/src/pages/catalog/components/order/Order.tsx b/src/pages/catalog/components/order/Order.tsx
new file mode 100644
index 0000000..32d9ff8
--- /dev/null
+++ b/src/pages/catalog/components/order/Order.tsx
@@ -0,0 +1,36 @@
+const Order = () => {
+  return (
+    <>
+      <div>
+        <span>Jacinta Perez Gomez</span><br/>
+        <span>Avenida Siempre Viva 123</span><br/>
+        <span>+57 41233454</span>
+      </div>
+
+      <div>
+        <p>Tomate Orgánico 500g 12000</p>
+        <p>Espinaca Orgánica 250g 8500</p>
+        <p>Zanahoria Orgánica 1Kg 9500</p>
+        <p>Palta Orgánica 1U 4500</p>
+        <p>Banano Orgánico 1Kg 5500</p>
+        <p>Mango Orgánico 1U 3500</p>
+        <p>Fresa Orgánica 250g 12000</p>
+        <p>Pimentón Orgánico 500g 10500</p>
+        <p>Cebolla Orgánica 500g 5500</p>
+        <p>Manzana Orgánica 500g 8000</p>
+      </div>
+
+      <div>
+        <span>SubTotal: $200.000 COP</span><br/>
+        <span>Domicilio: $10.000 COP</span><br/>
+        <span>Total: $210.000 COP</span>
+      </div>
+
+      <label>Comentario:</label>
+      <input type="text"/><br/>
+      <button>Pagar</button>
+    </>
+  )
+}
+
+export default Order;
diff --git a/src/pages/catalog/components/order/components/index.ts b/src/pages/catalog/components/order/components/index.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/catalog/components/order/index.ts b/src/pages/catalog/components/order/index.ts
new file mode 100644
index 0000000..b92c2bc
--- /dev/null
+++ b/src/pages/catalog/components/order/index.ts
@@ -0,0 +1 @@
+export * from './Order.tsx'