diff --git a/resources/js/Pages/Home.vue b/resources/js/Pages/Home.vue
index 094ef17..c78250f 100644
--- a/resources/js/Pages/Home.vue
+++ b/resources/js/Pages/Home.vue
@@ -1,5 +1,5 @@
 <template>
-  <Head title="Start" />
+  <Head :title="props.galleryHeading" />
   <div class="min-h-screen bg-gradient-to-br from-slate-100 via-white to-slate-200 text-slate-900 transition-colors duration-500 dark:from-slate-950 dark:via-slate-900 dark:to-slate-950 dark:text-slate-100">
     <div class="mx-auto flex w-full max-w-7xl flex-col gap-6 px-2 py-8 sm:px-4 lg:px-6">
       <header class="relative rounded-3xl border border-slate-200 bg-white/90 p-6 text-slate-900 shadow-2xl backdrop-blur transition-colors duration-300 dark:border-white/10 dark:bg-white/5 dark:text-white">
diff --git a/resources/js/app.js b/resources/js/app.js
index 5870fc9..5d718b6 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -42,7 +42,7 @@ library.add(
     faDownload,
 );
 
-const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
+const appName = import.meta.env.VITE_APP_NAME || 'Style Gallery';
 
 const resolveTranslation = (source, path) => {
     if (!source || !path) {
@@ -59,7 +59,7 @@ const resolveTranslation = (source, path) => {
 };
 
 createInertiaApp({
-    title: (title) => `${title} - ${appName}`,
+    title: (title) => title || appName,
     resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),
     setup({ el, App, props, plugin }) {
         console.log('Inertia Page Props (app.js):', props.initialPage.props);
