import { motion, useScroll, useTransform } from ‘framer-motion’
import { Button } from “@/components/ui/button”
import { Card, CardContent } from “@/components/ui/card”
import { ArrowRight } from “lucide-react”
import { useRef } from ‘react’
export default function CatalystSite() {
const ref = useRef(null)
const { scrollYProgress } = useScroll({ target: ref, offset: [“start start”, “end end”] })
const y1 = useTransform(scrollYProgress, [0, 1], [0, -200])
const y2 = useTransform(scrollYProgress, [0, 1], [0, -400])
return (
We turn creators into
client-generating machines.
Catalyst helps creators and brands dominate social platforms — turning attention into revenue.
{/* Services Section */}
What We Do
{ title: “Content Strategy”, desc: “We build growth systems that turn content into consistent client flow.” },
{ title: “Editing & Production”, desc: “Premium editing that commands attention and converts views to trust.” },
{ title: “Distribution”, desc: “Get your message in front of the right audience across every platform.” }
].map((s, i) => (
{s.title}
{s.desc}
))}
{/* Case Studies Section */}
Proof That It Works
{ stat: “+150K”, label: “Views in 7 days” },
{ stat: “+40%”, label: “Client conversion increase” },
{ stat: “8x”, label: “ROI from content systems” }
].map((c, i) => (
{c.stat}
{c.label}
))}
{/* About Section */}
Why Catalyst?
We’re not another marketing agency — we’re your growth engine. At Catalyst, we merge storytelling, systemized content, and creator psychology to build brands that print opportunities.
{/* CTA Section */}
Ready to Scale?
Let’s turn your content into a business growth machine.
{/* Footer */}
)
}