mirror of
https://github.com/Snigdha-OS/snigdhaos-web-dev.git
synced 2025-09-05 21:06:37 +02:00
✨ style(content): update ++
This commit is contained in:
Eshan Roy
44
index.html
44
index.html
@@ -4,7 +4,49 @@
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite + React + TS</title>
|
||||
|
||||
<!-- Title -->
|
||||
<title>SNIGDHA OS - Arch based Linux Distribution for Penetration Testing and Ethical Hacking</title>
|
||||
|
||||
<!-- Meta Description -->
|
||||
<meta
|
||||
name="description"
|
||||
content="SNIGDHA OS is a fast, secure, and elegant GNU/Linux desktop distribution designed for modern users. Perfect for developers, creators, and enthusiasts."
|
||||
/>
|
||||
|
||||
<!-- Open Graph / Facebook -->
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="SNIGDHA OS - Arch based Linux Distribution for Penetration Testing and Ethical Hacking" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="SNIGDHA OS is a fast, secure, and elegant GNU/Linux desktop distribution designed for modern users. Perfect for developers, creators, and enthusiasts."
|
||||
/>
|
||||
<meta property="og:url" content="https://snigdhaos.com/" />
|
||||
<meta property="og:image" content="https://snigdhaos.com/og-image.png" />
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="SNIGDHA OS - Arch based Linux Distribution for Penetration Testing and Ethical Hacking" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="SNIGDHA OS is a fast, secure, and elegant GNU/Linux desktop distribution designed for modern users. Perfect for developers, creators, and enthusiasts."
|
||||
/>
|
||||
<meta name="twitter:image" content="https://snigdhaos.com/twitter-image.png" />
|
||||
|
||||
<!-- Author -->
|
||||
<meta name="author" content="Snigdha OS Team" />
|
||||
|
||||
<!-- Theme Color -->
|
||||
<meta name="theme-color" content="#4f46e5" />
|
||||
|
||||
<!-- Keywords -->
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Linux, Linux Distribution, Snigdha OS, Operating System, GNU/Linux, Open Source, Desktop Environment, Linux for Developers"
|
||||
/>
|
||||
|
||||
<!-- Robots -->
|
||||
<meta name="robots" content="index, follow" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
10
package-lock.json
generated
10
package-lock.json
generated
@@ -12,6 +12,7 @@
|
||||
"octokit": "^3.1.2",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"react-icons": "^5.4.0",
|
||||
"react-router-dom": "^6.22.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
@@ -3875,6 +3876,15 @@
|
||||
"react": "^18.3.1"
|
||||
}
|
||||
},
|
||||
"node_modules/react-icons": {
|
||||
"version": "5.4.0",
|
||||
"resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.4.0.tgz",
|
||||
"integrity": "sha512-7eltJxgVt7X64oHh6wSWNwwbKTCtMfK35hcjvJS0yxEAhPM8oUKdS3+kqaW1vicIltw+kR2unHaa12S9pPALoQ==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"react": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/react-refresh": {
|
||||
"version": "0.14.2",
|
||||
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
|
||||
|
||||
@@ -11,10 +11,11 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"lucide-react": "^0.344.0",
|
||||
"octokit": "^3.1.2",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"react-router-dom": "^6.22.3",
|
||||
"octokit": "^3.1.2"
|
||||
"react-icons": "^5.4.0",
|
||||
"react-router-dom": "^6.22.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^9.9.1",
|
||||
@@ -32,4 +33,4 @@
|
||||
"typescript-eslint": "^8.3.0",
|
||||
"vite": "^5.4.2"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,50 +1,119 @@
|
||||
import React from 'react';
|
||||
import { Github, Twitter } from 'lucide-react';
|
||||
import { Github, Gitlab } from 'lucide-react';
|
||||
|
||||
export function Footer() {
|
||||
return (
|
||||
<footer className="bg-[#3c3c3c] text-white py-8">
|
||||
<div className="container mx-auto px-4">
|
||||
<footer className="bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white py-10">
|
||||
<div className="container mx-auto px-6">
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-8">
|
||||
{/* Linux Mint Section */}
|
||||
<div>
|
||||
<h3 className="font-bold text-lg mb-4">Linux Mint</h3>
|
||||
<p className="text-sm text-gray-300">
|
||||
Linux Mint is an elegant, easy to use, up to date and comfortable
|
||||
<h3 className="font-extrabold text-lg mb-4">Linux Mint</h3>
|
||||
<p className="text-sm text-gray-400 leading-relaxed">
|
||||
Linux Mint is an elegant, easy to use, up-to-date, and comfortable
|
||||
GNU/Linux desktop distribution.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Quick Links */}
|
||||
<div>
|
||||
<h3 className="font-bold text-lg mb-4">Quick Links</h3>
|
||||
<ul className="space-y-2 text-sm">
|
||||
<li><a href="/blog" className="hover:text-green-400">Blog</a></li>
|
||||
<li><a href="/forums" className="hover:text-green-400">Forums</a></li>
|
||||
<li><a href="/community" className="hover:text-green-400">Community</a></li>
|
||||
<h3 className="font-extrabold text-lg mb-4">Quick Links</h3>
|
||||
<ul className="space-y-3 text-sm">
|
||||
<li>
|
||||
<a href="/blog" className="hover:text-indigo-400 transition-colors">
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/forums" className="hover:text-indigo-400 transition-colors">
|
||||
Forums
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/community" className="hover:text-indigo-400 transition-colors">
|
||||
Community
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Documentation */}
|
||||
<div>
|
||||
<h3 className="font-bold text-lg mb-4">Documentation</h3>
|
||||
<ul className="space-y-2 text-sm">
|
||||
<li><a href="/docs/installation" className="hover:text-green-400">Installation Guide</a></li>
|
||||
<li><a href="/docs/user-guide" className="hover:text-green-400">User Guide</a></li>
|
||||
<li><a href="/docs/release-notes" className="hover:text-green-400">Release Notes</a></li>
|
||||
<h3 className="font-extrabold text-lg mb-4">Documentation</h3>
|
||||
<ul className="space-y-3 text-sm">
|
||||
<li>
|
||||
<a
|
||||
href="/docs/installation"
|
||||
className="hover:text-indigo-400 transition-colors"
|
||||
>
|
||||
Installation Guide
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="/docs/user-guide"
|
||||
className="hover:text-indigo-400 transition-colors"
|
||||
>
|
||||
User Guide
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="/docs/release-notes"
|
||||
className="hover:text-indigo-400 transition-colors"
|
||||
>
|
||||
Release Notes
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Connect Section */}
|
||||
<div>
|
||||
<h3 className="font-bold text-lg mb-4">Connect</h3>
|
||||
<div className="flex space-x-4">
|
||||
<a href="https://github.com/linuxmint" className="hover:text-green-400">
|
||||
<Github className="h-6 w-6" />
|
||||
<h3 className="font-extrabold text-lg mb-4">Connect</h3>
|
||||
<div className="flex space-x-5">
|
||||
<a
|
||||
href="https://github.com/Snigdha-OS"
|
||||
className="hover:text-indigo-400 transition-all"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Github className="h-7 w-7" />
|
||||
</a>
|
||||
<a href="https://twitter.com/linux_mint" className="hover:text-green-400">
|
||||
<Twitter className="h-6 w-6" />
|
||||
<a
|
||||
href="https://gitlab.com/Snigdha-OS"
|
||||
className="hover:text-indigo-400 transition-all"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Gitlab className="h-7 w-7" />
|
||||
</a>
|
||||
<a
|
||||
href="https://dev.to/SnigdhaOS"
|
||||
className="hover:text-indigo-400 transition-all"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<svg
|
||||
className="h-7 w-7 fill-current"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 50 40"
|
||||
>
|
||||
<path d="M0 2.7v34.6c0 1.5.6 2.9 1.6 3.9 1 1 2.4 1.6 3.9 1.6h38.9c1.5 0 2.9-.6 3.9-1.6 1-1 1.6-2.4 1.6-3.9V2.7c0-1.5-.6-2.9-1.6-3.9-1-1-2.4-1.6-3.9-1.6H5.5c-1.5 0-2.9.6-3.9 1.6C.6-.2 0 1.2 0 2.7zm21.8 26.7h-3.9V10.6h3.9v18.8zm8.5 0h-3.3l-2.2-6.6h-1.5v6.6h-3.9V10.6h5.5c.7 0 1.3.1 1.9.4s1 .6 1.4 1.1.7 1 .9 1.7c.2.6.3 1.3.3 2v2.6c0 .7-.1 1.4-.3 2s-.5 1.1-.9 1.6c-.4.5-.8.8-1.4 1.1-.6.2-1.2.4-1.9.4h-1.6l2 6.3h2.4l3.5-6.3v6.3zm9.5 0h-3.9v-6.6h-5.6v6.6h-3.9V10.6h3.9v6.2h5.6v-6.2h3.9v18.8z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-8 pt-8 border-t border-gray-700 text-center text-sm text-gray-400">
|
||||
<p>© {new Date().getFullYear()} Linux Mint. All rights reserved.</p>
|
||||
|
||||
{/* Footer Bottom */}
|
||||
<div className="mt-12 pt-8 border-t border-gray-700 text-center text-sm text-gray-500">
|
||||
<p>
|
||||
© {new Date().getFullYear()} Snigdha OS℠ & Tonmoy Infrastructure™. All rights reserved.
|
||||
</p>
|
||||
<p className="mt-2">Built with ❤️ by the Snigdha OS team.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user