"use client" import { useState } from "react" // third-party import { motion } from "framer-motion" // ------------------------------ | PORTFOLIO AGENCY CLIENTS DATA | ------------------------------ // interface BrandItem { id: string name: string logo: React.ReactNode } const portfolioAgencyBrands: BrandItem[] = [ { id: "lumina", name: "Lumina Labs", logo: (

lumina.

), }, { id: "avant", name: "AVANT Studio", logo: (

AVANT ATELIER

), }, { id: "nexus", name: "Nexus Motion", logo: (

NEXUS

), }, { id: "kinetic", name: "Kinetic DTC", logo: (

KINETIC

), }, { id: "eclipse", name: "Eclipse Digital", logo: (

ECLIPSE

), }, { id: "hyperion", name: "Hyperion Media", logo: (

✦ HYPERION

), }, { id: "solaris", name: "Solaris Lab", logo: (

Solaris LAB

), }, { id: "monolith", name: "Monolith Craft", logo: (

MONOLITH

), }, ] // ------------------------------ | SMALL HERO 6 | ------------------------------ // export default function SmallHero6() { const [isHovered, setIsHovered] = useState(false) return (

{/* Portfolio Agency Brand Logo Section */} {/* Portfolio Agency Eyebrow Caption */} Making brands impossible to ignore {/* Continuous Ticker Marquee with Edge Gradient Fade Masks */} setIsHovered(true)} onMouseLeave={() => setIsHovered(false)} className="w-full max-w-5xl overflow-hidden py-3" > {[...portfolioAgencyBrands, ...portfolioAgencyBrands].map( (brand, idx) => (

{brand.logo}

) )}

) }