"use client"; import { useRef } from "react"; import { JSX } from "react/jsx-runtime"; import Image from "next/image"; import img1 from "@/public/assets/images/agents-section-1.png" import { TypingAnimation } from "@/components/home/magicui/typing-animation"; import { AnimatedBeam } from "@/components/home/magicui/animated-beam"; import { motion } from "framer-motion"; interface IAgent { icon: JSX.Element; color: string; title: string; description: string; } export default function AgentsSection() { const containerRef = useRef(null); const logoRef = useRef(null); const div1Ref = useRef(null); const div2Ref = useRef(null); const div3Ref = useRef(null); const div4Ref = useRef(null); const agents: IAgent[] = [ { icon: ( ), color: "#30A5FF", title: "Compass", description: "The core intelligence of SOVIRO, guiding tasks and agents to achieve user goals effectively.", }, { icon: ( ), color: "#FFBA17", title: "Architect", description: "Designs and maintains agents, ensuring the maze evolves efficiently to tackle new challenges.", }, { icon: ( ), color: "#FF5C3D", title: "Tool Smith", description: "The creator of resources, Toolsmith crafts and refines the instruments agents need to navigate the maze of tasks effectively.", }, { icon: ( ), color: "#9700F4", title: "Scout", description: "Maps knowledge and explores information, providing essential data for informed decision-making within the maze.", }, ]; return (

Agents

4 AGENTS POWERING SOVIRO

Meet the core agents driving SOVIRO

{agents.map((agent, index) => { return (
{agent.icon}

{agent.title}

{agent.description}

); })}
); }