fix(_get): IDK

2025-09-06 05:15:11 +02:00 · 2024-12-03 18:18:18 +05:30
parent 134d29ecce
commit 8c0d1cd43d
4 changed files with 120 additions and 29 deletions
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
        "lucide-react": "^0.344.0",
        "react": "^18.3.1",
        "react-dom": "^18.3.1",
+        "react-icons": "^5.4.0",
        "react-router-dom": "^6.22.3"
      },
      "devDependencies": {
@@ -3291,6 +3292,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",
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
    "lucide-react": "^0.344.0",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
+    "react-icons": "^5.4.0",
    "react-router-dom": "^6.22.3"
  },
  "devDependencies": {
@@ -31,4 +32,4 @@
    "typescript-eslint": "^8.3.0",
    "vite": "^5.4.2"
  }
-}
+}
--- a/src/components/home/ImageSlider.tsx
+++ b/src/components/home/ImageSlider.tsx
@@ -3,22 +3,46 @@ import { ChevronLeft, ChevronRight } from 'lucide-react';

 const slides = [
  {
-    type: 'video',
-    url: "https://cdn.videvo.net/videvo_files/video/premium/video0036/small_watermarked/computer_code00_preview.mp4",
-    title: "Next-Gen Security",
-    description: "Experience advanced security features and protection"
+    type: 'image',
+    url: "https://images.unsplash.com/photo-1600782910044-f02b543bb1c0?crop=entropy&cs=tinysrgb&fit=max&ixid=MnwzNjA3fDB8MHxwaG90by1mZWF0Y2h8Mnx8Y3liZXJzZWN1cml0eXxlbnwwfHx8fDE2NzgzNjMwNzM&ixlib=rb-1.2.1&q=80&w=1080",
+    title: "Data Encryption",
+    description: "Protect sensitive information with strong encryption protocols."
  },
  {
    type: 'image',
-    url: "https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?auto=format&fit=crop&q=80&w=1920",
-    title: "Developer's Choice",
-    description: "Built for modern development workflows"
+    url: "https://images.unsplash.com/photo-1516314175872-b4fe7fe63f55?crop=entropy&cs=tinysrgb&fit=max&ixid=MnwzNjA3fDB8MHxwaG90by1mZWF0Y2h8Mnx8c3lzdGVtcyUyMGF0JTIwd29yayxlbnwwfHx8fDE2NzgzNjI4NzY&ixlib=rb-1.2.1&q=80&w=1080",
+    title: "Firewalls",
+    description: "Secure your network with advanced firewall protection."
  },
  {
-    type: 'video',
-    url: "https://cdn.videvo.net/videvo_files/video/premium/video0036/small_watermarked/computer_code02_preview.mp4",
-    title: "Community Powered",
-    description: "Supported by a growing community of innovators"
+    type: 'image',
+    url: "https://images.unsplash.com/photo-1584697964178-70f5289cbbd1?crop=entropy&cs=tinysrgb&fit=max&ixid=MnwzNjA3fDB8MHxwaG90by1mZWF0Y2h8OXx8c3lzdGVtcyUyMGFuZCUyMHNlY3VyaXR5fGVufDB8fHx8fDE2NzgzNjM0NjQ&ixlib=rb-1.2.1&q=80&w=1080",
+    title: "Malware Detection",
+    description: "Detect and mitigate malware threats with sophisticated tools."
+  },
+  {
+    type: 'image',
+    url: "https://images.unsplash.com/photo-1584697964178-70f5289cbbd1?crop=entropy&cs=tinysrgb&fit=max&ixid=MnwzNjA3fDB8MHxwaG90by1mZWF0Y2h8OXx8c3lzdGVtcyUyMGFuZCUyMHNlY3VyaXR5fGVufDB8fHx8fDE2NzgzNjM0NjQ&ixlib=rb-1.2.1&q=80&w=1080",
+    title: "Cybersecurity Awareness",
+    description: "Stay informed about the latest cybersecurity trends and threats."
+  },
+  {
+    type: 'image',
+    url: "https://images.unsplash.com/photo-1584697964178-70f5289cbbd1?crop=entropy&cs=tinysrgb&fit=max&ixid=MnwzNjA3fDB8MHxwaG90by1mZWF0Y2h8OXx8c3lzdGVtcyUyMGFuZCUyMHNlY3VyaXR5fGVufDB8fHx8fDE2NzgzNjM0NjQ&ixlib=rb-1.2.1&q=80&w=1080",
+    title: "Advanced Threat Protection",
+    description: "Protect your systems with advanced threat protection tools."
+  },
+  {
+    type: 'image',
+    url: "https://images.unsplash.com/photo-1590517286893-84f635b02cf0?crop=entropy&cs=tinysrgb&fit=max&ixid=MnwzNjA3fDB8MHxwaG90by1mZWF0Y2h8MXx8cGFzc3dvcmQlMjBmb3IlMjBjdXJlcyxlbnwwfHx8fDE2NzgzNjM5Nzg&ixlib=rb-1.2.1&q=80&w=1080",
+    title: "Cybersecurity Policy",
+    description: "Establish robust cybersecurity policies for your organization."
+  },
+  {
+    type: 'image',
+    url: "https://images.unsplash.com/photo-1622736606985-5f6881a2ffb6?crop=entropy&cs=tinysrgb&fit=max&ixid=MnwzNjA3fDB8MHxwaG90by1mZWF0Y2h8NXx8aXNtYWdlJTIwd2l0aCUyMHRlY2huaWNhbHxlbnwwfHx8fDE2NzgzNjQyNzg&ixlib=rb-1.2.1&q=80&w=1080",
+    title: "Cybersecurity Tools",
+    description: "Utilize the latest cybersecurity tools to keep your systems safe."
  }
 ];

