diff --git a/src/pages/LogsPage/LogsTerminal.tsx b/src/pages/LogsPage/LogsTerminal.tsx
new file mode 100644
index 00000000..59e52ee2
--- /dev/null
+++ b/src/pages/LogsPage/LogsTerminal.tsx
@@ -0,0 +1,32 @@
+
+import { LazyLog } from 'react-lazylog';
+
+function LogsTerminal() {
+  const lineStyle = {
+    borderBottom: '1px solid #e0e0e0',
+    fontFamily: 'Courier New, monospace',
+    lineHeight: '1.5',
+    fontSize: '14px',
+  };
+
+  const oddLineStyle = {
+    ...lineStyle,
+    backgroundColor: '#f7f7f7',
+  };
+
+  const lineContentStyle = {
+    color: '#333',
+  };
+
+  return (
+    <div>
+      <LazyLog
+        url="path_to_your_log_file.log"
+        lineStyle={(lineNumber: number) => lineNumber % 2 === 0 ? lineStyle : oddLineStyle}
+        textStyle={lineContentStyle}
+      />
+    </div>
+  );
+}
+
+export default LogsTerminal;