diff --git a/src/pages/components/Logo.tsx b/src/pages/components/Logo.tsx
new file mode 100644
index 0000000..0a9cb05
--- /dev/null
+++ b/src/pages/components/Logo.tsx
@@ -0,0 +1,9 @@
+import Image from "next/image";
+
+export const Logo = () => {
+  return (
+    <div id="logo">
+      <Image src="/xcl.png" alt="XCL" width={209} height={105} />
+    </div>
+  );
+};