From efe13190eaf1bb7fee036dc938492ef5cb8cd830 Mon Sep 17 00:00:00 2001
From: HassanZahirnia <m.hassan.zahirnia@gmail.com>
Date: Wed, 24 Sep 2025 16:43:02 +0330
Subject: [PATCH 01/10] Add Bifrost section and button to explainer and
 navigation components

---
 .../views/components/bifrost-button.blade.php | 100 ++++++++++++++++++
 .../views/components/home/explainer.blade.php |  61 +++++++++++
 .../views/components/navigation-bar.blade.php |  13 ++-
 3 files changed, 172 insertions(+), 2 deletions(-)
 create mode 100644 resources/views/components/bifrost-button.blade.php

diff --git a/resources/views/components/bifrost-button.blade.php b/resources/views/components/bifrost-button.blade.php
new file mode 100644
index 00000000..40fbdc53
--- /dev/null
+++ b/resources/views/components/bifrost-button.blade.php
@@ -0,0 +1,100 @@
+@props([
+    'small' => false,
+])
+
+<a
+    href="https://bifrost.nativephp.com/"
+    @class([
+        'group relative z-0 hidden items-center overflow-hidden rounded-full bg-gray-200 transition duration-200 will-change-transform hover:scale-x-105 lg:inline-flex dark:bg-slate-800',
+
+        'px-4 py-2 text-sm' => $small,
+
+        'px-6 py-3' => ! $small,
+    ])
+>
+    <div
+        class="@container absolute inset-0 flex items-center"
+        aria-hidden="true"
+    >
+        <div
+            class="absolute h-[100cqw] w-[100cqw] scale-110 animate-[spin_3s_linear_infinite] bg-[conic-gradient(from_0_at_50%_50%,--alpha(var(--color-blue-400)/70%)_0deg,--alpha(var(--color-indigo-400)/70%)_40deg,--alpha(var(--color-orange-300)/70%)_80deg,transparent_110deg,transparent_250deg,--alpha(var(--color-rose-400)/50%)_280deg,--alpha(var(--color-fuchsia-400)/50%)_320deg,--alpha(var(--color-blue-400)/70%)_360deg)] transition duration-300 will-change-transform dark:bg-[conic-gradient(from_0_at_50%_50%,--alpha(var(--color-blue-400)/70%)_0deg,--alpha(var(--color-indigo-400)/70%)_40deg,--alpha(var(--color-teal-400)/70%)_80deg,transparent_110deg,transparent_250deg,--alpha(var(--color-rose-400)/50%)_280deg,--alpha(var(--color-fuchsia-400)/50%)_320deg,--alpha(var(--color-blue-400)/70%)_360deg)]"
+        ></div>
+    </div>
+    <div
+        class="absolute inset-0.5 rounded-full bg-white dark:bg-slate-950"
+        aria-hidden="true"
+    ></div>
+    <div
+        class="absolute bottom-0 left-1/2 h-1/3 w-4/5 -translate-x-1/2 rounded-full bg-indigo-400/20 opacity-50 blur-md transition-all duration-500 group-hover:h-2/3 group-hover:opacity-100"
+        aria-hidden="true"
+    ></div>
+    <span
+        x-data
+        x-init="
+            (() => {
+                const items = Array.from($el.children)
+                if (items.length === 0) {
+                    return
+                }
+
+                // Initial state: show first, hide others (coming from below)
+                gsap.set(items, { autoAlpha: 0, y: 10 })
+                gsap.set(items[0], { autoAlpha: 1, y: 0 })
+
+                if (items.length === 1) {
+                    return
+                }
+
+                const hold = 0.7 // seconds each word stays visible
+                const tl = gsap.timeline({ repeat: -1 })
+
+                for (let i = 0; i < items.length; i++) {
+                    const curr = items[i]
+                    const next = items[(i + 1) % items.length]
+
+                    tl.to(
+                        curr,
+                        {
+                            duration: 0.5,
+                            autoAlpha: 0,
+                            y: -10,
+                            ease: 'circ.inOut',
+                        },
+                        `+=${hold}`,
+                    ).to(
+                        next,
+                        {
+                            duration: 0.5,
+                            autoAlpha: 1,
+                            y: 0,
+                            ease: 'circ.inOut',
+                        },
+                        '<',
+                    )
+                }
+            })()
+        "
+        class="inline-grid font-medium"
+    >
+        <span
+            class="self-center justify-self-center whitespace-nowrap [grid-area:1/-1]"
+        >
+            Try Bifrost
+        </span>
+        <span
+            class="self-center justify-self-center whitespace-nowrap [grid-area:1/-1]"
+        >
+            Build
+        </span>
+        <span
+            class="self-center justify-self-center whitespace-nowrap [grid-area:1/-1]"
+        >
+            Distribute
+        </span>
+        <span
+            class="self-center justify-self-center whitespace-nowrap [grid-area:1/-1]"
+        >
+            {{ $small ? 'Ship!' : 'Ship your app!' }}
+        </span>
+    </span>
+</a>
diff --git a/resources/views/components/home/explainer.blade.php b/resources/views/components/home/explainer.blade.php
index dc69f4b0..54f27b14 100644
--- a/resources/views/components/home/explainer.blade.php
+++ b/resources/views/components/home/explainer.blade.php
@@ -570,4 +570,65 @@ class="absolute -top-20 -right-20 -z-10 size-60 rounded-full bg-gradient-to-r fr
             ></div>
         </div>
     </div>
+
+    {{-- Bifrost --}}
+    <div class="mt-5">
+        <div
+            x-init="
+                () => {
+                    motion.inView($el, (element) => {
+                        gsap.fromTo(
+                            $el,
+                            { y: 10, autoAlpha: 0 },
+                            {
+                                y: 0,
+                                autoAlpha: 1,
+                                duration: 0.7,
+                                ease: 'power2.out',
+                            },
+                        )
+                    })
+                }
+            "
+            class="relative overflow-hidden rounded-2xl bg-gray-200/60 p-8 md:p-10 dark:bg-mirage"
+        >
+            <div
+                class="flex flex-col items-center gap-1 text-center text-pretty"
+            >
+                <h2
+                    id="sponsors-title"
+                    class="text-2xl font-bold text-gray-800 lg:text-3xl dark:text-white"
+                >
+                    And when you've built your app, Ship it!
+                </h2>
+                <p class="text-lg text-gray-600 lg:text-xl dark:text-zinc-400">
+                    Get it to the stores and into the hands of users as fast as
+                    humanly possible with Bifrost"
+                </p>
+            </div>
+
+            <div class="mt-4 grid place-items-center">
+                <x-bifrost-button />
+            </div>
+
+            {{-- Top gradient line --}}
+            <div
+                class="absolute top-0 left-0 -z-10 h-1.5 w-full bg-gradient-to-r from-[#FF8F5E] via-[#1D51F2] to-[#5CDFFC]"
+            ></div>
+
+            {{-- Left blur --}}
+            <div class="absolute right-1/2 -bottom-11 -z-10 translate-x-1/2">
+                <div
+                    class="h-10 w-36 -translate-x-10 -rotate-15 rounded-full bg-sky-300 blur-xl dark:bg-sky-500/60"
+                ></div>
+            </div>
+
+            {{-- Right blur --}}
+            <div class="absolute right-1/2 -bottom-11 -z-10 translate-x-1/2">
+                <div
+                    class="h-10 w-36 translate-x-10 -rotate-15 rounded-full bg-pink-300 blur-xl dark:bg-slate-400/60"
+                ></div>
+            </div>
+        </div>
+    </div>
 </section>
