diff --git a/src/components/05_quotation/peview/Header.vue b/src/components/05_quotation/peview/Header.vue
new file mode 100644
index 00000000..b9340971
--- /dev/null
+++ b/src/components/05_quotation/peview/Header.vue
@@ -0,0 +1,69 @@
+<script lang="ts" setup>
+// NOTE: Import stores
+
+// NOTE  Import Types
+// NOTE: Import Components
+</script>
+
+<template>
+  <div class="row">
+    <div class="column" style="width: 50%">
+      <div class="" style="font-weight: bold">
+        บริษัท นำคนต่างด้าวมาทำงานในประเทศ จ๊อบส์ เวิร์คเกอร์ เซอร์วิส จำกัด
+        (สำนักงานใหญ่)
+      </div>
+      <div>
+        49,51,53 ถ.สุขสวัสดิ์ แขวงราษฏร์บูรณะ เขตราษฏร์บูรณะ กรุงเทพมหานคร 10140
+      </div>
+      <div>เลขประจำตัวผู้เสียภาษี 0225566001988</div>
+      <div>เบอร์โทร 02-018-8688</div>
+      <div>https://www.jobsworkerservice.com</div>
+    </div>
+    <div class="column" style="width: 50%">
+      <div class="row">
+        <div class="text-orange set-width">เลขที่ใบเสนอราคา</div>
+
+        <div>QT240120S0003</div>
+      </div>
+      <div class="row">
+        <div class="text-orange set-width">วันที่ใบเสนอราคา</div>
+
+        <div>20/01/2024 10:36</div>
+      </div>
+      <div class="row">
+        <div class="text-orange set-width">ผู้ขาย</div>
+
+        <div>นายสดใส ใจงาม 084-363-5222</div>
+      </div>
+      <div class="row">
+        <div class="text-orange set-width">เงื่อนไขการชำระ</div>
+
+        <div>เงินสด - เต็มจำนวน</div>
+      </div>
+      <div class="row">
+        <div class="text-orange set-width">ชื่องาน</div>
+
+        <div>MOU Myanmar (Re-turn)</div>
+      </div>
+      <div class="row">
+        <div class="text-orange set-width">ผู้ติดต่อ</div>
+
+        <div>สุนี เจริญงาม</div>
+      </div>
+      <div class="row">
+        <div class="text-orange set-width">วันครบกำหนดชำระ</div>
+
+        <div>27/01/2024</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.set-width {
+  width: 150px;
+}
+.text-orange {
+  color: var(--orange-5);
+}
+</style>