diff --git a/lazy-timer-fe/src/pages/Charts/Line.jsx b/lazy-timer-fe/src/pages/Charts/Line.jsx
new file mode 100644
index 0000000..66e2b8b
--- /dev/null
+++ b/lazy-timer-fe/src/pages/Charts/Line.jsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+import { ChartsHeader, LineChart } from '../../components';
+
+const Line = () => (
+  <div className="m-4 md:m-10 mt-24 p-10 bg-white dark:bg-secondary-dark-bg rounded-3xl">
+    <ChartsHeader category="Line" title="Inflation Rate" />
+    <div className="w-full">
+      <LineChart />
+    </div>
+  </div>
+);
+
+export default Line;