@@ -43,7 +67,7 @@ export default function ImageSlider() {
    if (isPlaying) {
      timer = setInterval(() => {
        nextSlide();
-      }, 8000); // Longer interval for videos
+      }, 2000); // Longer interval for videos
    }
    return () => clearInterval(timer);
  }, [currentIndex, isPlaying]);
@@ -75,7 +99,7 @@ export default function ImageSlider() {
  };

  return (
-    <div className="relative h-[600px] w-full group">
+    <div className="relative h-[735px] w-full group">
      <div className="w-full h-full bg-black relative overflow-hidden">
        {renderSlideContent()}
        <div className="absolute inset-0 bg-black/50 flex items-center justify-center flex-col text-white text-center px-4">
@@ -106,4 +130,4 @@ export default function ImageSlider() {
      </div>
    </div>
  );
-}
+}
--- a/src/pages/Download.tsx
+++ b/src/pages/Download.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Download, Laptop, HardDrive, Cloud } from 'lucide-react';
+import { Download, Laptop, HardDrive, Cloud, Archive, Server, Box } from 'lucide-react';

 export default function DownloadPage() {
  return (
@@ -7,9 +7,9 @@ export default function DownloadPage() {
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        {/* Hero Section */}
        <div className="text-center mb-16">
-          <h1 className="text-4xl font-bold text-gray-900 mb-4">Download Kali Linux</h1>
+          <h1 className="text-4xl font-bold text-gray-900 mb-4">Download Snigdha OS</h1>
          <p className="text-xl text-gray-600 max-w-3xl mx-auto">
-            Choose the installation option that best suits your needs
+            Choose the installation option that best suits your needs. We provide different formats and configurations to suit every environment.
          </p>
        </div>

@@ -19,7 +19,7 @@ export default function DownloadPage() {
            <Laptop className="h-12 w-12 text-[#754ffe] mx-auto mb-4" />
            <h3 className="text-xl font-semibold mb-2">Installer Images</h3>
            <p className="text-gray-600 mb-4">
-              Full installation images for various architectures
+              Full installation images for various architectures and desktop environments.
            </p>
            <button className="bg-[#754ffe] text-white px-6 py-2 rounded-lg font-semibold hover:bg-[#6344d5] transition-colors inline-flex items-center">
              <Download className="h-5 w-5 mr-2" />
@@ -31,7 +31,7 @@ export default function DownloadPage() {
            <HardDrive className="h-12 w-12 text-[#754ffe] mx-auto mb-4" />
            <h3 className="text-xl font-semibold mb-2">Virtual Machines</h3>
            <p className="text-gray-600 mb-4">
-              Pre-configured VMs for VMware and VirtualBox
+              Pre-configured VMs for VMware, VirtualBox, and Hyper-V.
            </p>
            <button className="bg-[#754ffe] text-white px-6 py-2 rounded-lg font-semibold hover:bg-[#6344d5] transition-colors inline-flex items-center">
              <Download className="h-5 w-5 mr-2" />
@@ -43,7 +43,7 @@ export default function DownloadPage() {
            <Cloud className="h-12 w-12 text-[#754ffe] mx-auto mb-4" />
            <h3 className="text-xl font-semibold mb-2">ARM Images</h3>
            <p className="text-gray-600 mb-4">
-              Images for Raspberry Pi and other ARM devices
+              Images for Raspberry Pi, ARM-based boards, and other ARM devices.
            </p>
            <button className="bg-[#754ffe] text-white px-6 py-2 rounded-lg font-semibold hover:bg-[#6344d5] transition-colors inline-flex items-center">
              <Download className="h-5 w-5 mr-2" />
@@ -52,17 +52,57 @@ export default function DownloadPage() {
          </div>
        </div>

+        {/* Additional Download Options */}
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
+          <div className="bg-white p-6 rounded-lg shadow-lg text-center">
+            <Archive className="h-12 w-12 text-[#754ffe] mx-auto mb-4" />
+            <h3 className="text-xl font-semibold mb-2">Source Code</h3>
+            <p className="text-gray-600 mb-4">
+              Download the source code and contribute to the development of Snigdha OS.
+            </p>
+            <button className="bg-[#754ffe] text-white px-6 py-2 rounded-lg font-semibold hover:bg-[#6344d5] transition-colors inline-flex items-center">
+              <Download className="h-5 w-5 mr-2" />
+              Download Source
+            </button>
+          </div>
+
+          <div className="bg-white p-6 rounded-lg shadow-lg text-center">
+            <Server className="h-12 w-12 text-[#754ffe] mx-auto mb-4" />
+            <h3 className="text-xl font-semibold mb-2">Cloud Images</h3>
+            <p className="text-gray-600 mb-4">
+              Pre-configured cloud images for platforms like AWS, Azure, and Google Cloud.
+            </p>
+            <button className="bg-[#754ffe] text-white px-6 py-2 rounded-lg font-semibold hover:bg-[#6344d5] transition-colors inline-flex items-center">
+              <Download className="h-5 w-5 mr-2" />
+              Download Cloud Image
+            </button>
+          </div>
+
+          <div className="bg-white p-6 rounded-lg shadow-lg text-center">
+            <Box className="h-12 w-12 text-[#754ffe] mx-auto mb-4" />
+            <h3 className="text-xl font-semibold mb-2">Docker Images</h3>
+            <p className="text-gray-600 mb-4">
+              Snigdha OS available as Docker container images for lightweight testing.
+            </p>
+            <button className="bg-[#754ffe] text-white px-6 py-2 rounded-lg font-semibold hover:bg-[#6344d5] transition-colors inline-flex items-center">
+              <Download className="h-5 w-5 mr-2" />
+              Download Docker
+            </button>
+          </div>
+        </div>
+
        {/* System Requirements */}
        <div className="bg-white rounded-lg shadow-lg p-8 mb-16">
-          <h2 className="text-2xl font-bold text-gray-900 mb-6">System Requirements</h2>
+          <h2 className="text-2xl font-bold text-gray-900 mb-6 text-center">System Requirements</h2>
          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
            <div>
              <h3 className="text-lg font-semibold mb-3">Minimum Requirements</h3>
              <ul className="space-y-2 text-gray-600">
                <li>• 2 GB RAM</li>
                <li>• 20 GB disk space</li>
-                <li>• x64 processor</li>
+                <li>• x64 or ARM processor</li>
                <li>• USB boot support</li>
+                <li>• Graphics card with OpenGL support</li>
              </ul>
            </div>
            <div>
@@ -71,7 +111,8 @@ export default function DownloadPage() {
                <li>• 4 GB RAM</li>
                <li>• 50 GB disk space</li>
                <li>• Multi-core processor</li>
-                <li>• Graphics card</li>
+                <li>• Graphics card (NVIDIA, AMD, or integrated)</li>
+                <li>• SSD for faster boot and performance</li>
              </ul>
            </div>
          </div>
@@ -82,20 +123,35 @@ export default function DownloadPage() {
          <h2 className="text-2xl font-bold text-gray-900 mb-6">Installation Guide</h2>
          <div className="space-y-4">
            <p className="text-gray-600">
-              Follow these steps to install Kali Linux:
+              Follow these steps to install Snigdha OS on your system:
            </p>
            <ol className="list-decimal list-inside space-y-2 text-gray-600">
              <li>Download the appropriate image for your system</li>
-              <li>Create a bootable USB drive or DVD</li>
+              <li>Create a bootable USB drive or DVD using tools like Rufus, balenaEtcher, or dd</li>
              <li>Boot from the installation media</li>
-              <li>Follow the installation wizard</li>
+              <li>Follow the on-screen instructions to install Snigdha OS</li>
            </ol>
            <p className="text-gray-600 mt-4">
-              For detailed installation instructions, please refer to our documentation.
+              For detailed instructions and troubleshooting, refer to the full installation documentation available on our website.
            </p>
          </div>
        </div>
+
+        {/* YouTube Video Section */}
+        <div className="mt-16 text-center">
+          <h2 className="text-2xl font-bold text-gray-900 mb-6">Watch the Installation Tutorial</h2>
+          <div className="relative pb-9/16 h-0 overflow-hidden">
+            <iframe
+              className="absolute inset-0 w-full h-full"
+              src="https://www.youtube.com/embed/your-video-id-here"
+              title="Installation Tutorial"
+              // frameBorder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+              allowFullScreen
+            ></iframe>
+          </div>
+          </div>
      </div>
    </div>
  );
-}
+}