diff --git a/app/Filament/Resources/WallOfLoveSubmissionResource.php b/app/Filament/Resources/WallOfLoveSubmissionResource.php
new file mode 100644
index 00000000..db0254b3
--- /dev/null
+++ b/app/Filament/Resources/WallOfLoveSubmissionResource.php
@@ -0,0 +1,191 @@
+<?php
+
+namespace App\Filament\Resources;
+
+use App\Filament\Resources\WallOfLoveSubmissionResource\Pages;
+use App\Models\WallOfLoveSubmission;
+use Filament\Forms;
+use Filament\Forms\Form;
+use Filament\Resources\Resource;
+use Filament\Tables;
+use Filament\Tables\Table;
+use Illuminate\Database\Eloquent\Builder;
+
+class WallOfLoveSubmissionResource extends Resource
+{
+    protected static ?string $model = WallOfLoveSubmission::class;
+
+    protected static ?string $navigationIcon = 'heroicon-o-heart';
+
+    protected static ?string $navigationLabel = 'Wall of Love';
+
+    protected static ?string $pluralModelLabel = 'Wall of Love Submissions';
+
+    public static function form(Form $form): Form
+    {
+        return $form
+            ->schema([
+                Forms\Components\Section::make('Submission Details')
+                    ->schema([
+                        Forms\Components\TextInput::make('name')
+                            ->required()
+                            ->maxLength(255),
+
+                        Forms\Components\TextInput::make('company')
+                            ->maxLength(255),
+
+                        Forms\Components\FileUpload::make('photo_path')
+                            ->label('Photo')
+                            ->image()
+                            ->disk('public')
+                            ->directory('wall-of-love-photos'),
+
+                        Forms\Components\TextInput::make('url')
+                            ->label('Website/Social URL')
+                            ->url()
+                            ->maxLength(255),
+
+                        Forms\Components\Textarea::make('testimonial')
+                            ->maxLength(1000)
+                            ->rows(4),
+                    ]),
+
+                Forms\Components\Section::make('Review Information')
+                    ->schema([
+                        Forms\Components\Select::make('user_id')
+                            ->relationship('user', 'name')
+                            ->required()
+                            ->disabled(),
+
+                        Forms\Components\DateTimePicker::make('approved_at')
+                            ->label('Approved At'),
+
+                        Forms\Components\Select::make('approved_by')
+                            ->relationship('approvedBy', 'name')
+                            ->label('Approved By'),
+
+                        Forms\Components\Placeholder::make('created_at')
+                            ->label('Submitted At')
+                            ->content(fn (WallOfLoveSubmission $record): ?string => $record->created_at?->diffForHumans()),
+                    ]),
+            ]);
+    }
+
+    public static function table(Table $table): Table
+    {
+        return $table
+            ->columns([
+                Tables\Columns\TextColumn::make('name')
+                    ->searchable()
+                    ->sortable(),
+
+                Tables\Columns\TextColumn::make('company')
+                    ->searchable()
+                    ->toggleable(),
+
+                Tables\Columns\TextColumn::make('user.name')
+                    ->label('Submitted By')
+                    ->searchable()
+                    ->sortable(),
+
+                Tables\Columns\ImageColumn::make('photo_path')
+                    ->label('Photo')
+                    ->disk('public')
+                    ->height(40)
+                    ->toggleable(),
+
+                Tables\Columns\IconColumn::make('approved_at')
+                    ->label('Status')
+                    ->boolean()
+                    ->trueIcon('heroicon-o-check-circle')
+                    ->falseIcon('heroicon-o-clock')
+                    ->trueColor('success')
+                    ->falseColor('warning')
+                    ->sortable(),
+
+                Tables\Columns\TextColumn::make('approvedBy.name')
+                    ->label('Approved By')
+                    ->toggleable(),
+
+                Tables\Columns\TextColumn::make('created_at')
+                    ->label('Submitted')
+                    ->dateTime()
+                    ->sortable()
+                    ->toggleable(),
+            ])
+            ->filters([
+                Tables\Filters\TernaryFilter::make('approved_at')
+                    ->label('Status')
+                    ->placeholder('All submissions')
+                    ->trueLabel('Approved')
+                    ->falseLabel('Pending')
+                    ->queries(
+                        true: fn (Builder $query) => $query->whereNotNull('approved_at'),
+                        false: fn (Builder $query) => $query->whereNull('approved_at'),
+                    ),
+            ])
+            ->actions([
+                Tables\Actions\Action::make('approve')
+                    ->icon('heroicon-o-check')
+                    ->color('success')
+                    ->visible(fn (WallOfLoveSubmission $record) => $record->isPending())
+                    ->action(fn (WallOfLoveSubmission $record) => $record->update([
+                        'approved_at' => now(),
+                        'approved_by' => auth()->id(),
+                    ]))
+                    ->requiresConfirmation()
+                    ->modalHeading('Approve Submission')
+                    ->modalDescription('Are you sure you want to approve this submission for the Wall of Love?'),
+
+                Tables\Actions\Action::make('unapprove')
+                    ->icon('heroicon-o-x-mark')
+                    ->color('warning')
+                    ->visible(fn (WallOfLoveSubmission $record) => $record->isApproved())
+                    ->action(fn (WallOfLoveSubmission $record) => $record->update([
+                        'approved_at' => null,
+                        'approved_by' => null,
+                    ]))
+                    ->requiresConfirmation()
+                    ->modalHeading('Unapprove Submission')
+                    ->modalDescription('Are you sure you want to unapprove this submission?'),
+
+                Tables\Actions\EditAction::make(),
+                Tables\Actions\DeleteAction::make(),
+            ])
+            ->bulkActions([
+                Tables\Actions\BulkActionGroup::make([
+                    Tables\Actions\BulkAction::make('approve')
+                        ->icon('heroicon-o-check')
+                        ->color('success')
+                        ->action(function ($records) {
+                            $records->each(fn (WallOfLoveSubmission $record) => $record->update([
+                                'approved_at' => now(),
+                                'approved_by' => auth()->id(),
+                            ]));
+                        })
+                        ->requiresConfirmation()
+                        ->modalHeading('Approve Selected Submissions')
+                        ->modalDescription('Are you sure you want to approve all selected submissions?'),
+
+                    Tables\Actions\DeleteBulkAction::make(),
+                ]),
+            ])
+            ->defaultSort('created_at', 'desc');
+    }
+
+    public static function getRelations(): array
+    {
+        return [
+            //
+        ];
+    }
+
+    public static function getPages(): array
+    {
+        return [
+            'index' => Pages\ListWallOfLoveSubmissions::route('/'),
+            // 'create' => Pages\CreateWallOfLoveSubmission::route('/create'),
+            'edit' => Pages\EditWallOfLoveSubmission::route('/{record}/edit'),
+        ];
+    }
+}
diff --git a/app/Filament/Resources/WallOfLoveSubmissionResource/Pages/EditWallOfLoveSubmission.php b/app/Filament/Resources/WallOfLoveSubmissionResource/Pages/EditWallOfLoveSubmission.php
new file mode 100644
index 00000000..c0172f91
--- /dev/null
+++ b/app/Filament/Resources/WallOfLoveSubmissionResource/Pages/EditWallOfLoveSubmission.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Filament\Resources\WallOfLoveSubmissionResource\Pages;
+
+use App\Filament\Resources\WallOfLoveSubmissionResource;
+use Filament\Actions;
+use Filament\Resources\Pages\EditRecord;
+
+class EditWallOfLoveSubmission extends EditRecord
+{
+    protected static string $resource = WallOfLoveSubmissionResource::class;
+
+    protected function getHeaderActions(): array
+    {
+        return [
+            Actions\DeleteAction::make(),
+        ];
+    }
+}
diff --git a/app/Filament/Resources/WallOfLoveSubmissionResource/Pages/ListWallOfLoveSubmissions.php b/app/Filament/Resources/WallOfLoveSubmissionResource/Pages/ListWallOfLoveSubmissions.php
new file mode 100644
index 00000000..55df8618
--- /dev/null
+++ b/app/Filament/Resources/WallOfLoveSubmissionResource/Pages/ListWallOfLoveSubmissions.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Filament\Resources\WallOfLoveSubmissionResource\Pages;
+
+use App\Filament\Resources\WallOfLoveSubmissionResource;
+use Filament\Resources\Pages\ListRecords;
+
+class ListWallOfLoveSubmissions extends ListRecords
+{
+    protected static string $resource = WallOfLoveSubmissionResource::class;
+
+    protected function getHeaderActions(): array
+    {
+        return [
+        ];
+    }
+}
diff --git a/app/Http/Controllers/WallOfLoveSubmissionController.php b/app/Http/Controllers/WallOfLoveSubmissionController.php
new file mode 100644
index 00000000..42103aa6
--- /dev/null
+++ b/app/Http/Controllers/WallOfLoveSubmissionController.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Controllers;
+
+class WallOfLoveSubmissionController extends Controller
+{
+    public function create()
+    {
+        // Check if user is eligible (has early adopter license)
+        $hasEarlyAdopterLicense = auth()->user()
+            ->licenses()
+            ->where('created_at', '<', '2025-06-01')
+            ->exists();
+
+        if (! $hasEarlyAdopterLicense) {
+            abort(404);
+        }
+
+        // Check if user already has a submission
+        $hasExistingSubmission = auth()->user()->wallOfLoveSubmissions()->exists();
+
+        if ($hasExistingSubmission) {
+            return redirect()->route('customer.licenses')->with('info', 'You have already submitted your story to the Wall of Love.');
+        }
+
+        return view('customer.wall-of-love.create');
+    }
+}
diff --git a/app/Livewire/WallOfLoveBanner.php b/app/Livewire/WallOfLoveBanner.php
new file mode 100644
index 00000000..3041eed1
--- /dev/null
+++ b/app/Livewire/WallOfLoveBanner.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Livewire;
+
+use Livewire\Component;
+
+class WallOfLoveBanner extends Component
+{
+    public function dismissBanner(): void
+    {
+        cache()->put('wall_of_love_dismissed_'.auth()->id(), true, now()->addWeek());
+        $this->dispatch('banner-dismissed');
+    }
+
+    public function shouldShowBanner(): bool
+    {
+        // Check if user has early adopter licenses (before June 1st, 2025)
+        $hasEarlyAdopterLicenses = auth()->user()->licenses()->where('created_at', '<', '2025-06-01')->exists();
+
+        // Check if user already submitted
+        $hasExistingSubmission = auth()->user()->wallOfLoveSubmissions()->exists();
+
+        // Check if banner was dismissed
+        $hasDismissedBanner = cache()->has('wall_of_love_dismissed_'.auth()->id());
+
+        return $hasEarlyAdopterLicenses && ! $hasExistingSubmission && ! $hasDismissedBanner;
+    }
+
+    public function render()
+    {
+        return view('livewire.wall-of-love-banner');
+    }
+}
diff --git a/app/Livewire/WallOfLoveSubmissionForm.php b/app/Livewire/WallOfLoveSubmissionForm.php
new file mode 100644
index 00000000..56d502c3
--- /dev/null
+++ b/app/Livewire/WallOfLoveSubmissionForm.php
@@ -0,0 +1,62 @@
+<?php
+
+namespace App\Livewire;
+
+use App\Models\WallOfLoveSubmission;
+use Livewire\Component;
+use Livewire\Features\SupportFileUploads\WithFileUploads;
+
+class WallOfLoveSubmissionForm extends Component
+{
+    use WithFileUploads;
+
+    public $name = '';
+
+    public $company = '';
+
+    public $photo;
+
+    public $url = '';
+
+    public $testimonial = '';
+
+    protected $rules = [
+        'name' => 'required|string|max:255',
+        'company' => 'nullable|string|max:255',
+        'photo' => 'nullable|image|max:2048', // 2MB max
+        'url' => 'nullable|url|max:255',
+        'testimonial' => 'nullable|string|max:1000',
+    ];
+
+    public function mount()
+    {
+        // Pre-fill name if user has a name
+        $this->name = auth()->user()->name ?? '';
+    }
+
+    public function submit()
+    {
+        $this->validate();
+
+        $photoPath = null;
+        if ($this->photo) {
+            $photoPath = $this->photo->store('wall-of-love-photos', 'public');
+        }
+
+        WallOfLoveSubmission::create([
+            'user_id' => auth()->id(),
+            'name' => $this->name,
+            'company' => $this->company ?: null,
+            'photo_path' => $photoPath,
+            'url' => $this->url ?: null,
+            'testimonial' => $this->testimonial ?: null,
+        ]);
+
+        return redirect()->route('customer.licenses')->with('success', 'Thank you! Your submission has been received and is awaiting review.');
+    }
+
+    public function render()
+    {
+        return view('livewire.wall-of-love-submission-form');
+    }
+}
diff --git a/app/Models/License.php b/app/Models/License.php
index af601228..0442ad35 100644
--- a/app/Models/License.php
+++ b/app/Models/License.php
@@ -118,7 +118,7 @@ public function canCreateSubLicense(): bool
 
     public function isLegacy(): bool
     {
-        return !$this->subscription_item_id
+        return ! $this->subscription_item_id
             && $this->created_at->lt(Carbon::create(2025, 5, 8));
     }
 
