Q
Quimera Group
Demo 04 MagicUI · Aceternity · react-bits landings de cliente
1 Animated Gradient · MagicUI AnimatedGradientText

Marketing + IA · Bolivia

Construimos agentes de IA, webs que venden y sistemas que escalan — para negocios que no pueden permitirse perder clientes.

Ver capacidades Ver resultados
scroll
2 Marquee infinito · MagicUI Marquee · react-bits InfiniteScrollText
3 Bento Grid + Glow · Aceternity BentoGrid · MagicUI MagicCard

Capacidades

Todo lo que tu negocio necesita, en un solo equipo.

🤖
Core

Agentes IA en WhatsApp

Tu recepcionista virtual trabaja 24/7: responde consultas, agenda citas y califica prospectos — antes de que lleguen a tu equipo.

WhatsApp Cloud API Claude AI Twilio
📈
Analytics

Reportes Meta que impresionan

PDF automático con los KPIs que tus clientes realmente entienden. Generado con datos reales de tu cuenta.

🌐
Web

Webs que convierten

Next.js + diseño Awwwards. De la idea al server en 7 días.

🎬
Contenido

Video UGC con IA

Reels y TikToks generados con actores IA y tu branding. $300–800/mes, entrega semanal.

⚡

Setup en 48 h

Onboarding express para clientes que no pueden esperar.

4 Spotlight cursor · Aceternity Spotlight

Mové el cursor por acá.
El foco te sigue.

Aceternity Spotlight crea profundidad sin peso. Ideal para secciones de CTA o hero donde querés dar vida al fondo.

5 Shimmer Button · MagicUI ShimmerButton · react-bits ShinyButton
6 Count-Up · react-bits CountUp · MagicUI (custom hook)

Resultados reales

Números que hablan por sí solos.

0

Marcas activas

0

Retención de clientes

0

Setup de agente promedio

0

ROI promedio primer mes

0

Atención sin pausas

7 Text Reveal · MagicUI BlurFade · Aceternity TextGenerateEffect

Por qué Quimera

Bolivia · Miami · El mundo

Listo para vender
mientras dormís.

Agentes IA + webs + contenido. Todo integrado. Todo automatizado. Primeros resultados en 48 horas.

Quiero mi agente IA Escribir por WhatsApp

Cómo usar estos componentes en producción

1 Animated Gradient (MagicUI) 
# install
npm install tailwindcss-animate
# desde la CLI de MagicUI
npx shadcn@latest add "https://magicui.design/r/animated-gradient-text"

// uso básico
import { AnimatedGradientText } from "@/components/magicui/animated-gradient-text";

export default function Hero() {
  return (
    <AnimatedGradientText>Tu texto aquí</AnimatedGradientText>
  );
}
2 Marquee (MagicUI) 
npx shadcn@latest add "https://magicui.design/r/marquee"

import { Marquee } from "@/components/magicui/marquee";

<Marquee pauseOnHover className="[--duration:20s]">
  {items.map(item => <ReviewCard key={item.name} {...item} />)}
</Marquee>
3 Bento Grid (Aceternity) 
npm install clsx tailwind-merge framer-motion

# copiar desde:
# https://ui.aceternity.com/components/bento-grid

import { BentoGrid, BentoGridItem } from "@/components/ui/bento-grid";

<BentoGrid className="max-w-4xl mx-auto">
  {items.map((item, i) =>
    <BentoGridItem key={i} title={item.title} description={item.description} />
  )}
</BentoGrid>
4 Spotlight (Aceternity) 
# https://ui.aceternity.com/components/spotlight
import { Spotlight } from "@/components/ui/spotlight";

<div className="relative">
  <Spotlight className="-top-40 -left-10" fill="#42E200" />
  {/* tu contenido */}
</div>
5 Shimmer Button (MagicUI / react-bits) 
npx shadcn@latest add "https://magicui.design/r/shimmer-button"

# react-bits: https://www.reactbits.dev/components/shiny-button
npm install react-bits

import { ShimmerButton } from "@/components/magicui/shimmer-button";

<ShimmerButton shimmerColor="#fff" background="#42E200">
  Empezar ahora
</ShimmerButton>
6 Count-Up (react-bits) 
npm install react-bits
# https://www.reactbits.dev/text-animations/count-up

import CountUp from "react-bits/text-animations/CountUp";

<CountUp
  from={0}
  to={30}
  separator=","
  direction="up"
  duration={1.2}
  onStart={({ startAnimation }) => startAnimation()}
>
  {({ value }) => <h2>{value}+</h2>}
</CountUp>
7 Text Reveal / Blur Fade (MagicUI) 
npx shadcn@latest add "https://magicui.design/r/blur-fade"
npx shadcn@latest add "https://magicui.design/r/text-reveal"

import { BlurFade } from "@/components/magicui/blur-fade";
import { TextReveal } from "@/components/magicui/text-reveal";

// BlurFade: aparece con blur al entrar viewport
<BlurFade delay={0.25} inView>
  <h2>Texto que aparece</h2>
</BlurFade>

// TextReveal: revela palabras al hacer scroll
<TextReveal>Tu propuesta de valor acá.</TextReveal>