Add src/app/scalability/page.tsx

src/app/scalability/page.tsx

@@ -0,0 +1,117 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import LegalSection from '@/components/legal/LegalSection';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Github, Linkedin, Twitter } from "lucide-react";
+
+export default function ScalabilityPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="largeSmallSizeLargeTitles"
+        background="fluid"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "About",                id: "/#about"},
+              {
+                name: "Features",                id: "/#features"},
+              {
+                name: "Performance",                id: "/#metrics"},
+              {
+                name: "Testimonials",                id: "/#testimonials"},
+              {
+                name: "FAQ",                id: "/#faq"},
+              {
+                name: "Scalability",                id: "/scalability"},
+              {
+                name: "Contact",                id: "/#contact"},
+            ]}
+            brandName="AI TaskFlow"
+            bottomLeftText="Intelligent Workflow"
+            bottomRightText="solutions@aitaskflow.com"
+          />
+        </div>
+
+        <div id="scalability-documentation" data-section="scalability-documentation">
+          <LegalSection
+            layout="page"
+            title="Scalability Documentation"
+            subtitle="Ensuring High Performance and Reliability for Your AI TaskFlow System"
+            sections={[
+              {
+                heading: "Deployment Patterns",                content: [
+                  {
+                    type: "list",                    items: [
+                      "Microservices Architecture: Breaking down the system into small, independent services.",                      "Containerization (Docker, Kubernetes): Packaging services into isolated containers for consistent deployment.",                      "Serverless Functions: Event-driven execution for specific, short-lived tasks."
+                    ]
+                  }
+                ]
+              },
+              {
+                heading: "Load Balancing Strategies",                content: [
+                  {
+                    type: "list",                    items: [
+                      "DNS Load Balancing: Distributing requests across multiple servers at the DNS level.",                      "Hardware/Software Load Balancers: Using dedicated devices or software to manage traffic distribution.",                      "Application-Level Load Balancing: Routing requests based on application-specific criteria."
+                    ]
+                  }
+                ]
+              },
+              {
+                heading: "Distributed Processing Considerations",                content: [
+                  {
+                    type: "list",                    items: [
+                      "Data Partitioning/Sharding: Distributing data across multiple databases or nodes.",                      "Message Queues (Kafka, RabbitMQ): Decoupling components and handling asynchronous communication.",                      "Distributed Caching: Storing frequently accessed data closer to the application for faster retrieval.",                      "Concurrency Control: Managing simultaneous access to shared resources."
+                    ]
+                  }
+                ]
+              },
+              {
+                heading: "Real-World Implementation Best Practices",                content: [
+                  {
+                    type: "list",                    items: [
+                      "Monitoring & Alerting: Implementing robust systems for tracking performance and detecting anomalies.",                      "Auto-Scaling: Dynamically adjusting resources based on demand.",                      "Fault Tolerance & Redundancy: Designing systems to withstand failures and minimize downtime.",                      "Performance Testing (Stress, Load): Rigorously testing the system's limits under various conditions.",                      "Database Scaling (Vertical, Horizontal): Strategies for managing growing data volumes."
+                    ]
+                  }
+                ]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="AI TaskFlow"
+            copyrightText="© 2024 AI TaskFlow. All rights reserved."
+            socialLinks={[
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+              {
+                icon: Linkedin,
+                href: "#",                ariaLabel: "LinkedIn"},
+              {
+                icon: Github,
+                href: "#",                ariaLabel: "GitHub"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}