mintpic dev
9 months ago
parent
20080dc289
commit
19a1256a36
@ -0,0 +1,100 @@
|
|||||||
|
import React, { useState } from 'react';
|
||||||
|
import Head from 'next/head';
|
||||||
|
import Link from 'next/link';
|
||||||
|
|
||||||
|
const LinksPage: React.FC = () => {
|
||||||
|
const [isAuthenticated, setIsAuthenticated] = useState(false);
|
||||||
|
const [password, setPassword] = useState('');
|
||||||
|
|
||||||
|
const handleLogin = () => {
|
||||||
|
if (password === 'nullshiftrules') {
|
||||||
|
setIsAuthenticated(true);
|
||||||
|
} else {
|
||||||
|
alert('Incorrect password!');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
if (!isAuthenticated) {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen flex items-center justify-center bg-gray-100">
|
||||||
|
<div className="bg-white p-8 shadow-md rounded">
|
||||||
|
<h1 className="text-2xl font-bold mb-4">Enter Password</h1>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
className="border p-2 w-full mb-4"
|
||||||
|
placeholder="Password"
|
||||||
|
value={password}
|
||||||
|
onChange={(e) => setPassword(e.target.value)}
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
className="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-700"
|
||||||
|
onClick={handleLogin}
|
||||||
|
>
|
||||||
|
Submit
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Head>
|
||||||
|
<title>Links - NullShift</title>
|
||||||
|
</Head>
|
||||||
|
|
||||||
|
<div className="min-h-screen flex flex-col">
|
||||||
|
{/* Header */}
|
||||||
|
<header className="bg-gray-800 text-white p-4">
|
||||||
|
<div className="container mx-auto flex justify-between items-center">
|
||||||
|
<Link href="/" className="text-lg font-bold">
|
||||||
|
nullshift.xyz
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
{/* Main Content */}
|
||||||
|
<main className="flex-grow container mx-auto p-8">
|
||||||
|
<h1 className="text-2xl font-bold mb-4">Useful Links</h1>
|
||||||
|
<ul className="list-disc pl-5">
|
||||||
|
<li className="mb-2">
|
||||||
|
<Link href="https://nullshift.xyz" className="text-blue-500 underline hover:text-blue-700">
|
||||||
|
NullShift.xyz
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li className="mb-2">
|
||||||
|
<Link href="https://github.com" className="text-blue-500 underline hover:text-blue-700">
|
||||||
|
GitHub
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li className="mb-2">
|
||||||
|
<Link href="https://nextjs.org" className="text-blue-500 underline hover:text-blue-700">
|
||||||
|
Next.js Documentation
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li className="mb-2">
|
||||||
|
<Link href="https://reactjs.org" className="text-blue-500 underline hover:text-blue-700">
|
||||||
|
React Official Website
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li className="mb-2">
|
||||||
|
<Link href="https://tailwindcss.com" className="text-blue-500 underline hover:text-blue-700">
|
||||||
|
TailwindCSS Documentation
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="bg-gray-800 text-white p-4 text-center">
|
||||||
|
<p>© 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>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default LinksPage;
|
||||||
@ -0,0 +1,62 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Head from 'next/head';
|
||||||
|
import Link from 'next/link';
|
||||||
|
|
||||||
|
const TermsPage: React.FC = () => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Head>
|
||||||
|
<title>Terms and Conditions - NullShift</title>
|
||||||
|
</Head>
|
||||||
|
|
||||||
|
<div className="min-h-screen flex flex-col">
|
||||||
|
{/* Header */}
|
||||||
|
<header className="bg-gray-800 text-white p-4">
|
||||||
|
<div className="container mx-auto flex justify-between items-center">
|
||||||
|
<Link href="/" className="text-lg font-bold">
|
||||||
|
nullshift.xyz
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
{/* Main Content */}
|
||||||
|
<main className="flex-grow container mx-auto p-8">
|
||||||
|
<h1 className="text-2xl font-bold mb-4">Terms and Conditions</h1>
|
||||||
|
<p className="mb-4">
|
||||||
|
Welcome to NullShift! These terms and conditions outline the rules and regulations for the use of our website.
|
||||||
|
</p>
|
||||||
|
<h2 className="text-xl font-semibold mb-2">1. Introduction</h2>
|
||||||
|
<p className="mb-4">
|
||||||
|
By accessing this website, you agree to comply with these terms and conditions. If you disagree with any part of these terms, please do not use our website.
|
||||||
|
</p>
|
||||||
|
<h2 className="text-xl font-semibold mb-2">2. Usage</h2>
|
||||||
|
<p className="mb-4">
|
||||||
|
The content on this website is for general information and use only. It is subject to change without notice.
|
||||||
|
</p>
|
||||||
|
<h2 className="text-xl font-semibold mb-2">3. Intellectual Property</h2>
|
||||||
|
<p className="mb-4">
|
||||||
|
The website and its content are owned by NullShift and protected by intellectual property laws.
|
||||||
|
</p>
|
||||||
|
<h2 className="text-xl font-semibold mb-2">4. Liability</h2>
|
||||||
|
<p className="mb-4">
|
||||||
|
NullShift is not responsible for any errors or omissions, or for the results obtained from the use of this information.
|
||||||
|
</p>
|
||||||
|
<h2 className="text-xl font-semibold mb-2">5. Contact</h2>
|
||||||
|
<p className="mb-4">
|
||||||
|
If you have any questions about these Terms and Conditions, please contact us at <a href="mailto:support@nullshift.xyz" className="text-blue-500 underline">support@nullshift.xyz</a>.
|
||||||
|
</p>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="bg-gray-800 text-white p-4 text-center">
|
||||||
|
<p>© 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>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default TermsPage;
|
||||||
Loading…
Reference in new issue