add blog to menu's

Author: gwleuverink

resources/views/components/mobile-menu.blade.php

@@ -180,6 +180,7 @@ class="flex flex-1 flex-col items-start text-xl"
                     $isHomeActive = request()->routeIs('welcome*');
                     $isMobileActive = request()->routeIs('early-adopter*');
                     $isDocsActive = request()->is('docs*');
+                    $isBlogActive = request()->routeIs('blog*');
                     $isSponsorActive = request()->routeIs('sponsoring*');
                 @endphp
 
@@ -264,6 +265,33 @@ class="gsap-mobile-menu-divider h-0.5 w-full rounded-full bg-current opacity-5"
                     role="presentation"
                 ></div>
 
+                {{-- Blog Link --}}
+                <div class="gsap-mobile-menu-link w-full">
+                    <a
+                        href="{{ route('blog') }}"
+                        @class([
+                            'flex items-center justify-between py-3 transition duration-200',
+                            'font-medium' => $isBlogActive,
+                            'opacity-50 hover:translate-x-1 hover:opacity-100' => ! $isBlogActive,
+                        ])
+                        aria-current="{{ $isBlogActive ? 'page' : 'false' }}"
+                    >
+                        <div>Blog</div>
+                        @if ($isBlogActive)
+                            <x-icons.right-arrow
+                                class="size-4 shrink-0"
+                                aria-hidden="true"
+                                focusable="false"
+                            />
+                        @endif
+                    </a>
+                </div>
+
+                <div
+                    class="gsap-mobile-menu-divider h-0.5 w-full rounded-full bg-current opacity-5"
+                    role="presentation"
+                ></div>
+
                 {{-- Sponsor Link --}}
                 <div class="gsap-mobile-menu-link w-full">
                     <a

resources/views/components/navigation-bar.blade.php

@@ -161,25 +161,24 @@ class="size-[3px] rotate-45 rounded-xs bg-gray-400 transition duration-200 dark:
                     aria-hidden="true"
                 ></div>
 
-                {{--
-                    Link
-                    <a
+                {{-- Link --}}
+                <a
                     href="{{ route('blog') }}"
                     @class([
-                    'transition duration-200',
-                    'font-medium' => request()->routeIs('blog*'),
-                    'opacity-60 hover:opacity-100' => ! request()->routeIs('blog*'),
+                        'transition duration-200',
+                        'font-medium' => request()->routeIs('blog*'),
+                        'opacity-60 hover:opacity-100' => ! request()->routeIs('blog*'),
                     ])
                     aria-current="{{ request()->routeIs('blog*') ? 'page' : 'false' }}"
-                    >
+                >
                     Blog
-                    </a>
-                    {{-- Decorative circle -- }}
-                    <div
-                    class="size-[3px] rotate-45 rounded-xs bg-gray-400 transition duration-200  dark:opacity-60"
+                </a>
+
+                {{-- Decorative circle --}}
+                <div
+                    class="size-[3px] rotate-45 rounded-xs bg-gray-400 transition duration-200 dark:opacity-60"
                     aria-hidden="true"
-                    ></div>
-                --}}
+                ></div>
 
                 {{-- Link --}}
                 <a

routes/web.php

@@ -61,3 +61,6 @@
 })->name('docs')->where('page', '.*');
 
 Route::get('/order/{checkoutSessionId}', App\Livewire\OrderSuccess::class)->name('order.success');
+
+Route::view('blog', 'blog')->name('blog');
+Route::view('article', 'article')->name('article');