axiodb 2.10.26 → 2.10.27

package/Document/src/components/content/Comparison.tsx

@@ -1,227 +0,0 @@
-import React from "react";
-import { Zap, Server, GitCompare } from "lucide-react";
-
-const Comparison: React.FC = () => {
-  return (
-    <section id="comparison" className="pt-12 scroll-mt-20">
-      <h2 className="text-3xl font-bold mb-6 flex items-center gap-2">
-        <GitCompare className="h-8 w-8 text-purple-500" />
-        Performance Comparison
-      </h2>
-
-      <p className="text-gray-700 dark:text-gray-300 mb-8">
-        AxioDB stands out from other NPM-based database management systems
-        through its innovative architecture and performance optimizations.
-      </p>
-
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
-        <div className="bg-white dark:bg-gray-800 rounded-lg p-6 shadow-md border border-gray-100 dark:border-gray-700">
-          <h3 className="text-xl font-semibold mb-4 text-red-500">
-            Other NPM DBMSs
-          </h3>
-          <ul className="space-y-3 list-disc pl-6 text-gray-700 dark:text-gray-300">
-            <li>
-              Single JSON file storage leading to heavy Read/Write I/O
-              operations
-            </li>
-            <li>No built-in caching mechanism</li>
-            <li>Linear search for document retrieval</li>
-            <li>Performance degrades with larger datasets</li>
-            <li>No document ID indexing system</li>
-          </ul>
-        </div>
-
-        <div className="bg-white dark:bg-gray-800 rounded-lg p-6 shadow-md border border-gray-100 dark:border-gray-700">
-          <h3 className="text-xl font-semibold mb-4 text-green-500">
-            AxioDB Advantages
-          </h3>
-          <ul className="space-y-3 list-disc pl-6 text-gray-700 dark:text-gray-300">
-            <li>Tree-structured storage for optimized data management</li>
-            <li>InMemoryCache strategy for faster queries</li>
-            <li>Auto-indexed documentId for lightning-fast searches</li>
-            <li>Maintains performance with large datasets</li>
-            <li>Efficient data distribution and retrieval</li>
-          </ul>
-        </div>
-      </div>
-
-      <div className="overflow-x-auto mb-8">
-        <table className="table-auto w-full border-collapse border border-gray-200 dark:border-gray-700">
-          <thead>
-            <tr className="bg-gradient-to-r from-purple-500 to-blue-500 text-white">
-              <th className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-left">
-                Feature
-              </th>
-              <th className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-left">
-                AxioDB
-              </th>
-              <th className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-left">
-                MongoDB
-              </th>
-              <th className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-left">
-                Redis
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr className="bg-gray-50 dark:bg-gray-900">
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2">
-                Ease of Setup
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-green-500 font-semibold">
-                Very Easy
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-yellow-500 font-semibold">
-                Moderate
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-blue-500 font-semibold">
-                Easy
-              </td>
-            </tr>
-            <tr>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2">
-                Performance (Small Datasets)
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-green-500 font-semibold">
-                High
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-yellow-500 font-semibold">
-                Moderate
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-green-500 font-semibold">
-                High
-              </td>
-            </tr>
-            <tr className="bg-gray-50 dark:bg-gray-900">
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2">
-                Memory Usage
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-green-500 font-semibold">
-                Optimized
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-yellow-500 font-semibold">
-                Moderate
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-red-500 font-semibold">
-                High
-              </td>
-            </tr>
-            <tr>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2">
-                Query Speed
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-green-500 font-semibold">
-                Fast
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-yellow-500 font-semibold">
-                Moderate
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-green-500 font-semibold">
-                Fast
-              </td>
-            </tr>
-            <tr className="bg-gray-50 dark:bg-gray-900">
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2">
-                Best Use Case
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-green-500 font-semibold">
-                Small Projects
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-yellow-500 font-semibold">
-                Scalable Applications
-              </td>
-              <td className="border border-gray-200 dark:border-gray-700 px-4 py-2 text-blue-500 font-semibold">
-                Caching
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-
-      <div className="bg-gradient-to-r from-blue-50 to-purple-50 dark:from-blue-900/20 dark:to-purple-900/20 rounded-lg p-8 mb-12">
-        <div className="flex items-start gap-6 flex-col md:flex-row">
-          <div className="flex-1">
-            <h3 className="text-2xl font-bold mb-4 flex items-center gap-2">
-              <Server className="h-6 w-6 text-blue-500" />
-              Coming Soon: AxioDB Docker
-            </h3>
-
-            <p className="text-gray-700 dark:text-gray-300 mb-4">
-              We're extending AxioDB's power beyond JavaScript with our upcoming
-              Docker image, featuring:
-            </p>
-
-            <ul className="space-y-2 mb-6 list-disc pl-6 text-gray-700 dark:text-gray-300">
-              <li>
-                Multiple connection protocols:
-                <ul className="pl-4 mt-2 space-y-1">
-                  <li>TCP Port</li>
-                  <li>HTTP Port</li>
-                  <li>gRPC Port</li>
-                  <li>WebSocket Port</li>
-                </ul>
-              </li>
-              <li>Multi-user system with authentication</li>
-              <li>Web-based GUI Management Dashboard</li>
-              <li>Cross-language compatibility</li>
-            </ul>
-          </div>
-
-          <div className="flex flex-col gap-4 min-w-[300px]">
-            <a
-              href="https://hub.docker.com/r/theankansaha/axiodb"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center gap-3 p-4 bg-white dark:bg-gray-800 rounded-lg shadow-sm hover:shadow-md transition-shadow"
-            >
-              <img
-                src="https://images.icon-icons.com/2530/PNG/512/dockerhub_button_icon_151899.png"
-                alt="Docker Hub"
-                className="h-8 w-8 object-contain dark:invert"
-              />
-              <div>
-                <h4 className="font-semibold">Docker Hub</h4>
-                <p className="text-sm text-gray-600 dark:text-gray-400">
-                  Official Docker Image
-                </p>
-              </div>
-            </a>
-
-            <a
-              href="https://github.com/AnkanSaha/AxioDB-Docker/pkgs/container/axiodb"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center gap-3 p-4 bg-white dark:bg-gray-800 rounded-lg shadow-sm hover:shadow-md transition-shadow"
-            >
-              <img
-                src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png"
-                alt="GitHub Packages"
-                className="h-8 w-8 object-contain dark:invert"
-              />
-              <div>
-                <h4 className="font-semibold">GitHub Packages</h4>
-                <p className="text-sm text-gray-600 dark:text-gray-400">
-                  Container Registry
-                </p>
-              </div>
-            </a>
-          </div>
-        </div>
-      </div>
-
-      <div className="bg-blue-50 dark:bg-blue-900/20 border-l-4 border-blue-500 p-4 rounded-r-lg">
-        <h4 className="font-semibold mb-2 flex items-center gap-2">
-          <Zap className="h-5 w-5 text-blue-500" />
-          Performance Metrics
-        </h4>
-        <p className="text-gray-700 dark:text-gray-300">
-          In benchmark tests with 1 million documents, AxioDB's documentId
-          search performed up to 10x faster than traditional JSON-based DBMSs,
-          thanks to its tree structure and auto-indexing system.
-        </p>
-      </div>
-    </section>
-  );
-};
-
-export default Comparison;

