diff --git a/app/Events/PaidMessageEvent.php b/app/Events/PaidMessageEvent.php
new file mode 100644
index 00000000..1716621e
--- /dev/null
+++ b/app/Events/PaidMessageEvent.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Events;
+
+use Illuminate\Broadcasting\Channel;
+use Illuminate\Broadcasting\InteractsWithSockets;
+use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
+use Illuminate\Foundation\Events\Dispatchable;
+use Illuminate\Queue\SerializesModels;
+
+class PaidMessageEvent implements ShouldBroadcast
+{
+    use Dispatchable, InteractsWithSockets, SerializesModels;
+
+    /**
+     * Create a new event instance.
+     *
+     * @return void
+     */
+    public function __construct(public string $message, public string $checkid)
+    {
+        //
+    }
+
+    /**
+     * Get the channels the event should broadcast on.
+     *
+     */
+    public function broadcastOn(): \Illuminate\Broadcasting\Channel|array
+    {
+        return new Channel('plebchannel');
+    }
+}
diff --git a/app/Http/Livewire/Hello.php b/app/Http/Livewire/Hello.php
new file mode 100644
index 00000000..edf6fa73
--- /dev/null
+++ b/app/Http/Livewire/Hello.php
@@ -0,0 +1,87 @@
+<?php
+
+namespace App\Http\Livewire;
+
+use App\Events\PaidMessageEvent;
+use App\Traits\LNBitsTrait;
+use Illuminate\Support\Facades\Log;
+use Livewire\Component;
+use SimpleSoftwareIO\QrCode\Facades\QrCode;
+use WireUi\Traits\Actions;
+
+class Hello extends Component
+{
+    use Actions;
+    use LNBitsTrait;
+
+    public $message = '';
+    public $qrCode = '';
+    public $invoice = '';
+    public $paymentHash = '';
+    public $checkid = null;
+    public bool $invoicePaid = false;
+
+    public function rules()
+    {
+        return [
+            'message' => 'required|string|max:255',
+        ];
+    }
+
+    public function mount()
+    {
+        try {
+            // {"url":"","wallet_id":"","read_key":""}
+            $invoice = $this->createInvoice(
+                sats: 21,
+                memo: 'Payment for: Bitcoin im Ländle 2023 - Code is Speech',
+                lnbits: [
+                    'url'       => 'https://legend.lnbits.com',
+                    'wallet_id' => 'b9b095edd0db4bf8995f1bbc90b195c5',
+                    'read_key'  => '67e6d7f94f5345119d6c799d768a029e',
+                ],
+            );
+        } catch (\Exception $e) {
+            $this->notification()
+                 ->error('LNBits error: '.$e->getMessage());
+
+            return;
+        }
+
+        $this->paymentHash = $invoice['payment_hash'];
+        $this->qrCode = base64_encode(QrCode::format('png')
+                                            ->size(300)
+                                            ->merge('/public/img/einundzwanzig.png', .3)
+                                            ->errorCorrection('H')
+                                            ->generate($invoice['payment_request']));
+        $this->invoice = $invoice['payment_request'];
+        $this->checkid = $invoice['checking_id'];
+    }
+
+    public function checkPaymentHash()
+    {
+        try {
+            $invoice = $this->check($this->checkid, [
+                'url'       => 'https://legend.lnbits.com',
+                'wallet_id' => 'b9b095edd0db4bf8995f1bbc90b195c5',
+                'read_key'  => '67e6d7f94f5345119d6c799d768a029e',
+            ]);
+        } catch (\Exception $e) {
+            $this->notification()
+                 ->error('LNBits error: '.$e->getMessage());
+
+            return;
+        }
+        if (isset($invoice['paid']) && $invoice['paid']) {
+            $this->invoicePaid = true;
+            event(new PaidMessageEvent($this->message, $this->checkid));
+        } else {
+            Log::error(json_encode($invoice, JSON_THROW_ON_ERROR));
+        }
+    }
+
+    public function render()
+    {
+        return view('livewire.hello')->layout('layouts.guest');
+    }
+}
diff --git a/docker-compose.yml b/docker-compose.yml
index e6a4b8e1..f510c2bf 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -8,7 +8,7 @@ services:
             args:
                 WWWGROUP: '${WWWGROUP}'
                 NOSTR_PRIVATE_KEY: '${NOSTR_PRIVATE_KEY}'
-        image: sail-8.2/app
+        image: sail-8.2/einundzwanzig
         extra_hosts:
             - 'host.docker.internal:host-gateway'
         ports:
diff --git a/resources/views/livewire/hello.blade.php b/resources/views/livewire/hello.blade.php
new file mode 100644
index 00000000..1fa9e9ab
--- /dev/null
+++ b/resources/views/livewire/hello.blade.php
@@ -0,0 +1,31 @@
+<div>
+    <div
+        class="mt-10 flex flex-col items-center justify-center gap-x-6 bg-white pb-12">
+        @if(!$invoicePaid)
+            <div class="text-xl font-semibold text-gray-900 py-6">
+                Deine Nachricht wird live vorgelesen.
+            </div>
+            <div class="text-xl font-semibold text-gray-900 py-6 w-full px-12">
+                <x-textarea wire:model="message" label="Deine Nachricht hier" corner-hint="max. 255 Zeichen"/>
+            </div>
+            <div class="text-xl font-semibold text-gray-900 py-6">
+                {{ __('Click QR-Code to open your wallet') }}
+            </div>
+            <div class="flex justify-center" wire:key="qrcode">
+                <a href="lightning:{{ $this->invoice }}">
+                    <img src="{{ 'data:image/png;base64, '. $this->qrCode }}"
+                         alt="qrcode">
+                </a>
+            </div>
+            <div class="text-xl font-semibold text-gray-900 py-6">
+                21 sats
+            </div>
+            <div wire:poll.keep-alive="checkPaymentHash"
+                 wire:key="checkPaymentHash"></div>
+        @else
+            <div class="text-xl font-semibold text-gray-900 py-6">
+                Danke für deine Nachricht. Wenn alles klappt, dann werden wir die Nachricht gleich hören.
+            </div>
+        @endif
+    </div>
+</div>
diff --git a/routes/web.php b/routes/web.php
index de7468e1..add37a98 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -7,6 +7,10 @@ Route::middleware([])
      ->get('/', \App\Http\Livewire\Frontend\Welcome::class)
      ->name('welcome');
 
+Route::middleware([])
+     ->get('/hello', \App\Http\Livewire\Hello::class)
+     ->name('hello');
+
 Route::get('/img/{path}', \App\Http\Controllers\ImageController::class)
      ->where('path', '.*')
      ->name('img');