diff --git a/src/App/Footer.tsx b/src/App/Footer.tsx
index cb454d0..5d57d12 100644
--- a/src/App/Footer.tsx
+++ b/src/App/Footer.tsx
@@ -19,6 +19,10 @@ export const Footer = memo(() => {
 				"label": t("link3label"),
 				"href": "https://github.com/xbgmsharp/postgsail/tree/main/docs",
 			},
+			{
+				"label": "Support",
+				"href": "https://discord.gg/cpGqA5sZ",
+			},
 		]}
 	/>
 })
diff --git a/src/App/Header.tsx b/src/App/Header.tsx
index ac69a4c..59d0f0d 100644
--- a/src/App/Header.tsx
+++ b/src/App/Header.tsx
@@ -4,6 +4,7 @@ import { routes } from "router";
 import { declareComponentKeys, useTranslation, useLang } from "i18n";
 import { createLanguageSelect } from "onyxia-ui/LanguageSelect";
 import type { Language } from "i18n";
+import PostgsailLogo from "assets/PostgsailLogo.svg"
 
 const { LanguageSelect } = createLanguageSelect<Language>({
 	"languagesPrettyPrint": {
@@ -17,7 +18,7 @@ export const Header = memo(() => {
 	const { t } = useTranslation({ Header })
 	const { lang, setLang } = useLang();
 	return <GlHeader
-		title={<a {...routes.home().link}><h1><img src="./PostgsailLogo.svg" alt="Postgsail Logo" height={48}/></h1></a>}
+		title={<a {...routes.home().link}><h1><img src={PostgsailLogo} alt="Postgsail Logo" height={48}/></h1></a>}
 		links={[
 			{
 				"label": t("link2label"),
@@ -31,6 +32,7 @@ export const Header = memo(() => {
 		enableDarkModeSwitch={true}
 		githubRepoUrl="https://github.com/xbgmsharp/postgsail/"
 		githubButtonSize="large"
+		showGithubStarCount={true}
 		customItemEnd={{
 			"item": <LanguageSelect
 				language={lang}
diff --git a/public/PostgsailLogo.svg b/src/assets/PostgsailLogo.svg
similarity index 99%
rename from public/PostgsailLogo.svg
rename to src/assets/PostgsailLogo.svg
index b10cf1f..661bff9 100644
--- a/public/PostgsailLogo.svg
+++ b/src/assets/PostgsailLogo.svg
@@ -1,7 +1,7 @@
 <svg
 viewBox="0 0 148 34"
 xmlns="http://www.w3.org/2000/svg"
-xmlns:svg="http://www.w3.org/2000/svg"
+xmlnsSvg="http://www.w3.org/2000/svg"
 version="1.1"
 >
 <g class="layer">
diff --git a/public/demo.mp4 b/src/assets/demo.mp4
similarity index 100%
rename from public/demo.mp4
rename to src/assets/demo.mp4
diff --git a/src/assets/icons/Grafana_logo.png b/src/assets/icons/Grafana_logo.png
index 98d663a..ff2235d 100644
Binary files a/src/assets/icons/Grafana_logo.png and b/src/assets/icons/Grafana_logo.png differ
diff --git a/src/i18n.tsx b/src/i18n.tsx
index 420337f..b7a28a8 100644
--- a/src/i18n.tsx
+++ b/src/i18n.tsx
@@ -52,8 +52,8 @@ export const {
 						"card1Title": "Open Source",
 						"card2Title": "Join the community",
 						"card3Title": "Customize",
-						"card1Paragraph": `Source code is available on Github.`,
-						"card2Paragraph": `Get support and exchange on Discord.`,
+						"card1Paragraph": `All code is available as open-source on Github. Collaborative cloud development environments (CDEs).`,
+						"card2Paragraph": `Get support and exchange on Discord. Missing a feature? just ask!`,
 						"card3Paragraph": `Create and manage your own dashboards.`,
 						"articleTitle": "Timelapse",
 						"articleBody": `- See your real-time or historical track(s) via animated timelapse
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index c7f7031..7af0786 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -33,6 +33,8 @@ import monitoringPng from "assets/img/monitoring.png";
 import logsPng from "assets/img/logs.png";
 //import mapPng from "assets/img/map.png";
 import statsPng from "assets/img/stats.png";
+import demoMp4 from "assets/demo.mp4"
+import PostgsailLogo from "assets/PostgsailLogo.svg"
 
 export const Home = memo(() => {
 	const { t } = useTranslation({ Home });
@@ -51,7 +53,7 @@ export const Home = memo(() => {
 					"type": "video",
 					"sources": [
 					  {
-						"src": "demo.mp4",
+						"src": demoMp4,
 						"type": "video/mp4"
 					  }
 					]