completed ready to deploy

rinturaj · Dec 14, 2024 · ea50b9e · ea50b9e
1 parent a3a6efe
commit ea50b9e
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 12 deletions.
diff --git a/src/app.html b/src/app.html
@@ -1,12 +1,22 @@
 <!doctype html>
 <html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
+
+<head>
+	<meta charset="utf-8" />
+	<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	%sveltekit.head%
+
+	<title>Text Compare Tool - Compare and Edit Texts Easily</title>
+	<meta name="description"
+		content="Use our Text Compare Tool to easily compare and edit two pieces of text side by side. Accept changes line by line or all at once for efficient editing." />
+	<meta name="keywords" content="text compare, text editing, compare texts, editing tool, side by side comparison" />
+	<meta name="author" content="Your Name" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+</head>
+
+<body data-sveltekit-preload-data="hover">
+	<div style="display: contents">%sveltekit.body%</div>
+</body>
+
+</html>
diff --git a/src/lib/custom/header.svelte b/src/lib/custom/header.svelte
@@ -27,7 +27,11 @@
 		<a href="##" class="flex items-center gap-2 text-lg font-semibold md:text-base">
 			<Package2 class="h-6 w-6" />
 		</a>
-		<a href="##" class=" transition-colors hover:text-foreground"> Quick Web Tool </a>
+		<a href="##" class=" transition-colors hover:text-foreground">
+			Text Compare Tool
+
+			<small>- v.0.0.1</small>
+		</a>
 	</nav>
 
 	<div class="flex flex-row items-center gap-2 md:ml-auto">

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -33,10 +33,18 @@
 	}
 </script>
 
+<title>Text Compare Tool - Compare and Edit Texts Easily</title>
+
+<meta
+	name="description"
+	content="Use our Text Compare Tool to easily compare and edit two pieces of text side by side. Accept changes line by line or all at once for efficient editing."
+/>
+
 <div class="">
 	<Card.Root>
 		<Card.Header>
-			<Card.Title class="text-3xl font-semibold text-muted-foreground">Text Compare Tool</Card.Title
+			<Card.Title class="text-2xl font-semibold text-muted-foreground"
+				>Text Compare Tool - Compare and Edit Texts Easily</Card.Title
 			>
 			<Card.Description
 				>This tool allows you to compare two pieces of text side by side. You can edit the original