package/Document/src/components/content/CreateCollection.tsx

@@ -1,59 +0,0 @@
-import React from "react";
-import CodeBlock from "../ui/CodeBlock";
-
-const CreateCollection: React.FC = () => {
-  const codeExamples = {
-    unencrypted: `
-const { AxioDB, SchemaTypes } = require("axiodb");
-
-// Define a schema
-const schema = {
-  name: SchemaTypes.string().required(),
-  age: SchemaTypes.number().required().min(1).max(100),
-  email: SchemaTypes.string().required().email(),
-};
-
-// Create an unencrypted collection
-const collection = await db1.createCollection("testCollection", schema);
-console.log("Unencrypted collection created:", collection);
-`,
-    encryptedDefaultKey: `
-// Create an encrypted collection with the default key
-const collection2 = await db1.createCollection("testCollection2", schema, true);
-console.log("Encrypted collection (default key) created:", collection2);
-`,
-    encryptedCustomKey: `
-// Create an encrypted collection with a custom key
-const collection3 = await db1.createCollection("testCollection3", schema, "myKey");
-console.log("Encrypted collection (custom key) created:", collection3);
-`,
-  };
-
-  return (
-    <section className="pt-12 scroll-mt-20">
-      <h2 className="text-3xl font-bold mb-6">Create Collection</h2>
-      <p className="text-gray-700 dark:text-gray-300 mb-4">
-        Below are examples of how to create collections using AxioDB with
-        different configurations.
-      </p>
-
-      <h3 className="text-2xl font-semibold mb-4">Unencrypted Collection</h3>
-      <CodeBlock code={codeExamples.unencrypted} language="javascript" />
-
-      <h3 className="text-2xl font-semibold mt-8 mb-4">
-        Encrypted Collection (Default Key)
-      </h3>
-      <CodeBlock
-        code={codeExamples.encryptedDefaultKey}
-        language="javascript"
-      />
-
-      <h3 className="text-2xl font-semibold mt-8 mb-4">
-        Encrypted Collection (Custom Key)
-      </h3>
-      <CodeBlock code={codeExamples.encryptedCustomKey} language="javascript" />
-    </section>
-  );
-};
-
-export default CreateCollection;

