diff --git a/app/Livewire/MobilePricing.php b/app/Livewire/MobilePricing.php
new file mode 100644
index 00000000..46ac17a4
--- /dev/null
+++ b/app/Livewire/MobilePricing.php
@@ -0,0 +1,73 @@
+<?php
+
+namespace App\Livewire;
+
+use App\Enums\Subscription;
+use App\Models\User;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Support\Str;
+use Livewire\Component;
+
+class MobilePricing extends Component
+{
+    protected $listeners = [
+        'purchase-request-submitted' => 'handlePurchaseRequest',
+    ];
+
+    public function handlePurchaseRequest(array $data)
+    {
+        $user = $this->findOrCreateUser($data['email']);
+
+        return $this->createCheckoutSession($data['plan'], $user);
+    }
+
+    public function createCheckoutSession(string $plan, ?User $user = null)
+    {
+        if (! ($user ??= Auth::user())) {
+            return;
+        }
+
+        if (! ($subscription = Subscription::tryFrom($plan))) {
+            return;
+        }
+
+        $user->createOrGetStripeCustomer();
+
+        $checkout = $user
+            ->newSubscription('default', $subscription->stripePriceId())
+            ->allowPromotionCodes()
+            ->checkout([
+                'success_url' => $this->successUrl(),
+                'cancel_url' => route('early-adopter'),
+            ]);
+
+        return redirect($checkout->url);
+    }
+
+    private function findOrCreateUser(string $email): User
+    {
+        return User::firstOrCreate([
+            'email' => $email,
+        ], [
+            'password' => Hash::make(Str::random(72)),
+        ]);
+    }
+
+    private function successUrl(): string
+    {
+        // This is a hack to get the route() function to work. If you try
+        // to pass {CHECKOUT_SESSION_ID} to the route function, it will
+        // throw an error.
+        return Str::replace(
+            'abc',
+            '{CHECKOUT_SESSION_ID}',
+            route('order.success', ['checkoutSessionId' => 'abc'])
+        );
+    }
+
+    public function render()
+    {
+        return view('livewire.mobile-pricing');
+    }
+}
diff --git a/app/Livewire/PurchaseModal.php b/app/Livewire/PurchaseModal.php
new file mode 100644
index 00000000..e968ee06
--- /dev/null
+++ b/app/Livewire/PurchaseModal.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Livewire;
+
+use Livewire\Attributes\Renderless;
+use Livewire\Attributes\Validate;
+use Livewire\Component;
+
+class PurchaseModal extends Component
+{
+    public bool $showModal = false;
+
+    #[Validate]
+    public string $email = '';
+
+    public ?string $selectedPlan = null;
+
+    protected $rules = [
+        'email' => 'required|email',
+    ];
+
+    #[Renderless]
+    public function setPlan(string $plan): void
+    {
+        $this->selectedPlan = $plan;
+    }
+
+    public function closeModal(): void
+    {
+        $this->showModal = false;
+        $this->reset('email', 'selectedPlan');
+        $this->resetValidation();
+    }
+
+    public function submit(): void
+    {
+        $this->validate();
+
+        $this->dispatch('purchase-request-submitted', [
+            'email' => $this->email,
+            'plan' => $this->selectedPlan,
+        ]);
+
+        $this->closeModal();
+    }
+
+    public function render()
+    {
+        return view('livewire.purchase-modal');
+    }
+}
diff --git a/resources/views/early-adopter.blade.php b/resources/views/early-adopter.blade.php
index 0963689f..c208f3fa 100644
--- a/resources/views/early-adopter.blade.php
+++ b/resources/views/early-adopter.blade.php
@@ -608,7 +608,7 @@ class="absolute inset-0 -z-10 h-full w-full object-cover"
     </section>
 
     {{-- Pricing Section --}}
-    <x-mobile-pricing />
+    <livewire:mobile-pricing />
 
     {{-- Testimonials Section --}}
     {{-- <x-testimonials /> --}}
@@ -676,11 +676,14 @@ class="mx-auto flex w-full max-w-2xl flex-col items-center gap-4 pt-10"
                 </p>
             </x-faq-card>
 
-            <x-faq-card question="Will there ever be a free & open source version?">
+            <x-faq-card
+                question="Will there ever be a free & open source version?"
+            >
                 <p>
