diff --git a/app/Http/Middleware/HandleInertiaRequests.php b/app/Http/Middleware/HandleInertiaRequests.php
index b0f2200..97276ac 100644
--- a/app/Http/Middleware/HandleInertiaRequests.php
+++ b/app/Http/Middleware/HandleInertiaRequests.php
@@ -42,6 +42,12 @@ public function share(Request $request): array
                 'user' => $request->user()?->load('userProfile'),
             ],
             'sidebarOpen' => ! $request->hasCookie('sidebar_state') || $request->cookie('sidebar_state') === 'true',
+            'seo' => [
+                'title' => config('app.name', 'DST Collection'),
+                'description' => 'DST Collection - DST Punya Gaya',
+                'image' => url('/assets/logo.png'),
+                'url' => $request->url(),
+            ],
         ];
     }
 }
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index 6ed7979..4129ba7 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -35,11 +35,27 @@
         <link rel="apple-touch-icon" href="/apple-touch-icon.png">
         <link rel="manifest" href="/manifest.json">
         <meta name="theme-color" content="#1a1a1a">
-        <meta name="description" content="DST Collection - DST Punya Gaya">
+        <meta name="description" content="{{ $page['seo']['description'] ?? 'DST Collection - DST Punya Gaya' }}">
         <meta name="mobile-web-app-capable" content="yes">
         <meta name="apple-mobile-web-app-capable" content="yes">
         <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-        <meta name="apple-mobile-web-app-title" content="DST Collection">
+        <meta name="apple-mobile-web-app-title" content="{{ $page['seo']['title'] ?? config('app.name', 'DST Collection') }}">
+
+        {{-- Open Graph / Facebook --}}
+        <meta property="og:type" content="website">
+        <meta property="og:title" content="{{ $page['seo']['title'] ?? config('app.name', 'DST Collection') }}">
+        <meta property="og:description" content="{{ $page['seo']['description'] ?? 'DST Collection - DST Punya Gaya' }}">
+        <meta property="og:url" content="{{ $page['seo']['url'] ?? url()->current() }}">
+        <meta property="og:site_name" content="{{ config('app.name', 'DST Collection') }}">
+        <meta property="og:image" content="{{ $page['seo']['image'] ?? url('/assets/logo.png') }}">
+        <meta property="og:image:width" content="1200">
+        <meta property="og:image:height" content="630">
+
+        {{-- Twitter Card --}}
+        <meta name="twitter:card" content="summary_large_image">
+        <meta name="twitter:title" content="{{ $page['seo']['title'] ?? config('app.name', 'DST Collection') }}">
+        <meta name="twitter:description" content="{{ $page['seo']['description'] ?? 'DST Collection - DST Punya Gaya' }}">
+        <meta name="twitter:image" content="{{ $page['seo']['image'] ?? url('/assets/logo.png') }}">
 
         @fonts
 
diff --git a/routes/web.php b/routes/web.php
index e852427..0252a6e 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -14,7 +14,14 @@
 use App\Http\Controllers\Admin\HR\LeaveRequestController;
 use Illuminate\Support\Facades\Route;
 
-Route::inertia('/', 'welcome')->name('home');
+Route::get('/', fn () => inertia('welcome', [
+    'seo' => [
+        'title' => 'DST Collection - DST Punya Gaya',
+        'description' => 'DST Collection - DST Punya Gaya. Toko fashion terpercaya dengan koleksi terlengkap.',
+        'image' => url('/assets/logo.png'),
+        'url' => url('/'),
+    ],
+]))->name('home');
 
 Route::middleware(['auth', 'verified'])->group(function () {
     Route::inertia('dashboard', 'dashboard')->name('dashboard');