Add titles

app/components/header/index.tsx

@@ -4,7 +4,7 @@ export default function Header() {
     return (
         <>
             <header className="px-4 py-2 w-full">
-                <div className="flex w-[76%] mx-auto my-1 justify-between text-center items-center">
+                <div className="flex w-[76%] min-h-[7.5vh] mx-auto my-1 justify-between text-center items-center">
                     <a
                         href="/"
                         id="main-logo"

app/routes/_index.tsx

@@ -2,6 +2,14 @@ import { Footer } from '~/components/footer';
 import Header from '~/components/header';
 import { PageContainer } from '~/components/page';
 
+export const meta = () => {
+    return [
+        {
+            title: 'XNL - Home'
+        }
+    ];
+};
+
 export default function Index() {
     return (
         <>
@@ -20,8 +28,7 @@ export default function Index() {
 
             <div
                 style={{
-                    background:
-                        'linear-gradient(20deg, #ff660005, #ff990005), #00000040'
+                    background: '#ff660005'
                 }}
                 className="absolute top-0 -z-20 backdrop-blur-sm w-full min-h-screen isolate"
             />

app/routes/about.tsx

@@ -2,14 +2,24 @@ import { Footer } from '~/components/footer';
 import Header from '~/components/header';
 import { PageContainer } from '~/components/page';
 
+export const meta = () => {
+    return [
+        {
+            title: 'XNL - About'
+        }
+    ];
+};
+
 export default function About() {
     return (
         <>
             <Header />
 
+            <div className="absolute top-0 -z-40 backdrop-blur-sm w-full min-h-screen isolate bg-black" />
+
             <div
                 style={{
-                    background: 'linear-gradient(20deg, #ff660005, #ff990005)'
+                    background: '#ff660005'
                 }}
                 className="absolute top-0 -z-20 backdrop-blur-sm w-full min-h-screen isolate"
             />

app/routes/admin.tsx

@@ -7,7 +7,7 @@ import Title from '~/components/title';
 import { ResizablePanelGroup } from '~/components/ui/resizable';
 
 export const meta: MetaFunction = () => {
-    return [{ title: 'Home' }, { name: 'description', content: 'Home' }];
+    return [{ title: 'XNL Admin - Home' }];
 };
 
 export default function Admin() {