-                    Yes! Once we've hit sustainability and can afford to continue
-                    investing in this project indirectly, then a version of it will
-                    be fully open source and made available for free.
+                    Yes! Once we've hit sustainability and can afford to
+                    continue investing in this project indirectly, then a
+                    version of it will be fully open source and made available
+                    for free.
                 </p>
             </x-faq-card>
 
@@ -694,9 +697,7 @@ class="mx-auto flex w-full max-w-2xl flex-col items-center gap-4 pt-10"
             </x-faq-card>
 
             <x-faq-card question="When will Android support be ready?">
-                <p>
-                   It's READY! Sign up and build apps for Android today!
-                </p>
+                <p>It's READY! Sign up and build apps for Android today!</p>
             </x-faq-card>
 
             <x-faq-card question="When will the EAP end?">
@@ -744,14 +745,15 @@ class="mx-auto flex w-full max-w-2xl flex-col items-center gap-4 pt-10"
             </x-faq-card>
             <x-faq-card question="Can I get an invoice?">
                 <p>
-                    If you purchased after May 6, 2025, you should get an invoice with your receipt via email.
+                    If you purchased after May 6, 2025, you should get an
+                    invoice with your receipt via email.
                 </p>
                 <p class="mt-4">
                     For purchases made before this, you simply need to
                     <a
                         href="https://zenvoice.io/p/67a61665e7a3400c73fb75af"
                         onclick="event.stopPropagation()"
-                        class="underline inline-block"
+                        class="inline-block underline"
                     >
                         follow the instructions here
                     </a>
diff --git a/resources/views/components/mobile-pricing.blade.php b/resources/views/livewire/mobile-pricing.blade.php
similarity index 86%
rename from resources/views/components/mobile-pricing.blade.php
rename to resources/views/livewire/mobile-pricing.blade.php
index 7b050437..587d5276 100644
--- a/resources/views/components/mobile-pricing.blade.php
+++ b/resources/views/livewire/mobile-pricing.blade.php
@@ -118,14 +118,25 @@ class="size-5 shrink-0"
                 </p>
             </div>
 
-            {{-- Button --}}
-            <a
-                href="{{ \App\Enums\Subscription::Mini->stripePaymentLink() }}"
-                class="my-5 block w-full rounded-2xl bg-zinc-200 py-4 text-center text-sm font-medium transition duration-200 ease-in-out hover:bg-zinc-800 hover:text-white dark:bg-slate-700/30 dark:hover:bg-slate-700/40"
-                aria-label="Get started with Mini plan"
-            >
-                Get started
-            </a>
+            @auth
+                <button
+                    type="button"
+                    wire:click="createCheckoutSession('mini')"
+                    class="my-5 block w-full rounded-2xl bg-zinc-200 py-4 text-center text-sm font-medium transition duration-200 ease-in-out hover:bg-zinc-800 hover:text-white dark:bg-slate-700/30 dark:hover:bg-slate-700/40"
+                    aria-label="Get started with Mini plan"
+                >
+                    Get started
+                </button>
+            @else
+                <button
+                    type="button"
+                    @click="$dispatch('open-purchase-modal', { plan: 'mini' })"
+                    class="my-5 block w-full rounded-2xl bg-zinc-200 py-4 text-center text-sm font-medium transition duration-200 ease-in-out hover:bg-zinc-800 hover:text-white dark:bg-slate-700/30 dark:hover:bg-slate-700/40"
+                    aria-label="Get started with Mini plan"
+                >
+                    Get started
+                </button>
+            @endauth
 
             {{-- Features --}}
             <div
@@ -281,14 +292,25 @@ class="size-5 shrink-0"
                 </p>
             </div>
 
