agentic-flow 1.9.0 → 1.9.2

package/memory/memory-store.json

@@ -1,69 +0,0 @@
-{
-  "default": [
-    {
-      "key": "quic/protocol/fundamentals",
-      "value": "QUIC is a UDP-based transport protocol with 0-RTT connection establishment, stream-level multiplexing, and integrated TLS 1.3 encryption. Key advantages: eliminates head-of-line blocking, supports connection migration, and provides 50-70% faster connection setup vs TCP/HTTP/2.",
-      "namespace": "default",
-      "timestamp": 1760287425174
-    },
-    {
-      "key": "quic/libraries/comparison",
-      "value": "Recommended library: quinn (pure Rust) for WASM compatibility, type safety, and tokio ecosystem integration. Alternatives: quiche (Cloudflare, C bindings), neqo (Mozilla). Quinn wins due to: pure Rust (no FFI), excellent WASM support, active community, production-proven at AWS/Discord.",
-      "namespace": "default",
-      "timestamp": 1760287430032
-    },
-    {
-      "key": "quic/performance/benchmarks",
-      "value": "Performance projections: 37-91% latency reduction (load-dependent), 16.8x faster multi-agent spawning (10 agents: 220ms vs 3700ms), 3x connection efficiency, 50% memory reduction. 0-RTT: 220ms per agent vs 350ms TCP. Scalability: 2000 concurrent agents vs 500 current limit.",
-      "namespace": "default",
-      "timestamp": 1760287435017
-    },
-    {
-      "key": "quic/integration/roadmap",
-      "value": "4-phase implementation: Phase 1 (Months 1-2): Rust/WASM foundation, basic client/server; Phase 2 (Month 3): Stream multiplexing, priority scheduling; Phase 3 (Month 4): Connection migration, BBR optimization; Phase 4 (Months 5-6): Production rollout with canary deployment and fallback to TCP/HTTP/2.",
-      "namespace": "default",
-      "timestamp": 1760287439970
-    },
-    {
-      "key": "quic/risks/mitigation",
-      "value": "Key risks: UDP firewall blocking (15-20% networks) - mitigate with TCP fallback; WASM performance overhead (10-20%) - mitigate with native builds; Debugging complexity - mitigate with QLOG and Wireshark. Overall risk level: MEDIUM with well-defined fallback mechanisms.",
-      "namespace": "default",
-      "timestamp": 1760287444899
-    },
-    {
-      "key": "quic/architecture/stream-allocation",
-      "value": "Stream allocation strategy: ID 0 (control commands - critical priority), ID 1 (memory ops - high priority), ID 2 (task orchestration - high), ID 3 (status updates - medium), ID 4-100 (agent-specific bidirectional - variable), ID 101-200 (result aggregation - medium), ID 201+ (bulk data - low priority).",
-      "namespace": "default",
-      "timestamp": 1760287449762
-    },
-    {
-      "key": "quic/implementation/rust-wasm",
-      "value": "Rust/WASM stack: quinn + rustls (core QUIC), NAPI-RS (bindings layer), TypeScript API (high-level). Build: Cargo workspace with crates (quic-core, quic-bindings, quic-client). Target: wasm32-wasi-preview1-threads for Node.js/browser compatibility. Memory safety guaranteed via pure Rust.",
-      "namespace": "default",
-      "timestamp": 1760287454696
-    }
-  ],
-  "coordination": [
-    {
-      "key": "swarm/researcher/phase",
-      "value": "{\n  phase: file_discovery,\n  action: locating_wasm_components,\n  targets: [wasm files, reasoningbank modules, integration code, build configs],\n  timestamp: 2024-01-20T00:01:00Z\n}",
-      "namespace": "coordination",
-      "timestamp": 1760323377537,
-      "redacted": false
-    },
-    {
-      "key": "swarm/shared/research-reasoningbank-analysis",
-      "value": "{\n  analysis_complete: true,\n  timestamp: 2024-01-20T00:05:00Z,\n  component_status: {\n    core_commands: functional,\n    mode_switching: functional,\n    security_layer: functional,\n    namespace_support: functional,\n    wasm_runtime: unknown_needs_testing\n  },\n  modes: [basic, reasoningbank, auto],\n  security_features: [api_key_redaction, pattern_detection, auto_validation],\n  recommendations: [\n    test_wasm_initialization,\n    verify_semantic_search,\n    add_performance_monitoring,\n    improve_error_handling,\n    add_integration_tests\n  ],\n  gaps: [\n    wasm_binary_verification,\n    performance_metrics,\n    migration_safety,\n    error_recovery\n  ],\n  overall_status: functional_with_verification_needed\n}",
-      "namespace": "coordination",
-      "timestamp": 1760323415580,
-      "redacted": false
-    },
-    {
-      "key": "swarm/researcher/status",
-      "value": "{\n  agent: researcher,\n  status: analysis_complete,\n  focus: ReasoningBank WASM integration,\n  task: comprehensive analysis completed,\n  timestamp: 2024-01-20T00:05:00Z,\n  files_reviewed: 0,\n  components_analyzed: 8,\n  findings: ReasoningBank system is functional at command level, WASM runtime status requires deeper testing\n}",
-      "namespace": "coordination",
-      "timestamp": 1760323416809,
-      "redacted": false
-    }
-  ]
-}

