แก้ไข UI / UX ทำ function search ใหม่ ตามบรีฟพี่อาร์ม

src/components/HeaderHome.vue

@@ -7,7 +7,8 @@
             <v-img
               :aspect-ratio="1"
               src="../assets/logo-title.png"
-              width="600"
+              width="600"  
+              @click="$router.push('/')"
             ></v-img>
           </v-col>
           <v-col align-self="center" align="center">
@@ -19,42 +20,52 @@
             <v-btn
               elevated
               color="#B2C573"
-              class="mt-4"
+              class="mt-4 text-normal"
               style="color: #0f470f"
               size="large"
-              href="#started"
+              height="80"
+              to="/login"
             >
-              มาเริ่มกันเลย
+              <span class="text-normal">เข้าสู่ระบบสำหรับผู้แสดงตนแล้ว</span>
             </v-btn>
           </v-col>
         </v-row>
       </div>
     </div>
     <div style="position: relative" class="bg-curve" id="started">
-      <v-row style="height: 100%" align="center" class="text-center">
-        <v-col cols="12" md="">
+      <v-row style="height: 100%;width: 90%;" align="center" class="text-center ma-auto" >
+        <v-col cols="12" md="" class="text-normal mb-10">
+          <div class="text-center text-white py-5">
+            <div class="text-title my-3">ใครสมัคร สว.ได้บ้าง</div>
+            <div>
+              สมาชิกวุฒิสภาต้องไม่ฝักใฝ่หรือยอมตนอยู่ภายใต้ของพรรคการเมืองใดๆ
+              โดยมีคุณสมบัติดังนี้
+            </div>
+            <div>เช็คคุณสมบัติกันเลย !</div>
+            <!-- <v-btn elevated color="#DD6C31" class="text-normal mt-4" stacked height="80"  to="/check">
+        ตรวจสอบคุณสมบัติการเป็น  สว.
+      </v-btn> -->
+          </div>
           <div style="position: relative">
             <v-btn
               elevated
               color="#DD6C31"
               class="text-normal"
-              stacked
-              height="110"
+              height="85"
               to="/check"
             >
-              ตรวจสอบคุณสมบัติ
-              <br />
-              การเป็น สว.
+              <span class="text-normal"> ตรวจสอบคุณสมบัติการเป็น สว.</span>
               <v-img
                 :aspect-ratio="1"
                 src="../assets/Group 9.png"
                 width="70"
-                style="position: absolute; bottom: -25px; left: -20px"
+                style="position: absolute; bottom: -27px; left: -30px"
               ></v-img>
             </v-btn>
           </div>
+          <br>
         </v-col>
-        <v-col cols="12" md="" class="mt-0 mt-md-10 mt-lg-10" v-if="getUsername==''||getUsername==null||getUsername==undefined">
+        <!-- <v-col cols="12" md="" class="mt-0 mt-md-10 mt-lg-10" >
           <v-btn
             elevated
             color="#DD6C31"
@@ -62,6 +73,7 @@
             stacked
             height="110"
             to="/forms"
+            :disabled="getUsername!==''||getUsername!==null||getUsername!==undefined"
           >
             <v-img
               :aspect-ratio="1"
@@ -72,8 +84,8 @@
             แสดงตนเป็นผู้สมัคร
           </v-btn>
         </v-col>
-        <!-- {{ getUsername }} -->
-        <v-col cols="12" md="" v-if="getUsername">
+
+        <v-col cols="12" md="">
           <v-btn
             elevated
             color="#DD6C31"
@@ -82,6 +94,7 @@
             width="300"
             height="110"
             to="/search"
+            :disabled="!getUsername"
           >
             <v-img
               :aspect-ratio="1"
@@ -89,9 +102,9 @@
               width="100"
               style="position: absolute; top: -40px; right: 0px"
             ></v-img>
-            ค้นหาผู้สมัคร สว.
+            ค้นหาผู้สมัคร  สว.
           </v-btn>
-        </v-col>
+        </v-col> -->
       </v-row>
     </div>
   </div>
@@ -124,9 +137,9 @@ export default {
   transform: translate(-50%, -50%);
 }
 .bg-curve {
+  padding-top: 90px;
   background-image: url("/src/assets/Path\ 14.png");
-  height: 400px;
-
+  height: 465px;
   background-position: center top;
   /* background: #2b2b26 0% 0% no-repeat padding-box; */
 }