package/Document/src/components/content/CreateDatabase.tsx

@@ -1,57 +0,0 @@
-import React from "react";
-import CodeBlock from "../ui/CodeBlock";
-
-const CreateDatabase: React.FC = () => {
-  const codeExamples = {
-    defaultInstance: `
-const { AxioDB } = require("axiodb");
-
-// Create a new instance of AxioDB (default root folder)
-const db = new AxioDB();
-console.log("Default AxioDB instance created.");
-`,
-    customName: `
-// Create a new AxioDB instance with a custom root folder name
-const dbs = new AxioDB("AnkanDB");
-console.log("Custom AxioDB instance created with name 'AnkanDB'.");
-`,
-    customRootPath: `
-// Create a new AxioDB instance with a custom root folder and relative path
-const dbms = new AxioDB("AnkanDB", "../");
-console.log("Custom AxioDB instance created with name 'AnkanDB' and custom root path.");
-`,
-    createDatabase: `
-// Create a new database under the current AxioDB instance
-const db1 = await db.createDB("testDB");
-console.log("Database 'testDB' created.");
-
-// Create a new database without schema validation
-const db2 = await db.createDB("testDB2", false);
-console.log("Database 'testDB2' created without schema validation.");
-`,
-  };
-
-  return (
-    <section className="pt-12 scroll-mt-20">
-      <h2 className="text-3xl font-bold mb-6">Create Database</h2>
-      <p className="text-gray-700 dark:text-gray-300 mb-4">
-        Below are examples of how to create databases using AxioDB with
-        different configurations.
-      </p>
-
-      <h3 className="text-2xl font-semibold mb-4">Default Instance</h3>
-      <CodeBlock code={codeExamples.defaultInstance} language="javascript" />
-
-      <h3 className="text-2xl font-semibold mt-8 mb-4">Custom Name</h3>
-      <CodeBlock code={codeExamples.customName} language="javascript" />
-
-      <h3 className="text-2xl font-semibold mt-8 mb-4">Custom Root Path</h3>
-      <CodeBlock code={codeExamples.customRootPath} language="javascript" />
-
-      <h3 className="text-2xl font-semibold mt-8 mb-4">Create Database</h3>
-      <CodeBlock code={codeExamples.createDatabase} language="javascript" />
-    </section>
-  );
-};
-
-export default CreateDatabase;

package/Document/src/components/content/Features.tsx