package/memory/sessions/README.md

@@ -1,32 +0,0 @@
-# Session Memory Storage
-
-## Purpose
-This directory stores session-based memory data, conversation history, and contextual information for development sessions using the Claude-Flow orchestration system.
-
-## Structure
-Sessions are organized by date and session ID for easy retrieval:
-
-```
-memory/sessions/
-├── 2024-01-10/
-│   ├── session_001/
-│   │   ├── metadata.json        # Session metadata and configuration
-│   │   ├── conversation.md      # Full conversation history
-│   │   ├── decisions.md         # Key decisions and rationale
-│   │   ├── artifacts/           # Generated files and outputs
-│   │   └── coordination_state/  # Coordination system snapshots
-│   └── ...
-└── shared/
-    ├── patterns.md              # Common session patterns
-    └── templates/               # Session template files
-```
-
-## Usage Guidelines
-1. **Session Isolation**: Each session gets its own directory
-2. **Metadata Completeness**: Always fill out session metadata
-3. **Conversation Logging**: Document all significant interactions
-4. **Artifact Organization**: Structure generated files clearly
-5. **State Preservation**: Snapshot coordination state regularly
-
-## Last Updated
-2025-10-22T13:40:43.803Z

package/src/App.css

@@ -1,5 +0,0 @@
-#root {
-  width: 100%;
-  margin: 0 auto;
-  text-align: center;
-}

package/src/App.tsx

@@ -1,15 +0,0 @@
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
-import LandingPage from './pages/LandingPage';
-import './App.css';
-
-function App() {
-  return (
-    <Router>
-      <Routes>
-        <Route path="/" element={<LandingPage />} />
-      </Routes>
-    </Router>
-  );
-}
-
-export default App;

package/src/components/AgentTypes.tsx

