{"version":3,"file":"TestimonialsSlideshow.C_SWOFkb.mjs","names":["React.useState"],"sources":["https:/framerusercontent.com/modules/ENZj7Xc9gTGZCF9RCqoX/Z2e5X0ge6U3wFWOnW9TJ/TestimonialsSlideshow.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const TESTIMONIALS=[{name:\"Sam Ward\",tagline:\"Founder, Playmaker Creative Club\",text:\"After working with Gima professionally, it was a no brainer to book him for my wedding. A full circle moment for us both after I booked him for his first big corporate event. The guests adored him and he is such a delight to work with. Kind soul, great energy and a one of a kind talent. He can listen to a song and within a minute, is playing it back to you on the piano. Thank you for making our day extra special.\"},{name:\"Charlotte\",tagline:\"Wedding client\",text:\"One of the best decisions we made. We loved his effortless mix of R&B, hip-hop and cinematic instrumentals and despite saying we wouldn't book a musician for the wedding breakfast, we knew we had to book him. His talent is incomparable — his ability to play by ear meant he could jump into any guest request on the spot without missing a beat. At one point he went from the Harry Potter theme to 50 Cent. If you're debating booking Gima for your big day — DO IT, you will not regret it.\"},{name:\"Hanna Barnes\",tagline:\"Business Development Manager, American Express\",text:\"I met Gima at the Marriott Hotel in London for an event and was blown away by his talent, musicality and humility. He was so natural with his instrument and his interactions with the guests, and made us all feel truly relaxed and in the right mood with his beautiful playing.\"},{name:\"Andrew Cheung\",tagline:\"Creative Director, Creative Dimensions Design\",text:\"GDAYKEYS was performing at a wedding I was capturing and I can honestly say he nearly stole the show — but in a good way. His music was the instant mood and energy booster that signalled the start of a fun night. He knew exactly what to play, and when to play it, to orchestrate the atmosphere. Like a DJ pianist. There wasn't a song he didn't know or couldn't play after hearing a small sample — his talent is phenomenal.\"},{name:\"Untitled Hotel\",tagline:\"Creative Director\",text:\"Gima has to be the most pleasant collaborator I've had this year. And in the moment he hits that first key, the room falls silent, as if we've just witnessed the union between man and instrument. I didn't just hear him play — I could feel the moments between each key, as if time waited for the next note.\"},{name:\"Laura & Bee\",tagline:\"Wedding clients\",text:\"Incredible pianist. We are so thankful that Gima performed at our wedding. He kept our guests entertained playing all our favourite songs, I walked down the aisle to our favourite song, and then he switched to keyboard for our outdoor reception. I have never heard the piano played so beautifully. We are forever grateful that you were part of our day.\"},{name:\"Piet Johnson\",tagline:\"Photographer, Piet Johnson Photography\",text:\"His piano playing was beautiful and perfectly matched the evening's feel. Beyond that was his interaction with the guests — his breadth of knowledge was vast. He was amazing, all the while not missing a single beat, he just kept playing. A great talent, I am positive that he'd be very welcome at any event as he pitched it perfectly.\"},{name:\"Reggie A.\",tagline:\"\",text:\"I can't express enough just how magical of an experience it was with the perfect notes being played throughout the night. The versatility really shined through — I heard him playing melodies throughout Jay-Z's entire career from across the room. I will certainly book him for my future event regardless of where in the world I am.\"}];function useVisibleCount(desktopCount){const[width,setWidth]=React.useState(typeof window!==\"undefined\"?window.innerWidth:1200);React.useEffect(()=>{const onResize=()=>setWidth(window.innerWidth);window.addEventListener(\"resize\",onResize);return()=>window.removeEventListener(\"resize\",onResize);},[]);if(width<600)return 1;if(width<1024)return 2;return Math.min(desktopCount,3);}function StarRating(){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",gap:\"2px\"},children:[0,1,2,3,4].map(i=>/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 24 24\",fill:\"#EAB308\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"})},i))});}function TestimonialCard({name,tagline,text,textColor,mutedTextColor,ruleColor,fontSize,showBorderRight}){const[expanded,setExpanded]=React.useState(false);const isLong=text.length>220;const displayText=isLong&&!expanded?text.slice(0,220).trimEnd()+\"…\":text;return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:\"12px\",paddingLeft:\"24px\",paddingRight:\"24px\",borderRight:showBorderRight?`1px solid ${ruleColor}`:\"none\",flex:\"1 1 0\",minWidth:0,boxSizing:\"border-box\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{color:textColor,fontFamily:\"Geist, sans-serif\",fontSize:\"15px\",fontWeight:500},children:name}),/*#__PURE__*/_jsx(StarRating,{}),/*#__PURE__*/_jsx(\"div\",{style:{color:mutedTextColor,fontFamily:\"Geist, sans-serif\",fontSize:`${fontSize}px`,lineHeight:\"1.6\",flex:1},children:displayText}),isLong&&/*#__PURE__*/_jsx(\"button\",{onClick:e=>{e.stopPropagation();setExpanded(!expanded);},style:{all:\"unset\",color:textColor,fontFamily:\"Geist, sans-serif\",fontSize:\"13px\",fontWeight:500,cursor:\"pointer\",textDecoration:\"underline\",alignSelf:\"flex-start\"},children:expanded?\"Read less\":\"Read more\"}),tagline?/*#__PURE__*/_jsx(\"div\",{style:{color:mutedTextColor,fontFamily:\"Geist, sans-serif\",fontSize:\"12px\",opacity:.7},children:tagline}):null]});}function ArrowButton({onClick,dir,color,borderColor}){return /*#__PURE__*/_jsx(\"button\",{onClick:onClick,style:{all:\"unset\",cursor:\"pointer\",width:\"32px\",height:\"32px\",borderRadius:\"50%\",border:`1px solid ${borderColor}`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flexShrink:0,background:\"transparent\"},children:/*#__PURE__*/_jsx(\"svg\",{width:\"14\",height:\"14\",viewBox:\"0 0 14 14\",fill:\"none\",children:/*#__PURE__*/_jsx(\"path\",{d:dir===\"left\"?\"M9 2L4 7l5 5\":\"M5 2l5 5-5 5\",stroke:color,strokeWidth:\"1.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})});}/**\n * Testimonials Slideshow\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export default function TestimonialsSlideshow(props){const{autoplay=true,interval=4500,desktopCount=3,backgroundColor=\"rgb(255,255,255)\",textColor=\"rgb(30,30,30)\",mutedTextColor=\"rgb(85,85,85)\",ruleColor=\"rgb(221,221,221)\",fontSize=15}=props;const visible=useVisibleCount(desktopCount);const count=TESTIMONIALS.length;const[startIndex,setStartIndex]=React.useState(0);const prev=()=>setStartIndex(i=>(i-1+count)%count);const next=()=>setStartIndex(i=>(i+1)%count);// Reset to 0 when visible count changes (breakpoint switch) to avoid half-visible state\nReact.useEffect(()=>{setStartIndex(0);},[visible]);React.useEffect(()=>{if(!autoplay)return;const id=setInterval(next,interval);return()=>clearInterval(id);},[autoplay,interval,startIndex]);const cards=Array.from({length:visible},(_,i)=>TESTIMONIALS[(startIndex+i)%count]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",backgroundColor,display:\"flex\",flexDirection:\"column\",padding:\"32px 0\",boxSizing:\"border-box\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"stretch\",borderTop:`1px solid ${ruleColor}`,borderBottom:`1px solid ${ruleColor}`},children:[/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",alignItems:\"center\",padding:\"24px 12px 24px 0\",flexShrink:0},children:/*#__PURE__*/_jsx(ArrowButton,{onClick:prev,dir:\"left\",color:textColor,borderColor:ruleColor})}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flex:1,overflow:\"hidden\"},children:cards.map((t,i)=>/*#__PURE__*/_jsx(\"div\",{style:{flex:`0 0 ${100/visible}%`,minWidth:0,padding:\"28px 0\",boxSizing:\"border-box\"},children:/*#__PURE__*/_jsx(TestimonialCard,{name:t.name,tagline:t.tagline,text:t.text,textColor:textColor,mutedTextColor:mutedTextColor,ruleColor:ruleColor,fontSize:fontSize,showBorderRight:i