diff --git a/apps/remix-ide/src/assets/img/home.webp b/apps/remix-ide/src/assets/img/home.webp
new file mode 100644
index 0000000000..6af3393ffd
Binary files /dev/null and b/apps/remix-ide/src/assets/img/home.webp differ
diff --git a/apps/remix-ide/src/assets/img/remix_logo_light.webp b/apps/remix-ide/src/assets/img/remix_logo_light.webp
new file mode 100644
index 0000000000..097a95e50e
Binary files /dev/null and b/apps/remix-ide/src/assets/img/remix_logo_light.webp differ
diff --git a/libs/remix-ui/home-tab/src/lib/components/workspaceTemplate.tsx b/libs/remix-ui/home-tab/src/lib/components/workspaceTemplate.tsx
new file mode 100644
index 0000000000..11dd2a4889
--- /dev/null
+++ b/libs/remix-ui/home-tab/src/lib/components/workspaceTemplate.tsx
@@ -0,0 +1,31 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React, { useContext } from 'react'
+import { ThemeContext } from '../themeContext'
+import { OverlayTrigger, Tooltip } from 'react-bootstrap' // eslint-disable-line
+interface WorkspaceTemplateProps {
+  gsID: string,
+  workspaceTitle: string,
+  callback: any,
+  description: string,
+}
+
+function WorkspaceTemplate ({ gsID, workspaceTitle, description, callback }: WorkspaceTemplateProps) {
+  const themeFilter = useContext(ThemeContext)
+
+  return (
+    <div className="d-flex remixui_home_workspaceTemplate">
+      <button
+        className="btn border-secondary p-1 d-flex flex-column  text-nowrap justify-content-center align-items-center mr-2 remixui_home_workspaceTemplate"
+        data-id={'landingPageStart' + gsID}
+        onClick={() => callback()}
+      >
+        <div className="w-100 p-2 h-100 align-items-start d-flex flex-column">
+          <label className="h6 text-uppercase text-dark remixui_home_cursorStyle">{workspaceTitle}</label>
+          <div className="remixui_home_gtDescription">{description}</div>
+        </div>
+      </button>
+    </div>
+  )
+}
+
+export default WorkspaceTemplate