diff --git a/resources/views/components/navigation-bar.blade.php b/resources/views/components/navigation-bar.blade.php
index 64f391c3..0e8b1e14 100644
--- a/resources/views/components/navigation-bar.blade.php
+++ b/resources/views/components/navigation-bar.blade.php
@@ -153,9 +153,16 @@ class="size-[3px] rotate-45 rounded-xs bg-gray-400 transition duration-200 dark:
                 {{-- Login/Logout --}}
                 @feature(App\Features\ShowAuthButtons::class)
                     @auth
-                        <form method="POST" action="{{ route('customer.logout') }}" class="inline">
+                        <form
+                            method="POST"
+                            action="{{ route('customer.logout') }}"
+                            class="inline"
+                        >
                             @csrf
-                            <button type="submit" class="opacity-60 transition duration-200 hover:opacity-100">
+                            <button
+                                type="submit"
+                                class="opacity-60 transition duration-200 hover:opacity-100"
+                            >
                                 Log out
                             </button>
                         </form>
@@ -185,6 +192,8 @@ class="-mr-0.5 transition-all duration-200 ease-in-out will-change-transform"
                         aria-label="Search documentation"
                     ></div>
                 </div>
+
+                <x-bifrost-button small />
             </div>
         </div>
     </div>

From dbea11d658b6c1e540df771a817a47c46e40ae87 Mon Sep 17 00:00:00 2001
From: HassanZahirnia <m.hassan.zahirnia@gmail.com>
Date: Wed, 24 Sep 2025 16:52:49 +0330
Subject: [PATCH 02/10] Refactor Bifrost button text and update styles in
 docsearch and navigation components

---
 resources/css/docsearch.css                         | 11 ++---------
 resources/views/components/bifrost-button.blade.php |  4 ++--
 resources/views/components/home/explainer.blade.php | 11 +++++++++--
 resources/views/components/navigation-bar.blade.php | 12 +++---------
 4 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/resources/css/docsearch.css b/resources/css/docsearch.css
index 12587e55..d4aa9f96 100644
--- a/resources/css/docsearch.css
+++ b/resources/css/docsearch.css
@@ -11,7 +11,7 @@
 }
 
 .DocSearch-Button {
-    @apply m-0 flex items-center rounded-full bg-gray-50/50 font-normal ring-1 ring-slate-600/30 transition duration-300 ease-out dark:bg-black/30;
+    @apply m-0 flex items-center rounded-full bg-gray-50/50 font-normal ring-1 ring-slate-600/30 transition duration-300 ease-out ring-inset dark:bg-black/30;
 }
 
 .DocSearch-Button:hover {
@@ -28,15 +28,8 @@
     @apply text-gray-500 dark:text-white/60;
 }
 
