|
130 | 130 | </script> |
131 | 131 | @endsection |
132 | 132 |
|
133 | | -<x-mini-app-layout> |
134 | | - <div class="mx-auto my-16 max-w-4xl px-6 lg:px-8"> |
135 | | - <a |
136 | | - href="{{ url()->previous() === request()->url() ? route('food.index') : url()->previous() }}" |
137 | | - class="mb-3 flex items-center dark:text-slate-400 text-slate-600 hover:underline" |
138 | | - wire:navigate |
139 | | - > |
140 | | - <x-icons.chevron-left class="size-4" /> |
141 | | - <span>Back</span> |
| 133 | +<x-default-layout> |
| 134 | + <header class="sticky top-0 z-50 w-full py-4 px-4 sm:px-6 lg:px-8 flex justify-between items-center bg-white/80 dark:bg-slate-900/80 backdrop-blur-md border-b border-slate-100 dark:border-slate-800"> |
| 135 | + <a href="/" class="flex items-center gap-2 text-xl font-bold text-slate-900 dark:text-white"> |
| 136 | + <span class="text-2xl" role="img" aria-label="strawberry">🍓</span> |
| 137 | + <span>Acara Plate</span> |
142 | 138 | </a> |
| 139 | + <div class="flex items-center gap-4"> |
| 140 | + <a href="{{ route('login') }}" class="text-sm font-medium text-slate-600 dark:text-slate-300 hover:text-slate-900 dark:hover:text-white">Log in</a> |
| 141 | + <a href="{{ route('register') }}" class="rounded-full bg-slate-900 dark:bg-white px-5 py-2 text-sm font-semibold text-white dark:text-slate-900 hover:bg-slate-800 dark:hover:bg-slate-100 transition-all"> |
| 142 | + Get Started |
| 143 | + </a> |
| 144 | + </div> |
| 145 | + </header> |
143 | 146 |
|
| 147 | + <div class="mx-auto my-16 max-w-4xl px-6 lg:px-8"> |
144 | 148 | <nav aria-label="Breadcrumb" class="mb-8"> |
145 | 149 | <ol class="flex items-center space-x-2 text-sm text-slate-500 dark:text-slate-400"> |
146 | 150 | {{-- Home Icon - Always visible --}} |
@@ -384,6 +388,16 @@ class="w-full h-auto" |
384 | 388 | </div> |
385 | 389 | @endif |
386 | 390 |
|
| 391 | + |
| 392 | + <div class="my-10"> |
| 393 | + <x-cta-block |
| 394 | + title="Have questions about {{ $displayName }}?" |
| 395 | + description="Wondering how {{ $displayName }} fits into your meal plan? Or what to pair it with for stable glucose? Our AI nutritionist has answers." |
| 396 | + button-text="Ask about {{ $displayName }}" |
| 397 | + button-url="{{ route('meet-altani') }}" |
| 398 | + /> |
| 399 | + </div> |
| 400 | + |
387 | 401 | {{-- Related Foods Section --}} |
388 | 402 | @if(isset($relatedFoods) && $relatedFoods->count() > 0) |
389 | 403 | <div class="mb-10"> |
@@ -417,40 +431,9 @@ class="inline-flex items-center px-8 py-4 bg-primary text-primary-foreground rou |
417 | 431 | </a> |
418 | 432 | </div> |
419 | 433 |
|
420 | | - {{-- Nutrition Advisor CTA --}} |
421 | | - <div class="bg-linear-to-r from-rose-50 to-pink-50 dark:from-rose-950/30 dark:to-pink-950/30 rounded-2xl p-8 mb-10 border border-rose-200 dark:border-rose-800/50"> |
422 | | - <div class="flex flex-col md:flex-row items-start md:items-center gap-6"> |
423 | | - <div class="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-linear-to-br from-rose-500 to-pink-500 text-white shadow-lg"> |
424 | | - <svg class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
425 | | - <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z" /> |
426 | | - </svg> |
427 | | - </div> |
428 | | - <div class="flex-1"> |
429 | | - <h2 class="text-xl font-bold text-slate-900 dark:text-white mb-2"> |
430 | | - Have questions about {{ $displayName }}? |
431 | | - </h2> |
432 | | - <p class="text-slate-600 dark:text-slate-300 mb-4"> |
433 | | - Wondering how {{ $displayName }} fits into your meal plan? Or what to pair it with for stable glucose? Our AI nutritionist has answers. |
434 | | - </p> |
435 | | - <div class="flex flex-wrap gap-2"> |
436 | | - <a href="{{ route('ai-nutritionist') }}?question=How does {{ urlencode($displayName) }} fit into my meal plan?" |
437 | | - class="inline-flex items-center gap-2 rounded-lg bg-rose-600 px-4 py-2 text-sm font-semibold text-white shadow-md transition-all hover:bg-rose-700"> |
438 | | - <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
439 | | - <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> |
440 | | - </svg> |
441 | | - Ask about {{ $displayName }} |
442 | | - </a> |
443 | | - <a href="{{ route('ai-nutritionist') }}" |
444 | | - class="inline-flex items-center gap-2 rounded-lg bg-white dark:bg-slate-800 border border-rose-200 dark:border-rose-800 px-4 py-2 text-sm font-semibold text-rose-700 dark:text-rose-300 transition-all hover:bg-rose-50 dark:hover:bg-rose-900/30"> |
445 | | - Ask anything else |
446 | | - </a> |
447 | | - </div> |
448 | | - </div> |
449 | | - </div> |
450 | | - </div> |
451 | 434 |
|
452 | 435 | {{-- Additional Resources --}} |
453 | | - <div class="border-t border-slate-200 dark:border-slate-700 pt-10"> |
| 436 | + <div class="pt-10"> |
454 | 437 | <h2 class="text-xl font-bold text-slate-900 dark:text-white mb-6"> |
455 | 438 | More Diabetes Tools |
456 | 439 | </h2> |
@@ -488,4 +471,4 @@ class="inline-flex items-center gap-2 rounded-lg bg-white dark:bg-slate-800 bord |
488 | 471 | </div> |
489 | 472 | </article> |
490 | 473 | </div> |
491 | | -</x-mini-app-layout> |
| 474 | +</x-default-layout> |
0 commit comments