Add page titles to all routes

Author: n4itr0-07

app/routes/aes-encryption.tsx

@@ -9,6 +9,13 @@ import { Input } from '../components/ui/input/input';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../components/ui/select/select';
 import styles from './aes-encryption.module.css';
 
+export function meta() {
+  return [
+    { title: "AES Encryption - Netveris" },
+    { name: "description", content: "Encrypt and decrypt data with AES algorithm" },
+  ];
+}
+
 export default function AESEncryption() {
   const [mode, setMode] = useState<'encrypt' | 'decrypt'>('encrypt');
   const [algorithm, setAlgorithm] = useState('AES-GCM');

app/routes/analyze.tsx

@@ -10,6 +10,13 @@ import { exportAsJSON, exportAsText } from '../utils/export';
 import { addToHistory } from '../utils/storage';
 import styles from './analyze.module.css';
 
+export function meta() {
+  return [
+    { title: "Security Analyzer - Netveris" },
+    { name: "description", content: "Comprehensive security analysis for websites" },
+  ];
+}
+
 export default function SecurityAnalyzer() {
   const [url, setUrl] = useState('');
   const [analysisResult, setAnalysisResult] = useState<SecurityAnalysisResult | null>(null);

app/routes/api-security.tsx

@@ -7,6 +7,13 @@ import { Input } from "~/components/ui/input/input";
 import { Card } from "~/components/ui/card/card";
 import styles from "./api-security.module.css";
 
+export function meta() {
+  return [
+    { title: "API Security Tester - Netveris" },
+    { name: "description", content: "Test API endpoints for security vulnerabilities" },
+  ];
+}
+
 interface SecurityTest {
   name: string;
   status: "passed" | "failed" | "warning";

app/routes/base-converter.tsx

@@ -6,6 +6,13 @@ import { Badge } from "~/components/ui/badge/badge";
 import { Binary, Copy, Check, Trash2, RefreshCw, ArrowDown } from "lucide-react";
 import styles from "./base-converter.module.css";
 
+export function meta() {
+  return [
+    { title: "Base Converter - Netveris" },
+    { name: "description", content: "Convert between binary, hex, decimal, and more" },
+  ];
+}
+
 type BaseType = "text" | "hex" | "decimal" | "binary" | "octal" | "base64";
 
 interface ConversionResult {

app/routes/caesar-cipher.tsx

@@ -7,6 +7,13 @@ import { Slider } from "~/components/ui/slider/slider";
 import { RotateCcw, Copy, Check, ArrowRightLeft, Trash2, Zap } from "lucide-react";
 import styles from "./caesar-cipher.module.css";
 
+export function meta() {
+  return [
+    { title: "Caesar Cipher - Netveris" },
+    { name: "description", content: "Encrypt and decrypt with Caesar cipher" },
+  ];
+}
+
 export default function CaesarCipher() {
   const [input, setInput] = useState("");
   const [shift, setShift] = useState(13); // Default ROT13

app/routes/color-converter.tsx

@@ -7,6 +7,13 @@ import { Input } from "~/components/ui/input/input";
 import { Palette, Copy, Check, RefreshCw, Pipette, Plus, Trash2 } from "lucide-react";
 import styles from "./color-converter.module.css";
 
+export function meta() {
+  return [
+    { title: "Color Converter - Netveris" },
+    { name: "description", content: "Convert colors between HEX, RGB, HSL, and more" },
+  ];
+}
+
 interface ColorValue {
   hex: string;
   rgb: { r: number; g: number; b: number };

app/routes/cors-checker.tsx

@@ -8,6 +8,13 @@ import { Label } from '../components/ui/label/label';
 import { Badge } from '../components/ui/badge/badge';
 import styles from './cors-checker.module.css';
 
+export function meta() {
+  return [
+    { title: "CORS Checker - Netveris" },
+    { name: "description", content: "Test and validate CORS configurations" },
+  ];
+}
+
 interface CORSResult {
   url: string;
   status: 'success' | 'error' | 'warning';

app/routes/dashboard.tsx

@@ -17,6 +17,13 @@ import { Button } from '~/components/ui/button/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '~/components/ui/card/card';
 import styles from './dashboard.module.css';
 
+export function meta() {
+  return [
+    { title: "Dashboard - Netveris" },
+    { name: "description", content: "Your security tools dashboard with usage stats and quick access" },
+  ];
+}
+
 export default function Dashboard() {
   const [history, setHistory] = useState<ToolHistory[]>([]);
   const [favorites, setFavorites] = useState<Favorite[]>([]);

app/routes/data-sanitizer.tsx

@@ -10,6 +10,13 @@ import { Card } from "~/components/ui/card/card";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs/tabs";
 import styles from "./data-sanitizer.module.css";
 
+export function meta() {
+  return [
+    { title: "Data Sanitizer - Netveris" },
+    { name: "description", content: "Sanitize and clean user input data" },
+  ];
+}
+
 export default function DataSanitizer() {
   const [input, setInput] = useState("");
   const [output, setOutput] = useState("");

app/routes/docs.tsx

@@ -33,6 +33,13 @@ import { Link } from "react-router";
 import { CodeWindow } from "~/components/code-window";
 import styles from "./docs.module.css";
 
+export function meta() {
+  return [
+    { title: "Documentation - Netveris" },
+    { name: "description", content: "Complete guide to Netveris security tools" },
+  ];
+}
+
 export default function Docs() {
   return (
     <div className={styles.container}>