diff --git a/apps/web/index.html b/apps/web/index.html
index 84339923..6d4b4fb3 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -6,7 +6,8 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
     />
-    <title>Photo Gallery</title>
+    <meta name="description" content="{{DESCRIPTION}}" />
+    <title>{{TITLE}}</title>
   </head>
   <body>
     <div id="root">
@@ -192,7 +193,7 @@
                 animation: titleSlide 1s ease-out;
               "
             >
-              Photo Gallery
+              {{TITLE}}
             </h1>
             <div
               style="
@@ -219,7 +220,7 @@
                 opacity: 0;
               "
             >
-              Capturing moments, creating memories
+              {{DESCRIPTION}}
             </p>
           </div>
 
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
index b332d250..c3aec35f 100644
--- a/apps/web/vite.config.ts
+++ b/apps/web/vite.config.ts
@@ -52,6 +52,17 @@ export default defineConfig({
       siteUrl: siteConfig.url,
     }),
     process.env.analyzer && analyzer(),
+    {
+      name: 'html-transform',
+      transformIndexHtml: {
+        enforce: 'pre',
+        transform(html: string) {
+          return html
+            .replaceAll('{{TITLE}}', siteConfig.title)
+            .replaceAll('{{DESCRIPTION}}', siteConfig.description)
+        },
+      },
+    },
   ],
   define: {
     APP_DEV_CWD: JSON.stringify(process.cwd()),
