Long-Term Collaborations

Creators who trusted me with their content, again and again ⭐︎

@malenicruz@girlwithdrive@paytonbaeton@nylah.akua@kennethpabon@paulie.mars@malenicruz@girlwithdrive@paytonbaeton@nylah.akua@kennethpabon@paulie.mars

Selected Projects

Video
Video
Video
Video
Video
Video
Video
Video
Video

What some of ourclientshad to say

CLIENT TESTIMONIAL
Hi Vivian, no notes. This is perfect. I love, love the cut motion of me setting up the camera, etc. It’s exactly what I was looking for. You should work for Netflix. Oh my God.
Amber Ferguson
@amberferguson
SCROLL UP OR DOWN TO SEE MORE
/* ===================================== TESTIMONIAL DATA (order matches the client strip's data-index, 0-3) ===================================== */ const tccTestimonials = [ { name: "Amber Ferguson", handle: "@amberferguson", quote: "Hi Vivian, no notes. This is perfect. I love, love the cut motion of me setting up the camera, etc. It’s exactly what I was looking for. You should work for Netflix. Oh my God." }, { name: "Paulie Mars", handle: "@paulie.mars", quote: "Thanks, Vivian. I just watched. I loved the Disney Channel episode editing. Reminds me of That’s So Raven. The breaks in between are hilarious." }, { name: "Kenneth Pabon", handle: "@kennethpabon", quote: "The quickest turnaround of any editors I have ever worked with. Always responsive and understanding of changing timelines of content." }, { name: "Maleni Cruz", handle: "@malenicruz", quote: "Thanks for sending this over. It’s awesome. Phenomenal work in bringing it to life." } ]; /* ===================================== ELEMENTS ===================================== */ const quoteElement = document.getElementById("tcc-quote"); const nameElement = document.getElementById("tcc-name"); const handleElement = document.getElementById("tcc-handle"); const clientButtons = document.querySelectorAll(".tcc-client"); const testimonialContent = document.querySelector(".tcc-testimonial-content"); let currentIndex = 0; let isAnimating = false; let lastWheelTime = 0; /* ===================================== SHOW TESTIMONIAL ===================================== */ function showTestimonial(index, direction = 1) { if (isAnimating) return; if (index < 0) index = tccTestimonials.length - 1; if (index >= tccTestimonials.length) index = 0; isAnimating = true; testimonialContent.classList.add("is-changing"); setTimeout(() => { const testimonial = tccTestimonials[index]; quoteElement.textContent = testimonial.quote; nameElement.textContent = testimonial.name; handleElement.textContent = testimonial.handle; clientButtons.forEach((button, i) => { button.classList.toggle("active", i === index); }); /* Keep selected client visible on mobile */ clientButtons[index].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" }); testimonialContent.style.transform = `translateY(${direction > 0 ? "25px" : "-25px"})`; requestAnimationFrame(() => { testimonialContent.classList.remove("is-changing"); testimonialContent.style.transform = "translateY(0)"; }); currentIndex = index; setTimeout(() => { isAnimating = false; }, 450); }, 300); } /* ===================================== NEXT / PREVIOUS ===================================== */ function nextTestimonial() { showTestimonial(currentIndex + 1, 1); } function previousTestimonial() { showTestimonial(currentIndex - 1, -1); } /* ===================================== SCROLL/SWIPE NAV — TABLET & LAPTOP ONLY (phone screens rely on tapping a client name instead; real touch-scroll on phone doesn't play nice with wheel-jacking) ===================================== */ function canScrollNavigate() { return window.innerWidth > 900; } /* ===================================== MOUSE WHEEL ===================================== */ const section = document.getElementById("tcc-testimonials"); section.addEventListener( "wheel", function (event) { if (!canScrollNavigate()) return; const now = Date.now(); if (now - lastWheelTime < 700) { event.preventDefault(); return; } event.preventDefault(); lastWheelTime = now; if (event.deltaY > 0) nextTestimonial(); else previousTestimonial(); }, { passive: false } ); /* ===================================== CLICK CLIENT ===================================== */ clientButtons.forEach((button) => { button.addEventListener("click", function () { const index = Number(this.dataset.index); const direction = index > currentIndex ? 1 : -1; showTestimonial(index, direction); }); }); /* ===================================== KEYBOARD ===================================== */ document.addEventListener("keydown", function (event) { if (event.key === "ArrowDown" || event.key === "ArrowRight") nextTestimonial(); if (event.key === "ArrowUp" || event.key === "ArrowLeft") previousTestimonial(); }); /* ===================================== TOUCH / SWIPE ===================================== */ let touchStartY = 0; let touchEndY = 0; section.addEve

THUMBNAILS

Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video
Video