fix(_get): IDK

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",

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": {

src/components/home/ImageSlider.tsx

@@ -3,22 +3,46 @@ import { ChevronLeft, ChevronRight } from 'lucide-react';
 
 const slides = [
   {
-    type: 'video',
+    type: 'image',
-    url: "https://cdn.videvo.net/videvo_files/video/premium/video0036/small_watermarked/computer_code00_preview.mp4",
+    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: "Next-Gen Security",
+    title: "Data Encryption",
-    description: "Experience advanced security features and protection"
+    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",
+    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: "Developer's Choice",
+    title: "Firewalls",
-    description: "Built for modern development workflows"
+    description: "Secure your network with advanced firewall protection."
   },
   {
-    type: 'video',
+    type: 'image',
-    url: "https://cdn.videvo.net/videvo_files/video/premium/video0036/small_watermarked/computer_code02_preview.mp4",
+    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: "Community Powered",
+    title: "Malware Detection",
-    description: "Supported by a growing community of innovators"
+    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">

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,19 +123,34 @@ 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>
   );