diff --git a/Modules/Blog/Resources/views/public/index.blade.php b/Modules/Blog/Resources/views/public/index.blade.php
index 64a2e23..f5c81f0 100644
--- a/Modules/Blog/Resources/views/public/index.blade.php
+++ b/Modules/Blog/Resources/views/public/index.blade.php
@@ -1 +1,27 @@
-<x-layouts.app :title="__('Blog')"><div class="mx-auto max-w-5xl"><h1 class="mb-8 text-4xl font-bold">Blog</h1><div class="grid gap-6 md:grid-cols-2">@foreach($records as $record)<article class="rounded-xl border p-6"><h2 class="text-xl font-semibold"><a href="{{ route('blog.public.show',$record->slug) }}">{{ $record->title }}</a></h2><p class="mt-2 text-zinc-600">{{ $record->excerpt }}</p></article>@endforeach</div><div class="mt-8">{{ $records->links() }}</div></div></x-layouts.app>
+<x-stylist-theme-saasland::layouts.app
+    title="Blog"
+    description="Ideas, guides and updates from our team."
+    eyebrow="Insights"
+    :breadcrumbs="['Blog' => null]"
+>
+    <section class="content-section">
+        <div class="wrap">
+            <div class="content-grid">
+                @forelse($records as $record)
+                    <article class="post-card">
+                        <div class="post-card-accent"></div>
+                        <div class="post-card-body">
+                            <span class="post-meta">{{ optional($record->published_at)->format('j F Y') ?: 'Latest article' }}</span>
+                            <h2><a href="{{ route('blog.public.show', $record->slug) }}">{{ $record->title }}</a></h2>
+                            @if($record->excerpt)<p>{{ $record->excerpt }}</p>@endif
+                            <a class="read-more" href="{{ route('blog.public.show', $record->slug) }}">Read article →</a>
+                        </div>
+                    </article>
+                @empty
+                    <div class="empty-state">No blog posts have been published yet.</div>
+                @endforelse
+            </div>
+            <div class="theme-pagination">{{ $records->links() }}</div>
+        </div>
+    </section>
+</x-stylist-theme-saasland::layouts.app>
diff --git a/Modules/Blog/Resources/views/public/show.blade.php b/Modules/Blog/Resources/views/public/show.blade.php
index 882c377..878edb7 100644
--- a/Modules/Blog/Resources/views/public/show.blade.php
+++ b/Modules/Blog/Resources/views/public/show.blade.php
@@ -1 +1,19 @@
-<x-layouts.app :title="$record->title"><article class="mx-auto max-w-3xl"><h1 class="text-4xl font-bold">{{ $record->title }}</h1><p class="mt-3 text-zinc-500">{{ optional($record->published_at)->format('j F Y') }}</p><div class="prose mt-8 max-w-none">{!! nl2br(e($record->content)) !!}</div></article></x-layouts.app>
+<x-stylist-theme-saasland::layouts.app
+    :title="$record->title"
+    :description="$record->excerpt"
+    eyebrow="Blog"
+    :breadcrumbs="['Blog' => route('blog.public.index'), $record->title => null]"
+>
+    <section class="content-section">
+        <div class="wrap content-layout">
+            <article class="content-card prose-content">
+                <div class="article-meta">
+                    @if($record->author)<span>{{ $record->author->name }}</span>@endif
+                    @if($record->published_at)<time datetime="{{ $record->published_at->toDateString() }}">{{ $record->published_at->format('j F Y') }}</time>@endif
+                </div>
+                @if($record->excerpt)<p class="content-lead">{{ $record->excerpt }}</p>@endif
+                <div class="cms-content">{!! nl2br(e($record->content)) !!}</div>
+            </article>
+        </div>
+    </section>
+</x-stylist-theme-saasland::layouts.app>
diff --git a/Modules/News/Resources/views/public/index.blade.php b/Modules/News/Resources/views/public/index.blade.php
index e0a05ca..f78bc96 100644
--- a/Modules/News/Resources/views/public/index.blade.php
+++ b/Modules/News/Resources/views/public/index.blade.php
@@ -1 +1,27 @@
-<x-layouts.app :title="__('News')"><div class="mx-auto max-w-5xl"><h1 class="mb-8 text-4xl font-bold">News</h1><div class="grid gap-6 md:grid-cols-2">@foreach($records as $record)<article class="rounded-xl border p-6"><h2 class="text-xl font-semibold"><a href="{{ route('news.public.show',$record->slug) }}">{{ $record->title }}</a></h2><p class="mt-2 text-zinc-600">{{ $record->excerpt }}</p></article>@endforeach</div><div class="mt-8">{{ $records->links() }}</div></div></x-layouts.app>
+<x-stylist-theme-saasland::layouts.app
+    title="News"
+    description="The latest announcements, releases and company updates."
+    eyebrow="Updates"
+    :breadcrumbs="['News' => null]"
+>
+    <section class="content-section">
+        <div class="wrap">
+            <div class="content-grid">
+                @forelse($records as $record)
+                    <article class="post-card">
+                        <div class="post-card-accent"></div>
+                        <div class="post-card-body">
+                            <span class="post-meta">{{ optional($record->published_at)->format('j F Y') ?: 'Latest update' }}</span>
+                            <h2><a href="{{ route('news.public.show', $record->slug) }}">{{ $record->title }}</a></h2>
+                            @if($record->excerpt)<p>{{ $record->excerpt }}</p>@endif
+                            <a class="read-more" href="{{ route('news.public.show', $record->slug) }}">Read update →</a>
+                        </div>
+                    </article>
+                @empty
+                    <div class="empty-state">No news has been published yet.</div>
+                @endforelse
+            </div>
+            <div class="theme-pagination">{{ $records->links() }}</div>
+        </div>
+    </section>
+</x-stylist-theme-saasland::layouts.app>
diff --git a/Modules/News/Resources/views/public/show.blade.php b/Modules/News/Resources/views/public/show.blade.php
index 882c377..ebea25f 100644
--- a/Modules/News/Resources/views/public/show.blade.php
+++ b/Modules/News/Resources/views/public/show.blade.php
@@ -1 +1,19 @@
-<x-layouts.app :title="$record->title"><article class="mx-auto max-w-3xl"><h1 class="text-4xl font-bold">{{ $record->title }}</h1><p class="mt-3 text-zinc-500">{{ optional($record->published_at)->format('j F Y') }}</p><div class="prose mt-8 max-w-none">{!! nl2br(e($record->content)) !!}</div></article></x-layouts.app>
+<x-stylist-theme-saasland::layouts.app
+    :title="$record->title"
+    :description="$record->excerpt"
+    eyebrow="News"
+    :breadcrumbs="['News' => route('news.public.index'), $record->title => null]"
+>
+    <section class="content-section">
+        <div class="wrap content-layout">
+            <article class="content-card prose-content">
+                <div class="article-meta">
+                    @if($record->author)<span>{{ $record->author->name }}</span>@endif
+                    @if($record->published_at)<time datetime="{{ $record->published_at->toDateString() }}">{{ $record->published_at->format('j F Y') }}</time>@endif
+                </div>
+                @if($record->excerpt)<p class="content-lead">{{ $record->excerpt }}</p>@endif
+                <div class="cms-content">{!! nl2br(e($record->content)) !!}</div>
+            </article>
+        </div>
+    </section>
+</x-stylist-theme-saasland::layouts.app>
diff --git a/Modules/Pages/Resources/views/public/show.blade.php b/Modules/Pages/Resources/views/public/show.blade.php
index ee80ff9..9f3f52f 100644
--- a/Modules/Pages/Resources/views/public/show.blade.php
+++ b/Modules/Pages/Resources/views/public/show.blade.php
@@ -1 +1,18 @@
-<x-layouts.app :title="$page->title"><article class="prose mx-auto max-w-4xl py-10 dark:prose-invert"><h1>{{ $page->title }}</h1>@if($page->summary)<p class="lead">{{ $page->summary }}</p>@endif{!! $page->content !!}</article></x-layouts.app>
\ No newline at end of file
+<x-stylist-theme-saasland::layouts.app
+    :title="$page->title"
+    :description="$page->summary"
+    eyebrow="Page"
+    :breadcrumbs="[$page->title => null]"
+>
+    <section class="content-section">
+        <div class="wrap content-layout">
+            <article class="content-card prose-content">
+                @if ($page->summary)
+                    <p class="content-lead">{{ $page->summary }}</p>
+                @endif
+
+                <div class="cms-content">{!! $page->content !!}</div>
+            </article>
+        </div>
+    </section>
+</x-stylist-theme-saasland::layouts.app>
diff --git a/Modules/Stylist/Providers/StylistServiceProvider.php b/Modules/Stylist/Providers/StylistServiceProvider.php
index c4ccfea..b0bc209 100644
--- a/Modules/Stylist/Providers/StylistServiceProvider.php
+++ b/Modules/Stylist/Providers/StylistServiceProvider.php
@@ -13,7 +13,10 @@ use Modules\Stylist\Console\ThemeDoctorCommand;
 use Modules\Stylist\Console\ValidateThemeCommand;
 use Modules\Stylist\Html\ThemeHtmlBuilder;
 use Modules\Stylist\Html\ThemeSeoBuilder;