-            {{-- Button --}}
-            <a
-                href="{{ \App\Enums\Subscription::Pro->stripePaymentLink() }}"
-                class="my-5 block w-full rounded-2xl bg-zinc-200 py-4 text-center text-sm font-medium transition duration-200 ease-in-out hover:bg-zinc-800 hover:text-white dark:bg-slate-700/30 dark:hover:bg-slate-700/40"
-                aria-label="Get started with Pro plan"
-            >
-                Get started
-            </a>
+            @auth
+                <button
+                    type="button"
+                    wire:click="createCheckoutSession('pro')"
+                    class="my-5 block w-full rounded-2xl bg-zinc-200 py-4 text-center text-sm font-medium transition duration-200 ease-in-out hover:bg-zinc-800 hover:text-white dark:bg-slate-700/30 dark:hover:bg-slate-700/40"
+                    aria-label="Get started with Pro plan"
+                >
+                    Get started
+                </button>
+            @else
+                <button
+                    type="button"
+                    @click="$dispatch('open-purchase-modal', { plan: 'pro' })"
+                    class="my-5 block w-full rounded-2xl bg-zinc-200 py-4 text-center text-sm font-medium transition duration-200 ease-in-out hover:bg-zinc-800 hover:text-white dark:bg-slate-700/30 dark:hover:bg-slate-700/40"
+                    aria-label="Get started with Pro plan"
+                >
+                    Get started
+                </button>
+            @endauth
 
             {{-- Features --}}
             <div
@@ -452,14 +474,25 @@ class="size-5 shrink-0"
                 </p>
             </div>
 
-            {{-- Button --}}
-            <a
-                href="{{ \App\Enums\Subscription::Max->stripePaymentLink() }}"
-                class="my-5 block w-full rounded-2xl bg-zinc-800 py-4 text-center text-sm font-medium text-white transition duration-200 ease-in-out hover:bg-zinc-900 dark:bg-[#d68ffe] dark:text-black dark:hover:bg-[#e1acff]"
-                aria-label="Get started with Max plan"
-            >
-                Get started
-            </a>
+            @auth
+                <button
+                    type="button"
+                    wire:click="createCheckoutSession('max')"
+                    class="my-5 block w-full rounded-2xl bg-zinc-800 py-4 text-center text-sm font-medium text-white transition duration-200 ease-in-out hover:bg-zinc-900 dark:bg-[#d68ffe] dark:text-black dark:hover:bg-[#e1acff]"
+                    aria-label="Get started with Max plan"
+                >
+                    Get started
+                </button>
+            @else
+                <button
+                    type="button"
+                    @click="$dispatch('open-purchase-modal', { plan: 'max' })"
+                    class="my-5 block w-full rounded-2xl bg-zinc-800 py-4 text-center text-sm font-medium text-white transition duration-200 ease-in-out hover:bg-zinc-900 dark:bg-[#d68ffe] dark:text-black dark:hover:bg-[#e1acff]"
+                    aria-label="Get started with Max plan"
+                >
+                    Get started
+                </button>
+            @endauth
 
             {{-- Features --}}
             <div
@@ -569,4 +602,7 @@ class="grid size-7 shrink-0 place-items-center rounded-xl bg-[#D4FD7D] dark:bg-[
             </div>
         </div>
     </div>
+    @guest
+        <livewire:purchase-modal />
+    @endguest
 </section>
