// Pricing.jsx — Partnership section + Testimonial Slider + CTA function Testimonial() { const { Container, Eyebrow, Icon } = window; const testimonials = [ { quote: "Working with Zentro over the past couple of years has been one of the best investments I've made for my business. Together we have developed a system that makes reviewing and approving content incredibly easy. Their designs are always on brand, and they consistently bring fresh ideas to help improve engagement and keep up with the ever-changing algorithm. Beyond their creativity, they're positive, responsive, and so easy to communicate with. They've taken a huge task off my plate and given me the confidence of knowing my business has a consistent, professional presence on Instagram. That has allowed me to spend more time focusing on my clients and my family. I'm so grateful I found Zentro and highly recommend them to anyone looking for a talented, reliable social media partner.", name: "Laura Bostrom", role: "Founder, Everyday Order", photo: "uploads/testimonials/Laura.jpg" }, { quote: "The quality of editing from Zentro is unmatched. Our brand finally looks as professional as our product. Highly recommend to any serious business.", name: "Kat Mua", role: "K&I Perfumes", photo: "uploads/testimonials/kat.jpg" }, { quote: "Zentro helped bring our creative vision to life in a way that genuinely connected with our audience. Every edit felt intentional, every detail was handled with care, and the entire process was seamless. Having a team we could trust with our visuals allowed us to focus on making music.", name: "Jordan Mota", role: "We Just Changed", photo: "uploads/testimonials/WeJustChanged.jpg" }, ]; const total = testimonials.length; const [index, setIndex] = React.useState(0); const [locked, setLocked] = React.useState(false); const trackRef = React.useRef(null); const getIdx = (i) => ((i % total) + total) % total; const go = (dir) => { if (locked) return; setLocked(true); const track = trackRef.current; if (!track) return; track.style.transition = "transform 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94)"; track.style.transform = `translateX(calc(-${(index + dir + 1)} * (31% + 12px)))`; setTimeout(() => { const next = getIdx(index + dir); setIndex(next); track.style.transition = "none"; track.style.transform = `translateX(calc(-${(next + 1)} * (31% + 12px)))`; setLocked(false); }, 430); }; const extended = []; for (let i = 0; i < total * 3; i++) { extended.push(testimonials[i % total]); } React.useEffect(() => { const track = trackRef.current; if (!track) return; track.style.transition = "none"; track.style.transform = `translateX(calc(-${(index + 1)} * (31% + 12px)))`; }, [index]); const Avatar = ({ t }) => ( t.photo ? {t.name} :
{t.name.charAt(0)}
); const navBtn = (handler) => ({ onClick: handler, style: { width: 44, height: 44, borderRadius: "50%", border: "1px solid var(--border-default)", background: "var(--surface-card)", color: "var(--text-primary)", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0, transition: "all 0.15s" }, onMouseEnter: (e) => { e.currentTarget.style.borderColor = "var(--gold-500)"; e.currentTarget.style.color = "var(--gold-500)"; }, onMouseLeave: (e) => { e.currentTarget.style.borderColor = "var(--border-default)"; e.currentTarget.style.color = "var(--text-primary)"; }, }); return (
What clients say

Results That Speak
For Themselves.

{extended.map((t, i) => { const pos = i - (index + 1); const isActive = pos === 1; const isPeek = pos === -1 || pos === 3; return (
{ if (pos === -1) go(-1); if (pos === 3) go(1); }}>
{[...Array(5)].map((_, s) => )}

"{t.quote}"

{t.name}
{t.role}
); })}
{testimonials.map((_, i) => (
{ if (!locked) setIndex(i); }} style={{ width: i === index ? 24 : 8, height: 8, borderRadius: 99, background: i === index ? "var(--gold-500)" : "var(--border-default)", cursor: "pointer", transition: "all 0.3s ease" }} /> ))}
); } function Pricing({ onStart }) { const { Container, Eyebrow, Icon } = window; const { Button } = window.ZentroDesignSystem_967cea; const included = [ { icon: "User", title: "One Dedicated Editor", body: "You're not working with a pool of editors. One person learns your brand, your style, and your preferences — and stays with you." }, { icon: "Users", title: "Creative Team Behind Them", body: "Your editor is backed by a full creative team for quality control, production support, and workflow continuity every month." }, { icon: "RefreshCw", title: "Revisions Included", body: "Minor revisions are included. Adjustments, tweaks, small changes — handled without extra charges or extra briefing." }, { icon: "Zap", title: "Reliable Delivery", body: "Short-form content delivered in 1–2 business days. Your workflow runs on a schedule you can actually build around." }, { icon: "Globe", title: "Every Platform Covered", body: "Every video is delivered formatted and optimized for the platforms you post on — without you having to ask." }, { icon: "FileText", title: "Content Scripts Included", body: "New clients receive 5 custom content scripts tailored to their brand during their first month — no extra brief needed." }, ]; const traditional = [ "Multiple freelancers, different every time", "Re-briefing from scratch on every project", "Inconsistent editing style", "Unpredictable delivery timelines", "You manage the workflow", "Editing backs up when you're busy", ]; const zentro = [ "One dedicated editor who knows your brand", "No re-briefing — your editor already knows", "Consistent editing style, every time", "Reliable delivery you can schedule around", "We manage the workflow for you", "Content keeps moving, month after month", ]; return ( <> {/* ── Partnership — What's Included ── */}
The partnership

Not a Service. A Workflow.

Zentro isn't a place you send videos to get edited. It's an ongoing editing operation built around your brand — so you never have to think about editing again.

{included.map((it) => (

{it.title}

{it.body}

))}
{/* CTA removed — floating bonus widget used instead */}
{/* ── Brand Philosophy ── */}
Our philosophy

Consistency Builds Brands.

Editing should never be the reason a business stops creating content. Most businesses don't have a content problem — they have an editing bottleneck. Zentro exists to remove that bottleneck permanently, so the content keeps moving no matter what.

{/* New Client Bonus moved to floating widget */} {/* ── Comparison: Traditional vs Zentro ── */}
Two ways to edit

The Traditional Workflow
vs The Zentro Workflow

Traditional Editing Workflow

    {traditional.map((f) => (
  • {f}
    • ))}

The Zentro Workflow

    {zentro.map((f) => (
  • {f}
    • ))}
); } window.Testimonial = Testimonial; window.Pricing = Pricing;