donate button

resources/js/Layouts/GuestLayout.vue

@@ -37,6 +37,7 @@ let tsettings = computed(() => {
     return `${country} / ${settingsStore.currency}`;
 });
 
+
 const fetch_menu = async () => {
     try {
         const response = await axios.get(route('menu.user'))
@@ -195,8 +196,8 @@ onMounted(fetch_menu);
 <template>
     <fwb-navbar class="px-0">
         <template #logo>
-            <fwb-navbar-logo alt="IKEA Price Craweler" :image-url="LogoIkea" :link="route('root')">
-                IKEA Price Crawler
+            <fwb-navbar-logo alt="IKEA price comparison" :image-url="LogoIkea" :link="route('root')">
+                IKEA price comparison
             </fwb-navbar-logo>
         </template>
 
@@ -214,6 +215,12 @@ onMounted(fetch_menu);
                         {{ item.name }}
                     </fwb-navbar-link>
                 </template>
+                <fwb-navbar-link link="#">
+                    <form action="https://www.paypal.com/donate" method="post" target="_top">
+                         <input type="hidden" name="hosted_button_id" value="U6QGUXVDUDBB8" />
+                         <button type="sumbit">Donate</button>
+                    </form>
+                </fwb-navbar-link>
             </fwb-navbar-collapse>
 
         </template>