@@ -1,263 +0,0 @@
-import React from "react";
-import {
-  CheckCircle2,
-  Database,
-  Lock,
-  Zap,
-  Layers,
-  FilterX,
-} from "lucide-react";
-
-const Features: React.FC = () => {
-  return (
-    <section id="features" className="pt-12 scroll-mt-20">
-      <h2 className="text-3xl font-bold mb-6 flex items-center gap-2">
-        <CheckCircle2 className="h-8 w-8 text-green-500" />
-        Current Featured Features
-      </h2>
-
-      <div className="space-y-4 mb-12">
-        <div className="bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-100 dark:border-gray-700">
-          <h3 className="font-semibold text-lg mb-2 text-blue-600 dark:text-blue-400">
-            Advanced Schema Validation
-          </h3>
-          <p className="text-gray-700 dark:text-gray-300">
-            Define robust schemas to ensure data consistency and integrity
-            across your collections.
-          </p>
-        </div>
-
-        <div className="bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-100 dark:border-gray-700">
-          <h3 className="font-semibold text-lg mb-2 text-blue-600 dark:text-blue-400">
-            Chainable Query Methods
-          </h3>
-          <p className="text-gray-700 dark:text-gray-300">
-            Leverage powerful methods like{" "}
-            <code className="bg-gray-100 dark:bg-gray-900 px-1 py-0.5 rounded">
-              .query()
-            </code>
-            ,{" "}
-            <code className="bg-gray-100 dark:bg-gray-900 px-1 py-0.5 rounded">
-              .Sort()
-            </code>
-            ,{" "}
-            <code className="bg-gray-100 dark:bg-gray-900 px-1 py-0.5 rounded">
-              .Limit()
-            </code>
-            , and{" "}
-            <code className="bg-gray-100 dark:bg-gray-900 px-1 py-0.5 rounded">
-              .Skip()
-            </code>{" "}
-            for seamless data filtering.
-          </p>
-        </div>
-
-        <div className="bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-100 dark:border-gray-700">
-          <h3 className="font-semibold text-lg mb-2 text-blue-600 dark:text-blue-400">
-            Optimized Node.js Streams
-          </h3>
-          <p className="text-gray-700 dark:text-gray-300">
-            Handle massive datasets effortlessly with high-performance
-            read/write operations using optimized streams.
-          </p>
-        </div>
-
-        <div className="bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-100 dark:border-gray-700">
-          <h3 className="font-semibold text-lg mb-2 text-blue-600 dark:text-blue-400">
-            Encryption-First Design
-          </h3>
-          <p className="text-gray-700 dark:text-gray-300">
-            Protect sensitive data with optional AES-256 encryption for
-            collections, ensuring data security at rest.
-          </p>
-        </div>
-
-        <div className="bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-100 dark:border-gray-700">
-          <h3 className="font-semibold text-lg mb-2 text-blue-600 dark:text-blue-400">
-            Aggregation Pipelines
-          </h3>
-          <p className="text-gray-700 dark:text-gray-300">
-            Perform advanced data operations like{" "}
-            <code className="bg-gray-100 dark:bg-gray-900 px-1 py-0.5 rounded">
-              $match
-            </code>
-            ,{" "}
-            <code className="bg-gray-100 dark:bg-gray-900 px-1 py-0.5 rounded">
-              $sort
-            </code>
-            ,{" "}
-            <code className="bg-gray-100 dark:bg-gray-900 px-1 py-0.5 rounded">
-              $group
-            </code>
-            , and more with MongoDB-like syntax.
-          </p>
-        </div>
-
-        <div className="bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-100 dark:border-gray-700">
-          <h3 className="font-semibold text-lg mb-2 text-blue-600 dark:text-blue-400">
-            InMemoryCache Mechanism
-          </h3>
-          <p className="text-gray-700 dark:text-gray-300">
-            Accelerate query execution by caching frequently accessed data,
-            reducing query response time significantly.
-          </p>
-        </div>
-
-        <div className="bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-100 dark:border-gray-700">
-          <h3 className="font-semibold text-lg mb-2 text-blue-600 dark:text-blue-400">
-            Plug-and-Play Setup
-          </h3>
-          <p className="text-gray-700 dark:text-gray-300">
-            No additional database server required—install and start building
-            instantly with minimal configuration.
-          </p>
-        </div>
-
-        <div className="bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-100 dark:border-gray-700">
-          <h3 className="font-semibold text-lg mb-2 text-blue-600 dark:text-blue-400">
-            Tree-like Structure
-          </h3>
-          <p className="text-gray-700 dark:text-gray-300">
-            Store data in a tree-like structure for efficient data retrieval and
-            management.
-          </p>
-        </div>
-
-        <div className="bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-100 dark:border-gray-700">
-          <h3 className="font-semibold text-lg mb-2 text-blue-600 dark:text-blue-400">
-            Auto Indexing on documentId
-          </h3>
-          <p className="text-gray-700 dark:text-gray-300">
-            Automatically create index on documentId for faster queries without
-            manual configuration.
-          </p>
-        </div>
-      </div>
-
-      <section id="limitations" className="pt-8 scroll-mt-20">
-        <h2 className="text-3xl font-bold mb-6 flex items-center gap-2">
-          <FilterX className="h-8 w-8 text-orange-500" />
-          Current Limitations
-        </h2>
-
-        <div className="bg-orange-50 dark:bg-orange-900/20 border-l-4 border-orange-500 p-4 rounded-r-lg mb-8">
-          <p className="text-gray-700 dark:text-gray-300 mb-4">
-            While AxioDB offers many powerful features, there are some
-            limitations to consider:
-          </p>
-
-          <ul className="space-y-3 list-disc pl-6 text-gray-700 dark:text-gray-300">
-            <li>
-              <strong>No Built-in Relation Tools:</strong> Unlike ODMs such as
-              Mongoose, AxioDB doesn't provide built-in tools for managing
-              document relations. While MongoDB-like NoSQL databases naturally
-              don't enforce relations at the database level, AxioDB currently
-              requires manual handling of references between collections.
-            </li>
-            <li>
-              <strong>Not Optimized for Heavy Workloads:</strong> The database
-              may not perform optimally with rapid data input/output scenarios
-              or extremely large datasets (10M+ documents).
-            </li>
-            <li>
-              <strong>Single-Thread Operations:</strong> Operations are
-              performed on the main thread which can impact application
-              performance during complex queries.
-            </li>
-            <li>
-              <strong>Limited Query Complexity:</strong> Some advanced query
-              patterns found in mature databases are not yet implemented.
-            </li>
-            <li>
-              <strong>No Built-in Replication:</strong> Currently lacks
-              distributed data replication capabilities for high availability
-              setups.
-            </li>
-          </ul>
-
-          <p className="mt-4 text-gray-700 dark:text-gray-300 italic">
-            We're actively working to address these limitations in future
-            releases.
-          </p>
-        </div>
-      </section>
-
-      <section id="future-plans" className="pt-8 scroll-mt-20">
-        <h2 className="text-3xl font-bold mb-6 flex items-center gap-2">
-          <Layers className="h-8 w-8 text-purple-500" />
-          Future Plans
-        </h2>
-
-        <p className="text-gray-700 dark:text-gray-300 mb-6">
-          We're committed to continuously enhancing AxioDB with cutting-edge
-          features:
-        </p>
-
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-8">
-          <div className="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm border border-gray-100 dark:border-gray-700">
-            <h3 className="font-semibold text-lg mb-2 text-purple-600 dark:text-purple-400">
-              Inbuilt Web-Based GUI Dashboard
-            </h3>
-            <p className="text-gray-700 dark:text-gray-300">
-              Provide a user-friendly, web-based interface similar to PhpMyAdmin
-              for managing databases, collections, and data visually.
-            </p>
-          </div>
-
-          <div className="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm border border-gray-100 dark:border-gray-700">
-            <h3 className="font-semibold text-lg mb-2 text-purple-600 dark:text-purple-400">
-              Data Export and Import Mechanisms
-            </h3>
-            <p className="text-gray-700 dark:text-gray-300">
-              Enable seamless export and import of data in various formats like
-              JSON, CSV, and more.
-            </p>
-          </div>
-
-          <div className="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm border border-gray-100 dark:border-gray-700">
-            <h3 className="font-semibold text-lg mb-2 text-purple-600 dark:text-purple-400">
-              Docker Image with ODM Integration
-            </h3>
-            <p className="text-gray-700 dark:text-gray-300">
-              Build a Docker image for this npm package-based DBMS, allowing
-              integration with other programming languages via Object Document
-              Mapping (ODM).
-            </p>
-          </div>
-
-          <div className="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm border border-gray-100 dark:border-gray-700">
-            <h3 className="font-semibold text-lg mb-2 text-purple-600 dark:text-purple-400">
-              Advanced Indexing
-            </h3>
-            <p className="text-gray-700 dark:text-gray-300">
-              Implement multi-level indexing for lightning-fast queries on any
-              field or combination of fields.
-            </p>
-          </div>
-
-          <div className="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm border border-gray-100 dark:border-gray-700">
-            <h3 className="font-semibold text-lg mb-2 text-purple-600 dark:text-purple-400">
-              Replication and Sharding
-            </h3>
-            <p className="text-gray-700 dark:text-gray-300">
-              Introduce support for distributed data replication and sharding
-              for high availability and scalability.
-            </p>
-          </div>
-
-          <div className="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm border border-gray-100 dark:border-gray-700">
-            <h3 className="font-semibold text-lg mb-2 text-purple-600 dark:text-purple-400">
-              Comprehensive Documentation
-            </h3>
-            <p className="text-gray-700 dark:text-gray-300">
-              Expand tutorials, examples, and API references for developers of
-              all experience levels.
-            </p>
-          </div>
-        </div>
-      </section>
-    </section>
-  );
-};
-
-export default Features;

