Skip to content

Commit

Permalink
Updated app.html with enhanced meta keywords for better SEO, commente…
Browse files Browse the repository at this point in the history
…d out an unused script, modified header.svelte to streamline imports and updated navigation links, and added a footer with navigation links in +layout.svelte for improved user experience.
  • Loading branch information
rinturaj committed Jan 13, 2025
1 parent ded4d8b commit 2f0fd6f
Show file tree
Hide file tree
Showing 6 changed files with 223 additions and 14 deletions.
4 changes: 2 additions & 2 deletions src/app.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,15 +11,15 @@
<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,diff checker, Diffchecker, Compare text online to find the difference, Free online text compare tool, Online Text Compare" />
content="text compare, text editing, compare texts, editing tool, side by side comparison, diff checker, Diffchecker, Compare text online to find the difference, Free online text compare tool, Online Text Compare, text difference tool, text comparison software, text diff tool, compare documents online, text analyzer, text comparison utility, text file comparison, text similarity checker, text difference finder, text comparison website, text matching tool, text comparison algorithm, text content comparison, text comparison service, text comparison online free, text comparison application, text comparison program, text comparison software online, text comparison tool free, text comparison website free, text comparison utility online" />
<meta name="author" content="Rintu Raj.C" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5FCX2C612K"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3656908338523203"
crossorigin="anonymous"></script>
<meta name="monetag" content="c69c2c64f5a3a544bec6ba17da37c77b">
<script>(function (d, z, s) { s.src = 'https://' + d + '/401/' + z; try { (document.body || document.documentElement).appendChild(s) } catch (e) { } })('gizokraijaw.net', 8781126, document.createElement('script'))</script>
<!-- <script>(function (d, z, s) { s.src = 'https://' + d + '/401/' + z; try { (document.body || document.documentElement).appendChild(s) } catch (e) { } })('gizokraijaw.net', 8781126, document.createElement('script'))</script> -->

<script>
window.dataLayer = window.dataLayer || [];
Expand Down
14 changes: 3 additions & 11 deletions src/lib/custom/header.svelte
Original file line number Diff line number Diff line change
@@ -1,17 +1,9 @@
<script lang="ts">
import CircleUser from 'lucide-svelte/icons/circle-user';
import Menu from 'lucide-svelte/icons/menu';
import Package2 from 'lucide-svelte/icons/package-2';
import Search from 'lucide-svelte/icons/search';
import { Button } from '$lib/components/ui/button/index.js';
import { Checkbox } from '$lib/components/ui/checkbox/index.js';
// import * as DropdownMenu from '$lib/components/ui/dropdown-menu/index.js';
import { Input } from '$lib/components/ui/input/index.js';
import * as Sheet from '$lib/components/ui/sheet/index.js';
import { Moon, Plus, Sun, Upload } from 'lucide-svelte';
import { Moon, Sun } from 'lucide-svelte';
import { LifeBuoy } from 'lucide-svelte';
import { Github } from 'lucide-svelte';
import { toast } from 'svelte-sonner';
import { toggleMode } from 'mode-watcher';
import { contentClear } from '../utils';
Expand All @@ -24,10 +16,10 @@
<nav
class="hidden w-full gap-6 text-lg font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6"
>
<a href="##" class="flex items-center gap-2 text-lg font-semibold md:text-base">
<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">
<a href="./" class=" transition-colors hover:text-foreground">
Text Compare Tool

<small>- v.0.0.1</small>
Expand Down
27 changes: 26 additions & 1 deletion src/routes/+layout.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,9 @@
</h1>
</div>

<a href="##" class="font-semibold text-primary"> Exciting new features are coming soon! 🚀</a>
<a href="##" class="font-semibold text-primary">
Discover the power of text comparison with our innovative tool. 🔋</a
>
<!-- <a href="##">Security</a>
<a href="##">Integrations</a>
<a href="##">Support</a>
Expand All @@ -38,3 +40,26 @@
</div>
</div>
</main>
<footer>
<div class="flex flex-col items-center justify-center gap-4 py-4">
<h1 class="text-center text-2xl font-bold">Text Compare Tool</h1>
<p class="text-center text-sm text-muted-foreground">
Discover the power of text comparison with our innovative tool.
</p>
<nav class="flex gap-4 text-sm">
<a
href="/about"
class="text-muted-foreground transition-colors duration-200 hover:text-primary">About</a
>
<a
href="/contact"
class="text-muted-foreground transition-colors duration-200 hover:text-primary">Contact</a
>
<a
href="/privacy"
class="text-muted-foreground transition-colors duration-200 hover:text-primary"
>Privacy Policy</a
>
</nav>
</div>
</footer>
63 changes: 63 additions & 0 deletions src/routes/about/+page.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<script lang="ts">
import * as Card from '$lib/components/ui/card/index.js';
</script>

<title>About - Text Compare Tool</title>

<meta
name="description"
content="Learn more about Text Compare Tool - A powerful tool for comparing and editing text side by side."
/>

<div class="container mx-auto max-w-4xl px-4 py-12 md:px-6">
<Card.Root class="shadow-lg">
<Card.Header class="space-y-2">
<Card.Title class="text-3xl font-bold">About Us</Card.Title>
<Card.Description class="text-xl text-muted-foreground">
Discover the story behind Text Compare Tool
</Card.Description>
</Card.Header>
<Card.Content class="prose dark:prose-invert max-w-none">
<div class="space-y-6">
<p class="text-lg leading-7">
Text Compare Tool is a powerful web application designed to make text comparison and
editing as simple and efficient as possible.
</p>

<div class="rounded-lg bg-muted/50 p-6">
<h3 class="mb-4 text-xl font-semibold">Our Mission</h3>
<p>
Our mission is to provide developers, writers, and professionals with a reliable and
user-friendly tool for comparing and analyzing text differences.
</p>
</div>

