v3: re-write frontend using next js

1 files changed, 18 insertions, 0 deletions

diff --git a/src/app/_componenets/TitleBar/TitleBar.tsx b/src/app/_componenets/TitleBar/TitleBar.tsx
new file mode 100644
index 0000000..27bebfc
--- /dev/null
+++ b/src/app/_componenets/TitleBar/TitleBar.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import Image from 'next/image';
+
+interface TitleBarProps {
+    title: string;
+}
+
+const TitleBar: React.FC<TitleBarProps> = ({ title }) => {
+    return (
+        <div className="title-bar p-5 shadow-md" style={{ backgroundColor: '#2D4B71' }}>
+            <div style={{ width: 'fit-content', whiteSpace: 'nowrap', overflow: 'hidden' }}>
+                <span className="text-white text-4xl font-bold">{title}</span>
+            </div>
+        </div>
+    );
+};
+
+export default TitleBar;
\ No newline at end of file