diff --git a/resources/views/components/layouts/app/header.blade.php b/resources/views/components/layouts/app/header.blade.php
index 85eac00..58c7f17 100644
--- a/resources/views/components/layouts/app/header.blade.php
+++ b/resources/views/components/layouts/app/header.blade.php
@@ -66,7 +66,8 @@
             <flux:menu.separator/>
 
             <flux:menu.radio.group>
-                <flux:menu.item href="/settings/preferences" wire:navigate icon="cog">Settings</flux:menu.item>
+                <flux:menu.item href="{{ route('settings.preferences') }}" wire:navigate icon="cog">Settings</flux:menu.item>
+                <flux:menu.item href="{{ route('settings.support') }}" wire:navigate icon="heart">Support</flux:menu.item>
             </flux:menu.radio.group>
 
             <flux:menu.separator/>
diff --git a/resources/views/components/settings/layout.blade.php b/resources/views/components/settings/layout.blade.php
index 4d4c9fd..d0ed4cf 100644
--- a/resources/views/components/settings/layout.blade.php
+++ b/resources/views/components/settings/layout.blade.php
@@ -5,6 +5,7 @@
             <flux:navlist.item href="{{ route('settings.profile') }}" wire:navigate>Profile</flux:navlist.item>
             <flux:navlist.item href="{{ route('settings.password') }}" wire:navigate>Password</flux:navlist.item>
             <flux:navlist.item href="{{ route('settings.appearance') }}" wire:navigate>Appearance</flux:navlist.item>
+            <flux:navlist.item href="{{ route('settings.support') }}" wire:navigate>Support</flux:navlist.item>
         </flux:navlist>
     </div>
 
diff --git a/resources/views/livewire/settings/support.blade.php b/resources/views/livewire/settings/support.blade.php
new file mode 100644
index 0000000..7241d72
--- /dev/null
+++ b/resources/views/livewire/settings/support.blade.php
@@ -0,0 +1,33 @@
+<section class="w-full">
+    @include('partials.settings-heading')
+
+    <x-settings.layout heading="Support" subheading="Support the development of this project">
+
+        <div class="flex items-center gap-4">
+            <div class="flex items-center justify-end gap-2">
+                <flux:button class="w-42"
+                             href="https://github.com/sponsors/bnussbau"
+                             target="_blank"
+                             icon:trailing="arrow-up-right">{{ __('GitHub Sponsors') }}</flux:button>
+                <flux:button class="w-42"
+                             href="https://www.buymeacoffee.com/bnussbau"
+                             target="_blank"
+                             icon:trailing="arrow-up-right">{{ __('Buy me a coffee') }}</flux:button>
+            </div>
+        </div>
+
+        <div class="relative mt-10">
+            <flux:heading>{{ __('Referral Code') }}</flux:heading>
+            <flux:subheading>{{ __('Use the code to receive a $15 discount on your TRMNL device purchase.') }}</flux:subheading>
+
+            <div class="mt-3 flex items-center justify-start gap-2">
+                <flux:input value="laravel-trmnl" readonly copyable class="max-w-42"/>
+                <flux:button class="w-42"
+                             href="https://usetrmnl.com/?ref=laravel-trmnl"
+                             target="_blank"
+                             icon:trailing="arrow-up-right">{{ __('Referral link') }}</flux:button>
+            </div>
+
+        </div>
+    </x-settings.layout>
+</section>
diff --git a/routes/web.php b/routes/web.php
index d2887e6..47bda95 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -13,6 +13,7 @@ Route::middleware(['auth'])->group(function () {
     Volt::route('settings/profile', 'settings.profile')->name('settings.profile');
     Volt::route('settings/password', 'settings.password')->name('settings.password');
     Volt::route('settings/appearance', 'settings.appearance')->name('settings.appearance');
+    Volt::route('settings/support', 'settings.support')->name('settings.support');
 
     Volt::route('/dashboard', 'device-dashboard')->name('dashboard');