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