package/Document/src/components/content/Installation.tsx

@@ -1,67 +0,0 @@
-import React from "react";
-import { PackageOpen, Terminal } from "lucide-react";
-import CodeBlock from "../ui/CodeBlock";
-
-const Installation: React.FC = () => {
-  const installationCode = `npm install axiodb@latest --save`;
-
-  return (
-    <section id="installation" className="pt-12 scroll-mt-20">
-      <h2 className="text-3xl font-bold mb-6 flex items-center gap-2">
-        <PackageOpen className="h-8 w-8 text-blue-500" />
-        Installation
-      </h2>
-
-      <p className="text-gray-700 dark:text-gray-300 mb-6">
-        Getting started with AxioDB is simple. You can install it via npm:
-      </p>
-
-      <div className="bg-white dark:bg-gray-800 rounded-lg p-6 shadow-md border border-gray-100 dark:border-gray-700 mb-8">
-        <div className="flex items-center gap-2 mb-4">
-          <Terminal className="h-5 w-5 text-gray-500" />
-          <h3 className="font-semibold">Install via npm</h3>
-        </div>
-
-        <CodeBlock code={installationCode} language="bash" />
-
-        <div className="mt-4 bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg">
-          <p className="text-sm text-gray-700 dark:text-gray-300">
-            <strong>Note:</strong> AxioDB requires Node.js version 12.0.0 or
-            higher. Make sure you have an appropriate Node.js version installed
-            before proceeding.
-          </p>
-        </div>
-      </div>
-
-      <div className="bg-gray-50 dark:bg-gray-900 rounded-lg p-6 border border-gray-200 dark:border-gray-700 mb-8">
-        <h3 className="font-semibold text-lg mb-4">System Requirements</h3>
-
-        <ul className="space-y-2 list-disc pl-6 text-gray-700 dark:text-gray-300">
-          <li>
-            <strong>Node.js:</strong> v12.0.0 or higher
-          </li>
-          <li>
-            <strong>Operating System:</strong> Cross-platform (Windows, macOS,
-            Linux)
-          </li>
-          <li>
-            <strong>Disk Space:</strong> Minimal (~2MB for the package itself)
-          </li>
-          <li>
-            <strong>Dependencies:</strong> No external dependencies required
-          </li>
-        </ul>
-      </div>
-
-      <div className="bg-green-50 dark:bg-green-900/20 border-l-4 border-green-500 p-4 rounded-r-lg">
-        <p className="text-gray-700 dark:text-gray-300">
-          After installation, AxioDB is ready to use in your project without any
-          additional setup or configuration! No database servers to install or
-          configure.
-        </p>
-      </div>
-    </section>
-  );
-};
-
-export default Installation;