@@ -1,122 +0,0 @@
-import { Code, GitPullRequest, TestTube, Layers, Brain, Workflow } from 'lucide-react';
-
-const agentCategories = [
-  {
-    icon: Code,
-    title: 'Core Development',
-    agents: [
-      { name: 'coder', desc: 'Implementation specialist for clean code' },
-      { name: 'reviewer', desc: 'Code review and quality assurance' },
-      { name: 'tester', desc: 'Comprehensive testing with 90%+ coverage' },
-      { name: 'planner', desc: 'Strategic planning and task decomposition' },
-      { name: 'researcher', desc: 'Deep research and information gathering' },
-    ],
-  },
-  {
-    icon: Layers,
-    title: 'Specialized Agents',
-    agents: [
-      { name: 'backend-dev', desc: 'REST/GraphQL API development' },
-      { name: 'mobile-dev', desc: 'React Native mobile apps' },
-      { name: 'ml-developer', desc: 'Machine learning model creation' },
-      { name: 'system-architect', desc: 'System design and architecture' },
-      { name: 'cicd-engineer', desc: 'CI/CD pipeline creation' },
-    ],
-  },
-  {
-    icon: Workflow,
-    title: 'Swarm Coordinators',
-    agents: [
-      { name: 'hierarchical-coordinator', desc: 'Tree-based leadership' },
-      { name: 'mesh-coordinator', desc: 'Peer-to-peer coordination' },
-      { name: 'adaptive-coordinator', desc: 'Dynamic topology switching' },
-      { name: 'swarm-memory-manager', desc: 'Cross-agent memory sync' },
-    ],
-  },
-  {
-    icon: GitPullRequest,
-    title: 'GitHub Integration',
-    agents: [
-      { name: 'pr-manager', desc: 'Pull request lifecycle management' },
-      { name: 'code-review-swarm', desc: 'Multi-agent code review' },
-      { name: 'issue-tracker', desc: 'Intelligent issue management' },
-      { name: 'release-manager', desc: 'Automated release coordination' },
-      { name: 'workflow-automation', desc: 'GitHub Actions specialist' },
-    ],
-  },
-];
-
-const AgentTypes = () => {
-  return (
-    <section className="py-24 px-6">
-      <div className="container mx-auto max-w-7xl">
-        <div className="text-center mb-16">
-          <h2 className="text-4xl md:text-5xl font-bold mb-6">
-            <span className="text-gradient">150+ Specialized Agents</span>
-          </h2>
-          <p className="text-xl text-muted-foreground max-w-3xl mx-auto">
-            Purpose-built agents for every development task and workflow
-          </p>
-        </div>
-
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
-          {agentCategories.map((category, index) => {
-            const Icon = category.icon;
-            
-            return (
-              <div
-                key={index}
-                className="bg-card border border-border rounded-2xl p-8 hover:shadow-glow transition-smooth animate-fade-in"
-                style={{ animationDelay: `${index * 100}ms` }}
-              >
-                <div className="flex items-center gap-4 mb-6">
-                  <div className="w-12 h-12 bg-gradient-primary rounded-xl flex items-center justify-center">
-                    <Icon className="w-6 h-6 text-foreground" />
-                  </div>
-                  <h3 className="text-2xl font-bold text-foreground">
-                    {category.title}
-                  </h3>
-                </div>
-
-                <div className="space-y-3">
-                  {category.agents.map((agent, idx) => (
-                    <div
-                      key={idx}
-                      className="bg-background-light rounded-lg p-4 border border-border-light hover:border-primary/50 transition-smooth"
-                    >
-                      <div className="flex items-start gap-3">
-                        <div className="w-2 h-2 bg-primary rounded-full mt-2 flex-shrink-0" />
-                        <div className="flex-1">
-                          <div className="font-mono text-sm text-primary font-semibold mb-1">
-                            {agent.name}
-                          </div>
-                          <div className="text-sm text-muted-foreground">
-                            {agent.desc}
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              </div>
-            );
-          })}
-        </div>
-
-        {/* View All */}
-        <div className="mt-12 text-center">
-          <div className="inline-block bg-card border border-border rounded-xl p-6">
-            <p className="text-muted-foreground mb-4">
-              Explore all available agents
-            </p>
-            <code className="block bg-background rounded-lg p-4 text-primary font-mono">
-              npx agentic-flow --list
-            </code>
-          </div>
-        </div>
-      </div>
-    </section>
-  );
-};
-
-export default AgentTypes;

package/src/components/CoreComponents.tsx

@@ -1,131 +0,0 @@
-import { Database, Code, Network, Cpu } from 'lucide-react';
-
-const components = [
-  {
-    icon: Code,
-    name: 'Agent Booster',
-    description: 'Ultra-fast local code transformations via Rust/WASM with automatic edit detection',
-    features: ['352x faster', '$0 cost', 'Automatic detection', 'Rust/WASM powered'],
-    docs: 'https://github.com/ruvnet/agentic-flow/tree/main/agent-booster',
-  },
-  {
-    icon: Database,
-    name: 'AgentDB',
-    description: 'Advanced memory system with causal reasoning, reflexion, and skill learning',
-    features: ['p95 < 50ms', '80% hit rate', '17 CLI commands', 'Causal memory graph'],
-    docs: './agentic-flow/src/agentdb/README.md',
-  },
-  {
-    icon: Network,
-    name: 'ReasoningBank',
-    description: 'Persistent learning memory with semantic search and pattern recognition',
-    features: ['46% faster', '100% success', 'Semantic search', 'Pattern learning'],
-    docs: 'https://github.com/ruvnet/agentic-flow/tree/main/agentic-flow/src/reasoningbank',
-  },
-  {
-    icon: Cpu,
-    name: 'Multi-Model Router',
-    description: 'Intelligent cost optimization across 100+ LLM models with auto-selection',
-    features: ['85-99% savings', '100+ models', 'Auto-select', 'Quality balanced'],
-    docs: 'https://github.com/ruvnet/agentic-flow/tree/main/agentic-flow/src/router',
-  },
-];
-
-const CoreComponents = () => {
-  return (
-    <section className="py-24 px-6 bg-background-light/50">
-      <div className="container mx-auto max-w-7xl">
-        <div className="text-center mb-16">
-          <h2 className="text-4xl md:text-5xl font-bold mb-6">
-            <span className="text-gradient">Core Components</span>
-          </h2>
-          <p className="text-xl text-muted-foreground max-w-3xl mx-auto">
-            Modular architecture designed for maximum performance and flexibility
-          </p>
-        </div>
-
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
-          {components.map((component, index) => {
-            const Icon = component.icon;
-            
-            return (
-              <div
-                key={index}
-                className="bg-card border border-border rounded-2xl p-8 hover:shadow-glow transition-smooth hover:scale-[1.02] animate-fade-in"
-                style={{ animationDelay: `${index * 100}ms` }}
-              >
-                <div className="flex items-start gap-6">
-                  <div className="w-16 h-16 bg-gradient-primary rounded-xl flex items-center justify-center flex-shrink-0">
-                    <Icon className="w-8 h-8 text-foreground" />
-                  </div>
-                  
-                  <div className="flex-1">
-                    <h3 className="text-2xl font-bold mb-3 text-foreground">
-                      {component.name}
-                    </h3>
-                    
-                    <p className="text-muted-foreground mb-6 leading-relaxed">
-                      {component.description}
-                    </p>
-                    
-                    <div className="grid grid-cols-2 gap-3 mb-6">
-                      {component.features.map((feature, idx) => (
-                        <div
-                          key={idx}
-                          className="flex items-center gap-2 text-sm text-foreground/80"
-                        >
-                          <div className="w-1.5 h-1.5 bg-primary rounded-full" />
-                          {feature}
-                        </div>
-                      ))}
-                    </div>
-                    
-                    <a
-                      href={component.docs}
-                      className="inline-flex items-center gap-2 text-primary hover:text-primary-glow transition-smooth font-semibold"
-                    >
-                      View Documentation →
-                    </a>
-                  </div>
-                </div>
-              </div>
-            );
-          })}
-        </div>
-
-        {/* CLI Usage */}
-        <div className="mt-16 bg-background-light border border-border rounded-2xl p-8">
-          <h3 className="text-2xl font-bold mb-6 text-foreground">CLI Usage</h3>
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-            <div>
-              <div className="text-sm text-muted-foreground mb-2">AgentDB - Full CLI</div>
-              <code className="block bg-background rounded-lg p-4 text-sm text-primary font-mono">
-                npx agentdb reflexion store "session-1" ...
-              </code>
-            </div>
-            <div>
-              <div className="text-sm text-muted-foreground mb-2">Multi-Model Router</div>
-              <code className="block bg-background rounded-lg p-4 text-sm text-primary font-mono">
-                npx agentic-flow --agent coder --optimize
-              </code>
-            </div>
-            <div>
-              <div className="text-sm text-muted-foreground mb-2">Agent Booster</div>
-              <code className="block bg-background rounded-lg p-4 text-sm text-primary font-mono">
-                Automatic on code edits
-              </code>
-            </div>
-            <div>
-              <div className="text-sm text-muted-foreground mb-2">ReasoningBank</div>
-              <code className="block bg-background rounded-lg p-4 text-sm text-primary font-mono">
-                import * as reasoningbank from 'agentic-flow'
-              </code>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  );
-};
-
-export default CoreComponents;

package/src/components/Features.tsx

@@ -1,102 +0,0 @@
-import { Zap, Brain, DollarSign, TrendingUp, Shield, Layers } from 'lucide-react';
-
-const features = [
-  {
-    icon: Zap,
-    title: 'Agent Booster',
-    description: '352x faster code operations via Rust/WASM. Transform code at blazing speed with zero cost.',
-    metric: '352ms → 1ms',
-    color: 'secondary',
-  },
-  {
-    icon: Brain,
-    title: 'ReasoningBank',
-    description: 'Persistent learning memory system. Agents remember patterns and improve with every task.',
-    metric: '46% faster execution',
-    color: 'primary',
-  },
-  {
-    icon: Layers,
-    title: 'AgentDB',
-    description: 'State-of-the-art memory with causal reasoning, reflexion, and skill learning.',
-    metric: 'p95 < 50ms',
-    color: 'accent',
-  },
-  {
-    icon: DollarSign,
-    title: 'Multi-Model Router',
-    description: 'Intelligent cost optimization across 100+ LLMs. Auto-select optimal models.',
-    metric: '85-99% cost savings',
-    color: 'secondary',
-  },
-  {
-    icon: TrendingUp,
-    title: 'QUIC Transport',
-    description: 'Ultra-low latency agent communication via Rust/WASM QUIC protocol.',
-    metric: '50-70% faster',
-    color: 'primary',
-  },
-  {
-    icon: Shield,
-    title: 'Production Ready',
-    description: 'Docker deployment, Kubernetes support, and comprehensive monitoring built-in.',
-    metric: '100% reliable',
-    color: 'accent',
-  },
-];
-
-const colorClasses = {
-  primary: 'text-primary border-primary/30 bg-primary/5',
-  secondary: 'text-secondary border-secondary/30 bg-secondary/5',
-  accent: 'text-accent border-accent/30 bg-accent/5',
-};
-
-const Features = () => {
-  return (
-    <section className="py-24 px-6 relative">
-      <div className="container mx-auto max-w-7xl">
-        <div className="text-center mb-16 animate-fade-in">
-          <h2 className="text-4xl md:text-5xl font-bold mb-6">
-            <span className="text-gradient">Core Features</span>
-          </h2>
-          <p className="text-xl text-muted-foreground max-w-3xl mx-auto">
-            Built with cutting-edge technology to deliver unmatched performance and intelligence
-          </p>
-        </div>
-
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-          {features.map((feature, index) => {
-            const Icon = feature.icon;
-            const colorClass = colorClasses[feature.color as keyof typeof colorClasses];
-            
-            return (
-              <div
-                key={index}
-                className="bg-card border border-border rounded-2xl p-8 hover:shadow-glow transition-smooth hover:scale-105 animate-fade-in"
-                style={{ animationDelay: `${index * 100}ms` }}
-              >
-                <div className={`w-14 h-14 rounded-xl flex items-center justify-center mb-6 ${colorClass} border`}>
-                  <Icon className="w-7 h-7" />
-                </div>
-                
-                <h3 className="text-2xl font-bold mb-3 text-foreground">
-                  {feature.title}
-                </h3>
-                
-                <p className="text-muted-foreground mb-4 leading-relaxed">
-                  {feature.description}
-                </p>
-                
-                <div className={`inline-block px-4 py-2 rounded-full text-sm font-semibold ${colorClass} border`}>
-                  {feature.metric}
-                </div>
-              </div>
-            );
-          })}
-        </div>
-      </div>
-    </section>
-  );
-};
-
-export default Features;

package/src/components/Footer.tsx

@@ -1,159 +0,0 @@
-import { Github, Book, Package, Twitter, ExternalLink } from 'lucide-react';
-
-const links = {
-  documentation: [
-    { name: 'Getting Started', url: '#' },
-    { name: 'API Reference', url: '#' },
-    { name: 'Agent Guide', url: '#' },
-    { name: 'Examples', url: '#' },
-  ],
-  resources: [
-    { name: 'GitHub', url: 'https://github.com/ruvnet/agentic-flow', icon: Github },
-    { name: 'npm Package', url: 'https://www.npmjs.com/package/agentic-flow', icon: Package },
-    { name: 'Documentation', url: 'https://github.com/ruvnet/agentic-flow/tree/main/docs', icon: Book },
-  ],
-  components: [
-    { name: 'Agent Booster', url: '#' },
-    { name: 'AgentDB', url: '#' },
-    { name: 'ReasoningBank', url: '#' },
-    { name: 'Multi-Model Router', url: '#' },
-  ],
-};
-
-const stats = [
-  { label: 'npm Downloads', value: '10K+' },
-  { label: 'GitHub Stars', value: '1.2K+' },
-  { label: 'Agents Available', value: '150+' },
-  { label: 'MCP Tools', value: '213' },
-];
-
-const Footer = () => {
-  return (
-    <footer className="bg-background-light border-t border-border py-16 px-6">
-      <div className="container mx-auto max-w-7xl">
-        {/* Stats */}
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-6 mb-16">
-          {stats.map((stat, index) => (
-            <div
-              key={index}
-              className="text-center p-6 bg-card rounded-xl border border-border"
-            >
-              <div className="text-3xl font-bold text-gradient mb-2">
-                {stat.value}
-              </div>
-              <div className="text-sm text-muted-foreground">
-                {stat.label}
-              </div>
-            </div>
-          ))}
-        </div>
-
-        {/* Links */}
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-12 mb-16">
-          <div>
-            <h4 className="text-lg font-bold mb-6 text-foreground">
-              Documentation
-            </h4>
-            <ul className="space-y-3">
-              {links.documentation.map((link, index) => (
-                <li key={index}>
-                  <a
-                    href={link.url}
-                    className="text-muted-foreground hover:text-primary transition-smooth flex items-center gap-2"
-                  >
-                    {link.name}
-                    <ExternalLink className="w-3 h-3" />
-                  </a>
-                </li>
-              ))}
-            </ul>
-          </div>
-
-          <div>
-            <h4 className="text-lg font-bold mb-6 text-foreground">
-              Resources
-            </h4>
-            <ul className="space-y-3">
-              {links.resources.map((link, index) => {
-                const Icon = link.icon;
-                return (
-                  <li key={index}>
-                    <a
-                      href={link.url}
-                      className="text-muted-foreground hover:text-primary transition-smooth flex items-center gap-2"
-                    >
-                      <Icon className="w-4 h-4" />
-                      {link.name}
-                    </a>
-                  </li>
-                );
-              })}
-            </ul>
-          </div>
-
-          <div>
-            <h4 className="text-lg font-bold mb-6 text-foreground">
-              Components
-            </h4>
-            <ul className="space-y-3">
-              {links.components.map((link, index) => (
-                <li key={index}>
-                  <a
-                    href={link.url}
-                    className="text-muted-foreground hover:text-primary transition-smooth"
-                  >
-                    {link.name}
-                  </a>
-                </li>
-              ))}
-            </ul>
-          </div>
-        </div>
-
-        {/* Bottom Bar */}
-        <div className="border-t border-border pt-8">
-          <div className="flex flex-col md:flex-row justify-between items-center gap-4">
-            <div className="text-center md:text-left">
-              <div className="text-2xl font-bold text-gradient mb-2">
-                Agentic Flow
-              </div>
-              <p className="text-sm text-muted-foreground">
-                The First AI Agent Framework That Gets Smarter AND Faster
-              </p>
-            </div>
-
-            <div className="flex items-center gap-6">
-              <a
-                href="https://github.com/ruvnet/agentic-flow"
-                className="text-muted-foreground hover:text-primary transition-smooth"
-              >
-                <Github className="w-6 h-6" />
-              </a>
-              <a
-                href="https://www.npmjs.com/package/agentic-flow"
-                className="text-muted-foreground hover:text-primary transition-smooth"
-              >
-                <Package className="w-6 h-6" />
-              </a>
-            </div>
-          </div>
-
-          <div className="mt-8 text-center text-sm text-muted-foreground">
-            <p>
-              MIT License © 2025 rUv |{' '}
-              <a href="#" className="hover:text-primary transition-smooth">
-                Terms
-              </a>{' '}
-              |{' '}
-              <a href="#" className="hover:text-primary transition-smooth">
-                Privacy
-              </a>
-            </p>
-          </div>
-        </div>
-      </div>
-    </footer>
-  );
-};
-
-export default Footer;