<div>
<h3 class="mb-4 text-xl font-semibold">Key Features</h3>
<ul class="grid list-none gap-3 pl-0">
<li class="flex items-center gap-2">
<span class="h-2 w-2 rounded-full bg-primary"></span>
Side-by-side text comparison
</li>
<li class="flex items-center gap-2">
<span class="h-2 w-2 rounded-full bg-primary"></span>
Line-by-line difference highlighting
</li>
<li class="flex items-center gap-2">
<span class="h-2 w-2 rounded-full bg-primary"></span>
Easy acceptance of changes
</li>
<li class="flex items-center gap-2">
<span class="h-2 w-2 rounded-full bg-primary"></span>
Dark and light mode support
</li>
<li class="flex items-center gap-2">
<span class="h-2 w-2 rounded-full bg-primary"></span>
Responsive design
</li>
</ul>
</div>
</div>
</Card.Content>
</Card.Root>
</div>
53 changes: 53 additions & 0 deletions src/routes/contact/+page.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<script lang="ts">
import * as Card from '$lib/components/ui/card/index.js';
import { Mail, Twitter, Github } from 'lucide-svelte';
</script>

<title>Contact Us - Text Compare Tool</title>

<meta
name="description"
content="Get in touch with us about Text Compare Tool. We'd love to hear your feedback and suggestions."
/>

<div class="container mx-auto max-w-4xl px-4 py-12 md:px-6">
<Card.Root class="shadow-lg">
<Card.Header class="space-y-2">
<Card.Title class="text-3xl font-bold">Contact Us</Card.Title>
<Card.Description class="text-xl text-muted-foreground">
We'd love to hear from you
</Card.Description>
</Card.Header>
<Card.Content class="prose dark:prose-invert max-w-none">
<div class="space-y-6">
<p class="text-lg leading-7">
We value your feedback and are here to help. If you have any questions, suggestions, or
concerns, please don't hesitate to reach out.
</p>

<div class="grid gap-6 md:grid-cols-2">
<div class="flex flex-col items-center rounded-lg bg-muted/50 p-6">
<Mail class="mb-4 h-8 w-8 text-primary" />
<h3 class="text-lg font-semibold">Email</h3>
<p class="text-center text-sm">rinturajc@gmail.com</p>
</div>

<div class="flex flex-col items-center rounded-lg bg-muted/50 p-6">
<Github class="mb-4 h-8 w-8 text-primary" />
<h3 class="text-lg font-semibold">GitHub</h3>
<a href="https://github.com/rinturaj/textcompare" class="text-center text-sm"
>https://github.com/rinturaj/textcompare</a
>
</div>
</div>

<div class="mt-6 rounded-lg bg-muted/50 p-6">
<p class="text-sm leading-7">
For bug reports and feature requests, please visit our GitHub repository and create an
issue.
</p>
</div>
</div>
</Card.Content>
</Card.Root>
</div>
76 changes: 76 additions & 0 deletions src/routes/privacy/+page.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
<script lang="ts">
import * as Card from '$lib/components/ui/card/index.js';
import { Shield, Database, Cookie } from 'lucide-svelte';
</script>

<title>Privacy Policy - Text Compare Tool</title>

<meta
name="description"
content="Read our privacy policy to understand how we handle your data at Text Compare Tool."
/>

<div class="container mx-auto max-w-4xl px-4 py-12 md:px-6">
<Card.Root class="shadow-lg">
<Card.Header class="space-y-2">
<Card.Title class="text-3xl font-bold">Privacy Policy</Card.Title>
<Card.Description class="text-muted-foreground">
Last updated: {new Date().toLocaleDateString()}
</Card.Description>
</Card.Header>
<Card.Content class="prose dark:prose-invert max-w-none">
<div class="space-y-8">
<div class="rounded-lg bg-muted/50 p-6">
<div class="mb-4 flex items-center gap-3">
<Shield class="h-6 w-6 text-primary" />
<h3 class="m-0 text-xl font-semibold">Data Collection</h3>
</div>
<p>
Text Compare Tool is committed to protecting your privacy. We do not collect or store
any of the text content you compare using our tool. All comparisons are performed
entirely in your browser.
</p>
</div>

<div class="rounded-lg bg-muted/50 p-6">
<div class="mb-4 flex items-center gap-3">
<Database class="h-6 w-6 text-primary" />
<h3 class="m-0 text-xl font-semibold">Usage Data</h3>
</div>
<p>
We may collect anonymous usage statistics to help improve our service. This includes:
</p>
<ul class="mt-4 grid list-none gap-2 pl-0">
<li class="flex items-center gap-2">
<span class="h-2 w-2 rounded-full bg-primary"></span>
Browser type and version
</li>
<li class="flex items-center gap-2">
<span class="h-2 w-2 rounded-full bg-primary"></span>
Operating system
</li>
<li class="flex items-center gap-2">
<span class="h-2 w-2 rounded-full bg-primary"></span>
Page visit duration
</li>
<li class="flex items-center gap-2">
<span class="h-2 w-2 rounded-full bg-primary"></span>
Features used
</li>
</ul>
</div>

<div class="rounded-lg bg-muted/50 p-6">
<div class="mb-4 flex items-center gap-3">
<Cookie class="h-6 w-6 text-primary" />
<h3 class="m-0 text-xl font-semibold">Cookies</h3>
</div>
<p>
We use essential cookies to remember your preferences (such as dark/light mode). No
tracking cookies are used.
</p>
</div>
</div>
</Card.Content>
</Card.Root>
</div>

0 comments on commit 2f0fd6f

Please sign in to comment.