Bob AI: Apply VoriSec brand palette and typography to global styles

src/components/Layout.tsx

@@ -12,11 +12,12 @@ export default function Layout() {
       <NavbarCentered
                 logo="MERYDIAN"
                 navItems={[
-                  { name: "Empresas", href: "#empresas" },
-                  { name: "Educación", href: "#educacion" },
-                  { name: "Cómo funciona", href: "#como-funciona" },
+                  { name: "Security", href: "#security" },
+                  { name: "Process", href: "#process" },
+                  { name: "Pricing", href: "#pricing" },
+                  { name: "Team", href: "#team" },
                 ]}
-                ctaButton={{ text: "Agenda un diagnóstico", href: "https://calendly.com/ceo-wearevoria/meeting-senior-partner-voriao" }}
+                ctaButton={{ text: "Book Discovery Call", href: "#contact" }}
               />
       <main className="flex-grow">
         <Outlet />

src/components/ui/NavbarCentered.tsx

@@ -57,7 +57,7 @@ const NavbarCentered = ({ logo, navItems, ctaButton }: NavbarCenteredProps) => {
         )}
       >
         <div className="relative mx-auto flex items-center justify-between h-full w-content-width">
-          <a href="/" className="text-xl font-medium text-foreground"><span className="text-foreground">Voria</span> <span className="text-primary-cta">Academy</span></a>
+          <a href="/" className="text-xl font-medium text-foreground">{logo}</a>
 
           <div className="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center gap-6">
             {navItems.map((item) => (

src/index.css

@@ -4,15 +4,15 @@
 
 :root {
   /* Colors */
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #eeeded;
-  --primary-cta: #00FFAB;
-  --primary-cta-text: #000000;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #00d5c7;
+  --background: #060D09;
+  --card: #0D1F13;
+  --foreground: #E8F0FB;
+  --primary-cta: #8EFFD4;
+  --primary-cta-text: #060D09;
+  --secondary-cta: #0D1F13;
+  --secondary-cta-text: #E8F0FB;
+  --accent: #8EFFD4;
+  --background-accent: #A3D977;
 
   /* Border Radius - Pill */
   --radius: 2rem;
@@ -94,7 +94,7 @@
   /* Fonts */
   --font-sans: "Inter", sans-serif;
   --font-tight: "Inter Tight", sans-serif;
-  --font-mono: monospace;
+  --font-mono: "JetBrains Mono", monospace;
 
   /* Border Radius */
   --radius: var(--radius);

src/pages/HomePage/sections/About.tsx

@@ -8,11 +8,11 @@ export default function AboutSection(): React.JSX.Element {
   return (
     <div id="about" data-section="about">
               <AboutText
-        textAnimation="slide-up"
-        title="El problema no es la IA. Es no saber por dónde empezar. Mientras tanto, tu equipo pierde horas cada semana en cotizaciones, informes, respuestas repetitivas y tareas administrativas que la IA ya resuelve. Falta el puente entre 'quiero usar IA' y 'mi equipo ya la usa todos los días'. Ese puente es lo que construimos."
-        primaryButton={{ text: "Book Discovery Call", href: "#contact" }}
-        secondaryButton={{ text: "Learn More", href: "#security" }}
-      />
+                textAnimation="slide-up"
+                title="OpenClaw is the most powerful AI agent on the planet. 247,000+ stars. 900+ contributors. Every business should run it. Almost none can deploy it safely."
+                primaryButton={{ text: "Book Discovery Call", href: "#contact" }}
+                secondaryButton={{ text: "Learn More", href: "#security" }}
+              />
             </div>
   );
 }

src/pages/HomePage/sections/Contact.tsx

@@ -8,13 +8,13 @@ export default function ContactSection(): React.JSX.Element {
   return (
     <div id="contact" data-section="contact">
               <ContactCenter
-        textAnimation="slide-up"
-        tag="CTA Final"
-        title="El futuro con IA no espera. Tu equipo tampoco debería."
-        description="Agenda un diagnóstico gratuito de 45 minutos. Sales sabiendo exactamente qué puede hacer la IA por tu empresa o institución."
-        inputPlaceholder="Ingresa tu correo electrónico"
-        buttonText="Agenda tu diagnóstico gratuito"
-      />
+                textAnimation="slide-up"
+                tag="Get Started"
+                title="Ready to deploy secure AI infrastructure?"
+                description="Book a discovery call and get started in weeks, not months."
+                inputPlaceholder="Enter your email"
+                buttonText="Book Discovery Call"
+              />
             </div>
   );
 }

src/pages/HomePage/sections/Hero.tsx

@@ -8,14 +8,14 @@ export default function HeroSection(): React.JSX.Element {
   return (
     <div id="hero" data-section="hero">
               <HeroBillboardScroll
-        textAnimation="slide-up"
-        tag="Voria Academy · Capacitación en IA aplicada"
-        title="No te enseñamos inteligencia artificial. Transformamos cómo trabaja tu equipo."
-        description="Capacitación aplicada en IA para empresas e instituciones educativas en Colombia. Salimos de cada programa con procesos reales funcionando — no con un certificado y buenas intenciones."
-        primaryButton={{"href":"https://calendly.com/ceo-wearevoria/meeting-senior-partner-voriao","text":"Agenda tu diagnóstico gratuito"}}
-        secondaryButton={{"href":"#como-funciona","text":"Conoce cómo funciona"}}
-        imageSrc="https://storage.googleapis.com/webild/default/templates/merydian/breakdown.avif"
-      />
+                textAnimation="slide-up"
+                tag="Enterprise AI Infrastructure"
+                title="Secure AI Infrastructure. Owned by You."
+                description="Enterprise-grade AI operations deployed in your environment. Save 10–20 hours per week without exposing your data."
+                primaryButton={{ text: "Book Discovery Call", href: "#contact" }}
+                secondaryButton={{ text: "Learn More", href: "#security" }}
+                imageSrc="https://storage.googleapis.com/webild/default/templates/merydian/breakdown.avif"
+              />
             </div>
   );
 }

src/pages/HomePage/sections/Outcomes.tsx

@@ -9,12 +9,16 @@ export default function OutcomesSection(): React.JSX.Element {
   return (
     <div id="outcomes" data-section="outcomes">
               <FeaturesBorderGlow
-        textAnimation="slide-up"
-        tag="Impacto"
-        title="Lo que tu empresa se lleva"
-        description="Lo que reportan las empresas que ya cruzaron. Beneficios reportados por MiPymes que ya usan IA. Estudio Microsoft, 2025. No prometemos un número. Te mostramos, en el diagnóstico, cuál es realista para tu operación."
-        features={[{"description":"ahorro de tiempo","title":"58%","icon":"Clock"},{"title":"52%","icon":"Zap","description":"más productividad"},{"description":"menos errores","title":"41%","icon":"Shield"}]}
-      />
+                textAnimation="slide-up"
+                tag="Outcomes"
+                title="Real outcomes from secure AI operations"
+                description=""
+                features={[
+                  { icon: Clock, title: "10 Hours Saved", description: "Per team, per department. Automated workflows." },
+                  { icon: Zap, title: "24/7 Operations", description: "AI agents working around the clock." },
+                  { icon: Layers, title: "50+ Integrations", description: "Connect across all your platforms." },
+                ]}
+              />
             </div>
   );
 }

src/pages/HomePage/sections/Pricing.tsx

@@ -8,12 +8,49 @@ export default function PricingSection(): React.JSX.Element {
   return (
     <div id="pricing" data-section="pricing">
               <PricingLayeredCards
-        textAnimation="slide-up"
-        tag="Educación"
-        title="IA en la educación: enfocarla, no bloquearla."
-        description="Prohibir la IA en el aula es pelear contra el futuro. La respuesta no es bloquear el acceso — es enseñar a usarla con criterio."
-        plans={[{"features":["Emprendimiento","Validación de ideas","Proyectos reales"],"price":"1","tag":"IA para el emprendimiento","primaryButton":{"href":"https://calendly.com/ceo-wearevoria/meeting-senior-partner-voriao","text":"Agenda tu diagnóstico gratuito"},"description":"Preparamos a estudiantes para crear, no solo consumir tecnología: emprender, validar ideas y construir proyectos reales."},{"primaryButton":{"href":"https://calendly.com/ceo-wearevoria/meeting-senior-partner-voriao","text":"Agenda tu diagnóstico gratuito"},"description":"Uso ético y responsable: cuándo confiar, cuándo verificar, cómo mantener la integridad académica.","price":"2","tag":"Buen uso y pensamiento crítico","features":["Uso ético","Pensamiento crítico","Integridad académica"]},{"description":"Hacia dónde va la IA, qué trabajos transforma y por qué esta habilidad ya no es opcional.","primaryButton":{"text":"Agenda tu diagnóstico gratuito","href":"https://calendly.com/ceo-wearevoria/meeting-senior-partner-voriao"},"tag":"El panorama que viene","price":"3","features":["Futuro del trabajo","Transformación digital","Habilidades clave"]},{"features":["Planeación eficiente","Evaluación rápida","Retroalimentación mejorada"],"primaryButton":{"text":"Agenda tu diagnóstico gratuito","href":"https://calendly.com/ceo-wearevoria/meeting-senior-partner-voriao"},"description":"Acompañamos a los docentes para que la IA les devuelva tiempo en planeación, evaluación y retroalimentación, y mejore su metodología sin reemplazar su criterio pedagógico.","price":"4","tag":"Para maestros: potenciar la metodología"}]}
-      />
+                textAnimation="slide-up"
+                tag="Pricing"
+                title="One-time deployment. No subscriptions."
+                description="You pay once. You own the infrastructure. No recurring fees, no vendor lock-in."
+                plans={[
+                  {
+                    tag: "Single Department",
+                    price: "$5,000",
+                    description: "AI automation for one department.",
+                    primaryButton: { text: "Get Started", href: "#contact" },
+                    features: [
+                      "Multiple OpenClaw instances",
+                      "Docker containerization",
+                      "Management dashboard",
+                      "14-day support",
+                    ],
+                  },
+                  {
+                    tag: "Multi-Department",
+                    price: "$12,000",
+                    description: "AI operations across multiple teams.",
+                    primaryButton: { text: "Get Started", href: "#contact" },
+                    features: [
+                      "Everything in Tier 1",
+                      "Cross-department orchestration",
+                      "Role-based permissions",
+                      "30-day support",
+                    ],
+                  },
+                  {
+                    tag: "On-Site",
+                    price: "$25,000",
+                    description: "Zero cloud dependency. Air-gapped.",
+                    primaryButton: { text: "Get Started", href: "#contact" },
+                    features: [
+                      "Everything in Tier 2",
+                      "Physical hardware install",
+                      "In-person training",
+                      "60-day support",
+                    ],
+                  },
+                ]}
+              />
             </div>
   );
 }

src/pages/HomePage/sections/Security.tsx

@@ -9,14 +9,52 @@ export default function SecuritySection(): React.JSX.Element {
   return (
     <div id="security" data-section="security">
               <FeaturesBento
-        textAnimation="slide-up"
-        tag="Para quién"
-        title="Empresas e Instituciones Educativas"
-        description="Capacitamos a tu equipo en las herramientas e infraestructura de IA que tu operación necesita — aplicadas a tus procesos reales, no a ejemplos genéricos. Formamos comunidades educativas para usar la IA con criterio: potenciar el aprendizaje, impulsar el emprendimiento y preparar a estudiantes y maestros para el futuro que ya llegó."
-        primaryButton={{"text":"Agenda tu diagnóstico gratuito","href":"https://calendly.com/ceo-wearevoria/meeting-senior-partner-voriao"}}
-        secondaryButton={{"href":"#como-funciona","text":"Conoce cómo funciona"}}
-        features={[{"description":"Tu equipo domina ChatGPT, Copilot y automatizaciones aplicadas a su día a día: cotizar en minutos, redactar informes solos, responder clientes sin saturarse.","title":"Herramientas que se usan desde el día uno","marqueeTexts":["ChatGPT","Copilot","Automatizaciones","Cotizaciones"],"bentoComponent":"icon-text-marquee","centerIcon":"Zap"},{"bentoComponent":"tilted-stack-cards","description":"Montamos y enseñamos a operar el stack de IA que tu empresa necesita, conectado a tus sistemas. Autonomía real, no dependencia de un consultor.","stackCards":[{"detail":"Conectado","title":"Infraestructura de IA","icon":"Layers","subtitle":"A la medida"},{"icon":"Shield","subtitle":"Sin dependencia","title":"Autonomía","detail":"Real"},{"detail":"Integrado","icon":"Zap","subtitle":"En tus sistemas","title":"Stack de IA"}],"title":"Infraestructura de IA a la medida"},{"exchanges":[{"aiResponse":"Automatizando tarea repetitiva...","userMessage":"Redactar informe mensual"},{"aiResponse":"Generando borrador...","userMessage":"Responder a cliente"},{"aiResponse":"Analizando datos...","userMessage":"Revisar cotización"}],"userIcon":"Shield","bentoComponent":"chat-marquee","description":"La IA se queda con lo tedioso. Tu gente se queda con lo que exige criterio y decisión. Un equipo que rinde como uno más grande, sin contratar.","placeholder":"Escribe un comando...","aiIcon":"Zap","title":"IA que potencia al empleado, no que lo reemplaza"},{"title":"El problema no es la IA","description":"48% de las empresas en Colombia no usa IA — no por miedo ni por costo, sino porque no sabe qué herramienta resuelve su problema. (Fuente: CONPES 4144)","bentoComponent":"orbiting-icons","centerIcon":"Zap","orbitIcons":["Shield","Zap","Layers","Clock"]}]}
-      />
+                textAnimation="slide-up"
+                tag="The Problem"
+                title="Powerful to deploy. Dangerous to deploy wrong."
+                description="OpenClaw is under attack. Community-built skills are stealing data, injecting code, and compromising supply chains."
+                primaryButton={{ text: "Book Discovery Call", href: "#contact" }}
+                secondaryButton={{ text: "Learn More", href: "#process" }}
+                features={[
+                  {
+                    bentoComponent: "orbiting-icons",
+                    centerIcon: AlertTriangle,
+                    orbitIcons: [Bug, FileWarning, Skull, Lock],
+                    title: "Malicious Skills",
+                    description: "341 dangerous skills identified on ClawHub stealing user data.",
+                  },
+                  {
+                    bentoComponent: "tilted-stack-cards",
+                    stackCards: [
+                      { icon: Skull, title: "Credential theft", subtitle: "47 incidents", detail: "Active" },
+                      { icon: Bug, title: "Session hijacking", subtitle: "23 cases", detail: "Growing" },
+                      { icon: FileWarning, title: "Token exposure", subtitle: "18 reports", detail: "Critical" },
+                    ],
+                    title: "Data Extraction",
+                    description: "Credential theft with 47 incidents documented this quarter.",
+                  },
+                  {
+                    bentoComponent: "chat-marquee",
+                    aiIcon: Bug,
+                    userIcon: Shield,
+                    exchanges: [
+                      { userMessage: "Execute deployment script", aiResponse: "Injecting malicious payload..." },
+                      { userMessage: "Check system status", aiResponse: "Exfiltrating credentials..." },
+                      { userMessage: "Run diagnostics", aiResponse: "Installing backdoor..." },
+                    ],
+                    placeholder: "Enter command...",
+                    title: "Code Injection",
+                    description: "Remote execution with 128 unauthorized injections detected.",
+                  },
+                  {
+                    bentoComponent: "icon-text-marquee",
+                    centerIcon: FileWarning,
+                    marqueeTexts: ["Compromised packages: 166", "Malicious dependencies: 89", "Vulnerable imports: 42", "Unsafe modules: 31"],
+                    title: "Supply Chain",
+                    description: "Compromised dependencies with 166 malicious packages found.",
+                  },
+                ]}
+              />
             </div>
   );
 }

src/pages/HomePage/sections/Team.tsx

@@ -7,29 +7,29 @@ import TeamOverlayCards from "@/components/sections/team/TeamOverlayCards";
 export default function TeamSection(): React.JSX.Element {
   return (
     <div id="team" data-section="team">
-      <TeamOverlayCards
-        textAnimation="slide-up"
-        tag="Cómo funciona"
-        title="3 pasos claros"
-        description="Del 'quiero' al 'ya lo estamos usando', en semanas."
-        members={[
-          {
-            name: "Diagnóstico gratis",
-            role: "Analizamos tu operación y salimos con el mapa de qué se puede automatizar.",
-            imageSrc: ""
-          },
-          {
-            name: "Programa aplicado in-company",
-            role: "Capacitamos a tu equipo sobre tus procesos reales; cada sesión deja algo funcionando.",
-            imageSrc: ""
-          },
-          {
-            name: "Acompañamiento",
-            role: "Te acompañamos hasta que el proceso quede rodando solo, y volvemos por el siguiente.",
-            imageSrc: ""
-          }
-        ]}
-      />
-    </div>
+              <TeamOverlayCards
+                textAnimation="slide-up"
+                tag="Team"
+                title="Built by engineers who've deployed AI at scale"
+                description="Years of experience building secure infrastructure for enterprise clients."
+                members={[
+                  {
+                    name: "Brody Glanville",
+                    role: "CEO",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/merydian/team/ceo.webp",
+                  },
+                  {
+                    name: "Bennett Spooner",
+                    role: "COO",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/merydian/team/coo.webp",
+                  },
+                  {
+                    name: "Jesse Rurka",
+                    role: "CTO",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/merydian/team/cto.webp",
+                  },
+                ]}
+              />
+            </div>
   );
-}
+}