diff --git a/app/Models/User.php b/app/Models/User.php
index bb6cc3a1..e1fec6ab 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -12,7 +12,6 @@
 use Illuminate\Support\Collection;
 use Laravel\Cashier\Billable;
 use Laravel\Sanctum\HasApiTokens;
-use Stripe\Customer;
 
 class User extends Authenticatable implements FilamentUser
 {
@@ -48,6 +47,14 @@ public function licenses(): HasMany
         return $this->hasMany(License::class);
     }
 
+    /**
+     * @return HasMany<WallOfLoveSubmission>
+     */
+    public function wallOfLoveSubmissions(): HasMany
+    {
+        return $this->hasMany(WallOfLoveSubmission::class);
+    }
+
     public function getFirstNameAttribute(): ?string
     {
         if (empty($this->name)) {
diff --git a/app/Models/WallOfLoveSubmission.php b/app/Models/WallOfLoveSubmission.php
new file mode 100644
index 00000000..b5c17932
--- /dev/null
+++ b/app/Models/WallOfLoveSubmission.php
@@ -0,0 +1,47 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class WallOfLoveSubmission extends Model
+{
+    use HasFactory;
+
+    protected $fillable = [
+        'user_id',
+        'name',
+        'company',
+        'photo_path',
+        'url',
+        'testimonial',
+        'approved_at',
+        'approved_by',
+    ];
+
+    protected $casts = [
+        'approved_at' => 'datetime',
+    ];
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    public function approvedBy(): BelongsTo
+    {
+        return $this->belongsTo(User::class, 'approved_by');
+    }
+
+    public function isApproved(): bool
+    {
+        return $this->approved_at !== null;
+    }
+
+    public function isPending(): bool
+    {
+        return $this->approved_at === null;
+    }
+}
diff --git a/database/migrations/2025_09_19_041645_create_wall_of_love_submissions_table.php b/database/migrations/2025_09_19_041645_create_wall_of_love_submissions_table.php
new file mode 100644
index 00000000..61b5e851
--- /dev/null
+++ b/database/migrations/2025_09_19_041645_create_wall_of_love_submissions_table.php
@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('wall_of_love_submissions', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('user_id')->constrained()->cascadeOnDelete();
+            $table->string('name');
+            $table->string('company')->nullable();
+            $table->string('photo_path')->nullable();
+            $table->string('url')->nullable();
+            $table->text('testimonial')->nullable();
+            $table->timestamp('approved_at')->nullable();
+            $table->foreignId('approved_by')->nullable()->constrained('users');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('wall_of_love_submissions');
+    }
+};
diff --git a/resources/views/components/footer.blade.php b/resources/views/components/footer.blade.php
index 32395ad7..a108fce6 100644
--- a/resources/views/components/footer.blade.php
+++ b/resources/views/components/footer.blade.php
@@ -223,6 +223,14 @@ class="inline-block px-px py-1.5 transition duration-300 will-change-transform h
                             Partners
                         </a>
                     </li>
+                    <li>
+                        <a
+                            href="{{ route('wall-of-love') }}"
+                            class="inline-block px-px py-1.5 transition duration-300 will-change-transform hover:translate-x-1 hover:text-gray-700 dark:hover:text-gray-300"
+                        >
+                            Wall of Love
+                        </a>
+                    </li>
                     @feature(App\Features\ShowAuthButtons::class)
                         <li>
                                 <a
diff --git a/resources/views/components/navigation-bar.blade.php b/resources/views/components/navigation-bar.blade.php
index 84670c4c..bbfd79d9 100644
--- a/resources/views/components/navigation-bar.blade.php
+++ b/resources/views/components/navigation-bar.blade.php
@@ -14,7 +14,7 @@ class="sticky top-0 z-50 flex flex-col items-center justify-center border-b px-2
     }"
 >
     <div
