Merge branch 'master' of https://github.com/CraveTeck/mindboost

assets/css/style.css

@@ -52,6 +52,7 @@
 
 .accordion-button-homebar:not(.collapsed)::after {
     background-position-y:1px ;
+
 }
 .accordion-button-homebar:not(.collapsed) {
     color: black;

components/homebar.vue

@@ -52,7 +52,7 @@
                     <div class="accordion accordion-flush p-0 m-0" id="accordionFlushExample">
                       <div class="accordion-item">
                         <h4 class="accordion-header" id="flush-headingOne">
-                          <button class="accordion-button accordion-button-homebar  py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
+                          <button class="accordion-button accordion-button-homebar text-muted fs-6 fw-bold py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
                             Headphones Type
                           </button>
                         </h4>
@@ -79,8 +79,8 @@
                     <div class="accordion accordion-flush p-0 m-0" id="accordionFlushExample1">
                       <div class="accordion-item">
                         <h4 class="accordion-header" id="flush-headingOne">
-                          <button class="accordion-button accordion-button-homebar  py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne1" aria-expanded="false" aria-controls="flush-collapseOne">
+                          <button class="accordion-button accordion-button-homebar text-muted fs-6 fw-bold py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne1" aria-expanded="false" aria-controls="flush-collapseOne">
-                            Active Noise Cancelling
+                            ANC
                           </button>
                         </h4>
                         <div id="flush-collapseOne1" class="p-0 m-0 accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample1">

layouts/default.vue

@@ -47,6 +47,11 @@ useHead({
       href:'https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css',
       rel:'stylesheet',
     },
+    {
+      href: 'favicon.svg',
+      rel:"icon",
+      type:"image/x-icon"
+    }
     // { rel: 'stylesheet', href: '../assets/css/style.css' },
   ],
   script:[

pages/homeforest.vue

@@ -15,10 +15,15 @@
 
 
                   <div class="col-12 ">
+                    <div class="d-none d-md-block mx-auto  pb-1" style="width: 225px" >
+                      <div class="progress " style="height: 10px">
+                        <div class="progress-bar" role="progressbar"  aria-label="Basic example" style="width: 88%;background-color: #e9c046" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+                      </div>
+                    </div>
                     <div class="d-flex justify-content-center  mb-1">
                       <span class="text-muted fw-bold fs-6 ">Adaptive soundscape : <span class="" style="color: #e9c046">On</span> </span><span class="ps-3"><i class="fa-solid text-muted d-flex pt-1 mt-1 fa-chevron-right"></i></span>
                     </div>
-                    <div class=" mx-auto col-10 col-md-3 pb-1" >
+                    <div class="d-block d-md-none mx-auto  pb-1" style="width: 225px" >
                       <div class="progress " style="height: 10px">
                         <div class="progress-bar" role="progressbar"  aria-label="Basic example" style="width: 88%;background-color: #e9c046" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                       </div>
@@ -28,11 +33,11 @@
                     <ul class="nav mx-auto " style="border-radius: 15px;background-color: #f5f5f5;width: 210px">
 
                       <li class="nav-item">
-                        <a class="nav-link nav-icons  py-2" id="foucused-icon" href="#" >
+                        <nuxt-link to="/" class="nav-link nav-icons  py-2" id="foucused-icon"  >
                           <svg xmlns="http://www.w3.org/2000/svg" width="20" height="24" viewBox="0 0 19 20" fill="none">
                             <path d="M2.69824 0.055674C1.5521 0.101019 0.5 1.0361 0.5 2.29591V17.7041C0.5 19.3839 2.37138 20.486 3.84082 19.6719L17.7451 11.9678C19.2568 11.1301 19.2568 8.86988 17.7451 8.03224L3.84082 0.328135C3.47346 0.124617 3.08029 0.0405589 2.69824 0.055674ZM2.71582 1.53321C2.84512 1.53266 2.98064 1.56618 3.11328 1.63966L17.0186 9.34376C17.5678 9.64811 17.5678 10.3519 17.0186 10.6563L3.11328 18.3604C2.58272 18.6543 2 18.3104 2 17.7041V2.29591C2 1.99278 2.14535 1.75582 2.35742 1.63087C2.46346 1.5684 2.58652 1.53377 2.71582 1.53321Z" fill="#030504" fill-opacity="0.4"/>
                           </svg>
-                        </a>
+                        </nuxt-link>
                       </li>
 
                       <li class="nav-item dropdown ">
@@ -66,7 +71,7 @@
                             <div class="accordion accordion-flush p-0 m-0" id="accordionFlushExample">
                               <div class="accordion-item">
                                 <h4 class="accordion-header" id="flush-headingOne">
-                                  <button class="accordion-button accordion-button-homebar  py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
+                                  <button class="accordion-button accordion-button-homebar text-muted fs-6 fw-bold py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
                                     Headphones Type
                                   </button>
                                 </h4>
@@ -93,7 +98,7 @@
                             <div class="accordion accordion-flush p-0 m-0" id="accordionFlushExample1">
                               <div class="accordion-item">
                                 <h4 class="accordion-header" id="flush-headingOne">
-                                  <button class="accordion-button accordion-button-homebar  py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne1" aria-expanded="false" aria-controls="flush-collapseOne">
+                                  <button class="accordion-button accordion-button-homebar text-muted fs-6 fw-bold py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne1" aria-expanded="false" aria-controls="flush-collapseOne">
                                     Headphones Type
                                   </button>
                                 </h4>

pages/homemeadow.vue

@@ -15,10 +15,15 @@
 
 
                   <div class="col-12 ">
+                    <div class="d-none d-md-block mx-auto  pb-1" style="width: 225px" >
+                      <div class="progress " style="height: 10px">
+                        <div class="progress-bar" role="progressbar"  aria-label="Basic example" style="width: 88%;background-color: #e9c046" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+                      </div>
+                    </div>
                     <div class="d-flex justify-content-center  mb-1">
                       <span class="text-muted fw-bold fs-6 ">Adaptive soundscape : <span class="" style="color: #e9c046">On</span> </span><span class="ps-3"><i class="fa-solid text-muted d-flex pt-1 mt-1 fa-chevron-right"></i></span>
                     </div>
-                    <div class=" mx-auto col-10 col-md-3 pb-1" >
+                    <div class="d-block d-md-none mx-auto  pb-1" style="width: 225px" >
                       <div class="progress " style="height: 10px">
                         <div class="progress-bar" role="progressbar"  aria-label="Basic example" style="width: 88%;background-color: #e9c046" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                       </div>
@@ -66,7 +71,7 @@
                             <div class="accordion accordion-flush p-0 m-0" id="accordionFlushExample">
                               <div class="accordion-item">
                                 <h4 class="accordion-header" id="flush-headingOne">
-                                  <button class="accordion-button accordion-button-homebar  py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
+                                  <button class="accordion-button accordion-button-homebar text-muted fs-6 fw-bold text-muted fs-6 fw-bold py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
                                     Headphones Type
                                   </button>
                                 </h4>
@@ -93,8 +98,8 @@
                             <div class="accordion accordion-flush p-0 m-0" id="accordionFlushExample1">
                               <div class="accordion-item">
                                 <h4 class="accordion-header" id="flush-headingOne">
-                                  <button class="accordion-button accordion-button-homebar  py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne1" aria-expanded="false" aria-controls="flush-collapseOne">
+                                  <button class="accordion-button accordion-button-homebar text-muted fs-6 fw-bold text-muted fs-6 fw-bold py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne1" aria-expanded="false" aria-controls="flush-collapseOne">
-                                    Headphones Type
+                                    ANC
                                   </button>
                                 </h4>
                                 <div id="flush-collapseOne1" class="p-0 m-0 accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample1">
@@ -156,7 +161,10 @@ import HomeBar from "../components/homebar";
 export default {
   components: {HomeBar},
   data(){
-    title:'Meadow soundscape'
+    return{
+      title: 'Meadow soundscape'
+
+    }
   },
   methods:{
     handleAnimation: function (anim) {

pages/hometropics.vue

@@ -16,17 +16,22 @@
 
 
                   <div class="col-12 ">
+                    <div class="d-none d-md-block mx-auto  pb-1" style="width: 225px" >
+                      <div class="progress " style="height: 10px">
+                        <div class="progress-bar" role="progressbar"  aria-label="Basic example" style="width: 88%;background-color: #e9c046" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+                      </div>
+                    </div>
                     <div class="d-flex justify-content-center  mb-1">
                       <span class="text-muted fw-bold fs-6 ">Adaptive soundscape : <span class="" style="color: #e9c046">On</span> </span><span class="ps-3"><i class="fa-solid text-muted d-flex pt-1 mt-1 fa-chevron-right"></i></span>
                     </div>
-                    <div class=" mx-auto col-10 col-md-3 pb-1" >
+                    <div class="d-block d-md-none mx-auto  pb-1" style="width: 225px" >
                       <div class="progress " style="height: 10px">
                         <div class="progress-bar" role="progressbar"  aria-label="Basic example" style="width: 88%;background-color: #e9c046" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                       </div>
                     </div>
                   </div>
                   <div class="col-12 d-block d-md-none justify-content-center pb-2">
-                    <ul class="nav mx-auto " style="border-radius: 15px;background-color: #f5f5f5;width: 210px">
+                    <ul class="nav mx-auto " style="border-radius: 15px;background-color: #f5f5f5;width: 220px">
 
                       <li class="nav-item">
                         <a class="nav-link nav-icons  py-2" id="foucused-icon" href="#" >
@@ -67,7 +72,7 @@
                             <div class="accordion accordion-flush p-0 m-0" id="accordionFlushExample">
                               <div class="accordion-item">
                                 <h4 class="accordion-header" id="flush-headingOne">
-                                  <button class="accordion-button accordion-button-homebar  py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
+                                  <button class="accordion-button accordion-button-homebar text-muted fs-6 fw-bold py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
                                     Headphones Type
                                   </button>
                                 </h4>
@@ -94,8 +99,8 @@
                             <div class="accordion accordion-flush p-0 m-0" id="accordionFlushExample1">
                               <div class="accordion-item">
                                 <h4 class="accordion-header" id="flush-headingOne">
-                                  <button class="accordion-button accordion-button-homebar  py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne1" aria-expanded="false" aria-controls="flush-collapseOne">
+                                  <button class="accordion-button accordion-button-homebar text-muted fs-6 fw-bold py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne1" aria-expanded="false" aria-controls="flush-collapseOne">
-                                    Headphones Type
+                                    ANC
                                   </button>
                                 </h4>
                                 <div id="flush-collapseOne1" class="p-0 m-0 accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample1">

pages/index.vue

@@ -20,17 +20,22 @@
 
 
                   <div class="col-12 ">
+                    <div class="d-none d-md-block mx-auto  pb-1" style="width: 225px" >
+                      <div class="progress " style="height: 10px">
+                        <div class="progress-bar" role="progressbar"  aria-label="Basic example" style="width: 88%;background-color: #e9c046" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+                      </div>
+                    </div>
                     <div class="d-flex justify-content-center  mb-1">
                       <span class="text-muted fw-bold fs-6 ">Adaptive soundscape : <span class="" style="color: #e9c046">On</span> </span><span class="ps-3"><i class="fa-solid text-muted d-flex pt-1 mt-1 fa-chevron-right"></i></span>
                     </div>
-                    <div class=" mx-auto col-10 col-md-3 pb-1" >
+                    <div class="d-block d-md-none mx-auto  pb-1" style="width: 225px" >
                     <div class="progress " style="height: 10px">
                       <div class="progress-bar" role="progressbar"  aria-label="Basic example" style="width: 88%;background-color: #e9c046" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                     </div>
                     </div>
                   </div>
                   <div class="col-12 d-block d-md-none justify-content-center pb-2">
-                    <ul class="nav mx-auto " style="border-radius: 15px;background-color: #f5f5f5;width: 210px">
+                    <ul class="nav mx-auto " style="border-radius: 15px;background-color: #f5f5f5;width: 220px">
                       <li class="nav-item">
                         <a class="nav-link nav-icons  py-2" id="foucused-icon" href="#" >
                           <svg xmlns="http://www.w3.org/2000/svg" width="20" height="24" viewBox="0 0 19 20" fill="none">
@@ -70,7 +75,7 @@
                             <div class="accordion accordion-flush p-0 m-0" id="accordionFlushExample">
                               <div class="accordion-item">
                                 <h4 class="accordion-header" id="flush-headingOne">
-                                  <button class="accordion-button accordion-button-homebar  py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
+                                  <button class="accordion-button accordion-button-homebar text-muted fs-6 fw-bold py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
                                     Headphones Type
                                   </button>
                                 </h4>
@@ -97,8 +102,8 @@
                             <div class="accordion accordion-flush p-0 m-0" id="accordionFlushExample1">
                               <div class="accordion-item">
                                 <h4 class="accordion-header" id="flush-headingOne">
-                                  <button class="accordion-button accordion-button-homebar  py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne1" aria-expanded="false" aria-controls="flush-collapseOne">
+                                  <button class="accordion-button accordion-button-homebar text-muted fs-6 fw-bold  py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne1" aria-expanded="false" aria-controls="flush-collapseOne">
-                                    Headphones Type
+                                    ANC
                                   </button>
                                 </h4>
                                 <div id="flush-collapseOne1" class="p-0 m-0 accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample1">

pages/onbording/fixproblem.vue

@@ -10,45 +10,80 @@
           <h6 class="text-center text-muted">system settings of your device and start again. </h6>
         </div>
         <div class=" pt-5 text-center">
-          <input type="radio" class="btn-check" name="options-outlined" id="success-outlined" autocomplete="off" checked>
+          <div class=" pt-3 ">
-            <label class="btn btn-outline-warning px-5 fw-bolder" for="success-outlined">
+            <div class="checkmark pt-2 d-block d-sm-inline-block d-inline-block">
-              Fix This Problem
+              <input type="radio" class="btn-check" name="options-outlined" id="success-outlined1" autocomplete="off" >
-            </label>
+              <label class="btn  px-4 checklabel" for="success-outlined1">
+                <p class=" p-0 m-0 text-center">Fix This Problem</p>
+              </label>
+            </div>
 
-          <input type="radio" class="btn-check " name="options-outlined" id="danger-outlined" autocomplete="off">
+            <nuxt-link to=""  class="checkmark pt-2 d-inline-block">
-            <label class="btn btn-outline-warning ms-3 px-5 fw-bolder" for="danger-outlined">
+              <input type="radio" class="btn-check checkmark" name="options-outlined" id="danger-outlined1" autocomplete="off">
-              Try Again
+              <label class="btn checklabel  px-5 ms-0 ms-sm-3 " for="danger-outlined1">
-            </label>
+                <p class="p-0 m-0 text-center">Try Again</p>
+              </label>
+            </nuxt-link>
+          </div>
         </div>
+
       </div>
 
-    <div class="row pt-5 mt-2 ">
+    <div class="row pt-5 mt-0 mt-sm-4 ">
-      <div class="col-12 text-center pt-5 mt-3  position-fixed bottom-0 pb-5 mb-2">
+      <div class="col-12 text-center pt-5 mt-3   pb-5 mb-2">
-        <NuxtLink class="btn btn-warning px-2 " to="/onbording"></NuxtLink>
+        <NuxtLink class="btn btn-warning px-2 "  @click.once="increment(25)"  to="/onbording"></NuxtLink>
-        <NuxtLink class="btn btn-warning px-4 mx-2 " to="/onbording/onbording2"></NuxtLink>
+        <NuxtLink class="btn btn-warning px-2 mx-2"  @click.once="increment(50)" to="/onbording/onbording2"></NuxtLink>
-        <NuxtLink class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
+        <NuxtLink class="btn btn-warning px-4 "  @click.once="increment(75)" to="/onbording/onbording3"></NuxtLink>
-        <NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording4"></NuxtLink>
+        <NuxtLink class="btn btn-warning px-2 mx-2"  @click.once="increment(100)" to="/onbording/onbording4"></NuxtLink>
         <h6 class="text-muted text-center pt-3">You can customize your selection later</h6>
       </div>
     </div>
-    </div>
+  </div>
-
 </template>
 <script>
+
+import {useCounterStore} from '@/stores/counter';
+
+import {mapActions, mapState} from "pinia";
+
 export default {
   name:'OnBording',
+  mounted() {
+    this.increment(75);
+  },
+  computed:{...mapState(useCounterStore,['count'])},
+  methods:{
+    ...mapActions(useCounterStore,['increment']),
+  }
 }
 </script>
 
 <style >
-.bar{
+.checklabel:hover{
+  border-color: #e9c046;
+}
+.checklabel {
+  color: #e9c046 !important;
+  border: 1px solid #e9c046;
+}
+.checkmark .checklabel  svg  path{
+  /*background-color: white;*/
+  fill: #e9c046;
+}
+.checkmark input:checked ~ .checklabel {
   background-color: #e9c046;
-
+  border: 1px solid #e9c046;
+  color: #f4f5f7 !important;
 }
-.btn-outline-warning:active{
+.checkmark input:checked ~ .checklabel svg path {
-  color: white !important;
+  fill: white;
 }
-.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
+.checkmark input:hover ~ .checklabel {
-  color: white !important;
+  background-color: #e9c046;
+  border: 1px solid #e9c046;
+  color: #f4f5f7 !important;
+}
+.checkmark input:hover ~ .checklabel svg path {
+  fill: white;
 }
 </style>

pages/onbording/onbording2.vue

@@ -11,7 +11,7 @@
         <div class=" pt-5 text-center">
           <div class=" ">
             <div class="checkmark pt-2 d-block d-sm-inline-block d-inline-block">
-              <input type="radio" class="btn-check" name="options-outlined" id="success-outlined1" autocomplete="off" checked>
+              <input type="radio" class="btn-check" name="options-outlined" id="success-outlined1" autocomplete="off" >
               <label class="btn pt-4 px-5 checklabel" for="success-outlined1">
                 <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 46" fill="none">
                   <path d="M15.4874 0.162403C15.4358 0.171779 15.3843 0.18584 15.3374 0.199903C14.7796 0.326466 14.3858 0.828029 14.3999 1.3999V44.5999C14.3952 45.0312 14.6202 45.4343 14.9952 45.6546C15.3702 45.8702 15.8296 45.8702 16.2046 45.6546C16.5796 45.4343 16.8046 45.0312 16.7999 44.5999V1.3999C16.8139 1.05303 16.6733 0.720216 16.4249 0.48584C16.1718 0.246778 15.8296 0.12959 15.4874 0.162403ZM44.2874 0.162403C44.2358 0.171779 44.1843 0.18584 44.1374 0.199903C43.5796 0.326466 43.1858 0.828029 43.1999 1.3999V44.5999C43.1952 45.0312 43.4202 45.4343 43.7952 45.6546C44.1702 45.8702 44.6296 45.8702 45.0046 45.6546C45.3796 45.4343 45.6046 45.0312 45.5999 44.5999V1.3999C45.6139 1.05303 45.4733 0.720216 45.2249 0.48584C44.9718 0.246778 44.6296 0.12959 44.2874 0.162403ZM8.28738 10.9624C8.23581 10.9718 8.18425 10.9858 8.13738 10.9999C7.57956 11.1265 7.18581 11.628 7.19988 12.1999V33.7999C7.19519 34.2312 7.42019 34.6343 7.79519 34.8546C8.17019 35.0702 8.62956 35.0702 9.00456 34.8546C9.37956 34.6343 9.60456 34.2312 9.59988 33.7999V12.1999C9.61394 11.853 9.47331 11.5202 9.22488 11.2858C8.97175 11.0468 8.62956 10.9296 8.28738 10.9624ZM51.4874 10.9624C51.4358 10.9718 51.3843 10.9858 51.3374 10.9999C50.7796 11.1265 50.3858 11.628 50.3999 12.1999V33.7999C50.3952 34.2312 50.6202 34.6343 50.9952 34.8546C51.3702 35.0702 51.8296 35.0702 52.2046 34.8546C52.5796 34.6343 52.8046 34.2312 52.7999 33.7999V12.1999C52.8139 11.853 52.6733 11.5202 52.4249 11.2858C52.1718 11.0468 51.8296 10.9296 51.4874 10.9624ZM22.6874 12.1624C22.6358 12.1718 22.5843 12.1858 22.5374 12.1999C21.9796 12.3265 21.5858 12.828 21.5999 13.3999V22.9999V32.5999C21.5952 33.0312 21.8202 33.4343 22.1952 33.6546C22.5702 33.8702 23.0296 33.8702 23.4046 33.6546C23.7796 33.4343 24.0046 33.0312 23.9999 32.5999V13.3999C24.0139 13.053 23.8733 12.7202 23.6249 12.4858C23.3718 12.2468 23.0296 12.1296 22.6874 12.1624ZM37.0874 12.1624C37.0358 12.1718 36.9843 12.1858 36.9374 12.1999C36.3796 12.3265 35.9858 12.828 35.9999 13.3999V32.5999C35.9952 33.0312 36.2202 33.4343 36.5952 33.6546C36.9702 33.8702 37.4296 33.8702 37.8046 33.6546C38.1796 33.4343 38.4046 33.0312 38.3999 32.5999V13.3999C38.4139 13.053 38.2733 12.7202 38.0249 12.4858C37.7718 12.2468 37.4296 12.1296 37.0874 12.1624ZM1.08738 18.1624C1.03581 18.1718 0.984252 18.1858 0.937377 18.1999C0.379564 18.3265 -0.0141859 18.828 -0.000123334 19.3999V26.5999C-0.00481083 27.0312 0.220189 27.4343 0.59519 27.6546C0.97019 27.8702 1.42956 27.8702 1.80456 27.6546C2.17956 27.4343 2.40456 27.0312 2.39988 26.5999V19.3999C2.41394 19.053 2.27331 18.7202 2.02488 18.4858C1.77175 18.2468 1.42956 18.1296 1.08738 18.1624ZM29.8874 18.1624C29.8358 18.1718 29.7843 18.1858 29.7374 18.1999C29.1796 18.3265 28.7858 18.828 28.7999 19.3999V26.5999C28.7952 27.0312 29.0202 27.4343 29.3952 27.6546C29.7702 27.8702 30.2296 27.8702 30.6046 27.6546C30.9796 27.4343 31.2046 27.0312 31.1999 26.5999V19.3999C31.2139 19.053 31.0733 18.7202 30.8249 18.4858C30.5718 18.2468 30.2296 18.1296 29.8874 18.1624ZM58.6874 18.1624C58.6358 18.1718 58.5843 18.1858 58.5374 18.1999C57.9796 18.3265 57.5858 18.828 57.5999 19.3999V26.5999C57.5952 27.0312 57.8202 27.4343 58.1952 27.6546C58.5702 27.8702 59.0296 27.8702 59.4046 27.6546C59.7796 27.4343 60.0046 27.0312 59.9999 26.5999V19.3999C60.0139 19.053 59.8733 18.7202 59.6249 18.4858C59.3718 18.2468 59.0296 18.1296 58.6874 18.1624Z" fill="white"/>
@@ -48,6 +48,9 @@
 import {useCounterStore} from '@/stores/counter';
 import {mapState,mapActions} from "pinia";
 export default {
+  mounted() {
+    this.increment(50);
+  },
   computed:{...mapState(useCounterStore,['count'])},
   methods:{
     ...mapActions(useCounterStore,['increment']),
@@ -82,6 +85,13 @@ export default {
 }
 .checkmark input:checked ~ .checklabel svg path {
   fill: white;
-
+}
+.checkmark input:hover ~ .checklabel {
+  background-color: #e9c046;
+  border: 1px solid #e9c046;
+  color: #f4f5f7 !important;
+}
+.checkmark input:hover ~ .checklabel svg path {
+  fill: white;
 }
 </style>

pages/onbording/onbording4.vue

@@ -10,7 +10,7 @@
         <div class="col-12 text-center ">
         <div class=" ">
           <div class="checkmark pt-2 d-block d-sm-inline-block d-inline-block">
-          <input type="radio" class="btn-check" name="options-outlined" id="success-outlined1" autocomplete="off" checked>
+          <input type="radio" class="btn-check" name="options-outlined" id="success-outlined1" autocomplete="off" >
           <label class="btn pt-4 px-5 checklabel" for="success-outlined1">
             <svg xmlns="http://www.w3.org/2000/svg" width="55" height="60" viewBox="0 0 60 46" fill="none">
               <path fill="white" d="M37.1995 0.800049C31.5106 0.800049 26.9895 2.8931 23.3737 5.95864C19.758 9.02418 17.001 13.0339 14.5776 16.9719C12.1542 20.9099 10.0537 24.7914 7.89795 27.5938C5.74224 30.3962 3.67951 32 1.19951 32C1.0405 31.9978 0.882623 32.0272 0.735061 32.0865C0.587499 32.1458 0.453194 32.2338 0.33995 32.3455C0.226707 32.4571 0.136783 32.5902 0.0754062 32.7369C0.0140289 32.8836 -0.0175781 33.041 -0.0175781 33.2C-0.0175781 33.3591 0.0140289 33.5165 0.0754062 33.6632C0.136783 33.8099 0.226707 33.943 0.33995 34.0546C0.453194 34.1663 0.587499 34.2543 0.735061 34.3136C0.882623 34.3729 1.0405 34.4023 1.19951 34.4C4.71951 34.4 7.45679 32.1039 9.80107 29.0563C12.1454 26.0087 14.2448 22.0902 16.6214 18.2282C18.998 14.3662 21.6411 10.5759 24.9253 7.79145C28.2095 5.00699 32.0884 3.20005 37.1995 3.20005C38.9649 3.20005 41.8479 3.64402 44.1183 4.79614C46.3886 5.94827 47.9995 7.59096 47.9995 10.4C47.9995 14 42.4563 15.3789 40.6425 12.2047C40.5476 12.0387 40.4143 11.8977 40.2538 11.7935C40.0934 11.6894 39.9103 11.6251 39.72 11.6061C39.5296 11.5871 39.3375 11.6138 39.1596 11.6841C38.9816 11.7544 38.8231 11.8662 38.6972 12.0102C37.794 13.0424 37.0496 13.3547 36.4237 13.4024C35.7979 13.4501 35.1724 13.2195 34.5511 12.7461C33.9297 12.2727 33.3575 11.5641 32.969 10.8665C32.5806 10.1688 32.3995 9.45005 32.3995 9.20005C32.4018 9.04103 32.3724 8.88316 32.3131 8.7356C32.2538 8.58803 32.1658 8.45373 32.0541 8.34049C31.9425 8.22724 31.8094 8.13732 31.6627 8.07594C31.516 8.01456 31.3585 7.98296 31.1995 7.98296C31.0405 7.98296 30.883 8.01456 30.7363 8.07594C30.5896 8.13732 30.4566 8.22724 30.3449 8.34049C30.2333 8.45373 30.1452 8.58803 30.0859 8.7356C30.0266 8.88316 29.9973 9.04103 29.9995 9.20005C29.9995 10.15 30.3435 11.0813 30.8737 12.0336C31.404 12.986 32.1443 13.9274 33.0979 14.654C33.6051 15.0403 34.1889 15.3588 34.823 15.5657C35.0536 20.6887 37.9132 25.3342 42.1519 28.7024C46.5739 32.2164 52.5195 34.4 58.7995 34.4C58.9585 34.4023 59.1164 34.3729 59.264 34.3136C59.4115 34.2543 59.5458 34.1663 59.6591 34.0546C59.7723 33.943 59.8622 33.8099 59.9236 33.6632C59.985 33.5165 60.0166 33.3591 60.0166 33.2C60.0166 33.041 59.985 32.8836 59.9236 32.7369C59.8622 32.5902 59.7723 32.4571 59.6591 32.3455C59.5458 32.2338 59.4115 32.1458 59.264 32.0865C59.1164 32.0272 58.9585 31.9978 58.7995 32C53.0795 32 47.6251 29.9837 43.6472 26.8227C39.8991 23.8443 37.5194 19.8971 37.2534 15.6758C38.0031 15.471 38.7406 15.0332 39.4565 14.4594C42.992 18.1534 50.3995 15.9064 50.3995 10.4C50.3995 6.60914 47.9604 4.05183 45.2058 2.65395C42.4511 1.25608 39.3341 0.800049 37.1995 0.800049ZM29.9808 17.5836C29.6629 17.5886 29.36 17.7195 29.1386 17.9475C28.9171 18.1756 28.7952 18.4822 28.7995 18.8C28.7995 21.6 30.1263 24.4573 31.8605 26.9797C33.5946 29.5021 35.7547 31.679 37.7339 32.9985C37.8649 33.0889 38.0127 33.1522 38.1684 33.185C38.3242 33.2177 38.485 33.2191 38.6413 33.1891C38.7976 33.1591 38.9464 33.0983 39.079 33.0103C39.2117 32.9222 39.3254 32.8086 39.4137 32.6762C39.502 32.5437 39.5631 32.395 39.5934 32.2388C39.6237 32.0825 39.6225 31.9217 39.5901 31.7659C39.5577 31.6101 39.4945 31.4622 39.4044 31.331C39.3143 31.1998 39.199 31.0878 39.0651 31.0016C37.4444 29.9211 35.4044 27.898 33.8386 25.6204C32.2727 23.3428 31.1995 20.8 31.1995 18.8C31.2017 18.6395 31.1717 18.4801 31.1112 18.3314C31.0507 18.1827 30.9609 18.0476 30.8473 17.9342C30.7337 17.8208 30.5984 17.7313 30.4496 17.6711C30.3007 17.6109 30.1413 17.5811 29.9808 17.5836ZM22.8159 37.9813C22.3527 37.9813 21.9252 38.2538 21.7284 38.675C21.7284 38.675 19.6431 42.8024 15.6159 42.8024C11.5887 42.8024 9.50342 38.675 9.50342 38.675C9.28262 38.2202 8.80502 37.9473 8.30342 37.9977C8.26622 37.9989 8.22812 38 8.19092 38C7.81172 38.0756 7.49282 38.3234 7.32842 38.675C7.32842 38.675 5.18192 42.8024 1.21592 42.8024C0.785119 42.7976 0.382032 43.021 0.161232 43.3954C-0.0547684 43.771 -0.0547684 44.2315 0.161232 44.6071C0.382032 44.9827 0.785119 45.2072 1.21592 45.2024C5.30792 45.2024 7.35152 42.7535 8.41592 41.1875C9.47552 42.7583 11.4999 45.2024 15.6159 45.2024C19.7319 45.2024 21.7563 42.7583 22.8159 41.1875C23.8707 42.7583 25.8999 45.2024 30.0159 45.2024C34.1319 45.2024 36.1611 42.7583 37.2159 41.1875C38.2707 42.7583 40.2951 45.2024 44.4159 45.2024C48.5367 45.2024 50.5611 42.7583 51.6159 41.1875C52.6755 42.7535 54.7191 45.2024 58.8159 45.2024C59.2467 45.2072 59.6498 44.9815 59.8706 44.6071C60.0866 44.2315 60.0866 43.771 59.8706 43.3954C59.6498 43.0198 59.2467 42.7976 58.8159 42.8024C54.8403 42.8024 52.7034 38.675 52.7034 38.675C52.5066 38.2526 52.0791 37.9813 51.6159 37.9813C51.1527 37.9813 50.7252 38.2538 50.5284 38.675C50.5284 38.675 48.4479 42.8024 44.4159 42.8024C40.3839 42.8024 38.3034 38.675 38.3034 38.675C38.1066 38.2526 37.6791 37.9813 37.2159 37.9813C36.7527 37.9813 36.3252 38.2538 36.1284 38.675C36.1284 38.675 34.0479 42.8024 30.0159 42.8024C25.9839 42.8024 23.9034 38.675 23.9034 38.675C23.7066 38.2526 23.2791 37.9813 22.8159 37.9813Z" />
@@ -19,7 +19,7 @@
           </label>
           </div>
 
-          <div class="checkmark pt-2 d-inline-block">
+          <nuxt-link to="/letsgo" class="checkmark pt-2 d-inline-block">
           <input type="radio" class="btn-check checkmark" name="options-outlined" id="danger-outlined1" autocomplete="off">
           <label class="btn checklabel  ms-0 ms-sm-3 pt-4 px-5" for="danger-outlined1">
             <svg xmlns="http://www.w3.org/2000/svg"  height="60" viewBox="0 0 52 52" fill="red">
@@ -27,7 +27,7 @@
             </svg>
             <p class="text-center" >Tropics</p>
           </label>
-          </div>
+          </nuxt-link>
         </div>
         <div class=" text-center">
           <div class="checkmark pt-2 pt-sm-3 d-block d-sm-inline-block">
@@ -71,6 +71,9 @@
 import {useCounterStore} from '@/stores/counter';
 import {mapState,mapActions} from "pinia";
 export default {
+  mounted() {
+    this.increment(100);
+  },
   computed:{...mapState(useCounterStore,['count'])},
   methods:{
     ...mapActions(useCounterStore,['increment']),
@@ -107,5 +110,12 @@ export default {
 .checkmark input:checked ~ .checklabel svg path {
   fill: white;
 }
-
+.checkmark input:hover ~ .checklabel {
+  background-color: #e9c046;
+  border: 1px solid #e9c046;
+  color: #f4f5f7 !important;
+}
+.checkmark input:hover ~ .checklabel svg path {
+  fill: white;
+}
 </style>

pages/setting/dataprotection.vue

@@ -1,7 +1,8 @@
 <template>
   <div>
     <div class="row justify-content-center">
-      <div class="col-12 col-sm-12 col-md-9 pt-3">
+      <div class="col-12 col-sm-12 col-md-8 pt-4">
+        <h4 class="fw-bold text-center me-3 ">Data Protection</h4>
         <p>Im Rahmen der Nutzung dieser Webseite werden personenbezogene Daten von Ihnen durch uns als den f&uuml;r die Datenverarbeitung Verantwortlichen verarbeitet und f&uuml;r die Dauer gespeichert, die zur Erf&uuml;llung der festgelegten Zwecke und gesetzlicher Verpflichtungen erforderlich ist. Im Folgenden informieren wir Sie dar&uuml;ber, um welche Daten es sich dabei handelt, auf welche Weise sie verarbeitet werden und welche Rechte Ihnen diesbez&uuml;glich zustehen.</p>
         <p>Personenbezogene Daten sind gem&auml;&szlig; Art. 4 Nr. 1 Datenschutzgrundverordnung (DSGVO) alle Informationen, die sich auf eine identifizierte oder identifizierbare nat&uuml;rliche Person beziehen.</p>
         <p><strong>1 Geltungsbereich</strong></p>

pages/setting/editaccount.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="row justify-content-center">
       <div class="col-12 col-md-10 col-sm-8">
-        <h4 class="fw-bold text-center pt-5"><span class="float-start"><i class="fa-solid fa-arrow-left-long"></i></span> Edit Account</h4>
+        <h4 class="fw-bold text-center pt-5 me-5"><span class="float-start " style="cursor: pointer" @click="this.$router.go(-1)"><i class="fa-solid fa-arrow-left-long"></i></span> Edit Account</h4>
         <div class="row justify-content-center">
           <div class="col-11 col-md-8">
             <form>

pages/setting/faq.vue

@@ -2,9 +2,9 @@
   <div>
     <div class="row justify-content-center">
       <div class="col-12 col-sm-8">
-        <h4 class="fw-bold text-center pt-5">FAQs</h4>
         <div class="row">
           <div class="col-12">
+            <h4 class="fw-bold text-center me-5 pt-5">FAQs</h4>
             <div class="accordion" id="accordionExample">
               <div class="accordion-item">
                 <h2 class="accordion-header" id="headingOne">

pages/setting/imprint.vue

@@ -1,7 +1,8 @@
 <template>
   <div>
     <div class="row justify-content-center">
-      <div class="col-12 col-sm-12 col-md-9 pt-3">
+      <div class="col-12 col-sm-12 col-md-8 pt-4">
+        <h4 class="fw-bold text-center me-5 ">Imprint</h4>
         <p><strong>Mindboost ist ein Angebot des Fraunhofer-Instituts f&uuml;r Bauphysik IBP</strong></p>
         <p>Das</p>
         <p>Fraunhofer-Institut f&uuml;r Bauphysik IBP<br /> Nobelstr. 12<br /> 70569 Stuttgart</p>

pages/setting/subscription.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="row justify-content-center">
       <div class="col-12 col-sm-8">
-        <h4 class="fw-bold text-center pt-5"><span class="float-start"><i class="fa-solid fa-arrow-left-long"></i></span> Subscription</h4>
+        <h4 class="fw-bold text-center me-5 pt-5"><span class="float-start" style="cursor: pointer" @click="this.$router.go(-1)"><i class="fa-solid fa-arrow-left-long"></i></span> Subscription</h4>
         <div class="row">
           <div class="col-12">
             <h4 class="fw-bold  text-center pt-3">Subscribe to increase your productivity with Mindboost</h4>

pages/setting/termsandcondition.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
     <div class="row justify-content-center">
-      <div class="col-12 col-sm-12 col-md-9 pt-3">
+      <div class="col-12 col-sm-12 col-md-8 pt-4">
         <div>
-
+          <h4 class="fw-bold text-center me-4 ">Terms And Condition</h4>
           <p class="fs-5"><strong>Vertragsbedingungen</strong></p>
           <p>&nbsp;<strong>§ 1 Vertragsparteien; Geltungsbereich</strong></p>
           <ol>