diff --git a/resources/views/livewire/purchase-modal.blade.php b/resources/views/livewire/purchase-modal.blade.php
new file mode 100644
index 00000000..47ad209c
--- /dev/null
+++ b/resources/views/livewire/purchase-modal.blade.php
@@ -0,0 +1,94 @@
+<div>
+    <div
+        x-data="{
+            open: @entangle('showModal'),
+        }"
+        @open-purchase-modal.window="
+            open = true;
+            $wire.setPlan($event.detail.plan);
+        "
+    >
+        <!-- Modal Backdrop -->
+        <div
+            x-show="open"
+            x-transition:enter="transition duration-300 ease-out"
+            x-transition:enter-start="opacity-0"
+            x-transition:enter-end="opacity-100"
+            x-transition:leave="transition duration-200 ease-in"
+            x-transition:leave-start="opacity-100"
+            x-transition:leave-end="opacity-0"
+            class="fixed inset-0 z-50 bg-black/50 backdrop-blur-sm"
+            x-cloak
+        ></div>
+
+        <div
+            x-show="open"
+            x-transition:enter="transition duration-300 ease-out"
+            x-transition:enter-start="scale-95 opacity-0"
+            x-transition:enter-end="scale-100 opacity-100"
+            x-transition:leave="transition duration-200 ease-in"
+            x-transition:leave-start="scale-100 opacity-100"
+            x-transition:leave-end="scale-95 opacity-0"
+            class="fixed inset-0 z-50 flex items-center justify-center p-4"
+            x-cloak
+        >
+            <div
+                @click.away="open = false"
+                class="w-full max-w-md rounded-2xl bg-white p-8 shadow-xl dark:bg-mirage"
+            >
+                <div class="mb-6 text-center">
+                    <h3 class="text-xl font-semibold dark:text-white">
+                        Get Started with NativePHP
+                    </h3>
+                    <p class="mt-2 text-sm text-gray-500 dark:text-gray-400">
+                        Enter your email to continue to checkout
+                    </p>
+                </div>
+
+                <form
+                    wire:submit.prevent="submit"
+                    class="space-y-8"
+                >
+                    <div>
+                        <label
+                            for="email"
+                            class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
+                        >
+                            Email Address
+                        </label>
+                        <input
+                            type="email"
+                            id="email"
+                            wire:model.blur="email"
+                            class="w-full rounded-lg border border-gray-300 px-4 py-2.5 focus:border-purple-400 focus:outline-none dark:border-gray-600 dark:bg-gray-800 dark:text-white"
+                            placeholder="your@email.com"
+                            required
+                            x-effect="if (open) $nextTick(() => $el.focus())"
+                        />
+                        @error('email')
+                            <p class="mt-1 text-sm text-red-600">
+                                {{ $message }}
+                            </p>
+                        @enderror
+                    </div>
+
+                    <div class="flex items-center justify-between gap-3">
+                        <button
+                            type="button"
+                            wire:click="closeModal"
+                            class="rounded-xl bg-zinc-200 px-8 py-4 text-center text-sm font-medium transition duration-200 ease-in-out hover:bg-zinc-800 hover:text-white dark:bg-slate-700/30 dark:hover:bg-slate-700/40"
+                        >
+                            Cancel
+                        </button>
+                        <button
+                            type="submit"
+                            class="rounded-xl bg-zinc-800 px-8 py-4 text-center text-sm font-medium text-white transition duration-200 ease-in-out hover:bg-zinc-900 dark:bg-[#d68ffe] dark:text-black dark:hover:bg-[#e1acff]"
+                        >
+                            Next
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/tests/Feature/Livewire/PurchaseModalTest.php b/tests/Feature/Livewire/PurchaseModalTest.php
new file mode 100644
index 00000000..f1da549e
--- /dev/null
+++ b/tests/Feature/Livewire/PurchaseModalTest.php
@@ -0,0 +1,73 @@
+<?php
+
+namespace Tests\Feature\Livewire;
+
+use App\Livewire\PurchaseModal;
+use Livewire\Livewire;
+use PHPUnit\Framework\Attributes\Test;
+use Tests\TestCase;
+
+class PurchaseModalTest extends TestCase
+{
+    #[Test]
+    public function purchase_modal_can_set_a_plan()
+    {
+        Livewire::test(PurchaseModal::class)
+            ->call('setPlan', 'mini')
+            ->assertSet('selectedPlan', 'mini');
+    }
+
+    #[Test]
+    public function purchase_modal_can_be_closed()
+    {
+        Livewire::test(PurchaseModal::class)
+            ->set('showModal', true)
+            ->set('email', 'test@example.com')
+            ->set('selectedPlan', 'mini')
+            ->call('closeModal')
+            ->assertSet('showModal', false)
+            ->assertSet('email', '')
+            ->assertSet('selectedPlan', null);
+    }
+
+    #[Test]
+    public function purchase_modal_validates_email()
+    {
+        Livewire::test(PurchaseModal::class)
+            ->set('email', 'invalid-email')
+            ->call('submit')
+            ->assertHasErrors(['email' => 'email']);
+    }
+
+    #[Test]
+    public function purchase_modal_requires_email()
+    {
+        Livewire::test(PurchaseModal::class)
+            ->set('email', '')
+            ->call('submit')
+            ->assertHasErrors(['email' => 'required']);
+    }
+
+    #[Test]
+    public function test_submit_action()
+    {
+        Livewire::test(PurchaseModal::class)
+            ->call('setPlan', 'mini')
+            ->set('email', 'valid@example.com')
+            ->call('submit')
+            ->assertDispatched('purchase-request-submitted', [
+                'email' => 'valid@example.com',
+                'plan' => 'mini',
+            ]);
+    }
+
+    #[Test]
+    public function purchase_modal_closes_after_emitting_event()
+    {
+        Livewire::test(PurchaseModal::class)
+            ->call('setPlan', 'mini')
+            ->set('email', 'valid@example.com')
+            ->call('submit')
+            ->assertSet('showModal', false);
+    }
+}
diff --git a/tests/Feature/MobilePricingTest.php b/tests/Feature/MobilePricingTest.php
new file mode 100644
index 00000000..5deba73e
--- /dev/null
+++ b/tests/Feature/MobilePricingTest.php
@@ -0,0 +1,63 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Livewire\MobilePricing;
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Support\Facades\Auth;
+use Livewire\Livewire;
+use PHPUnit\Framework\Attributes\Test;
+use Tests\TestCase;
+
+class MobilePricingTest extends TestCase
+{
+    use RefreshDatabase;
+
+    #[Test]
+    public function authenticated_users_will_directly_create_checkout_session()
+    {
+        $user = User::factory()->create();
+        Auth::login($user);
+
+        $component = Livewire::test(MobilePricing::class);
+        $component->assertSeeHtml([
+            'wire:click="createCheckoutSession(\'mini\')"',
+            'wire:click="createCheckoutSession(\'pro\')"',
+            'wire:click="createCheckoutSession(\'max\')"',
+        ]);
+        $component->assertDontSeeHtml([
+            '@click="$dispatch(\'open-purchase-modal\', { plan: \'mini\' })"',
+            '@click="$dispatch(\'open-purchase-modal\', { plan: \'pro\' })"',
+            '@click="$dispatch(\'open-purchase-modal\', { plan: \'max\' })"',
+        ]);
+    }
+
+    #[Test]
+    public function guest_users_see_purchase_modal_component()
+    {
+        Auth::logout();
+
+        Livewire::test(MobilePricing::class)
+            ->assertSeeLivewire('purchase-modal')
+            ->assertSeeHtml([
+                '@click="$dispatch(\'open-purchase-modal\', { plan: \'mini\' })"',
+                '@click="$dispatch(\'open-purchase-modal\', { plan: \'pro\' })"',
+                '@click="$dispatch(\'open-purchase-modal\', { plan: \'max\' })"',
+            ])
+            ->assertDontSeeHtml([
+                'wire:click="createCheckoutSession(\'mini\')"',
+                'wire:click="createCheckoutSession(\'pro\')"',
+                'wire:click="createCheckoutSession(\'max\')"',
+            ]);
+    }
+
+    #[Test]
+    public function authenticated_users_do_not_see_purchase_modal_component()
+    {
+        Auth::login(User::factory()->create());
+
+        Livewire::test(MobilePricing::class)
+            ->assertDontSeeLivewire('purchase-modal');
+    }
+}
diff --git a/tests/Feature/MobileRouteTest.php b/tests/Feature/MobileRouteTest.php
index 95c85437..1c0b9bb4 100644
--- a/tests/Feature/MobileRouteTest.php
+++ b/tests/Feature/MobileRouteTest.php
@@ -2,27 +2,26 @@
 
 namespace Tests\Feature;
 