+use Modules\Stylist\Support\FrontendNavigation;
 use Modules\Stylist\Support\ModuleInfo;
+use Modules\Stylist\Services\ThemeSettings;
+use Modules\Stylist\Theme\Loader;
 use Modules\Stylist\Theme\Stylist;
 
 final class StylistServiceProvider extends ServiceProvider
@@ -62,6 +65,24 @@ final class StylistServiceProvider extends ServiceProvider
 
             $view->with('activeTheme', $this->app->make(Stylist::class)->current());
         });
+
+
+        View::composer('stylist-theme-saasland::*', function ($view): void {
+            $theme = $this->app->make(Loader::class)->find('saasland');
+            $settings = $this->app->make(ThemeSettings::class)->get($theme);
+            $navigation = $this->app->make(FrontendNavigation::class);
+
+            $view->with([
+                'siteTitle' => filled($settings['site_title'] ?? null) ? $settings['site_title'] : config('app.name', 'Saasland'),
+                'siteDescription' => filled($settings['site_description'] ?? null) ? $settings['site_description'] : 'Modern software for modern companies.',
+                'logoUrl' => $settings['logo_url'] ?? null,
+                'facebookUrl' => $settings['facebook_url'] ?? null,
+                'xUrl' => $settings['x_url'] ?? null,
+                'linkedinUrl' => $settings['linkedin_url'] ?? null,
+                'primaryNavigation' => $navigation->primary(),
+                'footerNavigation' => $navigation->footer(),
+            ]);
+        });
     }
 
     private function registerViews(): void
