feat: page exclusive titles

src/app/layout.tsx

@@ -30,6 +30,7 @@ const robotoFlex = Roboto_Flex({
 export default function RootLayout({ children }: RootLayoutProps) {
   const pathname = usePathname();
   const isEmbed = pathname.split('/')[1] === 'embeds';
+  const isRoot = pathname === '/';
   const [showDevBuildAlert, setShowDevBuildAlert] = useState(false);
   const isFullScreen = useFullScreen();
 
@@ -45,7 +46,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
   return (
     <html lang="en" className={robotoFlex.className}>
       <head>
-        <title>Blitzkrieg</title>
+        {isRoot && <title>Blitzkrieg</title>}
         <meta
           name="description"
           content="🎉 Tools for everything World of Tanks Blitz"

src/app/tools/layout.tsx

@@ -15,21 +15,26 @@ export default function ToolsLayout({ children }: ToolsLayoutProps) {
   const pathname = usePathname();
   const pathSplit = pathname.split('/');
   const toolId = pathSplit.at(2);
+  const isToolRoot = pathname === `/tools/${toolId}`;
   const tool = TOOLS.find((tool) => tool.id === toolId);
 
   return (
     <>
       {tool && (
         <>
-          <title>{tool.title}</title>
-          {tool.pageDescription !== undefined && (
-            <meta name="description" content={tool.pageDescription} />
-          )}
+          {isToolRoot && (
+            <>
+              <title>{tool.title}</title>
+              <meta
+                property="og:image"
+                content={`/assets/banners/${toolId}.webp`}
+              />
 
-          <meta
-            property="og:image"
-            content={`/assets/banners/${toolId}.webp`}
-          />
+              {tool.pageDescription !== undefined && (
+                <meta name="description" content={tool.pageDescription} />
+              )}
+            </>
+          )}
         </>
       )}