Header changes (#200)

Author: s-illly

src/lib/components/layout/Header.svelte

@@ -5,9 +5,11 @@
 	import { fade, fly } from "svelte/transition";
 	import { Spring } from "svelte/motion";
 	import KuzuLogo from "$lib/components/KuzuLogo.svelte";
+	import { page } from '$app/stores';
 
 	let isMenuOpen = $state(false);
 	let scrolled = $state(false);
+	let isContactPage = $derived($page.url.pathname === '/contact');
 
 	function handleScroll() {
 		scrolled = window.scrollY > 0;
@@ -57,10 +59,17 @@
 			<div
 				class="hidden md:flex items-center gap-4 flex-grow justify-end"
 			>
-				<a  href="/contact"
-					rel="noopener noreferrer"
-					class="text-primary hover:text-foreground transition-colors">Support & Consultancy</a
-				>
+				{#if isContactPage}
+					<a href="/"
+						rel="noopener noreferrer"
+						class="text-primary hover:text-foreground transition-colors">Home Page</a
+					>
+				{:else}
+					<a href="/contact"
+						rel="noopener noreferrer"
+						class="text-primary hover:text-foreground transition-colors">Support & Consultancy</a
+					>
+				{/if}
 				<a
 					href="https://demo.kuzudb.com"
 					target="_blank"
@@ -85,7 +94,7 @@
 					class="hover:text-primary transition-colors"
 				>
 					<i class="fa-brands fa-github"></i>
-					GitHub
+					<span class="transition-all duration-300" class:hidden={scrolled}>GitHub</span>
 				</a>
 				<a
 					href="//kuzudb.com/chat"
@@ -94,7 +103,7 @@
 					class="hover:text-primary transition-colors"
 				>
 					<i class="fa-brands fa-discord"></i>
-					Discord
+					<span class="transition-all duration-300" class:hidden={scrolled}>Discord</span>
 				</a>
 				<Button variant="ghost" size="icon" onclick={toggleMode}>
 					<Sun

src/routes/+page.svelte

@@ -67,7 +67,7 @@
 			<h2 class="text-3xl font-bold mb-12">Support & Consultancy</h2>
 			<p class="text-muted-foreground mb-12 max-w-2xl mx-auto">
 				Kùzu Inc. provides professional support and consultancy for using Kuzu 
-				in <a class="underline decoration-primary text-white">agentic memory, graph AI</a> as well as other domains that use knowledge graphs. 
+				in <a class="underline decoration-primary text-foreground">agentic memory, graph AI</a> as well as other domains that use knowledge graphs. 
 			</p>
 			<div
 				class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto"