diff --git a/public/clipfusion-git-logo.png b/public/clipfusion-git-logo.png
new file mode 100644
index 0000000..7d518c4
Binary files /dev/null and b/public/clipfusion-git-logo.png differ
diff --git a/public/github-mark.svg b/public/github-mark.svg
new file mode 100644
index 0000000..37fa923
--- /dev/null
+++ b/public/github-mark.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9110092..66b4e90 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,7 +15,7 @@ import { Card } from "@/components/ui/card";
 const Project = (): ReactNode => {
     return (
         <AspectRatio ratio={16 / 9}>
-            <Card className=" rounded-lg shadow-md p-4 w-full h-full">
+            <Card className=" rounded-lg shadow-md p-4 w-full h-full overflow-hidden">
                 <h3 className="text-lg font-semibold">Project Title</h3>
                 <p className="text-sm text-gray-600">Project description goes here.</p>
             </Card>
diff --git a/src/components/dashboard/Dashboard.tsx b/src/components/dashboard/Dashboard.tsx
index 00ec6b5..bfdf6a6 100644
--- a/src/components/dashboard/Dashboard.tsx
+++ b/src/components/dashboard/Dashboard.tsx
@@ -1,11 +1,14 @@
 "use client";
-import { FolderOpenIcon, LucideIcon, PlusIcon, SettingsIcon } from "lucide-react";
+import { FolderOpenIcon, GithubIcon, LucideIcon, PlusIcon, SettingsIcon } from "lucide-react";
 import { ReactNode } from "react";
 import { SidebarMenuItem, SidebarMenuButton, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarHeader, SidebarFooter, Sidebar, SidebarGroupLabel, SidebarGroupAction } from "../ui/sidebar";
 import Link from "next/link";
 import { Label } from "../ui/label";
 import ClipFusionLogo from "../clipfusion-logo";
 import ThemeSwitcher from "../theme-switcher";
+import Image from "next/image";
+import { Tooltip, TooltipContent } from "../ui/tooltip";
+import { TooltipTrigger } from "@radix-ui/react-tooltip";
 
 interface DashboardItem {
     title: string;
@@ -32,7 +35,7 @@ export const Dashboard = (): ReactNode => {
         <Sidebar>
             <SidebarHeader className="flex justify-center items-center mt-2">
                 <ClipFusionLogo width="30" height="30">
-                    <p className="font-bold text-xl select-none">Community</p>
+                    <p className="font-bold text-xl select-none">ClipFusion</p>
                 </ClipFusionLogo>
             </SidebarHeader>
             <SidebarContent>
@@ -40,6 +43,9 @@ export const Dashboard = (): ReactNode => {
                     <SidebarGroupLabel>
                         Quick Access
                     </SidebarGroupLabel>
+                    <SidebarGroupAction>
+                        <PlusIcon/> <span className="sr-only">Add to Quick Access</span>
+                    </SidebarGroupAction>
                     <SidebarGroupContent>
                         <Label className="flex justify-center text-sm text-muted-foreground">Nothing to Show</Label>
                     </SidebarGroupContent>
@@ -77,7 +83,36 @@ export const Dashboard = (): ReactNode => {
                 </SidebarGroup>
             </SidebarContent>
             <SidebarFooter>
-                <ThemeSwitcher variant="with-text"/>
+                <SidebarGroup>
+                    <SidebarGroupLabel>
+                        Socials
+                    </SidebarGroupLabel>
+                    <SidebarGroupContent className="flex flex-row items-center justify-between">
+                        <div className="flex flex-row items-center gap-3 pl-2">
+                            <Tooltip>
+                                <TooltipTrigger>
+                                    <a href="https://github.com/ClipFusion-org/clipfusion" target="_blank">
+                                        <Image src="/github-mark.svg" width="25" height="25" alt="ClipFusion GitHub Repository" className="dark:invert hover:opacity-95 active:scale-95"/>
+                                    </a>
+                                </TooltipTrigger>
+                                <TooltipContent>
+                                    <p>ClipFusion GitHub Repository</p>
+                                </TooltipContent>
+                            </Tooltip>
+                            <Tooltip>
+                                <TooltipTrigger>
+                                    <a href="https://git.clipfusion.org/ClipFusion-org/clipfusion" target="_blank">
+                                        <Image src="/clipfusion-git-logo.png" width="25" height="25" alt="ClipFusion Git Mirror" className="grayscale hover:opacity-95 active:scale-95"/>
+                                    </a>
+                                </TooltipTrigger>
+                                <TooltipContent>
+                                    <p>ClipFusion Git Mirror</p>
+                                </TooltipContent>
+                            </Tooltip>
+                        </div>
+                        <ThemeSwitcher/>
+                    </SidebarGroupContent>
+                </SidebarGroup>
             </SidebarFooter>
         </Sidebar>
     );
diff --git a/src/favicon.svg b/src/favicon.svg
new file mode 100644
index 0000000..a2750e5
--- /dev/null
+++ b/src/favicon.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="512" height="512" viewBox="0 0 512 512">
+<defs>
+</defs>
+<rect x="0.0" y="0.0" width="51.2" height="51.2" fill="#e77728" />
+<rect x="0.0" y="51.2" width="51.2" height="51.2" fill="#e78523" />
+<rect x="0.0" y="102.4" width="51.2" height="51.2" fill="#e9931f" />
+<rect x="0.0" y="153.60000000000002" width="51.2" height="51.2" fill="#eaa11a" />
+<rect x="0.0" y="204.8" width="51.2" height="51.2" fill="#ebaf16" />
+<rect x="0.0" y="256.0" width="51.2" height="51.2" fill="#ecbd11" />
+<rect x="0.0" y="307.20000000000005" width="51.2" height="51.2" fill="#edcb0d" />
+<rect x="0.0" y="358.40000000000003" width="51.2" height="51.2" fill="#eed908" />
+<rect x="0.0" y="409.6" width="51.2" height="51.2" fill="#efe704" />
+<rect x="0.0" y="460.8" width="51.2" height="51.2" fill="#f0f600" />
+<rect x="51.2" y="0.0" width="51.2" height="51.2" fill="#cd7c36" />
+<rect x="51.2" y="51.2" width="51.2" height="51.2" fill="#d18732" />
+<rect x="51.2" y="102.4" width="51.2" height="51.2" fill="#d5922f" />
+<rect x="51.2" y="153.60000000000002" width="51.2" height="51.2" fill="#d99e2b" />
+<rect x="51.2" y="204.8" width="51.2" height="51.2" fill="#dda928" />
+<rect x="51.2" y="256.0" width="51.2" height="51.2" fill="#e1b424" />
+<rect x="51.2" y="307.20000000000005" width="51.2" height="51.2" fill="#e5bf20" />
+<rect x="51.2" y="358.40000000000003" width="51.2" height="51.2" fill="#e9ca1d" />
+<rect x="51.2" y="409.6" width="51.2" height="51.2" fill="#edd619" />
+<rect x="51.2" y="460.8" width="51.2" height="51.2" fill="#f1e116" />
+<rect x="102.4" y="0.0" width="51.2" height="51.2" fill="#b48144" />
+<rect x="102.4" y="51.2" width="51.2" height="51.2" fill="#bb8a42" />
+<rect x="102.4" y="102.4" width="51.2" height="51.2" fill="#c2923f" />
+<rect x="102.4" y="153.60000000000002" width="51.2" height="51.2" fill="#c99a3c" />
+<rect x="102.4" y="204.8" width="51.2" height="51.2" fill="#d0a339" />
+<rect x="102.4" y="256.0" width="51.2" height="51.2" fill="#d7ab37" />
+<rect x="102.4" y="307.20000000000005" width="51.2" height="51.2" fill="#deb334" />
+<rect x="102.4" y="358.40000000000003" width="51.2" height="51.2" fill="#e5bc31" />
+<rect x="102.4" y="409.6" width="51.2" height="51.2" fill="#ecc42e" />
+<rect x="102.4" y="460.8" width="51.2" height="51.2" fill="#f3cc2c" />
+<rect x="153.60000000000002" y="0.0" width="51.2" height="51.2" fill="#9b8753" />
+<rect x="153.60000000000002" y="51.2" width="51.2" height="51.2" fill="#a58c51" />
+<rect x="153.60000000000002" y="102.4" width="51.2" height="51.2" fill="#af924f" />
+<rect x="153.60000000000002" y="153.60000000000002" width="51.2" height="51.2" fill="#b9974d" />
+<rect x="153.60000000000002" y="204.8" width="51.2" height="51.2" fill="#c39c4b" />
+<rect x="153.60000000000002" y="256.0" width="51.2" height="51.2" fill="#cda249" />
+<rect x="153.60000000000002" y="307.20000000000005" width="51.2" height="51.2" fill="#d7a748" />
+<rect x="153.60000000000002" y="358.40000000000003" width="51.2" height="51.2" fill="#e1ad46" />
+<rect x="153.60000000000002" y="409.6" width="51.2" height="51.2" fill="#ebb244" />
+<rect x="153.60000000000002" y="460.8" width="51.2" height="51.2" fill="#f5b842" />
+<rect x="204.8" y="0.0" width="51.2" height="51.2" fill="#828c61" />
+<rect x="204.8" y="51.2" width="51.2" height="51.2" fill="#8f8f60" />
+<rect x="204.8" y="102.4" width="51.2" height="51.2" fill="#9c915f" />
+<rect x="204.8" y="153.60000000000002" width="51.2" height="51.2" fill="#a9945e" />
+<rect x="204.8" y="204.8" width="51.2" height="51.2" fill="#b6965d" />
+<rect x="204.8" y="256.0" width="51.2" height="51.2" fill="#c3995c" />
+<rect x="204.8" y="307.20000000000005" width="51.2" height="51.2" fill="#cf9b5b" />
+<rect x="204.8" y="358.40000000000003" width="51.2" height="51.2" fill="#dc9e5a" />
+<rect x="204.8" y="409.6" width="51.2" height="51.2" fill="#e9a059" />
+<rect x="204.8" y="460.8" width="51.2" height="51.2" fill="#f6a358" />
+<rect x="256.0" y="0.0" width="51.2" height="51.2" fill="#699270" />
+<rect x="256.0" y="51.2" width="51.2" height="51.2" fill="#799170" />
+<rect x="256.0" y="102.4" width="51.2" height="51.2" fill="#89916f" />
+<rect x="256.0" y="153.60000000000002" width="51.2" height="51.2" fill="#99916f" />
+<rect x="256.0" y="204.8" width="51.2" height="51.2" fill="#a8906f" />
+<rect x="256.0" y="256.0" width="51.2" height="51.2" fill="#b8906f" />
+<rect x="256.0" y="307.20000000000005" width="51.2" height="51.2" fill="#c88f6f" />
+<rect x="256.0" y="358.40000000000003" width="51.2" height="51.2" fill="#d88f6e" />
+<rect x="256.0" y="409.6" width="51.2" height="51.2" fill="#e88f6e" />
+<rect x="256.0" y="460.8" width="51.2" height="51.2" fill="#f88e6e" />
+<rect x="307.20000000000005" y="0.0" width="51.2" height="51.2" fill="#50977e" />
+<rect x="307.20000000000005" y="51.2" width="51.2" height="51.2" fill="#63947f" />
+<rect x="307.20000000000005" y="102.4" width="51.2" height="51.2" fill="#769180" />
+<rect x="307.20000000000005" y="153.60000000000002" width="51.2" height="51.2" fill="#888d80" />
+<rect x="307.20000000000005" y="204.8" width="51.2" height="51.2" fill="#9b8a81" />
+<rect x="307.20000000000005" y="256.0" width="51.2" height="51.2" fill="#ae8782" />
+<rect x="307.20000000000005" y="307.20000000000005" width="51.2" height="51.2" fill="#c18382" />
+<rect x="307.20000000000005" y="358.40000000000003" width="51.2" height="51.2" fill="#d48083" />
+<rect x="307.20000000000005" y="409.6" width="51.2" height="51.2" fill="#e77d84" />
+<rect x="307.20000000000005" y="460.8" width="51.2" height="51.2" fill="#fa7a84" />
+<rect x="358.40000000000003" y="0.0" width="51.2" height="51.2" fill="#379d8d" />
+<rect x="358.40000000000003" y="51.2" width="51.2" height="51.2" fill="#4d968e" />
+<rect x="358.40000000000003" y="102.4" width="51.2" height="51.2" fill="#629090" />
+<rect x="358.40000000000003" y="153.60000000000002" width="51.2" height="51.2" fill="#788a91" />
+<rect x="358.40000000000003" y="204.8" width="51.2" height="51.2" fill="#8e8493" />
+<rect x="358.40000000000003" y="256.0" width="51.2" height="51.2" fill="#a47e94" />
+<rect x="358.40000000000003" y="307.20000000000005" width="51.2" height="51.2" fill="#ba7796" />
+<rect x="358.40000000000003" y="358.40000000000003" width="51.2" height="51.2" fill="#d07197" />
+<rect x="358.40000000000003" y="409.6" width="51.2" height="51.2" fill="#e56b99" />
+<rect x="358.40000000000003" y="460.8" width="51.2" height="51.2" fill="#fb659a" />
+<rect x="409.6" y="0.0" width="51.2" height="51.2" fill="#1ea29b" />
+<rect x="409.6" y="51.2" width="51.2" height="51.2" fill="#36999d" />
+<rect x="409.6" y="102.4" width="51.2" height="51.2" fill="#4f90a0" />
+<rect x="409.6" y="153.60000000000002" width="51.2" height="51.2" fill="#6887a2" />
+<rect x="409.6" y="204.8" width="51.2" height="51.2" fill="#817ea5" />
+<rect x="409.6" y="256.0" width="51.2" height="51.2" fill="#9a75a7" />
+<rect x="409.6" y="307.20000000000005" width="51.2" height="51.2" fill="#b26ba9" />
+<rect x="409.6" y="358.40000000000003" width="51.2" height="51.2" fill="#cb62ac" />
+<rect x="409.6" y="409.6" width="51.2" height="51.2" fill="#e459ae" />
+<rect x="409.6" y="460.8" width="51.2" height="51.2" fill="#fd50b0" />
+<rect x="460.8" y="0.0" width="51.2" height="51.2" fill="#05a8aa" />
+<rect x="460.8" y="51.2" width="51.2" height="51.2" fill="#209bad" />
+<rect x="460.8" y="102.4" width="51.2" height="51.2" fill="#3c90b0" />
+<rect x="460.8" y="153.60000000000002" width="51.2" height="51.2" fill="#5884b3" />
+<rect x="460.8" y="204.8" width="51.2" height="51.2" fill="#7478b6" />
+<rect x="460.8" y="256.0" width="51.2" height="51.2" fill="#8f6cba" />
+<rect x="460.8" y="307.20000000000005" width="51.2" height="51.2" fill="#ab60bd" />
+<rect x="460.8" y="358.40000000000003" width="51.2" height="51.2" fill="#c754c0" />
+<rect x="460.8" y="409.6" width="51.2" height="51.2" fill="#e348c3" />
+<rect x="460.8" y="460.8" width="51.2" height="51.2" fill="#ff3cc7" />
+</svg>
\ No newline at end of file