-        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"
+        class="mx-auto flex w-full max-w-5xl items-center justify-between gap-5 rounded-2xl py-4 pr-2 pl-2 3xs:pr-4 3xs:pl-3.5 xl:max-w-7xl 2xl:max-w-360"
     >
         {{-- Left side --}}
         <div class="flex items-center gap-2.5">
@@ -23,6 +23,7 @@ class="mx-auto flex w-full max-w-5xl items-center justify-between gap-5 rounded-
                 href="/"
                 aria-label="NativePHP Homepage"
                 x-on:contextmenu.prevent="window.location.href = @js(route('brand'))"
+                class="hidden 3xs:block"
             >
                 <x-logo
                     class="hidden h-4 min-[400px]:h-5 min-[500px]:block sm:h-6"
diff --git a/resources/views/components/wall-of-love/early-adopter-card.blade.php b/resources/views/components/wall-of-love/early-adopter-card.blade.php
new file mode 100644
index 00000000..1f17fb53
--- /dev/null
+++ b/resources/views/components/wall-of-love/early-adopter-card.blade.php
@@ -0,0 +1,88 @@
+@props([
+    'name' => '',
+    'title' => '',
+    'url' => '',
+    'image' => '',
+    'featured' => false,
+])
+
+<article
+    class="group mt-3 inline-block break-inside-avoid overflow-hidden rounded-2xl text-center opacity-0 transition duration-300 ease-out will-change-transform hover:scale-102 xl:mt-5"
+    itemscope
+>
+    <figure class="grid">
+        {{-- Name & Title --}}
+        <figcaption
+            @class([
+                'relative z-20 w-full self-end justify-self-start truncate bg-gradient-to-t px-4 pt-13 pb-4 text-white [grid-area:1/-1]',
+                'from-blue-500 to-transparent' => $featured,
+                'from-black to-transparent' => ! $featured,
+            ])
+        >
+            <div
+                class="capitalize transition duration-300 ease-out will-change-transform group-hover:-translate-y-0.5"
+            >
+                <h3
+                    @class([
+                        'text-lg font-medium' => $featured,
+                    ])
+                    itemprop="name"
+                >
+                    {{ $name }}
+                </h3>
+                <p
+                    @class([
+                        'opacity-50',
+                        'text-sm' => $featured,
+                        'text-xs' => ! $featured,
+                    ])
+                    @if($title) itemprop="jobTitle" @endif
+                >
+                    {{ $title }}
+                </p>
+            </div>
+        </figcaption>
+
+        {{-- Image --}}
+        <img
+            src="{{ $image }}"
+            alt="{{ $title ? $name . ', ' . $title : $name }}"
+            height="187"
+            width="187"
+            loading="lazy"
+            decoding="async"
+            itemprop="image"
+            @class([
+                'relative z-10 self-center justify-self-center object-cover brightness-80 transition duration-300 [grid-area:1/-1] group-hover:brightness-100',
+                'aspect-[1/1.3] xl:aspect-[1/1.5]' => $featured,
+                'aspect-square max-h-50 grayscale group-hover:grayscale-0 xl:max-h-none' => ! $featured,
+            ])
+        />
+
+        {{-- Loading placeholder --}}
+        <div
+            class="relative z-0 size-full animate-pulse self-center justify-self-center bg-gray-300 [grid-area:1/-1] dark:bg-slate-900"
+            aria-hidden="true"
+        ></div>
+
+        {{-- External link --}}
+        @if ($url)
+            <a
+                href="{{ $url }}"
+                target="_blank"
+                rel="nofollow noopener noreferrer"
+                title="Visit {{ $name }}’s website"
+                aria-label="Visit {{ $name }}’s website"
+                itemprop="url"
+                class="group/link relative z-30 mt-3 mr-3 flex items-center gap-2 self-start justify-self-end rounded-xl bg-white/70 px-3 py-1.5 opacity-0 backdrop-blur-sm transition duration-300 [grid-area:1/-1] group-hover:opacity-100 hover:bg-white/100 dark:bg-black/70 dark:hover:bg-black/100"
+            >
+                <span class="text-sm">Visit</span>
+                <x-icons.right-arrow
+                    class="h-3 -rotate-45 transition duration-300 will-change-transform group-hover/link:translate-x-px group-hover/link:-translate-y-px"
+                    aria-hidden="true"
+                    focusable="false"
+                />
+            </a>
+        @endif
+    </figure>
+</article>
diff --git a/resources/views/customer/licenses/index.blade.php b/resources/views/customer/licenses/index.blade.php
index dc065da3..80b15d84 100644
--- a/resources/views/customer/licenses/index.blade.php
+++ b/resources/views/customer/licenses/index.blade.php
@@ -12,16 +12,16 @@
                     </div>
                     <div class="flex items-center space-x-3">
                         <a href="{{ route('customer.billing-portal') }}" class="inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