-use Illuminate\Support\Facades\Config;
 use PHPUnit\Framework\Attributes\Test;
 use Tests\TestCase;
 
 class MobileRouteTest extends TestCase
 {
     #[Test]
-    public function mobile_route_includes_stripe_payment_links()
+    public function mobile_route_does_not_include_stripe_payment_links()
     {
-        $mockLinks = [
-            'mini' => ['stripe_payment_link' => 'https://buy.stripe.com/mini-payment'],
-            'pro' => ['stripe_payment_link' => 'https://buy.stripe.com/pro-payment'],
-            'max' => ['stripe_payment_link' => 'https://buy.stripe.com/max-payment'],
-        ];
-
-        Config::set('subscriptions.plans', $mockLinks);
-
-        $response = $this->withoutVite()->get(route('early-adopter'))->getContent();
+        $this
+            ->withoutVite()
+            ->get(route('early-adopter'))
+            ->assertDontSee('buy.stripe.com');
+    }
 
-        $this->assertStringContainsString($mockLinks['mini']['stripe_payment_link'], $response);
-        $this->assertStringContainsString($mockLinks['pro']['stripe_payment_link'], $response);
-        $this->assertStringContainsString($mockLinks['max']['stripe_payment_link'], $response);
+    #[Test]
+    public function mobile_route_includes_mobile_pricing_livewire_component()
+    {
+        $this
+            ->withoutVite()
+            ->get(route('early-adopter'))
+            ->assertSeeLivewire('mobile-pricing');
     }
 }