-@media (max-width: 768px) {
-    .DocSearch-Button-Keys,
-    .DocSearch-Button-Placeholder {
-        display: block;
-    }
-}
-
 .DocSearch-Button-Placeholder {
-    @apply px-1 text-sm text-black/60 transition duration-300 min-[520px]:pr-10 dark:text-white/60;
+    @apply px-1 text-sm text-black/60 transition duration-300 xl:pr-5 dark:text-white/60;
 }
 
 .DocSearch-Button-Keys {
diff --git a/resources/views/components/bifrost-button.blade.php b/resources/views/components/bifrost-button.blade.php
index 40fbdc53..be3787d5 100644
--- a/resources/views/components/bifrost-button.blade.php
+++ b/resources/views/components/bifrost-button.blade.php
@@ -79,7 +79,7 @@ class="inline-grid font-medium"
         <span
             class="self-center justify-self-center whitespace-nowrap [grid-area:1/-1]"
         >
-            Try Bifrost
+            Try Bifrost!
         </span>
         <span
             class="self-center justify-self-center whitespace-nowrap [grid-area:1/-1]"
@@ -94,7 +94,7 @@ class="self-center justify-self-center whitespace-nowrap [grid-area:1/-1]"
         <span
             class="self-center justify-self-center whitespace-nowrap [grid-area:1/-1]"
         >
-            {{ $small ? 'Ship!' : 'Ship your app!' }}
+            {{ $small ? 'Ship' : 'Ship your app!' }}
         </span>
     </span>
 </a>
diff --git a/resources/views/components/home/explainer.blade.php b/resources/views/components/home/explainer.blade.php
index 54f27b14..f6b1dccc 100644
--- a/resources/views/components/home/explainer.blade.php
+++ b/resources/views/components/home/explainer.blade.php
@@ -614,17 +614,24 @@ class="text-2xl font-bold text-gray-800 lg:text-3xl dark:text-white"
             {{-- Top gradient line --}}
             <div
                 class="absolute top-0 left-0 -z-10 h-1.5 w-full bg-gradient-to-r from-[#FF8F5E] via-[#1D51F2] to-[#5CDFFC]"
+                aria-hidden="true"
             ></div>
 
             {{-- Left blur --}}
-            <div class="absolute right-1/2 -bottom-11 -z-10 translate-x-1/2">
+            <div
+                class="absolute right-1/2 -bottom-11 -z-10 translate-x-1/2"
+                aria-hidden="true"
+            >
                 <div
                     class="h-10 w-36 -translate-x-10 -rotate-15 rounded-full bg-sky-300 blur-xl dark:bg-sky-500/60"
                 ></div>
             </div>
 
             {{-- Right blur --}}
-            <div class="absolute right-1/2 -bottom-11 -z-10 translate-x-1/2">
+            <div
+                class="absolute right-1/2 -bottom-11 -z-10 translate-x-1/2"
+                aria-hidden="true"
+            >
                 <div
                     class="h-10 w-36 translate-x-10 -rotate-15 rounded-full bg-pink-300 blur-xl dark:bg-slate-400/60"
                 ></div>
diff --git a/resources/views/components/navigation-bar.blade.php b/resources/views/components/navigation-bar.blade.php
index 0e8b1e14..a51f991a 100644
--- a/resources/views/components/navigation-bar.blade.php
+++ b/resources/views/components/navigation-bar.blade.php
@@ -17,7 +17,7 @@ class="sticky top-0 z-50 flex flex-col items-center justify-center border-b px-2
         class="mx-auto flex w-full max-w-5xl items-center justify-between gap-5 rounded-2xl py-4 pr-4 pl-3.5 xl:max-w-7xl 2xl:max-w-360"
     >
         {{-- Left side --}}
-        <div class="flex items-center gap-3">
+        <div class="flex items-center gap-2.5">
             {{-- Logo --}}
             <a
                 href="/"
@@ -75,13 +75,13 @@ class="-mt-px size-3.5"
         </div>
 
         {{-- Right side --}}
-        <div class="flex items-center gap-3.5">
+        <div class="flex items-center gap-3">
             {{-- Mobile menu --}}
             <x-navbar.mobile-menu />
 
             {{-- Desktop menu --}}
             <div
-                class="hidden items-center gap-3.5 text-sm lg:flex"
+                class="hidden items-center gap-3 text-sm lg:flex"
                 aria-label="Primary navigation"
             >
                 {{-- Link --}}
@@ -144,12 +144,6 @@ class="opacity-60 transition duration-200 hover:opacity-100"
                     Partners
                 </a>
 
-                {{-- Decorative circle --}}
-                <div
-                    class="size-[3px] rotate-45 rounded-xs bg-gray-400 transition duration-200 dark:opacity-60"
-                    aria-hidden="true"
-                ></div>
-
                 {{-- Login/Logout --}}
                 @feature(App\Features\ShowAuthButtons::class)
                     @auth

From 34b02882ef197032c95636b52a37150550fc4bad Mon Sep 17 00:00:00 2001
From: HassanZahirnia <m.hassan.zahirnia@gmail.com>
Date: Wed, 24 Sep 2025 22:38:28 +0330
Subject: [PATCH 03/10] Add Bifrost diagram illustration and associated icons
 to explainer component

---
 .../views/components/home/explainer.blade.php | 17 ++--
 .../components/icons/home/android.blade.php   | 12 +++
 .../components/icons/home/apple.blade.php     | 11 +++
 .../icons/home/arc-connector.blade.php        | 31 ++++++
 .../components/icons/home/windows.blade.php   | 22 +++++
 .../illustrations/bifrost-diagram.blade.php   | 96 +++++++++++++++++++
 6 files changed, 183 insertions(+), 6 deletions(-)
 create mode 100644 resources/views/components/icons/home/android.blade.php
 create mode 100644 resources/views/components/icons/home/apple.blade.php
 create mode 100644 resources/views/components/icons/home/arc-connector.blade.php
 create mode 100644 resources/views/components/icons/home/windows.blade.php
 create mode 100644 resources/views/components/illustrations/bifrost-diagram.blade.php

diff --git a/resources/views/components/home/explainer.blade.php b/resources/views/components/home/explainer.blade.php
index f6b1dccc..4c2f34a1 100644
--- a/resources/views/components/home/explainer.blade.php
+++ b/resources/views/components/home/explainer.blade.php
@@ -592,22 +592,27 @@ class="absolute -top-20 -right-20 -z-10 size-60 rounded-full bg-gradient-to-r fr
             "
             class="relative overflow-hidden rounded-2xl bg-gray-200/60 p-8 md:p-10 dark:bg-mirage"
         >
+            {{-- Illustration --}}
+            <x-illustrations.bifrost-diagram />
+
+            {{-- Header --}}
             <div
-                class="flex flex-col items-center gap-1 text-center text-pretty"
+                class="mt-7 flex flex-col items-center gap-1.5 text-center text-pretty"
             >
                 <h2
                     id="sponsors-title"
-                    class="text-2xl font-bold text-gray-800 lg:text-3xl dark:text-white"
+                    class="text-xl font-bold text-slate-800 lg:text-2xl dark:text-white"
                 >
                     And when you've built your app, Ship it!
                 </h2>
-                <p class="text-lg text-gray-600 lg:text-xl dark:text-zinc-400">
+                <p class="text-lg text-slate-600 dark:text-zinc-400">
                     Get it to the stores and into the hands of users as fast as
                     humanly possible with Bifrost"
                 </p>
             </div>
 
-            <div class="mt-4 grid place-items-center">
+            {{-- Button --}}
+            <div class="mt-5 mb-10 grid place-items-center">
                 <x-bifrost-button />
             </div>
 
@@ -623,7 +628,7 @@ class="absolute right-1/2 -bottom-11 -z-10 translate-x-1/2"
                 aria-hidden="true"
             >
                 <div
-                    class="h-10 w-36 -translate-x-10 -rotate-15 rounded-full bg-sky-300 blur-xl dark:bg-sky-500/60"
+                    class="h-10 w-36 -translate-x-10 -rotate-15 rounded-full bg-orange-300 blur-xl dark:bg-indigo-500/60"
                 ></div>
             </div>
 
@@ -633,7 +638,7 @@ class="absolute right-1/2 -bottom-11 -z-10 translate-x-1/2"
                 aria-hidden="true"
             >
                 <div
-                    class="h-10 w-36 translate-x-10 -rotate-15 rounded-full bg-pink-300 blur-xl dark:bg-slate-400/60"
+                    class="h-10 w-36 translate-x-10 -rotate-15 rounded-full bg-indigo-300 blur-xl dark:bg-slate-400/60"
                 ></div>
             </div>
         </div>
diff --git a/resources/views/components/icons/home/android.blade.php b/resources/views/components/icons/home/android.blade.php
new file mode 100644
index 00000000..9ef7c142
--- /dev/null
+++ b/resources/views/components/icons/home/android.blade.php
@@ -0,0 +1,12 @@
+<svg
+    {{ $attributes }}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 35 35"
+    fill="none"
+    class="[--android-outline-color:var(--color-white)] dark:[--android-outline-color:var(--color-transparent)]"
+>
+    <path
+        d="M5.74504 11.7593C4.6368 11.7587 3.73855 12.6592 3.73828 13.7666L3.73965 22.171C3.73954 22.4346 3.79139 22.6958 3.89224 22.9394C3.99309 23.183 4.14096 23.4044 4.3274 23.5909C4.51384 23.7773 4.73519 23.9252 4.97881 24.0261C5.22243 24.127 5.48354 24.1789 5.74723 24.1788C6.01089 24.1791 6.27203 24.1274 6.51567 24.0266C6.75931 23.9258 6.98066 23.7779 7.16706 23.5914C7.35345 23.4049 7.50121 23.1835 7.60188 22.9398C7.70255 22.6961 7.75414 22.4349 7.75371 22.1712V13.7655C7.75313 13.2332 7.54124 12.7228 7.16459 12.3467C6.78795 11.9705 6.27737 11.7592 5.74504 11.7593ZM21.9304 4.21186L23.3312 1.65385C23.3669 1.58896 23.3754 1.51257 23.3548 1.44142C23.3342 1.37027 23.2863 1.31018 23.2215 1.27432C23.1566 1.23906 23.0804 1.23098 23.0096 1.25184C22.9387 1.2727 22.8791 1.32081 22.8436 1.38561L21.4286 3.97041C20.238 3.44049 18.9056 3.14354 17.4957 3.14491C16.0897 3.14354 14.7578 3.43967 13.5722 3.96659L12.1555 1.38834C12.1382 1.35616 12.1147 1.32773 12.0863 1.3047C12.058 1.28166 12.0253 1.26449 11.9903 1.25416C11.9552 1.24384 11.9185 1.24057 11.8822 1.24454C11.8459 1.24852 11.8107 1.25966 11.7787 1.27733C11.7464 1.29459 11.7179 1.31811 11.6948 1.34652C11.6717 1.37494 11.6545 1.40767 11.6442 1.44281C11.634 1.47794 11.6308 1.51478 11.6349 1.55116C11.639 1.58753 11.6504 1.62273 11.6682 1.65467L13.0696 4.21104C10.3161 5.631 8.45563 8.3353 8.45727 11.4402L26.5364 11.438C26.5372 8.3342 24.68 5.63537 21.9304 4.21186ZM13.3838 8.16494C13.1827 8.16484 12.9899 8.08486 12.8478 7.94261C12.7058 7.80036 12.626 7.60749 12.6261 7.40643C12.6262 7.20537 12.7062 7.01258 12.8484 6.87049C12.9907 6.72839 13.1835 6.64862 13.3846 6.64873C13.5857 6.6491 13.7784 6.72912 13.9207 6.87128C14.0629 7.01344 14.143 7.20616 14.1434 7.40725C14.1431 7.60845 14.0629 7.80129 13.9205 7.94338C13.778 8.08546 13.585 8.16516 13.3838 8.16494ZM21.6162 8.1633C21.5166 8.16338 21.4181 8.14383 21.3261 8.10578C21.2341 8.06773 21.1505 8.01193 21.0801 7.94156C21.0097 7.87119 20.9539 7.78763 20.9158 7.69567C20.8777 7.60371 20.8582 7.50514 20.8582 7.40561C20.8593 7.20472 20.9395 7.01234 21.0814 6.87015C21.2233 6.72797 21.4156 6.64744 21.6164 6.646C21.8172 6.64765 22.0091 6.72835 22.1508 6.87059C22.2924 7.01283 22.3723 7.20516 22.373 7.40588C22.3732 7.50533 22.3537 7.60383 22.3157 7.69574C22.2777 7.78764 22.2219 7.87116 22.1516 7.94151C22.0813 8.01185 21.9979 8.06765 21.906 8.10571C21.8141 8.14377 21.7156 8.16334 21.6162 8.1633ZM8.53109 12.1385L8.5341 25.1637C8.53371 25.4451 8.58883 25.7237 8.69632 25.9837C8.8038 26.2437 8.96154 26.4799 9.16048 26.6788C9.35943 26.8778 9.59567 27.0355 9.85568 27.1429C10.1157 27.2504 10.3943 27.3055 10.6757 27.305L12.1339 27.3056L12.1355 31.7528C12.1353 32.8602 13.0354 33.7603 14.1412 33.7603C15.2503 33.7603 16.1488 32.8594 16.1491 31.7514L16.148 27.3053L18.8575 27.3045L18.8586 31.7514C18.8586 32.858 19.759 33.7601 20.865 33.7579C21.9741 33.7587 22.8732 32.8577 22.8729 31.7497L22.8715 27.3039L24.335 27.3028C24.6163 27.3029 24.8949 27.2475 25.1548 27.1399C25.4148 27.0322 25.651 26.8744 25.8499 26.6755C26.0489 26.4766 26.2067 26.2405 26.3144 25.9806C26.4221 25.7206 26.4776 25.4421 26.4776 25.1607L26.4752 12.1355L8.53109 12.1385ZM31.263 13.7636C31.263 13.5 31.2111 13.239 31.1102 12.9955C31.0093 12.752 30.8614 12.5308 30.675 12.3445C30.4886 12.1581 30.2673 12.0103 30.0238 11.9095C29.7803 11.8087 29.5193 11.7568 29.2557 11.7568C28.1475 11.7557 27.2495 12.6556 27.2495 13.7644L27.2512 22.1693C27.251 22.4329 27.3028 22.6939 27.4036 22.9375C27.5043 23.181 27.6522 23.4023 27.8385 23.5887C28.0249 23.7751 28.2462 23.9229 28.4898 24.0237C28.7333 24.1245 28.9943 24.1763 29.2579 24.1761C29.5216 24.1761 29.7826 24.1242 30.0261 24.0233C30.2697 23.9224 30.4909 23.7745 30.6773 23.588C30.8636 23.4015 31.0114 23.1801 31.1121 22.9365C31.2129 22.6929 31.2646 22.4318 31.2644 22.1682L31.263 13.7636Z"
+        fill="#A4C439"
+    />
+</svg>
diff --git a/resources/views/components/icons/home/apple.blade.php b/resources/views/components/icons/home/apple.blade.php
new file mode 100644
index 00000000..d0b854c3
--- /dev/null
+++ b/resources/views/components/icons/home/apple.blade.php
@@ -0,0 +1,11 @@
+<svg
+    {{ $attributes }}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 37 37"
+    fill="none"
+>
+    <path
+        d="M26.2868 31.265C24.776 32.7296 23.1264 32.4983 21.5385 31.8046C19.8581 31.0954 18.3164 31.0646 16.5435 31.8046C14.3235 32.7604 13.1518 32.4829 11.826 31.265C4.30268 23.5104 5.41268 11.7012 13.9535 11.2696C16.0348 11.3775 17.4839 12.4104 18.7018 12.5029C20.521 12.1329 22.2631 11.0692 24.2056 11.2079C26.5335 11.3929 28.291 12.3179 29.4473 13.9829C24.6373 16.8658 25.7781 23.2021 30.1873 24.975C29.3085 27.2875 28.1677 29.5846 26.2714 31.2804L26.2868 31.265ZM18.5477 11.1771C18.3164 7.73917 21.1068 4.9025 24.3135 4.625C24.7606 8.6025 20.706 11.5625 18.5477 11.1771Z"
+        fill="currentColor"
+    />
+</svg>
diff --git a/resources/views/components/icons/home/arc-connector.blade.php b/resources/views/components/icons/home/arc-connector.blade.php
new file mode 100644
index 00000000..8e01312d
--- /dev/null
+++ b/resources/views/components/icons/home/arc-connector.blade.php
@@ -0,0 +1,31 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="67"
+    height="68"
+    viewBox="0 0 67 68"
+    fill="none"
+    class="[--grad-stop-1:--alpha(var(--color-gray-300)/100%)] [--grad-stop-2:--alpha(var(--color-blue-300)/100%)] dark:[--grad-stop-1:--alpha(var(--color-blue-300)/20%)] dark:[--grad-stop-2:--alpha(var(--color-blue-500)/80%)]"
+>
+    <path
+        d="M1 66.25C33.5 66.25 33.5 66.25 33.5 36.25C33.5 16.25 33.5 1.24999 66 1.25"
+        stroke="url(#paint0_linear_1050_1384)"
+        stroke-width="2"
+        stroke-linecap="round"
+    />
+    <defs>
+        <linearGradient
+            id="paint0_linear_1050_1384"
+            x1="0.261364"
+            y1="69.25"
+            x2="66.7386"
+            y2="69.25"
+            gradientUnits="userSpaceOnUse"
+        >
+            <stop stop-color="var(--grad-stop-1)" />
+            <stop
+                offset="1"
+                stop-color="var(--grad-stop-2)"
+            />
+        </linearGradient>
+    </defs>
+</svg>
diff --git a/resources/views/components/icons/home/windows.blade.php b/resources/views/components/icons/home/windows.blade.php
new file mode 100644
index 00000000..108006eb
--- /dev/null
+++ b/resources/views/components/icons/home/windows.blade.php
@@ -0,0 +1,22 @@
+<svg
+    {{ $attributes }}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 27 27"
+    fill="none"
+>
+    <g clip-path="url(#clip0_1050_1380)">
+        <path
+            d="M26.5784 0.345215L12.4455 2.41957V12.9308L26.5784 12.8182V0.345215ZM0.347648 14.0713L0.348281 23.0159L11.062 24.4889L11.0536 14.1409L0.347648 14.0713ZM12.3331 14.2148L12.3529 24.6488L26.5651 26.6546L26.5684 14.2382L12.3331 14.2148ZM0.339844 4.07037L0.349758 13.0105L11.0635 12.9496L11.0586 2.61026L0.339844 4.07037Z"
+            fill="#00ADEF"
+        />
+    </g>
+    <defs>
+        <clipPath id="clip0_1050_1380">
+            <rect
+                width="27"
+                height="27"
+                fill="white"
+            />
+        </clipPath>
+    </defs>
+</svg>
diff --git a/resources/views/components/illustrations/bifrost-diagram.blade.php b/resources/views/components/illustrations/bifrost-diagram.blade.php
new file mode 100644
index 00000000..43a7a3f3
--- /dev/null
+++ b/resources/views/components/illustrations/bifrost-diagram.blade.php
@@ -0,0 +1,96 @@
+<div class="flex items-center justify-center py-10">
+    {{-- NativePHP --}}
+    <div class="flex flex-col items-center gap-2">
+        <x-mini-logo class="h-9" />
+
+        {{-- NativePHP --}}
+        <div class="text-lg">
+            <span class="font-semibold">NativePHP</span>
+            app
+        </div>
+    </div>
+
+    {{-- Left line --}}
+    <div
+        class="h-0.5 w-20 bg-gradient-to-r from-transparent to-blue-500/50"
+    ></div>
+
+    {{-- Center --}}
+    <div class="relative">
+        {{-- Decorative blank box --}}
+        <div
+            class="absolute -top-30 left-0 -z-10 grid h-27 w-47 place-items-center rounded-2xl mask-t-from-0% ring-3 ring-gray-200 ring-inset dark:ring-white/3"
+        >
+            <div
+                class="h-1.5 w-15 rounded-full bg-gray-200 dark:bg-white/3"
+            ></div>
+        </div>
+
+        <div
+            class="grid h-27 w-47 place-items-center overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-blue-500/50 p-[3px]"
+        >
+            <div
+                class="grid h-full w-full place-items-center rounded-[calc(var(--radius-2xl)-2px)] bg-white dark:bg-slate-950"
+            >
+                <x-logos.bifrost class="h-5" />
+            </div>
+        </div>
+
+        {{-- Decorative blank box --}}
+        <div
+            class="absolute -bottom-30 left-0 -z-10 grid h-27 w-47 place-items-center rounded-2xl mask-b-from-0% ring-3 ring-gray-200 ring-inset dark:ring-white/3"
+        >
+            <div
+                class="h-1.5 w-15 rounded-full bg-gray-200 dark:bg-white/3"
+            ></div>
+        </div>
+    </div>
+
+    {{-- Right --}}
+    <div class="flex items-center pr-24">
+        <div>
+            <x-icons.home.arc-connector />
+            <div
+                class="-my-0.5 h-0.5 w-16 rounded-full bg-gradient-to-r from-blue-300/20 to-blue-500/80"
+            ></div>
+            <div class="-scale-y-100"><x-icons.home.arc-connector /></div>
+        </div>
+
+        {{-- Platforms --}}
+        <div class="relative flex flex-col gap-4">
+            {{-- Decorative blank box --}}
+            <div
+                class="absolute -top-15 left-0 -z-10 grid size-12 place-items-center rounded-xl mask-t-from-0% ring-2 ring-gray-200 ring-inset dark:ring-white/3"
+            >
+                <div
+                    class="h-1 w-5 rounded-full bg-gray-200 dark:bg-white/3"
+                ></div>
+            </div>
+
+            <div
+                class="grid size-12 place-items-center rounded-xl bg-white dark:bg-slate-950/50"
+            >
+                <x-icons.home.apple class="h-8" />
+            </div>
+            <div
+                class="grid size-12 place-items-center rounded-xl bg-white dark:bg-slate-950/50"
+            >
+                <x-icons.home.android class="h-7" />
+            </div>
+            <div
+                class="grid size-12 place-items-center rounded-xl bg-white dark:bg-slate-950/50"
+            >
+                <x-icons.home.windows class="h-6" />
+            </div>
+
+            {{-- Decorative blank box --}}
+            <div
+                class="absolute -bottom-15 left-0 -z-10 grid size-12 place-items-center rounded-xl mask-b-from-0% ring-2 ring-gray-200 ring-inset dark:ring-white/3"
+            >
+                <div
+                    class="h-1 w-5 rounded-full bg-gray-200 dark:bg-white/3"
+                ></div>
+            </div>
+        </div>
+    </div>
+</div>

From 64e133093cfbea0e8d14c1049f368651cea73c16 Mon Sep 17 00:00:00 2001
From: HassanZahirnia <m.hassan.zahirnia@gmail.com>
Date: Wed, 24 Sep 2025 22:42:21 +0330
Subject: [PATCH 04/10] Fix Bifrost button visibility and adjust navigation bar
 item spacing

---
 resources/views/components/bifrost-button.blade.php | 2 +-
 resources/views/components/navigation-bar.blade.php | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/components/bifrost-button.blade.php b/resources/views/components/bifrost-button.blade.php
index be3787d5..5fbb09e1 100644
--- a/resources/views/components/bifrost-button.blade.php
+++ b/resources/views/components/bifrost-button.blade.php
@@ -5,7 +5,7 @@
 <a
     href="https://bifrost.nativephp.com/"
     @class([
-        'group relative z-0 hidden items-center overflow-hidden rounded-full bg-gray-200 transition duration-200 will-change-transform hover:scale-x-105 lg:inline-flex dark:bg-slate-800',
+        'group relative z-0 inline-flex items-center overflow-hidden rounded-full bg-gray-200 transition duration-200 will-change-transform hover:scale-x-105 dark:bg-slate-800',
 
         'px-4 py-2 text-sm' => $small,
 
diff --git a/resources/views/components/navigation-bar.blade.php b/resources/views/components/navigation-bar.blade.php
index a51f991a..f073bd4c 100644
--- a/resources/views/components/navigation-bar.blade.php
+++ b/resources/views/components/navigation-bar.blade.php
@@ -75,13 +75,13 @@ class="-mt-px size-3.5"
         </div>
 
         {{-- Right side --}}
-        <div class="flex items-center gap-3">
+        <div class="flex items-center gap-2.5">
             {{-- Mobile menu --}}
             <x-navbar.mobile-menu />
 
             {{-- Desktop menu --}}
             <div
-                class="hidden items-center gap-3 text-sm lg:flex"
+                class="hidden items-center gap-2.5 text-sm lg:flex"
                 aria-label="Primary navigation"
             >
                 {{-- Link --}}

From a81d2330c0ad0b46bcf2c32df9cf6c04b64986c1 Mon Sep 17 00:00:00 2001
From: HassanZahirnia <m.hassan.zahirnia@gmail.com>
Date: Wed, 24 Sep 2025 22:53:12 +0330
Subject: [PATCH 05/10] Refactor Bifrost diagram layout and adjust component
 styles for improved responsiveness

---
 .../illustrations/bifrost-diagram.blade.php   | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/resources/views/components/illustrations/bifrost-diagram.blade.php b/resources/views/components/illustrations/bifrost-diagram.blade.php
index 43a7a3f3..9c90b43e 100644
--- a/resources/views/components/illustrations/bifrost-diagram.blade.php
+++ b/resources/views/components/illustrations/bifrost-diagram.blade.php
@@ -1,10 +1,12 @@
 <div class="flex items-center justify-center py-10">
     {{-- NativePHP --}}
-    <div class="flex flex-col items-center gap-2">
-        <x-mini-logo class="h-9" />
+    <div
+        class="hidden flex-col items-center gap-2 pr-2 text-center 2xs:flex sm:pr-0"
+    >
+        <x-mini-logo class="h-7 sm:h-9" />
 
         {{-- NativePHP --}}
-        <div class="text-lg">
+        <div class="hidden whitespace-nowrap sm:block md:text-lg">
             <span class="font-semibold">NativePHP</span>
             app
         </div>
@@ -12,14 +14,14 @@
 
     {{-- Left line --}}
     <div
-        class="h-0.5 w-20 bg-gradient-to-r from-transparent to-blue-500/50"
+        class="hidden h-0.5 w-10 bg-gradient-to-r from-transparent to-blue-500/50 2xs:block sm:w-20"
     ></div>
 
     {{-- Center --}}
     <div class="relative">
         {{-- Decorative blank box --}}
         <div
-            class="absolute -top-30 left-0 -z-10 grid h-27 w-47 place-items-center rounded-2xl mask-t-from-0% ring-3 ring-gray-200 ring-inset dark:ring-white/3"
+            class="absolute -top-26 left-0 -z-10 grid h-23 w-35 place-items-center rounded-2xl mask-t-from-0% ring-3 ring-gray-200 ring-inset xs:w-40 sm:-top-30 sm:h-27 sm:w-47 dark:ring-white/3"
         >
             <div
                 class="h-1.5 w-15 rounded-full bg-gray-200 dark:bg-white/3"
@@ -27,18 +29,18 @@ class="h-1.5 w-15 rounded-full bg-gray-200 dark:bg-white/3"
         </div>
 
         <div
-            class="grid h-27 w-47 place-items-center overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-blue-500/50 p-[3px]"
+            class="grid h-23 w-35 place-items-center overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-blue-500/50 p-[3px] xs:w-40 sm:h-27 sm:w-47"
         >
             <div
                 class="grid h-full w-full place-items-center rounded-[calc(var(--radius-2xl)-2px)] bg-white dark:bg-slate-950"
             >
-                <x-logos.bifrost class="h-5" />
+                <x-logos.bifrost class="h-3.5 xs:h-4 sm:h-5" />
             </div>
         </div>
 
         {{-- Decorative blank box --}}
         <div
-            class="absolute -bottom-30 left-0 -z-10 grid h-27 w-47 place-items-center rounded-2xl mask-b-from-0% ring-3 ring-gray-200 ring-inset dark:ring-white/3"
+            class="absolute -bottom-26 left-0 -z-10 grid h-23 w-35 place-items-center rounded-2xl mask-b-from-0% ring-3 ring-gray-200 ring-inset xs:w-40 sm:-bottom-30 sm:h-27 sm:w-47 dark:ring-white/3"
         >
             <div
                 class="h-1.5 w-15 rounded-full bg-gray-200 dark:bg-white/3"
@@ -47,7 +49,7 @@ class="h-1.5 w-15 rounded-full bg-gray-200 dark:bg-white/3"
     </div>
 
     {{-- Right --}}
-    <div class="flex items-center pr-24">
+    <div class="flex items-center sm:pr-14 md:pr-24">
         <div>
             <x-icons.home.arc-connector />
             <div

From 663af933b194b216ffbb8571600b5b33e42a4b4b Mon Sep 17 00:00:00 2001
From: HassanZahirnia <m.hassan.zahirnia@gmail.com>
Date: Wed, 24 Sep 2025 22:59:26 +0330
Subject: [PATCH 06/10] Update Bifrost button and diagram styles for improved
 visual consistency

---
 resources/views/components/bifrost-button.blade.php             | 2 +-
 .../views/components/illustrations/bifrost-diagram.blade.php    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/components/bifrost-button.blade.php b/resources/views/components/bifrost-button.blade.php
index 5fbb09e1..4be569ce 100644
--- a/resources/views/components/bifrost-button.blade.php
+++ b/resources/views/components/bifrost-button.blade.php
@@ -25,7 +25,7 @@ class="absolute inset-0.5 rounded-full bg-white dark:bg-slate-950"
         aria-hidden="true"
     ></div>
     <div
-        class="absolute bottom-0 left-1/2 h-1/3 w-4/5 -translate-x-1/2 rounded-full bg-indigo-400/20 opacity-50 blur-md transition-all duration-500 group-hover:h-2/3 group-hover:opacity-100"
+        class="absolute bottom-0 left-1/2 h-1/3 w-4/5 -translate-x-1/2 rounded-full bg-indigo-400/15 opacity-50 blur-md transition-all duration-500 group-hover:h-2/3 group-hover:opacity-100"
         aria-hidden="true"
     ></div>
     <span
diff --git a/resources/views/components/illustrations/bifrost-diagram.blade.php b/resources/views/components/illustrations/bifrost-diagram.blade.php
index 9c90b43e..abf57f7a 100644
--- a/resources/views/components/illustrations/bifrost-diagram.blade.php
+++ b/resources/views/components/illustrations/bifrost-diagram.blade.php
@@ -29,7 +29,7 @@ class="h-1.5 w-15 rounded-full bg-gray-200 dark:bg-white/3"
         </div>
 
         <div
-            class="grid h-23 w-35 place-items-center overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-blue-500/50 p-[3px] xs:w-40 sm:h-27 sm:w-47"
+            class="grid h-23 w-35 place-items-center overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-blue-500/50 p-[3px] xs:w-40 sm:h-27 sm:w-47 dark:from-blue-300/20"
         >
             <div
                 class="grid h-full w-full place-items-center rounded-[calc(var(--radius-2xl)-2px)] bg-white dark:bg-slate-950"

From 0f9dcd4d5f148f522d6b0c4d54f6b3b8516a1b44 Mon Sep 17 00:00:00 2001
From: HassanZahirnia <m.hassan.zahirnia@gmail.com>
Date: Wed, 24 Sep 2025 23:02:59 +0330
Subject: [PATCH 07/10] Refactor Bifrost diagram structure and enhance
 accessibility with ARIA attributes

---
 .../illustrations/bifrost-diagram.blade.php   | 119 ++++++++++++------
 1 file changed, 83 insertions(+), 36 deletions(-)

diff --git a/resources/views/components/illustrations/bifrost-diagram.blade.php b/resources/views/components/illustrations/bifrost-diagram.blade.php
index abf57f7a..6badaaf9 100644
--- a/resources/views/components/illustrations/bifrost-diagram.blade.php
+++ b/resources/views/components/illustrations/bifrost-diagram.blade.php
@@ -1,27 +1,38 @@
-<div class="flex items-center justify-center py-10">
-    {{-- NativePHP --}}
+<figure
+    class="flex items-center justify-center py-10"
+    aria-labelledby="bifrost-diagram-caption"
+>
+    {{-- Source (NativePHP app) --}}
     <div
         class="hidden flex-col items-center gap-2 pr-2 text-center 2xs:flex sm:pr-0"
     >
-        <x-mini-logo class="h-7 sm:h-9" />
+        <x-mini-logo
+            class="h-7 sm:h-9"
+            aria-hidden="true"
+            focusable="false"
+        />
 
-        {{-- NativePHP --}}
-        <div class="hidden whitespace-nowrap sm:block md:text-lg">
+        <p class="hidden whitespace-nowrap sm:block md:text-lg">
             <span class="font-semibold">NativePHP</span>
-            app
-        </div>
+            <span>app</span>
+        </p>
     </div>
 
-    {{-- Left line --}}
+    {{-- Left line (decorative) --}}
     <div
         class="hidden h-0.5 w-10 bg-gradient-to-r from-transparent to-blue-500/50 2xs:block sm:w-20"
+        aria-hidden="true"
     ></div>
 
-    {{-- Center --}}
-    <div class="relative">
-        {{-- Decorative blank box --}}
+    {{-- Center (Bifrost) --}}
+    <div
+        class="relative"
+        aria-label="Bifrost build orchestration"
+    >
+        {{-- Decorative blank box (top) --}}
         <div
             class="absolute -top-26 left-0 -z-10 grid h-23 w-35 place-items-center rounded-2xl mask-t-from-0% ring-3 ring-gray-200 ring-inset xs:w-40 sm:-top-30 sm:h-27 sm:w-47 dark:ring-white/3"
+            aria-hidden="true"
         >
             <div
                 class="h-1.5 w-15 rounded-full bg-gray-200 dark:bg-white/3"
@@ -34,13 +45,19 @@ class="grid h-23 w-35 place-items-center overflow-hidden rounded-2xl bg-gradient
             <div
                 class="grid h-full w-full place-items-center rounded-[calc(var(--radius-2xl)-2px)] bg-white dark:bg-slate-950"
             >
-                <x-logos.bifrost class="h-3.5 xs:h-4 sm:h-5" />
+                <x-logos.bifrost
+                    class="h-3.5 xs:h-4 sm:h-5"
+                    role="img"
+                    aria-label="Bifrost"
+                />
+                <span class="sr-only">Bifrost build system</span>
             </div>
         </div>
 
-        {{-- Decorative blank box --}}
+        {{-- Decorative blank box (bottom) --}}
         <div
             class="absolute -bottom-26 left-0 -z-10 grid h-23 w-35 place-items-center rounded-2xl mask-b-from-0% ring-3 ring-gray-200 ring-inset xs:w-40 sm:-bottom-30 sm:h-27 sm:w-47 dark:ring-white/3"
+            aria-hidden="true"
         >
             <div
                 class="h-1.5 w-15 rounded-full bg-gray-200 dark:bg-white/3"
@@ -48,51 +65,81 @@ class="h-1.5 w-15 rounded-full bg-gray-200 dark:bg-white/3"
         </div>
     </div>
 
-    {{-- Right --}}
+    {{-- Right (Build outputs to platforms) --}}
     <div class="flex items-center sm:pr-14 md:pr-24">
-        <div>
-            <x-icons.home.arc-connector />
+        <div aria-hidden="true">
+            <x-icons.home.arc-connector aria-hidden="true" />
             <div
                 class="-my-0.5 h-0.5 w-16 rounded-full bg-gradient-to-r from-blue-300/20 to-blue-500/80"
             ></div>
-            <div class="-scale-y-100"><x-icons.home.arc-connector /></div>
+            <div class="-scale-y-100">
+                <x-icons.home.arc-connector aria-hidden="true" />
+            </div>
         </div>
 
-        {{-- Platforms --}}
-        <div class="relative flex flex-col gap-4">
-            {{-- Decorative blank box --}}
-            <div
+        {{-- Platforms list --}}
+        <ul
+            class="relative flex flex-col gap-4"
+            aria-label="Target platforms"
+        >
+            {{-- Decorative (top) --}}
+            <li
                 class="absolute -top-15 left-0 -z-10 grid size-12 place-items-center rounded-xl mask-t-from-0% ring-2 ring-gray-200 ring-inset dark:ring-white/3"
+                aria-hidden="true"
             >
                 <div
                     class="h-1 w-5 rounded-full bg-gray-200 dark:bg-white/3"
                 ></div>
-            </div>
+            </li>
 
-            <div
+            <li
                 class="grid size-12 place-items-center rounded-xl bg-white dark:bg-slate-950/50"
             >
-                <x-icons.home.apple class="h-8" />
-            </div>
-            <div
+                <x-icons.home.apple
+                    class="h-8"
+                    role="img"
+                    aria-label="Apple (macOS)"
+                />
+                <span class="sr-only">Apple (macOS)</span>
+            </li>
+            <li
                 class="grid size-12 place-items-center rounded-xl bg-white dark:bg-slate-950/50"
             >
-                <x-icons.home.android class="h-7" />
-            </div>
-            <div
+                <x-icons.home.android
+                    class="h-7"
+                    role="img"
+                    aria-label="Android"
+                />
+                <span class="sr-only">Android</span>
+            </li>
+            <li
                 class="grid size-12 place-items-center rounded-xl bg-white dark:bg-slate-950/50"
             >
-                <x-icons.home.windows class="h-6" />
-            </div>
+                <x-icons.home.windows
+                    class="h-6"
+                    role="img"
+                    aria-label="Windows"
+                />
+                <span class="sr-only">Windows</span>
+            </li>
 
-            {{-- Decorative blank box --}}
-            <div
+            {{-- Decorative (bottom) --}}
+            <li
                 class="absolute -bottom-15 left-0 -z-10 grid size-12 place-items-center rounded-xl mask-b-from-0% ring-2 ring-gray-200 ring-inset dark:ring-white/3"
+                aria-hidden="true"
             >
                 <div
                     class="h-1 w-5 rounded-full bg-gray-200 dark:bg-white/3"
                 ></div>
-            </div>
-        </div>
+            </li>
+        </ul>
     </div>
-</div>
+
+    <figcaption
+        id="bifrost-diagram-caption"
+        class="sr-only"
+    >
+        Diagram: NativePHP app passes through Bifrost build system to produce
+        Apple (macOS), Android, and Windows platform outputs.
+    </figcaption>
+</figure>

From 1821bae4ac45ba5eaa15023277420d4e81b25dc2 Mon Sep 17 00:00:00 2001
From: HassanZahirnia <m.hassan.zahirnia@gmail.com>
Date: Wed, 24 Sep 2025 23:08:50 +0330
Subject: [PATCH 08/10] Adjust button margin and update background colors for
 improved design consistency

---
 resources/views/components/home/explainer.blade.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/components/home/explainer.blade.php b/resources/views/components/home/explainer.blade.php
index 4c2f34a1..079a69ad 100644
--- a/resources/views/components/home/explainer.blade.php
+++ b/resources/views/components/home/explainer.blade.php
@@ -612,7 +612,7 @@ class="text-xl font-bold text-slate-800 lg:text-2xl dark:text-white"
             </div>
 
             {{-- Button --}}
-            <div class="mt-5 mb-10 grid place-items-center">
+            <div class="mt-5 mb-15 grid place-items-center">
                 <x-bifrost-button />
             </div>
 
@@ -628,7 +628,7 @@ class="absolute right-1/2 -bottom-11 -z-10 translate-x-1/2"
                 aria-hidden="true"
             >
                 <div
-                    class="h-10 w-36 -translate-x-10 -rotate-15 rounded-full bg-orange-300 blur-xl dark:bg-indigo-500/60"
+                    class="h-10 w-36 -translate-x-14 -rotate-15 rounded-full bg-[#FB6C41]/70 blur-xl dark:bg-slate-400/60"
                 ></div>
             </div>
 
@@ -638,7 +638,7 @@ class="absolute right-1/2 -bottom-11 -z-10 translate-x-1/2"
                 aria-hidden="true"
             >
                 <div
-                    class="h-10 w-36 translate-x-10 -rotate-15 rounded-full bg-indigo-300 blur-xl dark:bg-slate-400/60"
+                    class="0 h-10 w-36 translate-x-14 -rotate-15 rounded-full bg-indigo-300 blur-xl dark:bg-indigo-500/60"
                 ></div>
             </div>
         </div>

From 3201927d491192b559282e4bfe433c9ebeccbaba Mon Sep 17 00:00:00 2001
From: Simon Hamp <simon.hamp@me.com>
Date: Wed, 24 Sep 2025 21:24:05 +0100
Subject: [PATCH 09/10] Tweak copy

---
 resources/views/components/bifrost-button.blade.php | 2 +-
 resources/views/components/home/explainer.blade.php | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/components/bifrost-button.blade.php b/resources/views/components/bifrost-button.blade.php
index 4be569ce..4a0313bd 100644
--- a/resources/views/components/bifrost-button.blade.php
+++ b/resources/views/components/bifrost-button.blade.php
@@ -94,7 +94,7 @@ class="self-center justify-self-center whitespace-nowrap [grid-area:1/-1]"
         <span
             class="self-center justify-self-center whitespace-nowrap [grid-area:1/-1]"
         >
-            {{ $small ? 'Ship' : 'Ship your app!' }}
+            {{ $small ? 'Ship' : 'Ship it!' }}
         </span>
     </span>
 </a>
diff --git a/resources/views/components/home/explainer.blade.php b/resources/views/components/home/explainer.blade.php
index 079a69ad..84ce3cf9 100644
--- a/resources/views/components/home/explainer.blade.php
+++ b/resources/views/components/home/explainer.blade.php
@@ -603,11 +603,11 @@ class="mt-7 flex flex-col items-center gap-1.5 text-center text-pretty"
                     id="sponsors-title"
                     class="text-xl font-bold text-slate-800 lg:text-2xl dark:text-white"
                 >
-                    And when you've built your app, Ship it!
+                    And when you've built your app... Ship it!
                 </h2>
                 <p class="text-lg text-slate-600 dark:text-zinc-400">
                     Get it to the stores and into the hands of users as fast as
-                    humanly possible with Bifrost"
+                    humanly possible with Bifrost
                 </p>
             </div>
 

From 89038888fdd1b184959758f5d1eac0d6c5fcd1e9 Mon Sep 17 00:00:00 2001
From: Simon Hamp <simon.hamp@me.com>
Date: Wed, 24 Sep 2025 21:31:56 +0100
Subject: [PATCH 10/10] Lint

---
 app/Http/Controllers/ShowBlogController.php          | 2 +-
 app/Http/Controllers/ShowDocumentationController.php | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/Http/Controllers/ShowBlogController.php b/app/Http/Controllers/ShowBlogController.php
index a6b4c929..19730b72 100644
--- a/app/Http/Controllers/ShowBlogController.php
+++ b/app/Http/Controllers/ShowBlogController.php
@@ -23,7 +23,7 @@ public function show(Article $article)
         abort_unless($article->isPublished() || auth()->user()?->isAdmin(), 404);
 
         // Set SEO metadata for the article
-        SEOTools::setTitle($article->title . ' - Blog');
+        SEOTools::setTitle($article->title.' - Blog');
         SEOTools::setDescription($article->excerpt ?: 'Read this article on the NativePHP blog.');
 
         // Set OpenGraph metadata
diff --git a/app/Http/Controllers/ShowDocumentationController.php b/app/Http/Controllers/ShowDocumentationController.php
index 69c2c0f1..c4565e02 100644
--- a/app/Http/Controllers/ShowDocumentationController.php
+++ b/app/Http/Controllers/ShowDocumentationController.php
@@ -48,15 +48,15 @@ public function __invoke(Request $request, string $platform, string $version, ?s
         }
         $title = $pageProperties['title'].' - NativePHP '.$platform.' v'.$version;
         $description = Arr::exists($pageProperties, 'description') ? $pageProperties['description'] : 'NativePHP documentation for '.$platform.' v'.$version;
-        
+
         SEOTools::setTitle($title);
         SEOTools::setDescription($description);
-        
+
         // Set OpenGraph metadata
         SEOTools::opengraph()->setTitle($pageProperties['title']);
         SEOTools::opengraph()->setDescription($description);
         SEOTools::opengraph()->setType('article');
-        
+
         // Set Twitter Card metadata
         SEOTools::twitter()->setTitle($pageProperties['title']);
         SEOTools::twitter()->setDescription($description);