-                            Billing
-                        </a>
-                        <a href="{{ route('pricing') }}" class="inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
-                            Buy more
+                            Manage Your Subscription
                         </a>
                     </div>
                 </div>
             </div>
         </header>
 
+        {{-- Wall of Love Callout for Early Adopters --}}
+        <livewire:wall-of-love-banner />
+
         {{-- Content --}}
         <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
             @if($licenses->count() > 0)
diff --git a/resources/views/customer/licenses/show.blade.php b/resources/views/customer/licenses/show.blade.php
index ebc8258f..207a34e6 100644
--- a/resources/views/customer/licenses/show.blade.php
+++ b/resources/views/customer/licenses/show.blade.php
@@ -6,18 +6,18 @@
                 <div class="flex justify-between items-center py-6">
                     <div>
                         <nav class="flex" aria-label="Breadcrumb">
-                            <ol class="flex items-center space-x-4">
+                            <ol class="flex items-center space-x-2">
                                 <li>
                                     <a href="{{ route('customer.licenses') }}" class="text-gray-400 hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400">
-                                        Your Licenses
+                                        <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+                                            <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
+                                        </svg>
+                                        <span class="sr-only">Back to Licenses</span>
                                     </a>
                                 </li>
                                 <li>
                                     <div class="flex items-center">
