diff --git a/components/GitHubOctocat.tsx b/components/GitHubOctocat.tsx
new file mode 100644
index 00000000..928f4075
--- /dev/null
+++ b/components/GitHubOctocat.tsx
@@ -0,0 +1,9 @@
+import Image from "next/image";
+
+export const GitHubOctocat = () => {
+ return (
+
+
+
+ );
+};
diff --git a/pages/index.tsx b/pages/index.tsx
index e2d46014..6bbb2b27 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -5,6 +5,7 @@ import { RepositoryList } from "../components/RepositoryList";
import { useAppData } from "../hooks/useAppData";
import { Navbar } from "../components/Navbar";
import { HeroContainer } from "../components/HeroContainer";
+import { GitHubOctocat } from "../components/GitHubOctocat";
export default function Home() {
const { repositories } = useAppData();
@@ -17,6 +18,7 @@ export default function Home() {
+
>
);
diff --git a/public/octocatwithbody.svg b/public/octocatwithbody.svg
new file mode 100644
index 00000000..7fa1a48c
--- /dev/null
+++ b/public/octocatwithbody.svg
@@ -0,0 +1,426 @@
+