diff --git a/Modules/Stylist/Support/FrontendNavigation.php b/Modules/Stylist/Support/FrontendNavigation.php
new file mode 100644
index 0000000..8bfc071
--- /dev/null
+++ b/Modules/Stylist/Support/FrontendNavigation.php
@@ -0,0 +1,121 @@
+<?php
+
+namespace Modules\Stylist\Support;
+
+use Illuminate\Support\Facades\Route;
+use Illuminate\Support\Facades\Schema;
+use Modules\Menus\Models\Menu;
+use Throwable;
+
+final class FrontendNavigation
+{
+    /** @return array<int, array<string, mixed>> */
+    public function primary(): array
+    {
+        return $this->forLocations(['primary', 'header', 'main'], $this->fallbackPrimary());
+    }
+
+    /** @return array<int, array<string, mixed>> */
+    public function footer(): array
+    {
+        return $this->forLocations(['footer'], $this->fallbackFooter());
+    }
+
+    /** @param array<int, string> $locations
+     *  @param array<int, array<string, mixed>> $fallback
+     *  @return array<int, array<string, mixed>>
+     */
+    private function forLocations(array $locations, array $fallback): array
+    {
+        try {
+            if (! Schema::hasTable('menus')) {
+                return $fallback;
+            }
+
+            $menu = Menu::query()
+                ->where('enabled', true)
+                ->whereIn('location', $locations)
+                ->orderByRaw('CASE location '.collect($locations)->map(fn (string $location, int $index) => "WHEN ? THEN {$index}")->implode(' ').' ELSE 999 END', $locations)
+                ->first();
+
+            if (! $menu || ! is_array($menu->items) || $menu->items === []) {
+                return $fallback;
+            }
+
+            $items = $this->normaliseItems($menu->items);
+
+            return $items === [] ? $fallback : $items;
+        } catch (Throwable) {
+            return $fallback;
+        }
+    }
+
+    /** @param array<int, mixed> $items
+     *  @return array<int, array<string, mixed>>
+     */
+    private function normaliseItems(array $items): array
+    {
+        return collect($items)
+            ->filter(fn (mixed $item): bool => is_array($item) && ($item['enabled'] ?? true) !== false)
+            ->map(function (array $item): ?array {
+                $label = trim((string) ($item['label'] ?? $item['title'] ?? $item['name'] ?? ''));
+                if ($label === '') {
+                    return null;
+                }
+
+                $url = $this->resolveUrl($item);
+                if ($url === null) {
+                    return null;
+                }
+
+                return [
+                    'label' => $label,
+                    'url' => $url,
+                    'target' => ($item['target'] ?? null) === '_blank' ? '_blank' : null,
+                    'children' => $this->normaliseItems((array) ($item['children'] ?? $item['items'] ?? [])),
+                ];
+            })
+            ->filter()
+            ->values()
+            ->all();
+    }
+
+    /** @param array<string, mixed> $item */
+    private function resolveUrl(array $item): ?string
+    {
+        $routeName = trim((string) ($item['route'] ?? $item['route_name'] ?? ''));
+        if ($routeName !== '' && Route::has($routeName)) {
+            return route($routeName, (array) ($item['parameters'] ?? []));
+        }
+
+        $pageSlug = trim((string) ($item['page_slug'] ?? $item['slug'] ?? ''));
+        if ($pageSlug !== '' && Route::has('pages.public.show')) {
+            return route('pages.public.show', $pageSlug);
+        }
+
+        $url = trim((string) ($item['url'] ?? $item['href'] ?? ''));
+
+        return $url !== '' ? $url : null;
+    }
+
+    /** @return array<int, array<string, mixed>> */
+    private function fallbackPrimary(): array
+    {
+        $items = [['label' => 'Home', 'url' => url('/'), 'target' => null, 'children' => []]];
+
+        if (Route::has('blog.public.index')) {
+            $items[] = ['label' => 'Blog', 'url' => route('blog.public.index'), 'target' => null, 'children' => []];
+        }
+        if (Route::has('news.public.index')) {
+            $items[] = ['label' => 'News', 'url' => route('news.public.index'), 'target' => null, 'children' => []];
+        }
+
+        return $items;
+    }
+
+    /** @return array<int, array<string, mixed>> */
+    private function fallbackFooter(): array
+    {
+        return $this->fallbackPrimary();
+    }
+}
diff --git a/resources/themes/saasland/css/theme.css b/resources/themes/saasland/css/theme.css
index 17b810c..b7b9666 100644
--- a/resources/themes/saasland/css/theme.css
+++ b/resources/themes/saasland/css/theme.css
@@ -2,3 +2,7 @@
 
 /* Privacy and terms homepage areas */
 .legal-area{scroll-margin-top:72px}.legal-grid{align-items:stretch}.legal-card{display:flex;flex-direction:column}.legal-card h3{margin-bottom:10px}.legal-card p{margin:0;color:var(--muted)}.legal-note{margin:28px auto 0;max-width:820px;padding:22px 24px;border:1px solid #7c3d18;border-radius:14px;background:#f973160b;text-align:center}.legal-note strong{display:block;color:var(--orange2);margin-bottom:5px}.legal-note p{margin:0;color:var(--muted)}.legal-note a{color:var(--orange2);text-decoration:underline;text-underline-offset:3px}
+
+/* Reusable public frontend shell */
+.logo img{display:block;max-height:38px;max-width:190px}.desktop-nav{align-items:center}.nav-actions{display:flex;align-items:center;gap:12px}.nav-login,.nav-account{color:#d8d1ca;font-weight:700;font-size:14px}.nav-login:hover,.nav-account:hover{color:var(--orange)}.nav-register{padding:9px 16px;font-size:14px}.menu{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu span{display:block;width:19px;height:2px;background:#fff;border-radius:99px}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:#c8c2bb;font:inherit;cursor:pointer}.nav-dropdown-toggle:hover{color:var(--orange)}.nav-dropdown-menu,.account-dropdown{position:absolute;top:calc(100% + 14px);min-width:190px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#151310;box-shadow:0 20px 55px #0009}.nav-dropdown-menu a,.account-dropdown a,.account-dropdown button{display:block;width:100%;padding:10px 12px;border-radius:8px;color:#d8d1ca;text-align:left;font:inherit}.nav-dropdown-menu a:hover,.account-dropdown a:hover,.account-dropdown button:hover{background:#f9731615;color:var(--orange)}.account-menu{position:relative}.account-trigger{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:5px 11px 5px 5px;background:#151310;color:#fff;cursor:pointer}.account-trigger>span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--orange),#c2410c);font-weight:850}.account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.account-dropdown{right:0}.account-dropdown form,.account-dropdown button{margin:0;border:0;background:none}.mobile-auth{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.mobile-auth button{width:100%;border:0;background:none;color:#d8d1ca;text-align:left;font:inherit;padding:10px}.mobile-primary{color:var(--orange)!important;font-weight:800}.page-main{min-height:45vh;background:linear-gradient(180deg,#0c0b0a,#12100e 45%,#0c0b0a)}.page-hero{position:relative;overflow:hidden;padding:92px 0 78px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 30% 0,#3a210f 0,transparent 40%),linear-gradient(145deg,#0c0b0a,#171108)}.page-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.13;background:var(--orange)}.page-orb-one{width:360px;height:360px;right:10%;top:-50%}.page-orb-two{width:260px;height:260px;left:5%;bottom:-70%}.page-hero-inner{position:relative}.page-hero h1{max-width:900px;margin:16px 0 12px;font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-.05em}.page-hero p{max-width:720px;margin:0;color:#bbb3ab;font-size:18px}.breadcrumbs{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:#8f877f;font-size:13px}.breadcrumbs a:hover{color:var(--orange)}.content-section{padding:76px 0 96px}.content-layout{max-width:940px}.content-card{position:relative;padding:clamp(28px,5vw,64px);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#191714,#11100e);box-shadow:0 30px 80px #0004}.content-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--orange),#fbbf24,transparent)}.content-lead{margin:0 0 32px;padding-bottom:28px;border-bottom:1px solid var(--line);color:#ddd5cd;font-size:clamp(19px,2.5vw,24px);line-height:1.55}.cms-content{color:#c4bdb5;font-size:17px}.cms-content h2,.cms-content h3,.cms-content h4{color:#fff;line-height:1.2;letter-spacing:-.025em}.cms-content h2{margin:2em 0 .65em;font-size:32px}.cms-content h3{margin:1.7em 0 .55em;font-size:24px}.cms-content p,.cms-content ul,.cms-content ol,.cms-content blockquote{margin:0 0 1.35em}.cms-content a{color:var(--orange2);text-decoration:underline;text-underline-offset:3px}.cms-content img{max-width:100%;height:auto;border-radius:14px}.cms-content blockquote{padding:18px 22px;border-left:3px solid var(--orange);border-radius:0 10px 10px 0;background:#f973160b;color:#e9e2da}.cms-content table{width:100%;border-collapse:collapse;margin:28px 0}.cms-content th,.cms-content td{padding:12px;border:1px solid var(--line);text-align:left}.cms-content th{background:#ffffff08;color:#fff}.article-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:24px;color:#928a82;font-size:14px}.article-meta span+time:before{content:"•";margin-right:20px;color:var(--orange)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.post-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#191714,#11100e);transition:transform .25s,border-color .25s,box-shadow .25s}.post-card:hover{transform:translateY(-5px);border-color:#7c3d18;box-shadow:0 24px 60px #0005}.post-card-accent{height:5px;background:linear-gradient(90deg,var(--orange),#fbbf24)}.post-card:nth-child(3n+2) .post-card-accent{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.post-card:nth-child(3n+3) .post-card-accent{background:linear-gradient(90deg,#14b8a6,#22c55e)}.post-card-body{padding:28px}.post-meta{color:var(--orange2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.post-card h2{margin:12px 0;font-size:25px;line-height:1.18}.post-card h2 a:hover{color:var(--orange)}.post-card p{color:var(--muted)}.read-more{display:inline-block;margin-top:8px;color:var(--orange2);font-weight:800}.empty-state{grid-column:1/-1;padding:54px;border:1px dashed #4a423a;border-radius:16px;color:var(--muted);text-align:center}.theme-pagination{margin-top:38px}.theme-pagination nav{color:#c8c2bb}.theme-pagination a,.theme-pagination span{border-color:var(--line)!important;background:#151310!important;color:#c8c2bb!important}.theme-pagination span[aria-current="page"] span{background:var(--orange)!important;color:#fff!important}.copyright{display:flex;justify-content:space-between;gap:20px}.footer-brand{max-width:340px}
+@media(max-width:980px){.desktop-nav,.nav-login,.nav-account,.nav-register,.account-menu{display:none}.menu{display:flex}.mobile-nav{top:72px;max-height:calc(100vh - 72px);overflow:auto;border-bottom:1px solid var(--line)}.mobile-nav>a,.mobile-nav>.nav-dropdown>a,.mobile-nav .nav-dropdown-toggle{padding:10px;color:#d8d1ca}.mobile-nav .nav-dropdown{display:flex;flex-direction:column}.mobile-nav .nav-dropdown-menu{position:static;margin:0 0 8px 12px;box-shadow:none}.content-grid{grid-template-columns:1fr}}@media(max-width:640px){.page-hero{padding:68px 0 56px}.content-section{padding:48px 0 70px}.content-card{border-radius:15px}.article-meta span+time:before{display:none}.copyright{flex-direction:column}.account-name{display:none}}
diff --git a/resources/themes/saasland/theme.json b/resources/themes/saasland/theme.json
index fc13faa..f011506 100644
--- a/resources/themes/saasland/theme.json
+++ b/resources/themes/saasland/theme.json
@@ -16,7 +16,7 @@
         "animations": true,
         "privacy": true,
         "terms": true,
-        "auth": false,
+        "auth": true,
         "preview": true,
         "variants": true,
         "settings": true,
diff --git a/resources/themes/saasland/views/home.blade.php b/resources/themes/saasland/views/home.blade.php
index f4add68..7e053b2 100644
--- a/resources/themes/saasland/views/home.blade.php
+++ b/resources/themes/saasland/views/home.blade.php
@@ -1,41 +1,8 @@
-@push('theme-head')
-    <meta name="description" content="Transform your business with a modern SaaS platform.">
-@endpush
-
-<div class="saasland-theme" x-data="{ menuOpen: false, openFaq: null }">
-    <header class="nav">
-        <a href="/" class="logo">Saasland</a>
-
-        <nav aria-label="Primary navigation">
-            <a href="#features">Features</a>
-            <a href="#roadmap">Roadmap</a>
-            <a href="#pricing">Pricing</a>
-            <a href="#privacy">Privacy</a>
-            <a href="#terms">Terms</a>
-            <a href="#contact">Contact</a>
-        </nav>
-
-        <button
-            class="menu"
-            type="button"
-            aria-label="Toggle navigation"
-            :aria-expanded="menuOpen"
-            @click="menuOpen = ! menuOpen"
-        >
-            ☰
-        </button>
-    </header>
-
-    <div class="mobile-nav" x-show="menuOpen" x-cloak>
-        <a href="#features" @click="menuOpen = false">Features</a>
-        <a href="#roadmap" @click="menuOpen = false">Roadmap</a>
-        <a href="#pricing" @click="menuOpen = false">Pricing</a>
-        <a href="#privacy" @click="menuOpen = false">Privacy</a>
-        <a href="#terms" @click="menuOpen = false">Terms</a>
-        <a href="#contact" @click="menuOpen = false">Contact</a>
-    </div>
-
-    <main>
+<x-stylist-theme-saasland::layouts.app
+    :title="$siteTitle"
+    :description="$siteDescription"
+    :hero="true"
+>
         <section class="hero">
             <div class="glow one"></div>
             <div class="glow two"></div>
@@ -409,36 +376,13 @@
             <div class="wrap">
                 <h2>Ready to transform your business?</h2>
                 <p>Start building a faster, more connected operation today.</p>
-                <a class="btn light" href="/register">Get started free →</a>
+                @auth
+                    <a class="btn light" href="{{ route('dashboard') }}">Open dashboard →</a>
+                @else
+                    @if (Route::has('register'))
+                        <a class="btn light" href="{{ route('register') }}">Get started free →</a>
+                    @endif
+                @endauth
             </div>
         </section>
-    </main>
-
-    <footer class="footer">
-        <div class="wrap footer-grid">
-            <div>
-                <a class="logo" href="/">Saasland</a>
-                <p>Modern software for modern companies.</p>
-            </div>
-            <div>
-                <b>Product</b>
-                <a href="#features">Features</a>
-                <a href="#pricing">Pricing</a>
-            </div>
-            <div>
-                <b>Company</b>
-                <a href="#contact">Contact</a>
-                <a href="#">About</a>
-            </div>
-            <div>
-                <b>Legal</b>
-                <a href="#privacy">Privacy</a>
-                <a href="#terms">Terms</a>
-            </div>
-        </div>
-
-        <div class="wrap copyright">
-            © {{ date('Y') }} Saasland. All rights reserved.
-        </div>
-    </footer>
-</div>
+</x-stylist-theme-saasland::layouts.app>
diff --git a/resources/themes/saasland/views/layouts/app.blade.php b/resources/themes/saasland/views/layouts/app.blade.php
new file mode 100644
index 0000000..c58a572
--- /dev/null
+++ b/resources/themes/saasland/views/layouts/app.blade.php
@@ -0,0 +1,62 @@
+@props([
+    'title' => null,
+    'description' => null,
+    'eyebrow' => null,
+    'hero' => false,
+    'breadcrumbs' => [],
+])
+
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" id="top">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+
+    <title>{{ $title && $title !== $siteTitle ? $title.' — '.$siteTitle : $siteTitle }}</title>
+    <meta name="description" content="{{ $description ?: $siteDescription }}">
+
+    <link rel="icon" href="/favicon.ico" sizes="any">
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+
+    <link rel="stylesheet" href="{{ route('stylist.theme.asset', ['theme' => 'saasland', 'path' => 'css/theme.css']) }}">
+    @vite(['resources/css/app.css', 'resources/js/app.js'])
+    @stack('theme-head')
+</head>
+<body>
+<div class="saasland-theme" x-data="{ menuOpen: false, openFaq: null }">
+    @include('stylist-theme-saasland::partials.header')
+
+    @unless($hero)
+        <section class="page-hero">
+            <div class="page-orb page-orb-one"></div>
+            <div class="page-orb page-orb-two"></div>
+            <div class="wrap page-hero-inner">
+                @if ($breadcrumbs)
+                    <nav class="breadcrumbs" aria-label="Breadcrumb">
+                        <a href="{{ url('/') }}">Home</a>
+                        @foreach ($breadcrumbs as $label => $url)
+                            <span aria-hidden="true">/</span>
+                            @if ($url)<a href="{{ $url }}">{{ $label }}</a>@else<span aria-current="page">{{ $label }}</span>@endif
+                        @endforeach
+                    </nav>
+                @endif
+                @if ($eyebrow)<span class="eyebrow">{{ $eyebrow }}</span>@endif
+                <h1>{{ $title }}</h1>
+                @if ($description)<p>{{ $description }}</p>@endif
+            </div>
+        </section>
+    @endunless
+
+    <main class="{{ $hero ? 'marketing-main' : 'page-main' }}">
+        {{ $slot }}
+    </main>
+
+    @include('stylist-theme-saasland::partials.footer')
+</div>
+
+<script src="{{ route('stylist.theme.asset', ['theme' => 'saasland', 'path' => 'js/app.js']) }}" defer></script>
+@stack('theme-scripts')
+</body>
+</html>
diff --git a/resources/themes/saasland/views/partials/footer.blade.php b/resources/themes/saasland/views/partials/footer.blade.php
new file mode 100644
index 0000000..3d95dcc
--- /dev/null
+++ b/resources/themes/saasland/views/partials/footer.blade.php
@@ -0,0 +1,36 @@
+<footer class="footer">
+    <div class="wrap footer-grid">
+        <div class="footer-brand">
+            <a class="logo" href="{{ url('/') }}">{{ $siteTitle }}</a>
+            <p>{{ $siteDescription }}</p>
+        </div>
+        <div>
+            <b>Explore</b>
+            @foreach ($footerNavigation as $item)
+                <a href="{{ $item['url'] }}">{{ $item['label'] }}</a>
+            @endforeach
+        </div>
+        <div>
+            <b>Account</b>
+            @auth
+                <a href="{{ route('dashboard') }}">Dashboard</a>
+                @if (Route::has('profile.edit'))<a href="{{ route('profile.edit') }}">Profile</a>@endif
+            @else
+                @if (Route::has('login'))<a href="{{ route('login') }}">Log in</a>@endif
+                @if (Route::has('register'))<a href="{{ route('register') }}">Register</a>@endif
+            @endauth
+        </div>
+        <div>
+            <b>Connect</b>
+            @if ($facebookUrl)<a href="{{ $facebookUrl }}" target="_blank" rel="noopener">Facebook</a>@endif
+            @if ($xUrl)<a href="{{ $xUrl }}" target="_blank" rel="noopener">X</a>@endif
+            @if ($linkedinUrl)<a href="{{ $linkedinUrl }}" target="_blank" rel="noopener">LinkedIn</a>@endif
+            @unless($facebookUrl || $xUrl || $linkedinUrl)<a href="mailto:{{ config('mail.from.address') }}">Contact</a>@endunless
+        </div>
+    </div>
+
+    <div class="wrap copyright">
+        <span>© {{ date('Y') }} {{ $siteTitle }}. All rights reserved.</span>
+        <a href="#top">Back to top ↑</a>
+    </div>
+</footer>
diff --git a/resources/themes/saasland/views/partials/header.blade.php b/resources/themes/saasland/views/partials/header.blade.php
new file mode 100644
index 0000000..29cfe5d
--- /dev/null
+++ b/resources/themes/saasland/views/partials/header.blade.php
@@ -0,0 +1,68 @@
+<header class="nav">
+    <a href="{{ url('/') }}" class="logo" aria-label="{{ $siteTitle }} home">
+        @if ($logoUrl)
+            <img src="{{ $logoUrl }}" alt="{{ $siteTitle }}">
+        @else
+            {{ $siteTitle }}
+        @endif
+    </a>
+
+    <nav class="desktop-nav" aria-label="Primary navigation">
+        @include('stylist-theme-saasland::partials.navigation-items', ['items' => $primaryNavigation])
+    </nav>
+
+    <div class="nav-actions">
+        @auth
+            <a class="nav-account" href="{{ route('dashboard') }}">Dashboard</a>
+            <div class="account-menu" x-data="{ accountOpen: false }">
+                <button type="button" class="account-trigger" @click="accountOpen = ! accountOpen" :aria-expanded="accountOpen">
+                    <span>{{ str(auth()->user()->name)->substr(0, 1)->upper() }}</span>
+                    <span class="account-name">{{ auth()->user()->name }}</span>
+                </button>
+                <div class="account-dropdown" x-show="accountOpen" @click.outside="accountOpen = false" x-cloak>
+                    @if (Route::has('profile.edit'))
+                        <a href="{{ route('profile.edit') }}">Profile</a>
+                    @endif
+                    @if (Route::has('settings.profile'))
+                        <a href="{{ route('settings.profile') }}">Account settings</a>
+                    @endif
+                    <form method="POST" action="{{ route('logout') }}">
+                        @csrf
+                        <button type="submit">Log out</button>
+                    </form>
+                </div>
+            </div>
+        @else
+            @if (Route::has('login'))
+                <a class="nav-login" href="{{ route('login') }}">Log in</a>
+            @endif
+            @if (Route::has('register'))
+                <a class="btn primary nav-register" href="{{ route('register') }}">Get started</a>
+            @endif
+        @endauth
+
+        <button class="menu" type="button" aria-label="Toggle navigation" :aria-expanded="menuOpen" @click="menuOpen = ! menuOpen">
+            <span></span><span></span><span></span>
+        </button>
+    </div>
+</header>
+
+<div class="mobile-nav" x-show="menuOpen" x-cloak>
+    @include('stylist-theme-saasland::partials.navigation-items', ['items' => $primaryNavigation])
+
+    <div class="mobile-auth">
+        @auth
+            <a href="{{ route('dashboard') }}">Dashboard</a>
+            @if (Route::has('profile.edit'))
+                <a href="{{ route('profile.edit') }}">Profile</a>
+            @endif
+            <form method="POST" action="{{ route('logout') }}">
+                @csrf
+                <button type="submit">Log out</button>
+            </form>
+        @else
+            @if (Route::has('login'))<a href="{{ route('login') }}">Log in</a>@endif
+            @if (Route::has('register'))<a class="mobile-primary" href="{{ route('register') }}">Get started</a>@endif
+        @endauth
+    </div>
+</div>
diff --git a/resources/themes/saasland/views/partials/navigation-items.blade.php b/resources/themes/saasland/views/partials/navigation-items.blade.php
new file mode 100644
index 0000000..c33491a
--- /dev/null
+++ b/resources/themes/saasland/views/partials/navigation-items.blade.php
@@ -0,0 +1,20 @@
+@foreach ($items as $item)
+    @if (!empty($item['children']))
+        <div class="nav-dropdown" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
+            <button type="button" class="nav-dropdown-toggle" @click="open = ! open" :aria-expanded="open">
+                {{ $item['label'] }} <span aria-hidden="true">⌄</span>
+            </button>
+            <div class="nav-dropdown-menu" x-show="open" x-cloak>
+                @foreach ($item['children'] as $child)
+                    <a href="{{ $child['url'] }}" @if($child['target']) target="{{ $child['target'] }}" rel="noopener" @endif>
+                        {{ $child['label'] }}
+                    </a>
+                @endforeach
+            </div>
+        </div>
+    @else
+        <a href="{{ $item['url'] }}" @if($item['target']) target="{{ $item['target'] }}" rel="noopener" @endif>
+            {{ $item['label'] }}
+        </a>
+    @endif
+@endforeach
diff --git a/routes/web.php b/routes/web.php
index e9437ee..7526173 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -4,7 +4,7 @@ use Illuminate\Support\Facades\Route;
 use Modules\Administration\Http\Controllers\DashboardController;
 
 Route::get('/', function () {
-    return view('stylist-theme-welcome::welcome');
+    return stylist_theme_view('saasland', 'home');
 })->name('home');
 
 Route::middleware(['auth', 'verified'])->group(function () {