adds the role and I'll go ahead and link and socialite

resources/js/Components/AppButton.vue

@@ -18,6 +18,10 @@ const props = defineProps({
     type: String,
     default: undefined,
   },
+  external: {
+    type: Boolean,
+    default: false,
+  },
   disabled: {
     type: Boolean,
     default: false,
@@ -32,7 +36,11 @@ const emit = defineEmits(['click'])
 
 const isDisabled = computed(() => props.disabled || props.loading)
 
-const component = computed(() => props.href ? Link : 'button')
+const component = computed(() => {
+  if (props.href && props.external) return 'a'
+  if (props.href) return Link
+  return 'button'
+})
 
 const buttonClasses = computed(() => {
   const classes = [

resources/js/Pages/Landing.vue

@@ -1,10 +1,34 @@
 <script setup>
-import { Head, router } from '@inertiajs/vue3'
+import { computed } from 'vue'
+import { Head, router, usePage } from '@inertiajs/vue3'
 import AppLayout from '@/Layouts/AppLayout.vue'
 import AppButton from '@/Components/AppButton.vue'
 
 defineOptions({ layout: AppLayout })
 
+const page = usePage()
+
+const isAuthenticated = computed(() => {
+  return page.props.auth?.user != null
+})
+
+const userInfo = computed(() => {
+  const user = page.props.auth?.user
+  if (!user) return null
+
+  const parts = []
+  if (user.job_title) parts.push(user.job_title)
+  if (user.company_name) {
+    if (parts.length > 0) {
+      parts.push('at', user.company_name)
+    } else {
+      parts.push(user.company_name)
+    }
+  }
+
+  return parts.length > 0 ? parts.join(' ') : null
+})
+
 const handleContinue = () => {
   router.post('/screening')
 }
@@ -16,6 +40,9 @@ const handleContinue = () => {
     <div class="flex items-center justify-center py-16">
         <div class="text-center max-w-2xl mx-auto px-4">
             <h1 class="text-4xl font-bold text-white mb-4">Go / No Go</h1>
+            <p v-if="userInfo" class="text-gray-400 mb-4">
+                {{ userInfo }}
+            </p>
             <p class="text-gray-400 mb-4 text-lg">
                 Baker Tilly International Go/No Go Checklist
             </p>
@@ -24,9 +51,12 @@ const handleContinue = () => {
                 You will first complete a short pre-screening questionnaire, followed by a detailed category-specific checklist
                 to determine whether to pursue (Go), decline (No Go), or escalate (Consult Leadership) an opportunity.
             </p>
-            <AppButton size="lg" @click="handleContinue" data-cy="start-screening">
+            <AppButton v-if="isAuthenticated" size="lg" @click="handleContinue" data-cy="start-screening">
                 Continue
             </AppButton>
+            <AppButton v-else size="lg" href="/login" external>
+                Log in
+            </AppButton>
         </div>
     </div>
 </template>