Commit new14456

src/pages/index.tsx

@@ -5,6 +5,7 @@ import { Input } from '../components/input';
 import { useHistory } from '../components/history/hook';
 import { History } from '../components/history/History';
 import { banner } from '../utils/bin';
+import Link from 'next/link';
 
 interface IndexPageProps {
   inputRef: React.MutableRefObject<HTMLInputElement>;
@@ -41,7 +42,24 @@ const IndexPage: React.FC<IndexPageProps> = ({ inputRef }) => {
         <title>{config.title}</title>
       </Head>
 
-      <div className="p-8 overflow-hidden h-full border-2 rounded border-light-yellow dark:border-dark-yellow">
+      {/* Header */}
+      <header className="bg-gray-800 text-white p-4 flex items-center justify-between">
+        {/* Left Link */}
+        <Link href="/" className="text-white text-lg font-bold">
+          nullshift.xyz
+        </Link>
+
+        {/* Right Button */}
+        <Link
+          href="/page"
+          className="bg-light-yellow dark:bg-dark-yellow text-black py-2 px-4 rounded hover:bg-yellow-600 transition"
+        >
+          Go to Page
+        </Link>
+      </header>
+
+      {/* Main Content */}
+      <main className="p-8 overflow-hidden h-full border-2 rounded border-light-yellow dark:border-dark-yellow">
         <div ref={containerRef} className="overflow-y-auto h-full">
           <History history={history} />
 
@@ -57,7 +75,15 @@ const IndexPage: React.FC<IndexPageProps> = ({ inputRef }) => {
             clearHistory={clearHistory}
           />
         </div>
-      </div>
+      </main>
+
+      {/* Footer */}
+      <footer className="bg-gray-800 text-white p-4 text-center">
+        <p>&copy; 2025 NullShift. All Rights Reserved.</p>
+        <Link href="/terms" className="text-light-yellow dark:text-dark-yellow underline hover:text-yellow-600">
+          Terms & Conditions
+        </Link>
+      </footer>
     </>
   );
 };