-                                        <svg class="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
-                                            <path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z" />
-                                        </svg>
-                                        <span class="ml-4 text-sm font-medium text-gray-500 dark:text-gray-400">License Details</span>
+                                        <span class="text-sm font-medium text-gray-500 dark:text-gray-400">License Details</span>
                                     </div>
                                 </li>
                             </ol>
@@ -31,7 +31,7 @@
                     </div>
                     <div class="flex items-center space-x-3">
                         <a href="{{ route('customer.billing-portal') }}" class="inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
-                            Billing
+                            Manage Your Subscription
                         </a>
                     </div>
                 </div>
diff --git a/resources/views/customer/wall-of-love/create.blade.php b/resources/views/customer/wall-of-love/create.blade.php
new file mode 100644
index 00000000..d75fa7a8
--- /dev/null
+++ b/resources/views/customer/wall-of-love/create.blade.php
@@ -0,0 +1,78 @@
+<x-layout title="Join our Wall of Love">
+    <div class="min-h-screen">
+        {{-- Header --}}
+        <header>
+            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+                <div class="py-6">
+                    {{-- Breadcrumb --}}
+                    <nav class="flex mb-4" aria-label="Breadcrumb">
+                        <ol class="flex items-center space-x-2">
+                            <li>
+                                <a href="{{ route('customer.licenses') }}" class="text-gray-400 hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400">
+                                    <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+                                        <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
+                                    </svg>
+                                    <span class="sr-only">Back to Licenses</span>
+                                </a>
+                            </li>
+                            <li>
+                                <div class="flex items-center">
+                                    <span class="text-sm font-medium text-gray-500 dark:text-gray-400">Wall of Love</span>
+                                </div>
+                            </li>
+                        </ol>
+                    </nav>
+
+                    <div>
+                        <h1 class="text-3xl font-bold text-gray-900 dark:text-white">Join our Wall of Love! 💙</h1>
+                        <p class="mt-2 text-gray-600 dark:text-gray-400">
+                            As an early adopter, your story matters. Share your experience with NativePHP and inspire other developers in the community.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </header>
+
+        {{-- Content --}}
+        <div class="max-w-2xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
+            <div class="bg-white dark:bg-gray-800 shadow sm:rounded-lg">
+                <div class="px-6 py-8">
+                    {{-- Success Message --}}
+                    @if(session()->has('success'))
+                        <div class="bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-700 rounded-lg p-4 mb-6">
+                            <div class="flex items-center">
+                                <svg class="h-5 w-5 text-green-600 dark:text-green-400 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+                                </svg>
+                                <p class="text-sm text-green-700 dark:text-green-300">{{ session('success') }}</p>
+                            </div>
+                        </div>
+                    @endif
+
+                    {{-- Info about early adopter status --}}
+                    <div class="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-700 rounded-lg p-4 mb-6">
+                        <div class="flex items-start">
+                            <div>
+                                <h3 class="text-base font-medium text-blue-800 dark:text-blue-200">
+                                    You're an Early Adopter!
+                                </h3>
+                                <p class="mt-1 text-sm text-blue-700 dark:text-blue-300">
+                                    Thank you for supporting NativePHP from the beginning. As a reward, you can appear
+                                    permanently on our
+                                    <a href="{{ route('wall-of-love') }}" target="_blank" class="underline">Wall of Love</a>.
+                                </p>
+                                <p class="mt-1 text-sm text-blue-700 dark:text-blue-300">
+                                    Your submission will be reviewed by our team and, once approved, will appear
+                                    on the page.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+
+                    {{-- Submission Form --}}
+                    <livewire:wall-of-love-submission-form />
+                </div>
+            </div>
+        </div>
+    </div>
+</x-layout>
diff --git a/resources/views/livewire/wall-of-love-banner.blade.php b/resources/views/livewire/wall-of-love-banner.blade.php
new file mode 100644
index 00000000..aaaabd02
--- /dev/null
+++ b/resources/views/livewire/wall-of-love-banner.blade.php
@@ -0,0 +1,32 @@
+<div>
+    @if($this->shouldShowBanner())
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="bg-gradient-to-r from-blue-50 to-cyan-50 dark:from-blue-900/20 dark:to-cyan-900/20 border border-blue-200 dark:border-blue-700 rounded-lg p-6 mb-6" x-data x-on:banner-dismissed.window="$el.style.display='none'">
+                <div class="flex items-start">
+                    <div class="flex-shrink-0">
+                        <svg class="h-6 w-6 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
+                        </svg>
+                    </div>
+                    <div class="ml-4 flex-1">
+                        <h3 class="text-sm font-medium text-blue-800 dark:text-blue-200">
+                            Join our Wall of Love! 💙
+                        </h3>
+                        <p class="mt-1 text-sm text-blue-700 dark:text-blue-300">
+                            As an early adopter who purchased a license before June 1st, 2025, we'd love to feature you on
+                            our <a href="{{ route('wall-of-love') }}" target="_blank">Wall of Love page</a>.
+                        </p>
+                        <div class="mt-4">
+                            <a href="{{ route('customer.wall-of-love.create') }}" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
+                                Submit Your Details
+                            </a>
+                            <button wire:click="dismissBanner" type="button" class="ml-3 text-sm text-blue-600 dark:text-blue-400 hover:text-blue-500">
+                                Maybe later
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    @endif
+</div>
diff --git a/resources/views/livewire/wall-of-love-submission-form.blade.php b/resources/views/livewire/wall-of-love-submission-form.blade.php
new file mode 100644
index 00000000..a70d7ef0
--- /dev/null
+++ b/resources/views/livewire/wall-of-love-submission-form.blade.php
@@ -0,0 +1,58 @@
+<form wire:submit="submit" class="space-y-6">
+    {{-- Name Field --}}
+    <div>
+        <label for="name" class="block text-sm font-medium text-gray-700 dark:text-gray-300">
+            Name *
+        </label>
+        <input wire:model="name" type="text" id="name" class="mt-1 block w-full border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
+        @error('name') <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p> @enderror
+    </div>
+
+    {{-- Company Field --}}
+    <div>
+        <label for="company" class="block text-sm font-medium text-gray-700 dark:text-gray-300">
+            Company (optional)
+        </label>
+        <input wire:model="company" type="text" id="company" class="mt-1 block w-full border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
+        @error('company') <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p> @enderror
+    </div>
+
+    {{-- Photo Field --}}
+    <div>
+        <label for="photo" class="block text-sm font-medium text-gray-700 dark:text-gray-300">
+            Photo (optional)
+        </label>
+        <div class="mt-1">
+            <input wire:model="photo" type="file" id="photo" accept="image/*" class="block w-full text-sm text-gray-500 dark:text-gray-400 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-medium file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100 dark:file:bg-blue-900/20 dark:file:text-blue-400">
+        </div>
+        @error('photo') <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p> @enderror
+    </div>
+
+    {{-- URL Field --}}
+    <div>
+        <label for="url" class="block text-sm font-medium text-gray-700 dark:text-gray-300">
+            Website or Social Media URL (optional)
+        </label>
+        <input wire:model="url" type="url" id="url" placeholder="https://example.com" class="mt-1 block w-full border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
+        @error('url') <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p> @enderror
+    </div>
+
+    {{-- Testimonial Field --}}
+    <div>
+        <label for="testimonial" class="block text-sm font-medium text-gray-700 dark:text-gray-300">
+            Your story or testimonial (optional)
+        </label>
+        <textarea wire:model="testimonial" id="testimonial" rows="6" placeholder="Tell us about your experience with NativePHP..." class="mt-1 block w-full border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm"></textarea>
+        @error('testimonial') <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p> @enderror
+        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">Share what you built, how NativePHP helped you, or what you love about the framework.</p>
+    </div>
+
+    <div class="flex justify-end space-x-3 pt-4">
+        <a href="{{ route('customer.licenses') }}" class="inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
+            Cancel
+        </a>
+        <button type="submit" class="inline-flex items-center px-6 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
+            Submit Your Story
+        </button>
+    </div>
+</form>
\ No newline at end of file
diff --git a/resources/views/wall-of-love.blade.php b/resources/views/wall-of-love.blade.php
new file mode 100644
index 00000000..22360aa0
--- /dev/null
+++ b/resources/views/wall-of-love.blade.php
@@ -0,0 +1,188 @@
+<x-layout title="Thank You to Our Early Adopters">
+    {{-- Hero Section --}}
+    <section
+        class="mt-10 md:mt-14"
+        aria-labelledby="hero-heading"
+    >
+        <header class="relative z-10 grid place-items-center">
+            {{-- Blurred circle - Decorative --}}
+            <div
+                class="absolute top-0 right-1/2 -z-30 size-60 translate-x-1/2 rounded-full bg-purple-100/70 blur-3xl md:w-80 dark:bg-slate-500/30"
+                aria-hidden="true"
+            ></div>
+
+            {{-- Primary Heading --}}
+            <h1
+                id="hero-heading"
+                x-init="
+                    () => {
+                        motion.inView($el, () => {
+                            gsap.fromTo(
+                                $el,
+                                { autoAlpha: 0, y: -10 },
+                                { autoAlpha: 1, y: 0, duration: 0.7, ease: 'power2.out' },
+                            )
+                        })
+                    }
+                "
+                class="font-bold"
+            >
+                <div class="relative">
+                    <div
+                        class="bg-gradient-to-br from-zinc-900 to-zinc-500 bg-clip-text text-5xl tracking-tighter text-transparent sm:text-6xl dark:from-white"
+                    >
+                        Thank
+                    </div>
+
+                    <div class="absolute -top-4 left-45">
+                        <x-icons.star
+                            x-init="
+                                () => {
+                                    gsap.to($el, {
+                                        rotate: 180,
+                                        duration: 3,
+                                        repeat: -1,
+                                        ease: 'linear',
+                                    })
+                                }
+                            "
+                            class="size-5 text-gray-600 dark:text-gray-300"
+                            aria-hidden="true"
+                        />
+                    </div>
+                </div>
+                <div class="flex items-center gap-2">
+                    <div
+                        class="bg-gradient-to-br from-purple-600 to-purple-300 bg-clip-text text-5xl tracking-tighter text-transparent sm:text-6xl dark:bg-gradient-to-t"
+                    >
+                        You!
+                    </div>
+                    <div
+                        class="bg-gradient-to-br from-purple-500 to-purple-300 bg-clip-text text-lg leading-6 text-transparent dark:bg-gradient-to-tl"
+                    >
+                        <div>Early</div>
+                        <div>Adopters</div>
+                    </div>
+                </div>
+            </h1>
+
+            <div class="mt-5 flex items-center justify-center gap-1">
+                <div
+                    class="size-2.5 rounded-sm bg-gradient-to-tl from-rose-400/70 to-rose-300/70"
+                ></div>
+                <div
+                    class="size-2.5 rounded-sm bg-gradient-to-tl from-pink-400/70 to-pink-300/70"
+                ></div>
+                <div
+                    class="size-2.5 rounded-sm bg-gradient-to-tl from-fuchsia-400/70 to-fuchsia-300/70"
+                ></div>
+                <div
+                    class="size-2.5 rounded-sm bg-gradient-to-tl from-purple-400/70 to-purple-300/70"
+                ></div>
+                <div
+                    class="size-2.5 rounded-sm bg-gradient-to-tl from-violet-400/70 to-violet-300/70"
+                ></div>
+                <div
+                    class="size-2.5 rounded-sm bg-gradient-to-tl from-indigo-400/70 to-indigo-300/70"
+                ></div>
+            </div>
+
+            {{-- Description --}}
+            <p
+                x-init="
+                    () => {
+                        motion.inView($el, () => {
+                            gsap.fromTo(
+                                $el,
+                                { autoAlpha: 0, y: 10 },
+                                { autoAlpha: 1, y: 0, duration: 0.7, ease: 'power2.out' },
+                            )
+                        })
+                    }
+                "
+                class="mx-auto mt-5 max-w-2xl text-center text-base/relaxed text-gray-600 sm:text-lg/relaxed dark:text-gray-400"
+            >
+                Every great story starts with a small circle of believers. You
+                stood with us at the beginning, and your support will always be
+                part of the NativePHP story.
+            </p>
+        </header>
+    </section>
+
+    {{-- List --}}
+    @php
+        // Get approved submissions
+        $approvedSubmissions = App\Models\WallOfLoveSubmission::whereNotNull('approved_at')
+            ->orderBy('approved_at', 'desc')
+            ->get();
+
+        // Convert approved submissions to the format expected by the component
+        $earlyAdopters = $approvedSubmissions->map(function ($submission) {
+            return [
+                'name' => $submission->name,
+                'title' => $submission->company,
+                'url' => $submission->url,
+                'image' => $submission->photo_path
+                    ? asset('storage/' . $submission->photo_path)
+                    : 'https://i.pravatar.cc/300?img=' . rand(1, 70),
+                'featured' => rand(0, 4) === 0, // Randomly feature about 20% of submissions
+                'testimonial' => $submission->testimonial,
+            ];
+        })->toArray();
+    @endphp
+
+    @if(count($earlyAdopters) > 0)
+        <div
+            x-init="
+                () => {
+                    motion.inView($el, (element) => {
+                        const children = Array.from($el.children)
+
+                        children.forEach((child, i) => {
+                            const range = 20 // px
+                            const xFrom = (Math.random() * 2 - 1) * range
+                            const yFrom = (Math.random() * 2 - 1) * range
+
+                            motion.animate(
+                                child,
+                                {
+                                    x: [xFrom, 0],
+                                    y: [yFrom, 0],
+                                    opacity: [0, 1],
+                                },
+                                {
+                                    duration: 0.7,
+                                    ease: motion.backOut,
+                                    delay: i * 0.06,
+                                },
+                            )
+                        })
+                    })
+                }
+            "
+            class="relative z-10 mt-10 grid place-items-center 2xs:block 2xs:columns-[10rem] xl:columns-[12rem]"
+        >
+            @foreach ($earlyAdopters as $adopter)
+                <x-wall-of-love.early-adopter-card
+                    :name="$adopter['name']"
+                    :image="$adopter['image']"
+                    :url="$adopter['url'] ?? null"
+                    :title="$adopter['title'] ?? null"
+                    :featured="$adopter['featured'] ?? false"
+                />
+            @endforeach
+        </div>
+    @else
+        <div class="relative z-10 mt-10 text-center">
+            <div class="bg-white dark:bg-gray-800/50 backdrop-blur-sm rounded-2xl p-8 mx-auto max-w-md border border-gray-200 dark:border-gray-700">
+                <div class="text-6xl mb-4">🚀</div>
+                <h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-2">
+                    Coming Soon!
+                </h3>
+                <p class="text-gray-600 dark:text-gray-400">
+                    Our early adopters will appear here soon.
+                </p>
+            </div>
+        </div>
+    @endif
+</x-layout>
diff --git a/routes/web.php b/routes/web.php
index 674f7fc5..9debe268 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -34,6 +34,7 @@
 
 Route::view('/', 'welcome')->name('welcome');
 Route::view('pricing', 'pricing')->name('pricing');
+Route::view('wall-of-love', 'wall-of-love')->name('wall-of-love');
 Route::view('brand', 'brand')->name('brand');
 Route::view('laracon-us-2025-giveaway', 'laracon-us-2025-giveaway')->name('laracon-us-2025-giveaway');
 Route::view('privacy-policy', 'privacy-policy')->name('privacy-policy');
@@ -115,6 +116,9 @@
     Route::get('licenses/{licenseKey}', [CustomerLicenseController::class, 'show'])->name('licenses.show');
     Route::patch('licenses/{licenseKey}', [CustomerLicenseController::class, 'update'])->name('licenses.update');
 
+    // Wall of Love submission
+    Route::get('wall-of-love/create', [App\Http\Controllers\WallOfLoveSubmissionController::class, 'create'])->name('wall-of-love.create');
+
     // Billing portal
     Route::get('billing-portal', function (Illuminate\Http\Request $request) {
         $user = $request->user();