https://wiserreview.com/_next/static/chunks/896-c6e821d0b66c02bb.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[896],{896:(e,s,t)=>{t.r(s),t.d(s,{default:()=>el});var i=t(5155),l=t(2115);let a="https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=80&h=80&fit=crop&crop=face",r="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=80&h=80&fit=crop&crop=face",d="https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face",n="https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=80&h=80&fit=crop&crop=face",c="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=80&h=80&fit=crop&crop=face",x="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=80&h=80&fit=crop&crop=face",o="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=80&h=80&fit=crop&crop=face",h="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=80&h=80&fit=crop&crop=face";function m({src:e,size:s=28,className:t="",style:l}){return(0,i.jsx)("img",{src:e,alt:"Customer",width:s,height:s,className:`rounded-full object-cover ${t}`,style:{width:s,height:s,...l},loading:"lazy"})}function p({count:e=5,size:s=12,color:t="#f59e0b"}){return(0,i.jsx)("span",{className:"flex gap-[2px]",children:Array.from({length:5}).map((l,a)=>(0,i.jsx)("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:a<e?t:"none",stroke:a<e?t:"#e5e7eb",strokeWidth:"1.5",children:(0,i.jsx)("path",{d:"m12 2 3.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"})},a))})}function g({children:e,active:s}){return(0,i.jsx)("div",{className:"bg-[#f8f9fb] rounded-2xl overflow-hidden h-full flex justify-center flex-col transition-all duration-700",style:{opacity:+!!s,transform:s?"translateY(0) scale(1)":"translateY(12px) scale(0.97)",transitionTimingFunction:"cubic-bezier(0.16,1,0.3,1)"},children:(0,i.jsx)("div",{className:"overflow-y-auto",children:e})})}function f({children:e,className:s="",delay:t=0,active:l}){return(0,i.jsx)("div",{className:`rounded-[18px] overflow-hidden transition-all duration-700 ${s}`,style:{opacity:+!!l,transform:l?"translateY(0)":"translateY(16px)",transitionDelay:`${t}ms`,transitionTimingFunction:"cubic-bezier(0.16,1,0.3,1)"},children:e})}function j({active:e}){return(0,i.jsxs)(g,{url:"app.wiserreview.com/widgets",active:e,children:[(0,i.jsxs)("div",{className:"hidden md:flex items-start justify-center gap-3 px-4 py-8",children:[(0,i.jsxs)("div",{className:"w-[230px] flex-shrink-0",children:[(0,i.jsxs)("div",{className:"bg-white rounded-2xl shadow-[0_2px_20px_rgba(0,0,0,0.06)] overflow-hidden",children:[(0,i.jsx)("div",{className:"h-28 overflow-hidden",children:(0,i.jsx)("img",{src:"/images/product1.png",alt:"Product",className:"w-full h-full object-cover object-center",loading:"lazy"})}),(0,i.jsxs)("div",{className:"p-3.5",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,i.jsx)("span",{className:"text-[15px] font-bold text-[#0b0c0e]",children:"4.8"}),(0,i.jsx)(p,{count:5,size:11})]}),(0,i.jsx)("p",{className:"text-[8px] text-gray-400 mt-0.5",children:"Based on 247 reviews"})]}),(0,i.jsx)("span",{className:"text-[8px] font-medium text-[#645cfc]",children:"Write a review"})]}),[78,15,4,2,1].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-0.5",children:[(0,i.jsx)("span",{className:"text-[9px] text-gray-400 w-2",children:5-t}),(0,i.jsx)("div",{className:"flex-1 h-1.5 bg-gray-100 rounded-full overflow-hidden",children:(0,i.jsx)("div",{className:"h-full bg-[#f59e0b] rounded-full transition-all duration-1000",style:{width:e?`${s}%`:"0%",transitionDelay:`${300+80*t}ms`}})})]},t)),(0,i.jsx)("div",{className:"flex gap-1.5 mt-3 mb-3",children:["#f0ece4","#e8f0e4","#e4e8f0","#f0e8e4"].map((e,s)=>(0,i.jsx)("div",{className:"w-10 h-10 rounded-lg overflow-hidden flex items-center justify-center",style:{background:e},children:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#b0b0b0",strokeWidth:"1.5",opacity:"0.5",children:[(0,i.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),(0,i.jsx)("circle",{cx:"8.5",cy:"8.5",r:"1.5"}

1),(0,i.jsx)("path",{d:"m21 15-5-5L5 21"})]})},s))}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-1.5",children:[(0,i.jsx)(m,{src:a,size:24}),(0,i.jsxs)("div",{className:"flex flex-col justify-center",children:[(0,i.jsx)("span",{className:"text-[10px] font-medium text-[#0b0c0e] leading-tight",children:"Sarah L."}),(0,i.jsx)(p,{count:5,size:8})]})]}),(0,i.jsx)("p",{className:"text-[9px] text-gray-500 leading-snug",children:"Best water bottle I've owned. Keeps drinks cold for 24hrs."})]})]}),(0,i.jsxs)("div",{className:"mt-3 bg-white rounded-xl shadow-[0_1px_10px_rgba(0,0,0,0.04)] p-3 flex items-center gap-3",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(8px)",transition:"all 0.5s 0.4s ease-out"},children:[(0,i.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,i.jsx)(p,{count:5,size:11}),(0,i.jsx)("span",{className:"text-[14px] font-bold text-[#0b0c0e]",children:"4.8"})]}),(0,i.jsx)("div",{className:"w-px h-5 bg-gray-200"}),(0,i.jsx)("span",{className:"text-[9px] text-gray-400",children:"247 verified reviews"})]})]}),(0,i.jsxs)("div",{className:"max-w-[220px] flex-1 min-w-0 space-y-3",children:[(0,i.jsxs)("div",{style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(10px)",transition:"all 0.5s 0.2s ease-out"},children:[(0,i.jsx)("p",{className:"text-[10px] font-medium text-gray-400 mb-2",children:"Carousel"}),(0,i.jsxs)("div",{className:"bg-white rounded-xl shadow-[0_1px_10px_rgba(0,0,0,0.04)] p-3",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-1.5",children:[(0,i.jsx)(m,{src:c,size:24}),(0,i.jsxs)("div",{className:"flex flex-col justify-center",children:[(0,i.jsx)("span",{className:"text-[9px] font-semibold text-[#0b0c0e] leading-tight",children:"Mike T."}),(0,i.jsx)(p,{count:5,size:7})]})]}),(0,i.jsx)("p",{className:"text-[9px] text-gray-500 leading-snug",children:"Amazing sound quality. Best purchase this year."}),(0,i.jsxs)("div",{className:"flex justify-center gap-1.5 mt-2.5",children:[(0,i.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-[#0b0c0e]"}),(0,i.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-gray-200"}),(0,i.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-gray-200"})]})]})]}),(0,i.jsxs)("div",{style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(10px)",transition:"all 0.5s 0.35s ease-out"},children:[(0,i.jsx)("p",{className:"text-[10px] font-medium text-gray-400 mb-2",children:"Floating popup"}),(0,i.jsxs)("div",{className:"bg-white rounded-xl shadow-[0_2px_12px_rgba(0,0,0,0.06)] p-3",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-1.5",children:[(0,i.jsx)(m,{src:r,size:24}),(0,i.jsxs)("div",{className:"flex flex-col justify-center",children:[(0,i.jsx)("span",{className:"text-[9px] font-semibold text-[#0b0c0e] leading-tight",children:"Emma W."}),(0,i.jsx)(p,{count:5,size:7})]})]}),(0,i.jsx)("p",{className:"text-[9px] text-gray-500 leading-snug",children:"Crystal clear sound. Love it!"})]})]}),(0,i.jsxs)("div",{style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(10px)",transition:"all 0.5s 0.5s ease-out"},children:[(0,i.jsx)("p",{className:"text-[10px] font-medium text-gray-400 mb-2",children:"Wall of love"}),(0,i.jsx)("div",{className:"grid grid-cols-2 gap-2",children:[{name:"Sarah L.",av:a,text:"So comfortable!"},{name:"James K.",av:x,text:"Best purchase."},{name:"Anna B.",av:d,text:"Love the sound."},{name:"Liam C.",av:o,text:"Worth every penny.",stars:4}].map(e=>(0,i.jsxs)("div",{className:"bg-white rounded-lg shadow-[0_1px_4px_rgba(0,0,0,0.03)] p-2.5",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[(0,i.jsx)(m,{src:e.av,size:22}),(0,i.jsxs)("div",{className:"flex flex-col justify-center",children:[(0,i.jsx)("span",{className:"text-[9px] font-semibold text-[#0b0c0e] leading-tight",children:e.name}),(0,i.jsx)(p,{count:e.stars??5,size:7})]})]}),(0,i.jsx)("p",{className:"text-[9px] text-gray-500 leading-snug",children:e.text})]},e.name))})]})]})]}),(0,i.jsx)("div",{className:"flex md:hidden items-start justify-center px-4 py-6 w-full",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(16px)",transition:"opacity 0.6s ease-out, transform 0.6s ease-out"},children:(0,i.jsxs)("div",{className:"w-[195px] flex-shrink-0",children:[(0,i.jsxs)("div",{className:"bg-white rounded-2xl shadow-[0_2px_20px_rgba(0,0,0,0.06)] overflow-hidden",children:[(0,i.jsx)("div",{className:"h-20 overflow-hidden bg-gradient-to-b from-[#f5f3ef] to-[#eae7e0] flex items-center justify-center",children:(0,i.jsxs)("svg",{width:"36",height:"68",viewBox:"0 0 44 80",fill:"none",children:[(0,i.jsx)("rect",{x:"15",y:"2",width:"14",height:"8",rx:"2",fill:"#c8c4bc"}),(0,i.jsx)("rect",{x:"17",y:"0",width:"10",height:"4",rx:"1.5",fill:"#b0aca4"}),(0,i.jsx)("rect",{x:"17",y:"10",width:"10",height:"6",rx:"1",fill:"#e8e4dc"}),(0,i.jsx)("path",{d:"M14 16 C14 16, 10 22, 10 28 L10 68 C10 72, 14 76, 22 76 C30 76, 34 72, 34 68 L34 28 C34 22, 30 16, 30 16 Z",fill:"#f0ece4",stroke:"#d8d4cc",strokeWidth:"0.5"}),(0,i.jsx)("circle",{cx:"22",cy:"36",r:"2.5",fill:"#2a2a2a"})]})}),(0,i.jsxs)("div",{className:"p-3",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-1.5",children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"flex items-center gap-1",children:[(0,i.jsx)("span",{className:"text-[13px] font-bold text-[#0b0c0e]",children:"4.8"}),(0,i.jsx)(p,{count:5,size:9})]}),(0,i.jsx)("p",{className:"text-[7px] text-gray-400",children:"Based on 247 reviews"})]}),(0,i.jsx)("span",{className:"text-[7px] font-medium text-[#645cfc]",children:"Write a review"})]}),[78,15,4,2,1].map((e,s)=>(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mb-px",children:[(0,i.jsx)("span",{className:"text-[8px] text-gray-400 w-2",children:5-s}),(0,i.jsx)("div",{className:"flex-1 h-1 bg-gray-100 rounded-full overflow-hidden",children:(0,i.jsx)("div",{className:"h-full bg-[#f59e0b] rounded-full",style:{width:`${e}%`}})})]},s)),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mt-2.5 mb-1",children:[(0,i.jsx)(m,{src:a,size:20}),(0,i.jsxs)("div",{className:"flex flex-col justify-center",children:[(0,i.jsx)("span",{className:"text-[9px] font-medium text-[#0b0c0e] leading-tight",children:"Sarah L."}),(0,i.jsx)(p,{count:5,size:7})]})]}),(0,i.jsx)("p",{className:"text-[8px] text-gray-500 leading-snug",children:"Best water bottle I've owned. Keeps drinks cold for 24hrs."})]})]}),(0,i.jsxs)("div",{className:"mt-2.5 bg-white rounded-xl shadow-[0_1px_10px_rgba(0,0,0,0.04)] p-2.5 flex items-center gap-3",children:[(0,i.jsxs)("div",{className:"flex items-center gap-1",children:[(0,i.jsx)(p,{count:5,size:9}),(0,i.jsx)("span",{className:"text-[12px] font-bold text-[#0b0c0e]",children:"4.8"})]}),(0,i.jsx)("div",{className:"w-px h-4 bg-gray-200"}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400",children:"247 verified reviews"})]})]})})]})}function b({active:e}){return(0,i.jsx)(g,{url:"app.wiserreview.com/repurpose",active:e,children:(0,i.jsxs)("div",{className:"p-3 sm:p-5 flex flex-col gap-4",children:[(0,i.jsx)("div",{className:"flex gap-3 overflow-hidden",children:[{name:"Johnson david",role:"Artist",title:"Exceptional Support from WiserNotify!",text:"Now I can filter and show only the reviews that matter — by product, use case, or campaign.",stars:5,av:"https://images.unsplash.com/small/unsplash-premium-photos-production/premium_photo-1670002204174-fe4e228581ca?w=200&h=200&fit=crop&crop=face"}].map((s,t)=>(0,i.jsxs)(f,{className:"w-full max-w-[280px] mx-auto bg-white p-0 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] overflow-hidden rounded-2xl",active:e,delay:150*t,children:[(0,i.jsxs)("div",{className:"relative h-36 overflow-hidden",children:[(0,i.jsx)("img",{src:"/images/product2.png",alt:"Product",className:"w-full h-full object-cover",loading:"lazy"}),(0,i.jsx)("div",{className:"absolute top-2 left-2 w-6 h-6 rounded-full bg-white/80 flex items-center justify-center shadow-sm",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"#f97316",stroke:"none",children:(0,i.jsx)("path",{d:"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z"})})}),(0,i.jsx)("div",{className:"absolute -top-1 -right-1",children:(0,i.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 32 32",fill:"#f59e0b",children:(0,i.jsx)("path",{d:"m16 2 4.12 8.35L29.34 11.7l-6.67 6.5 1.57 9.18L16 23.1l-8.24 4.33 1.57-9.18-6.67-6.5 9.22-1.34L16 2z"})})})]}),(0,i.jsxs)("div",{className:"p-3",children:[(0,i.jsx)("div",{className:"text-[10px] font-bold text-gray-900 mb-1 leading-tight",children:s.title}),(0,i.jsx)("p",{className:"text-[8px] text-gray-500 leading-[1.5] mb-2 line-clamp-3",children:s.text}),(0,i.jsx)(p,{count:s.stars,size:10}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mt-2",children:[(0,i.jsx)(m,{src:s.av,size:20}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[8px] font-semibold text-gray-800",children:s.name}),(0,i.jsx)("div",{className:"text-[7px] text-gray-400",children:s.role})]})]})]})]},t))}),(0,i.jsxs)(f,{className:"w-full bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:350,children:[(0,i.jsx)("div",{className:"grid grid-cols-2 gap-x-6 gap-y-2 mb-3",children:[{label:"Text color",color:"#212121",hex:"#212121"},{label:"Star color",color:"#FF8000",hex:"#FF8000"},{label:"Image Box",color:"#645CFC",hex:"#645CFC"},{label:"Card",color:"#D3E7FF",hex:"#D3E7FF"}].map(e=>(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("div",{className:"w-5 h-5 rounded",style:{background:e.color}}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[8px] text-gray-500",children:e.label}),(0,i.jsx)("div",{className:"text-[9px] font-semibold text-gray-700",children:e.hex})]})]},e.label))}),(0,i.jsx)("div",{className:"flex flex-wrap gap-2",children:[{icon:(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("polyline",{points:"16 18 22 12 16 6"}),(0,i.jsx)("polyline",{points:"8 6 2 12 8 18"})]}),label:"Embed"},{icon:(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"}),(0,i.jsx)("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"})]}),label:"Get the link"},{icon:(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,i.jsx)("polyline",{points:"7 10 12 15 17 10"}),(0,i.jsx)("line",{x1:"12",y1:"15",x2:"12",y2:"3"})]}),label:"Download Image"},{icon:(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,i.jsx)("path",{d:"m22 6-10 7L2 6"})]}),label:"Copy email code"}].map(e=>(0,i.jsxs)("div",{className:"flex items-center gap-1.5 border border-gray-200 rounded-full px-2.5 py-1 text-[8px] font-medium text-gray-600 hover:bg-gray-50 transition-colors cursor-pointer",children:[e.icon,e.label]},e.label))})]})]})})}function u({active:e}){let s=()=>(0,i.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",fill:"#4285F4"}),(0,i.jsx)("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:"#34A853"}),(0,i.jsx)("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z",fill:"#FBBC05"}),(0,i.jsx)("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:"#EA4335"})]});return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col items-center gap-4",children:[(0,i.jsxs)(f,{className:"w-full max-w-[340px] bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsx)("div",{className:"mb-3",children:(0,i.jsx)(s,{})}),(0,i.jsx)("div",{className:"text-[15px] font-bold text-gray-900 mb-1",children:"LM8UU Linear Motion Bearing"}),(0,i.jsx)("div",{className:"text-[11px] text-[#188038] mb-1.5 font-medium",children:"https://robu.in/product/lm8uu-linear-motion-bearing/"}),(0,i.jsx)("p",{className:"text-[11px] text-gray-500 mb-3",children:"Bearing is smooth and high quality"}),(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)(p,{count:5,size:14}),(0,i.jsx)("span",{className:"text-[12px] font-semibold text-gray-700",children:"Review: 5.0"}),(0,i.jsx)("span",{className:"text-[11px] text-gray-400",children:"• 250 votes"})]})]}),(0,i.jsx)(f,{className:"w-full max-w-[360px] bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:180,children:(0,i.jsx)("div",{className:"flex gap-2.5 overflow-hidden",children:["https://images.unsplash.com/photo-1523381210434-271e8be1f52b?w=160&h=160&fit=crop","https://images.unsplash.com/photo-1556905055-8f358a7a47b2?w=160&h=160&fit=crop","/images/product4.png","https://images.unsplash.com/photo-1489987707025-afc232f7ea0f?w=160&h=160&fit=crop"].map((e,s)=>(0,i.jsxs)("div",{className:`flex-shrink-0 w-[80px] ${3===s?"opacity-40":""}`,children:[(0,i.jsx)("div",{className:"rounded-xl h-[80px] overflow-hidden mb-2",children:(0,i.jsx)("img",{src:e,alt:"Customer photo",className:"w-full h-full object-cover",loading:"lazy"})}),(0,i.jsx)("div",{className:"h-1 bg-gray-100 rounded mb-1 w-3/4"}),(0,i.jsx)(p,{count:5,size:6})]},s))})}),(0,i.jsxs)(f,{className:"w-full max-w-[340px] bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:350,children:[(0,i.jsx)("div",{className:"mb-3",children:(0,i.jsx)(s,{})}),(0,i.jsx)("div",{className:"text-[15px] font-bold text-gray-900 mb-1",children:"Creative - Store"}),(0,i.jsx)("div",{className:"text-[11px] text-[#188038] mb-1.5 font-medium",children:"https://www.thecreativedukaan.com/"}),(0,i.jsx)("p",{className:"text-[11px] text-gray-500 mb-3",children:"Smooth performance with superior build quality."}),(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)(p,{count:5,size:14}),(0,i.jsx)("span",{className:"text-[12px] font-semibold text-gray-700",children:"Review: 5.0"}),(0,i.jsx)("span",{className:"text-[11px] text-gray-400",children:"• 200 votes"})]})]})]})})}function v({active:e}){let s=()=>(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#1877F2"}),(0,i.jsx)("path",{d:"M16.5 12.5h-2.8v8h-3.4v-8H8.5v-3h1.8V7.8c0-1.8 1.1-2.8 2.7-2.8h2v2.7h-1.2c-.7 0-.8.3-.8.8v1h2l-.5 3z",fill:"#fff"})]}),t=()=>(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",fill:"#4285F4"}),(0,i.jsx)("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:"#34A853"}),(0,i.jsx)("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z",fill:"#FBBC05"}),(0,i.jsx)("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:"#EA4335"})]});return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-5",children:(0,i.jsxs)(f,{className:"w-full bg-white p-0 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl overflow-hidden",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"px-5

1 pt-5 pb-3",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,i.jsx)("h3",{className:"text-[15px] font-bold text-gray-900",children:"Manage reviews"}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,i.jsxs)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-2.5 py-1 text-gray-600 font-medium flex items-center gap-1",children:[(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,i.jsx)("polyline",{points:"7 10 12 15 17 10"}),(0,i.jsx)("line",{x1:"12",y1:"15",x2:"12",y2:"3"})]}),"Import"]}),(0,i.jsxs)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-2.5 py-1 text-gray-600 font-medium flex items-center gap-1",children:[(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,i.jsx)("polyline",{points:"17 8 12 3 7 8"}),(0,i.jsx)("line",{x1:"12",y1:"3",x2:"12",y2:"15"})]}),"Export"]}),(0,i.jsxs)("span",{className:"text-[9px] bg-[#10b981] text-white rounded-lg px-2.5 py-1 font-medium flex items-center gap-1",children:[(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"3"}),(0,i.jsx)("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9"})]}),"Setting"]})]})]}),(0,i.jsxs)("div",{className:"flex items-center gap-0 border-b border-gray-100 relative",children:[(0,i.jsx)("span",{className:"px-3 py-1.5 text-[10px] font-semibold text-[#645cfc] border-b-2 border-[#645cfc]",children:"All"}),(0,i.jsx)("span",{className:"px-3 py-1.5 text-[10px] font-medium text-gray-400",children:"Publish"}),(0,i.jsx)("span",{className:"px-3 py-1.5 text-[10px] font-medium text-gray-400",children:"Filter"}),(0,i.jsxs)("div",{className:"absolute left-16 top-7 bg-white rounded-xl shadow-[0_4px_20px_rgba(0,0,0,0.12)] border border-gray-100 p-2.5 z-10 w-32 transition-all duration-400",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(-4px)",transitionDelay:"400ms"},children:[(0,i.jsx)("div",{className:"text-[9px] font-semibold text-gray-700 mb-2",children:"Source List"}),[{label:"Facebook",icon:(0,i.jsx)(s,{})},{label:"Google",icon:(0,i.jsx)(t,{})},{label:"Capterra",icon:(0,i.jsx)(()=>(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("path",{d:"M2 12L12 2l10 14H2z",fill:"#F5A623"}),(0,i.jsx)("path",{d:"M12 2l10 14H12V2z",fill:"#68C5ED"}),(0,i.jsx)("path",{d:"M2 12l5 6h5v-6H2z",fill:"#C1403D"}),(0,i.jsx)("path",{d:"M12 12v6h5l-5-6z",fill:"#1B3E5B"})]}),{})}].map(e=>(0,i.jsxs)("div",{className:"flex items-center gap-2 py-1",children:[(0,i.jsx)("div",{className:"w-3 h-3 rounded border border-gray-300"}),(0,i.jsx)("span",{className:"text-[9px] text-gray-600",children:e.label}),e.icon]},e.label))]}),(0,i.jsxs)("div",{className:"ml-auto flex items-center gap-1.5",children:[(0,i.jsxs)("div",{className:"flex items-center gap-0.5 border border-gray-200 rounded-lg px-1.5 py-1",children:[(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#6b7280",strokeWidth:"2",children:[(0,i.jsx)("circle",{cx:"11",cy:"11",r:"8"}),(0,i.jsx)("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]}),(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#6b7280",strokeWidth:"2",children:[(0,i.jsx)("line",{x1:"4",y1:"21",x2:"4",y2:"14"}),(0,i.jsx)("line",{x1:"4",y1:"10",x2:"4",y2:"3"}),(0,i.jsx)("line",{x1:"12",y1:"21",x2:"12",y2:"12"}),(0,i.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"3"}),(0,i.jsx)("line",{x1:"20",y1:"21",x2:"20",y2:"16"}),(0,i.jsx)("line",{x1:"20",y1:"12",x2:"20",y2:"3"})]})]}),(0,i.jsx)("div",{className:"border border-gray-200 rounded-lg p-1",children:(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#6b7280",strokeWidth:"2",children:[(0,i.jsx)("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),(0,i.jsx)("polyline",{points:"19 12 12 19 5 12"})]})})]})]})]}),(0,i.jsxs)("div",{className:"hidden sm:grid grid-cols-[28px_1.3fr_1fr_50px_70px_40px] items-center gap-1.5 px-5 py-1.5 text-[9px] font-semibold text-gray-400 uppercase tracking-wide border-b border-gray-50",children:[(0,i.jsx)("div",{children:(0,i.jsx)("div",{className:"w-3 h-3 rounded border border-gray-300"})}),(0,i.jsx)("div",{children:"Product & Customer"}),(0,i.jsx)("div",{children:"Rating"}),(0,i.jsx)("div",{children:"Source"}),(0,i.jsx)("div",{children:"Status"}),(0,i.jsx)("div",{children:"Action"})]}),[{name:"Alex",product:"Red Shoes",title:"Awesome",rating:4,source:"fb",date:"24-10-2023",status:"Publish",text:"Quality and fitting are good.",color:"#ef4444"},{name:"John Deo",product:"Sport shoes",title:"Great product",rating:5,source:"shopify",date:"24-10-2023",status:"Unpublish",text:"Looks amazing with my wears",color:"#6366f1"},{name:"Marry com",product:"Benjamin Bookcase",title:"Cool!!!",rating:5,source:"google",date:"24-10-2023",status:"Unpublish",text:"Quality and fitting are good.Quality and fitting are g...",color:"#10b981"}].map((l,a)=>(0,i.jsxs)("div",{className:"grid grid-cols-[28px_1.3fr_1fr_50px_70px_40px] items-start gap-1.5 px-5 py-2.5 border-b border-gray-50 last:border-b-0 transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(8px)",transitionDelay:`${200+100*a}ms`},children:[(0,i.jsx)("div",{className:"pt-0.5",children:(0,i.jsx)("div",{className:"w-3 h-3 rounded border border-gray-300"})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[10px] font-semibold text-gray-800",children:l.name}),(0,i.jsx)("div",{className:"text-[9px] text-gray-400",children:l.product}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mt-1",children:[(0,i.jsx)("div",{className:"w-6 h-6 rounded-md border border-gray-100 flex items-center justify-center",style:{background:`${l.color}15`},children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("rect",{x:"3",y:"6",width:"18",height:"14",rx:"2",fill:l.color,opacity:"0.4"})})}),(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"1.5",children:(0,i.jsx)("path",{d:"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"})}),(0,i.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"1.5",children:[(0,i.jsx)("line",{x1:"12",y1:"17",x2:"12",y2:"22"}),(0,i.jsx)("path",{d:"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24z"})]})]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[10px] font-semibold text-gray-800",children:l.title}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mt-0.5",children:[(0,i.jsx)(p,{count:l.rating,size:9}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400",children:l.date})]}),(0,i.jsx)("p",{className:"text-[9px] text-gray-400 mt-0.5 line-clamp-1",children:l.text})]}),(0,i.jsxs)("div",{className:"pt-0.5",children:["fb"===l.source&&(0,i.jsx)(s,{}),"shopify"===l.source&&(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#96BF48"}),(0,i.jsx)("path",{d:"M15 7s-.1-.4-.3-.5c-.2-.1-.5-.1-.5-.1l-1 .1-.3-.3-.2-.1-.6 13 4.5-1S15 7.3 15 7z",fill:"#fff"})]}),"google"===l.source&&(0,i.jsx)(t,{})]}),(0,i.jsx)("div",{children:(0,i.jsx)("span",{className:`text-[8px] font-semibold px-2 py-0.5 rounded-full ${"Publish"===l.status?"bg-green-50 text-green-600":"bg-yellow-100/70 text-gray-400"}`,children:l.status})}),(0,i.jsx)("div",{className:"pt-0.5",children:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#9ca3af",strokeWidth:"1.5",children:[(0,i.jsx)("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),(0,i.jsx)("circle",{cx:"12",cy:"12",r:"3"})]})})]},a)),(0,i.jsxs)("div",{className:"flex items-center justify-end gap-1.5 px-5 py-3 border-t border-gray-50",children:[(0,i.jsx)("div",{className:"w-6 h-6 rounded-lg border border-gray-200 flex items-center justify-center hover:bg-gray-50 cursor-pointer",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#666",strokeWidth:"2",children:(0,i.jsx)("path",{d:"m15 18-6-6 6-6"})})}),(0,i.jsx)("div",{className:"w-6 h-6 rounded-lg border border-gray-200 flex items-center justify-center hover:bg-gray-50 cursor-pointer",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#666",strokeWidth:"2",children:(0,i.jsx)("path",{d:"m9 18 6-6-6-6"})})})]})]})})})}function y({active:e}){let s=()=>(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,i.jsx)("path",{d:"M12 3l1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5z"})});return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col gap-3",children:[(0,i.jsxs)(f,{className:"w-full bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-gray-500",children:(0,i.jsx)(s,{})}),(0,i.jsx)("span",{className:"text-[12px] font-bold text-gray-900",children:"AI Social Media Auto-Posts"}),(0,i.jsx)("span",{className:"text-[8px] font-semibold bg-green-100 text-green-700 px-1.5 py-0.5 rounded-full",children:"On"})]}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-2.5 py-1 text-gray-500 font-medium",children:"Turn off"})]}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500 mb-3",children:"AI picks the best reviews & post on social media automatically"}),(0,i.jsx)("div",{className:"bg-gray-50 rounded-xl p-3 border border-gray-100 space-y-2",children:(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#1877F2"}),(0,i.jsx)("path",{d:"M16 12.5h-2.5v5h-3v-5H9v-2.5h1.5V8.5c0-1.5.9-2.3 2.2-2.3h1.6v2.3h-1c-.5 0-.6.2-.6.6v.9H15l-.4 2.5z",fill:"#fff"})]}),(0,i.jsx)("span",{className:"text-[10px] text-green-600 font-medium",children:"connected"})]})})]}),(0,i.jsxs)(f,{className:"w-full bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:150,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-gray-500",children:(0,i.jsx)(s,{})}),(0,i.jsx)("span",{className:"text-[12px] font-bold text-gray-900",children:"AI Review Tags"}),(0,i.jsx)("span",{className:"text-[8px] font-semibold bg-green-100 text-green-700 px-1.5 py-0.5 rounded-full",children:"On"})]}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-2.5 py-1 text-gray-500 font-medium",children:"Turn off"})]}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500 mb-3",children:"AI adds tags to reviews for easy grouping and filtering."}),(0,i.jsxs)("div",{className:"bg-gray-50 rounded-xl p-3 border border-gray-100",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsx)("span",{className:"text-[10px] font-semibold text-gray-700",children:"Tags"}),(0,i.jsx)("span",{className:"text-[10px] text-[#645cfc] font-medium",children:"Add more tags"})]}),(0,i.jsx)("div",{className:"flex gap-2",children:[{emoji:"\uD83D\uDCB0",label:"Money"},{emoji:"\uD83C\uDF1F",label:"Best support"},{emoji:"\uD83D\uDCB2",label:"Pricing"}].map(e=>(0,i.jsxs)("span",{className:"text-[9px] text-gray-600 bg-white border border-gray-200 rounded-full px-2.5 py-1 font-medium flex items-center gap-1",children:[(0,i.jsx)("span",{children:e.emoji})," ",e.label]},e.label))})]})]}),(0,i.jsxs)(f,{className:"w-full bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:300,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-gray-500",children:(0,i.jsx)(s,{})}),(0,i.jsx)("span",{className:"text-[12px] font-bold text-gray-900",children:"AI Highlight"}),(0,i.jsx)("span",{className:"text-[8px] font-semibold bg-green-100 text-green-700 px-1.5 py-0.5 rounded-full",children:"On"})]}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-2.5 py-1 text-gray-500 font-medium",children:"Turn off"})]}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500 mb-3",children:"AI highlights important words in reviews using your color settings"}),(0,i.jsxs)("div",{className:"bg-gray-50 rounded-xl p-3 border border-gray-100",children:[(0,i.jsx)("div",{className:"text-[13px] font-bold text-gray-900 mb-1.5",children:"Amazing"}),(0,i.jsxs)("p",{className:"text-[10px] text-gray-600 leading-[1.7]",children:["The team ",(0,i.jsx)("span",{className:"bg-yellow-100 px-1 py-0.5 rounded font-medium",style:{color:"#a87f31"},children:"helped me"})," set everything up in minutes. I've never had such ",(0,i.jsx)("span",{className:"bg-yellow-100 px-1 py-0.5 rounded font-medium",style:{color:"#a87f31"},children:"quick and clear support"})," before. Totally ",(0,i.jsx)("span",{className:"bg-yellow-100 px-1 py-0.5 rounded font-medium",style:{color:"#a87f31"},children:"impressed"}),"!"]})]})]}),(0,i.jsxs)(f,{className:"w-full bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:450,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-gray-500",children:(0,i.jsx)(s,{})}),(0,i.jsx)("span",{className:"text-[12px] font-bold text-gray-900",children:"AI Sentiment Analysis"}),(0,i.jsx)("span",{className:"text-[8px] font-semibold bg-green-100 text-green-700 px-1.5 py-0.5 rounded-full",children:"On"})]}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-2.5 py-1 text-gray-500 font-medium",children:"Turn off"})]}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500",children:"AI auto-publishes positive reviews. Negative ones are paused"})]})]})})}function w({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col gap-4",children:[(0,i.jsxs)(f,{className:"w-full max-w-[280px] bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsx)("div",{className:"text-[13px] font-bold text-gray-900 mb-2",children:"Review source"}),(0,i.jsxs)("div",{className:"flex items-center justify-between border border-gray-200 rounded-xl px-3 py-2.5 mb-4",children:[(0,i.jsx)("span",{className:"text-[11px] text-gray-600",children:"All"}),(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"m7 10 5 5 5-5"})})]}),(0,i.jsx)("div",{className:"text-[13px] font-bold text-gray-900 mb-2",children:"Show reviews by tags"}),(0,i.jsxs)("div",{className:"flex items-center justify-between border border-gray-200 rounded-xl px-3 py-2.5 mb-3",children:[(0,i.jsx)("span",{className:"text-[11px] text-gray-600",children:"All"}),(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"m7 10 5 5 5-5"})})]}),(0,i.jsx)("div",{className:"bg-gray-50 rounded

1-xl p-3 border border-gray-100",children:[{label:"Facebook",icon:(0,i.jsx)(()=>(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#1877F2"}),(0,i.jsx)("path",{d:"M16 12.5h-2.5v5h-3v-5H9v-2.5h1.5V8.5c0-1.5.9-2.3 2.2-2.3h1.6v2.3h-1c-.5 0-.6.2-.6.6v.9H15l-.4 2.5z",fill:"#fff"})]}),{})},{label:"Google",icon:(0,i.jsx)(()=>(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",fill:"#4285F4"}),(0,i.jsx)("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:"#34A853"}),(0,i.jsx)("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z",fill:"#FBBC05"}),(0,i.jsx)("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:"#EA4335"})]}),{})},{label:"Capterra",icon:(0,i.jsx)(()=>(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("path",{d:"M2 12L12 2l10 14H2z",fill:"#F5A623"}),(0,i.jsx)("path",{d:"M12 2l10 14H12V2z",fill:"#68C5ED"}),(0,i.jsx)("path",{d:"M2 12l5 6h5v-6H2z",fill:"#C1403D"}),(0,i.jsx)("path",{d:"M12 12v6h5l-5-6z",fill:"#1B3E5B"})]}),{})}].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-2.5 py-2 transition-all duration-400",style:{opacity:+!!e,transform:e?"translateX(0)":"translateX(-8px)",transitionDelay:`${250+100*t}ms`},children:[(0,i.jsx)("div",{className:"w-4 h-4 rounded border border-gray-300"}),(0,i.jsx)("span",{className:"text-[11px] text-gray-700 font-medium",children:s.label}),s.icon]},t))})]}),(0,i.jsxs)(f,{className:"w-full bg-white p-0 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl overflow-hidden",active:e,delay:300,children:[(0,i.jsxs)("div",{className:"bg-[#1a1a2e] px-5 py-4 text-center",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"M4 4l4 16 4-12 4 12 4-16"})}),(0,i.jsx)("span",{className:"text-[8px] text-white/60 font-medium italic",children:"wisernotify"})]}),(0,i.jsx)("span",{className:"text-[8px] text-white/50 border border-white/20 rounded-full px-2 py-0.5",children:"Visit our site"})]}),(0,i.jsx)("div",{className:"text-[14px] font-bold text-white mb-2",children:"Wall of Love"}),(0,i.jsx)("div",{className:"inline-flex items-center bg-white/10 rounded-full px-3 py-1 text-[9px] text-white font-medium mb-2",children:"Write a Review"}),(0,i.jsxs)("div",{className:"flex items-center justify-center gap-1.5",children:[(0,i.jsx)("span",{className:"text-[13px] font-bold text-white",children:"4.3"}),(0,i.jsx)(p,{count:5,size:10}),(0,i.jsx)("span",{className:"text-[9px] text-white/60",children:"(156 reviews)"})]})]}),(0,i.jsx)("div",{className:"flex justify-center gap-2 px-4 py-3 border-b border-gray-100",children:["All","Results","Support","Money"].map((e,s)=>(0,i.jsx)("span",{className:`text-[9px] font-medium px-3 py-1 rounded-full border ${0===s?"bg-[#645cfc] text-white border-[#645cfc]":"text-gray-500 border-gray-200"}`,children:e},s))}),(0,i.jsx)("div",{className:"grid grid-cols-2 gap-3 p-4",children:[0,1].map(s=>(0,i.jsxs)("div",{className:"transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(8px)",transitionDelay:`${500+100*s}ms`},children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,i.jsx)(p,{count:5,size:8}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400",children:"24-10-2023"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mb-1",children:[(0,i.jsx)("span",{className:"text-[9px] font-semibold text-gray-800",children:"Rachna Sheth."}),(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"#3b82f6",stroke:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,i.jsx)("path",{d:"m9 12 2 2 4-4",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",fill:"none"})]})]}),(0,i.jsx)("div",{className:"text-[10px] font-bold text-gray-900",children:"Amazing"})]},s))})]})]})})}function N({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col items-center gap-4",children:[(0,i.jsx)(f,{className:"w-full max-w-[300px] bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl text-center",active:e,delay:0,children:(0,i.jsxs)("div",{className:"bg-gray-50 rounded-xl p-5 mb-3 border border-gray-100",children:[(0,i.jsx)("div",{className:"text-[13px] font-bold text-gray-900 mb-3 leading-snug",children:"What would be your rating for this item?"}),(0,i.jsx)("div",{className:"flex justify-center",children:(0,i.jsx)(p,{count:5,size:22})})]})}),(0,i.jsxs)(f,{className:"w-full max-w-[300px] bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:150,children:[(0,i.jsxs)("div",{className:"flex justify-center gap-1.5 mb-3",children:[(0,i.jsx)("div",{className:"w-6 h-1.5 rounded-full bg-[#645cfc]"}),(0,i.jsx)("div",{className:"w-6 h-1.5 rounded-full bg-[#645cfc]"}),(0,i.jsx)("div",{className:"w-6 h-1.5 rounded-full bg-[#645cfc]"}),(0,i.jsx)("div",{className:"w-6 h-1.5 rounded-full bg-gray-200"})]}),(0,i.jsx)("div",{className:"text-[13px] font-bold text-gray-900 mb-3 text-center",children:"Show it off!"}),(0,i.jsx)("div",{className:"border-2 border-dashed border-gray-200 rounded-xl p-6 text-center mb-3",children:(0,i.jsxs)("div",{className:"bg-[#645cfc] text-white text-[10px] font-semibold px-4 py-2 rounded-full inline-flex items-center gap-1.5",children:[(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,i.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),(0,i.jsx)("circle",{cx:"8.5",cy:"8.5",r:"1.5"}

1),(0,i.jsx)("path",{d:"m21 15-5-5L5 21"})]}),"Upload photo or Video"]})}),(0,i.jsxs)("div",{className:"flex gap-2",children:[(0,i.jsx)("div",{className:"flex-1 border border-gray-200 rounded-full py-2 text-center text-[10px] font-medium text-gray-600",children:"Back"}),(0,i.jsx)("div",{className:"flex-1 bg-[#645cfc] rounded-full py-2 text-center text-[10px] font-semibold text-white",children:"Next"})]})]}),(0,i.jsxs)(f,{className:"w-full max-w-[300px] bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:300,children:[(0,i.jsxs)("div",{className:"flex justify-center gap-1.5 mb-3",children:[(0,i.jsx)("div",{className:"w-6 h-1.5 rounded-full bg-[#645cfc]"}),(0,i.jsx)("div",{className:"w-6 h-1.5 rounded-full bg-[#645cfc]"}),(0,i.jsx)("div",{className:"w-6 h-1.5 rounded-full bg-gray-200"}),(0,i.jsx)("div",{className:"w-6 h-1.5 rounded-full bg-gray-200"})]}),(0,i.jsx)("div",{className:"text-[13px] font-bold text-gray-900 mb-3",children:"Write your review"}),(0,i.jsx)("div",{className:"bg-gray-50 rounded-xl px-3 py-4 text-[10px] text-gray-400 border border-gray-100",children:"Type your experience ..."})]})]})})}function k({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6",children:(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,i.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#666",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"m15 18-6-6 6-6"})}),(0,i.jsx)("span",{className:"text-[14px] font-bold text-gray-900",children:"Set up automate review requests"})]}),(0,i.jsxs)("div",{className:"border border-gray-100 rounded-xl p-4 mb-4",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-[12px] font-bold text-gray-900",children:"Ask for reviews"}),(0,i.jsx)("span",{className:"text-[8px] font-semibold bg-green-100 text-green-700 px-1.5 py-0.5 rounded-full",children:"On"})]}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-2.5 py-1 text-gray-500 font-medium",children:"Turn Off Automation"})]}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500 mb-3",children:"Optimize your review strategy with automation settings"}),(0,i.jsxs)("div",{className:"bg-gray-50 rounded-xl p-3 border-l-3 border-l-[#645cfc] border border-gray-100",children:[(0,i.jsx)("div",{className:"text-[10px] font-semibold text-gray-700 mb-2",children:"Set review triggers"}),[{icon:"\uD83D\uDFE3",label:"Podia orders"},{icon:"\uD83D\uDFE6",label:"Thinkific enrollments"},{icon:"\uD83D\uDFEA",label:"WooCommerce orders"},{icon:"\uD83D\uDFE7",label:"Shopify orders"}].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-2 py-1.5 transition-all duration-400",style:{opacity:+!!e,transform:e?"translateX(0)":"translateX(-8px)",transitionDelay:`${300+80*t}ms`},children:[(0,i.jsx)("div",{className:"w-4 h-4 rounded border border-gray-300"}),(0,i.jsx)("span",{className:"text-[10px]",children:s.icon}),(0,i.jsx)("span",{className:"text-[10px] text-gray-700",children:s.label})]},t))]})]}),(0,i.jsxs)("div",{className:"bg-gray-50 rounded-xl p-3 border-l-3 border-l-[#645cfc] border border-gray-100 mb-3",children:[(0,i.jsx)("div",{className:"text-[10px] font-semibold text-gray-700 mb-1.5",children:"Collect reviews via Email & SMS"}),(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("div",{className:"w-3.5 h-3.5 rounded-full border border-gray-300"}),(0,i.jsx)("span",{className:"text-[10px] text-gray-600",children:"Send the review request after 14 days."}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded px-2 py-0.5 text-gray-500 font-medium",children:"14 Days"})]})]}),(0,i.jsxs)("div",{className:"bg-gray-50 rounded-xl p-3 border-l-3 border-l-[#645cfc] border border-gray-100",children:[(0,i.jsx)("div",{className:"text-[10px] font-semibold text-gray-700 mb-1.5",children:"Reminder"}),(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("div",{className:"w-3.5 h-3.5 rounded-full border border-gray-300"}),(0,i.jsx)("span",{className:"text-[10px] text-gray-600",children:"Want to setup followup email for collect review?"})]})]})]})})})}function _({active:e}){let s=[{label:"SMS",icon:(0,i.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#555",strokeWidth:"1.5",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"})})},{label:"WhatsApp",icon:(0,i.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#25D366"}),(0,i.jsx)("path",{d:"M17 14.5c-.3 0-1.5-.7-1.7-.8-.2-.1-.4-.1-.5.1s-.6.8-.7.9-.3.1-.5 0a6.4 6.4 0 0 1-3.2-2.8c-.2-.4.2-.4.6-1.2.1-.2 

10-.3 0-.4s-.5-1.3-.7-1.7c-.2-.5-.4-.4-.5-.4h-.5a.9.9 0 0 0-.7.3 3 3 0 0 0-.9 2.2c0 1.3.9 2.6 1 2.8s1.8 2.8 4.4 3.9c2.6 1 2.6.7 3 .7s1.6-.7 1.8-1.3.2-1.2.2-1.3-.3-.2-.5-.3z",fill:"#fff"})]})},{label:"Email",icon:(0,i.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#555",strokeWidth:"1.5",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,i.jsx)("path",{d:"m22 6-10 7L2 6"})]})},{label:"QR",icon:(0,i.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#555",strokeWidth:"1.5",children:[(0,i.jsx)("rect",{x:"3",y:"3",width:"7",height:"7"}),(0,i.jsx)("rect",{x:"14",y:"3",width:"7",height:"7"}),(0,i.jsx)("rect",{x:"3",y:"14",width:"7",height:"7"}),(0,i.jsx)("rect",{x:"14",y:"14",width:"3",height:"3"})]})}];return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-6 sm:p-8 flex flex-col items-center",children:[(0,i.jsx)("div",{className:"flex items-center justify-center gap-3 mb-4",children:s.map((s,t)=>(0,i.jsxs)("div",{className:"flex flex-col items-center gap-1.5 transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(-10px)",transitionDelay:`${100+80*t}ms`},children:[(0,i.jsx)("div",{className:"w-12 h-12 bg-white rounded-2xl shadow-[0_2px_12px_rgba(0,0,0,0.06)] border border-gray-100 flex items-center justify-center",children:s.icon}),(0,i.jsx)("span",{className:"text-[9px] font-medium text-gray-500",children:s.label})]},t))}),(0,i.jsxs)("svg",{width:"240",height:"40",viewBox:"0 0 240 40",fill:"none",className:"mb-1",style:{opacity:+!!e,transition:"opacity 0.5s",transitionDelay:"400ms"},children:[(0,i.jsx)("path",{d:"M30 0 L30 20 L120 35",stroke:"#d1d5db",strokeWidth:"1.5",fill:"none"}),(0,i.jsx)("path",{d:"M90 0 L90 15 L120 35",stroke:"#d1d5db",strokeWidth:"1.5",fill:"none"}),(0,i.jsx)("path",{d:"M150 0 L150 15 L120 35",stroke:"#d1d5db",strokeWidth:"1.5",fill:"none"}),(0,i.jsx)("path",{d:"M210 0 L210 20 L120 35",stroke:"#d1d5db",strokeWidth:"1.5",fill:"none"}),(0,i.jsx)("circle",{cx:"120",cy:"35",r:"3",fill:"#645cfc"})]}),(0,i.jsxs)("svg",{width:"16",height:"24",viewBox:"0 0 16 24",fill:"none",className:"mb-1",style:{opacity:+!!e,transition:"opacity 0.4s",transitionDelay:"500ms"},children:[(0,i.jsx)("line",{x1:"8",y1:"0",x2:"8",y2:"18",stroke:"#d1d5db",strokeWidth:"1.5"}),(0,i.jsx)("path",{d:"M3 14 L8 20 L13 14",stroke:"#d1d5db",strokeWidth:"1.5",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,i.jsx)(f,{className:"bg-white px-5 py-2.5 shadow-[0_2px_12px_rgba(0,0,0,0.06)] border border-gray-100 rounded-2xl mb-1",active:e,delay:600,children:(0,i.jsx)("span",{className:"text-[12px] font-semibold text-gray-700",children:"Review Request"})}),(0,i.jsxs)("svg",{width:"16",height:"24",viewBox:"0 0 16 24",fill:"none",className:"mb-1",style:{opacity:+!!e,transition:"opacity 0.4s",transitionDelay:"700ms"},children:[(0,i.jsx)("line",{x1:"8",y1:"0",x2:"8",y2:"18",stroke:"#d1d5db",strokeWidth:"1.5"}),(0,i.jsx)("path",{d:"M3 14 L8 20 L13 14",stroke:"#d1d5db",strokeWidth:"1.5",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,i.jsxs)(f,{className:"w-full max-w-[240px] bg-white p-0 shadow-[0_2px_16px_rgba(0,0,0,0.07)] border border-gray-100 rounded-2xl overflow-hidden",active:e,delay:800,children:[(0,i.jsxs)("div",{className:"relative h-32 overflow-hidden",children:[(0,i.jsx)("img",{src:"/images/product2.png",alt:"Product",className:"w-full h-full object-cover",loading:"lazy"}),(0,i.jsx)("div",{className:"absolute top-2 left-2 w-6 h-6 rounded-full bg-white/80 flex items-center justify-center shadow-sm",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"#f97316",stroke:"none",children:(0,i.jsx)("path",{d:"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z"})})}),(0,i.jsx)("div",{className:"absolute -top-1 -right-1",children:(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 32 32",fill:"#f59e0b",children:(0,i.jsx)("path",{d:"m16 2 4.12 8.35L29.34 11.7l-6.67 6.5 1.57 9.18L16 23.1l-8.24 4.33 1.57-9.18-6.67-6.5 9.22-1.34L16 2z"})})})]}),(0,i.jsxs)("div",{className:"p-3",children:[(0,i.jsx)("div",{className:"text-[10px] font-bold text-gray-900 mb-1",children:"Exceptional Support from WiserNotify!"}),(0,i.jsx)("p",{className:"text-[8px] text-gray-500 leading-[1.5] mb-2",children:"Now I can filter and show only the reviews that matter — by product, use case, or campaign."}),(0,i.jsx)(p,{count:5,size:10}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mt-2",children:[(0,i.jsx)(m,{src:c,size:18}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[8px] font-semibold text-gray-800",children:"Johnson david"}),(0,i.jsx)("div",{className:"text-[7px] text-gray-400",children:"Artist"})]})]})]})]})]})})}function B({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-3 sm:p-6 overflow-hidden",children:(0,i.jsxs)(f,{className:"w-full bg-white p-4 sm:p-5 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl overflow-hidden",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#666",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"m15 18-6-6 6-6"})}),(0,i.jsx)("span",{className:"text-[12px] font-bold text-gray-900",children:"Incentives"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[(0,i.jsx)("span",{className:"text-[10px] font-bold text-gray-900",children:"Discounts"}),(0,i.jsx)("span",{className:"text-[7px] font-semibold bg-green-100 text-green-700 px-1.5 py-0.5 rounded-full",children:"On"})]}),(0,i.jsx)("p",{className:"text-[9px] text-gray-500 mb-3",children:"Optimize your review strategy with automation settings"}),(0,i.jsxs)("div",{className:"space-y-1.5 mb-3",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("div",{className:"w-3 h-3 rounded-full border border-gray-300 shrink-0"}),(0,i.jsx)("span",{className:"text-[9px] text-gray-700",children:"Same discount for all reviews"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("div",{className:"w-3 h-3 rounded-full border border-gray-300 shrink-0"}),(0,i.jsx)("span",{className:"text-[9px] text-gray-700",children:"Different discount by media"})]})]}),(0,i.jsxs)("div",{className:"bg-gray-50 rounded-xl p-2.5 border-l-3 border-l-[#645cfc] border border-gray-100 mb-3 overflow-hidden",children:[(0,i.jsx)("div",{className:"text-[9px] font-semibold text-gray-700 mb-1.5",children:"Select Review Types"}),["Any review","Reviews with text","Reviews with photo or video"].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-1.5 py-0.5 transition-all duration-400",style:{opacity:+!!e,transitionDelay:`${200+80*t}ms`},children:[(0,i.jsx)("div",{className:"w-3 h-3 rounded border border-gray-300 shrink-0"}),(0,i.jsx)("span",{className:"text-[9px] text-gray-600",children:s})]},t))]}),(0,i.jsxs)("div",{className:"bg-[#645cfc]/5 rounded-xl p-2.5 border border-[#645cfc]/15 mb-3 overflow-hidden",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-1.5",children:[(0,i.jsx)("div",{className:"w-3.5 h-3.5 rounded bg-[#645cfc] flex items-center justify-center shrink-0",children:(0,i.jsx)("svg",{width:"7",height:"7",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3",strokeLinecap:"round",children:(0,i.jsx)("polyline",{points:"20 6 9 17 4 12"})})}),(0,i.jsx)("span",{className:"text-[9px] font-semibold text-gray-800",children:"Reviews with video"})]}),(0,i.jsxs)("div",{className:"pl-5",children:[(0,i.jsx)("div",{className:"text-[8px] text-gray-500 mb-0.5",children:"Discount code"}),(0,i.jsx)("span",{className:"text-[10px] font-bold text-gray-900 border border-[#645cfc]/20 rounded-lg px-2 py-0.5 inline-block",children:"20% Off"})]})]}),(0,i.jsx)("div",{className:"text-[9px] font-semibold text-gray-700 mb-1.5",children:"Eligibility by rating"}),(0,i.jsx)("div",{className:"flex items-center gap-1.5 flex-wrap",children:["All","2","3","4","5"].map((e,s)=>(0,i.jsxs)("div",{className:"flex items-center gap-0.5",children:[(0,i.jsx)("div",{className:"w-3 h-3 rounded-full border border-gray-300 shrink-0"}),(0,i.jsx)("span",{className:"text-[9px] text-gray-600",children:e}

1),(0,i.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"#f59e0b",stroke:"none",children:(0,i.jsx)("path",{d:"m12 2 3.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"})})]},s))})]})})})}function L({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6",children:(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsx)("div",{className:"text-[13px] font-bold text-gray-900 mb-3 italic",children:"What's happening #BrandName #Instagram"}),(0,i.jsx)("div",{className:"grid grid-cols-3 gap-2 mb-3",children:["https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=200&h=200&fit=crop","https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=200&h=200&fit=crop","https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=200&h=200&fit=crop","https://images.unsplash.com/photo-1526170375885-4d8ecf77b99f?w=200&h=200&fit=crop","https://images.unsplash.com/photo-1572635196237-14b3f281503f?w=200&h=200&fit=crop","https://images.unsplash.com/photo-1560343090-f0409e92791a?w=200&h=200&fit=crop"].map((s,t)=>(0,i.jsxs)("div",{className:"aspect-square rounded-xl relative overflow-hidden transition-all duration-500 bg-gray-100",style:{opacity:+!!e,transform:e?"scale(1)":"scale(0.9)",transitionDelay:`${150+60*t}ms`},children:[(0,i.jsx)("img",{src:s,alt:"Customer photo",className:"w-full h-full object-cover",loading:"lazy"}),(0,i.jsxs)("div",{className:"absolute bottom-1 left-1 flex items-center gap-1",children:[(0,i.jsxs)("span",{className:"text-[6px] text-white bg-black/40 px-1 py-px rounded backdrop-blur-sm",children:["♡ ",2324-312*t]}),(0,i.jsxs)("span",{className:"text-[6px] text-white bg-black/40 px-1 py-px rounded backdrop-blur-sm",children:["\uD83D\uDCAC ",232-28*t]})]})]},t))}),(0,i.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("div",{className:"w-4 h-4 rounded bg-[#645cfc] flex items-center justify-center",children:(0,i.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3",strokeLinecap:"round",children:(0,i.jsx)("polyline",{points:"20 6 9 17 4 12"})})}),(0,i.jsx)("span",{className:"text-[10px] text-gray-700 font-medium",children:"Auto post best reviews on social media"})]}),(0,i.jsxs)("div",{className:"flex gap-1.5",children:[(0,i.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#1877F2"}),(0,i.jsx)("path",{d:"M16 12.5h-2.5v5h-3v-5H9v-2.5h1.5V8.5c0-1.5.9-2.3 2.2-2.3h1.6v2.3h-1c-.5 0-.6.2-.6.6v.9H15l-.4 2.5z",fill:"#fff"})]}),(0,i.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"url(#igr)"}),(0,i.jsx)("defs",{children:(0,i.jsxs)("linearGradient",{id:"igr",x1:"0",y1:"24",x2:"24",y2:"0",children:[(0,i.jsx)("stop",{stopColor:"#FD5"}),(0,i.jsx)("stop",{offset:".5",stopColor:"#FF543E"}),(0,i.jsx)("stop",{offset:"1",stopColor:"#C837AB"})]})}),(0,i.jsx)("rect",{x:"6",y:"6",width:"12",height:"12",rx:"3",stroke:"#fff",strokeWidth:"1",fill:"none"}),(0,i.jsx)("circle",{cx:"12",cy:"12",r:"2.5",stroke:"#fff",strokeWidth:"1",fill:"none"})]})]})]}),(0,i.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,i.jsx)("span",{className:"text-[10px] text-gray-500 font-medium",children:"Preview"}),(0,i.jsx)("span",{className:"text-[10px] text-[#645cfc] font-medium",children:"Edit template"})]}),(0,i.jsxs)("div",{className:"bg-gray-50 rounded-xl p-3.5 border border-gray-100",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,i.jsx)(m,{src:o,size:28}),(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,i.jsx)("span",{className:"text-[10px] font-semibold text-gray-800",children:"Jeff Baer"}),(0,i.jsx)("span",{className:"text-[8px] text-green-600",children:"● Verified Buyer"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-1",children:[(0,i.jsx)("span",{className:"text-[8px]",children:"\uD83C\uDDEE\uD83C\uDDF3"}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400",children:"Owner BizViz"})]})]})]}),(0,i.jsx)(p,{count:5,size:12}),(0,i.jsx)("div",{className:"text-[11px] font-bold text-gray-900 mt-1.5 mb-1",children:"Exceptional Support from Wiser Review Team"}),(0,i.jsx)("p",{className:"text-[9px] text-gray-500 leading-[1.6]",children:"Had a tricky integration issue, but the Crunnel team was outstanding and helped me create an amazing notification."})]})]})})})}function z({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col gap-4",children:[(0,i.jsxs)("div",{className:"relative min-h-[260px]",children:[(0,i.jsx)(f,{className:"absolute left-0 top-4 bg-white px-4 py-2.5 shadow-[0_2px_16px_rgba(0,0,0,0.08)] border border-black/[0.04] rounded-2xl z-10",active:e,delay:0,children:(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-[16px]",children:"\uD83D\uDCF8"}),(0,i.jsx)("span",{className:"text-[12px] font-bold text-gray-900",children:"Photo or Video"})]})}),(0,i.jsxs)(f,{className:"absolute left-20 top-0 w-[240px] bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:100,children:[(0,i.jsxs)("div",{className:"flex justify-center gap-1.5 mb-2",children:[(0,i.jsx)("div",{className:"w-5 h-1.5 rounded-full bg-[#645cfc]"}),(0,i.jsx)("div",{className:"w-5 h-1.5 rounded-full bg-[#645cfc]"}),(0,i.jsx)("div",{className:"w-5 h-1.5 rounded-full bg-[#645cfc]"}),(0,i.jsx)("div",{className:"w-5 h-1.5 rounded-full bg-gray-200"})]}),(0,i.jsx)("div",{className:"text-[13px] font-bold text-gray-900 text-center mb-3",children:"Show it off!"}),(0,i.jsx)("div",{className:"bg-gray-50 rounded-xl px-3 py-2 text-[9px] text-gray-500 border border-gray-100 mb-3 text-center",children:"Get 10% off on your next purchase!"}),(0,i.jsxs)("div",{className:"bg-[#645cfc] text-white text-[10px] font-semibold py-2.5 rounded-full text-center flex items-center justify-center gap-1.5 mb-3",children:[(0,i.jsx)("span",{className:"text-[14px]",children:"\uD83D\uDCF8"})," Upload Photo or Video"]}),(0,i.jsxs)("div",{className:"flex gap-2 mb-2",children:[(0,i.jsx)("div",{className:"w-14 h-14 roun

1ded-lg bg-gray-200 overflow-hidden flex items-center justify-center",children:(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",opacity:"0.3",children:[(0,i.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",stroke:"#666",strokeWidth:"1.5"}),(0,i.jsx)("circle",{cx:"8.5",cy:"8.5",r:"1.5",fill:"#666"})]})}),(0,i.jsxs)("div",{className:"w-14 h-14 rounded-lg bg-gray-200 overflow-hidden relative flex items-center justify-center",children:[(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",opacity:"0.3",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"#666",strokeWidth:"1.5"}),(0,i.jsx)("polygon",{points:"10 8 16 12 10 16",fill:"#666"})]}),(0,i.jsx)("div",{className:"absolute top-1 right-1 w-5 h-5 rounded-full bg-white/80 flex items-center justify-center",children:(0,i.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#666",strokeWidth:"2",children:(0,i.jsx)("polygon",{points:"5 3 19 12 5 21"})})})]})]}),(0,i.jsx)("div",{className:"bg-gray-50 rounded-lg px-3 py-2 text-[9px] text-gray-400 border border-gray-100",children:"Enter YouTube URL"}),(0,i.jsxs)("div",{className:"flex items-center justify-between mt-3",children:[(0,i.jsx)("div",{className:"flex items-center gap-1",children:(0,i.jsx)(p,{count:5,size:7})}),(0,i.jsxs)("div",{className:"text-[7px] text-gray-400 italic",children:["by ",(0,i.jsx)("span",{className:"font-semibold",children:"w̃ wisernotify"})]})]})]}),(0,i.jsx)(f,{className:"absolute left-0 bottom-0 bg-white px-4 py-3 shadow-[0_2px_16px_rgba(0,0,0,0.08)] border border-black/[0.04] rounded-2xl",active:e,delay:250,children:(0,i.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,i.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"1.5",strokeLinecap:"round",children:[(0,i.jsx)("rect",{x:"3",y:"3",width:"7",height:"7"}),(0,i.jsx)("rect",{x:"14",y:"3",width:"7",height:"7"}),(0,i.jsx)("rect",{x:"3",y:"14",width:"7",height:"7"}),(0,i.jsx)("rect",{x:"14",y:"14",width:"3",height:"3"}),(0,i.jsx)("line",{x1:"21",y1:"14",x2:"21",y2:"17"}),(0,i.jsx)("line",{x1:"14",y1:"21",x2:"17",y2:"21"})]}),(0,i.jsx)("span",{className:"text-[13px] font-bold text-gray-900",children:"Rate us via QR"})]})})]}),(0,i.jsxs)(f,{className:"w-full bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:350,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,i.jsx)("span",{className:"text-[12px] font-bold text-gray-900",children:"Share your review form"}),(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,i.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})]}),(0,i.jsx)("div",{className:"flex gap-0 mb-3 border-b border-gray-100",children:["JS","Iframe","URL","QR code"].map((e,s)=>(0,i.jsx)("span",{className:`text-[10px] font-medium px-3 py-1.5 ${0===s?"text-gray-900 border-b-2 border-gray-900":"text-gray-400"}`,children:e},s))}),(0,i.jsx)("p",{className:"text-[9px] text-gray-500 mb-2",children:"Add the following code under the <body> element"}),(0,i.jsxs)("div",{className:"bg-[#1e1e2e] rounded-xl p-3 overflow-hidden",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 text-[8px] font-mono",children:[(0,i.jsx)("span",{className:"text-gray-500 w-3",children:"1"}),(0,i.jsx)("span",{className:"text-gray-400",children:"// Wiserreview Script [S]"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-2 text-[8px] font-mono",children:[(0,i.jsx)("span",{className:"text-gray-500 w-3",children:"2"}),(0,i.jsx)("span",{className:"text-blue-400",children:"<div"}),(0,i.jsx)("span",{className:"text-green-400",children:"data-type="}),(0,i.jsx)("span",{className:"text-amber-300",children:'"avatar"'}),(0,i.jsx)("span",{className:"text-green-400",children:"data-id="}),(0,i.jsx)("span",{className:"text-amber-300",children:'"67dd3ba..."'})]}),(0,i.jsxs)("div",{className:"flex items-center gap-2 text-[8px] font-mono",children:[(0,i.jsx)("span",{className:"text-gray-500 w-3",children:"3"}),(0,i.jsx)("span",{className:"text-blue-400",children:"<script"}),(0,i.jsx)("span",{className:"text-green-400",children:"src="}),(0,i.jsx)("span",{className:"text-amber-300",children:'"undefined67d.../widget"'})]})]})]})]})})}function W({active:e}){let s=[{icon:(0,i.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,i.jsx)("path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"}),(0,i.jsx)("polyline",{points:"3.27 6.96 12 12.01 20.73 6.96"}),(0,i.jsx)("line",{x1:"12",y1:"22.08",x2:"12",y2:"12"})]}),label:"Order fulfilled"},{icon:(0,i.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#333",strokeWidth:"1.5",strokeLinecap:"round",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,i.jsx)("polyline",{points:"12 6 12 12 16 14"})]}),label:"Wait 14 days"},{label:"Send review request",hasIcons:!0},{label:"Ask for rating",hasStars:!0},{label:"Add coupon",hasToggle:!0}];return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6 flex flex-col items-center",children:s.map((s,t)=>(0,i.jsxs)("div",{className:"flex flex-col items-center w-full max-w-[240px]",children:[t>0&&(0,i.jsx)("div",{className:"w-px h-6 border-l-2 border-dashed border-gray-300 transition-all duration-500",style:{opacity:+!!e,transitionDelay:`${100+120*t}ms`}}),(0,i.jsxs)(f,{className:"w-full bg-white px-5 py-4 shadow-[0_2px_12px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:120*t,children:[(0,i.jsxs)("div",{className:"flex items-center gap-3",children:[s.icon&&(0,i.jsx)("span",{children:s.icon}),(0,i.jsx)("span",{className:"text-[13px] font-bold text-gray-900",children:s.label})]}),s.hasIcons&&(0,i.jsx)("div",{className:"flex gap-2 mt-2.5",children:["#645cfc","#645cfc","#645cfc"].map((e,s)=>(0,i.jsxs)("div",{className:"w-8 h-8 rounded-full flex items-center justify-center",style:{backgroundColor:e},children:[0===s&&(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"1.5",children:[(0,i.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,i.jsx)("path",{d:"m22 6-10 7L2 6"})]}),1===s&&(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"1.5",children:(0,i.jsx)("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"})}),2===s&&(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"1.5",children:(0,i.jsx)("path",{d:"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"})})]},s))}),s.hasStars&&(0,i.jsx)("div",{className:"flex gap-1 mt-2",children:[1,2,3,4,5].map(e=>(0,i.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#d1d5db",strokeWidth:"1.5",children:(0,i.jsx)("path",{d:"m12 2 3.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"})},e))}),s.hasToggle&&(0,i.jsx)("div",{className:"flex items-center gap-2 mt-0.5",children:(0,i.jsx)("div",{className:"w-9 h-5 rounded-full bg-[#645cfc] flex items-center px-0.5",children:(0,i.jsx)("div",{className:"w-4 h-4 rounded-full bg-white ml-auto"})})})]})]},t))})})}function M({active:e}){let s=[{icon:(0,i.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"#555",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,i.jsx)("path",{d:"M12 18.5V22"}),(0,i.jsx)("path",{d:"M2 8.5l10 5 10-5"}),(0,i.jsx)("path",{d:"M2 8.5V15l10 5 10-5V8.5"}),(0,i.jsx)("path",{d:"m2 8.5 10-5 10 5"}),(0,i.jsx)("path",{d:"M7 6l5 2.5L17 6"})]}),label:"Manual Campaign"},{icon:(0,i.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"#555",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,i.jsx)("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),(0,i.jsx)("polyline",{points:"14 2 14 8 20 8"}),(0,i.jsx)("line",{x1:"9",y1:"13",x2:"15",y2:"13"}),(0,i.jsx)("line",{x1:"9",y1:"17",x2:"13",y2:"17"})]}),label:"Upload Past customer(CSV file)"},{icon:(0,i.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"#555",strokeWidth:"1.5",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,i.jsx)("path",{d:"m22 6-10 7L2 6"})]}),label:"Review email template"},{icon:(0,i.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"#555",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,i.jsx)("line",{x1:"22",y1:"2",x2:"11",y2:"13"}),(0,i.jsx)("polygon",{points:"22 2 15 22 11 13 2 9 22 2"})]}),label:"Sent"}];return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6 flex flex-col items-center",children:s.map((s,t)=>(0,i.jsxs)("div",{className:"flex flex-col items-center w-full max-w-[240px]",children:[t>0&&(0,i.jsx)("div",{className:"w-px h-6 border-l-2 border-dashed border-gray-300 transition-all duration-500",style:{opacity:+!!e,transitionDelay:`${100+120*t}ms`}}),(0,i.jsx)(f,{className:"w-full bg-white px-5 py-4 shadow-[0_2px_12px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:120*t,children:(0,i.jsxs)("div",{className:"flex items-center gap-3",children:[s.icon,(0,i.jsx)("span",{className:"text-[13px] font-bold text-gray-900",children:s.label})]})})]},t))})})}function C({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6",children:(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-5",children:[(0,i.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#666",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"m15 18-6-6 6-6"})}),(0,i.jsx)("span",{className:"text-[14px] font-bold text-gray-900",children:"Set up automate review requests"})]}),(0,i.jsxs)("div",{className:"border border-gray-100 rounded-xl p-4 mb-4",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-[12px] font-bold text-gray-900",children:"Ask for reviews"}),(0,i.jsx)("span",{className:"text-[8px] font-semibold bg-green-100 text-green-700 px-1.5 py-0.5 rounded-full",children:"On"})]}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-3 py-1.5 text-gray-600 font-medium",children:"Turn Off Automation"})]}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500 mb-4",children:"Optimize your review strategy with automation settings"}),(0,i.jsxs)("div",{className:"bg-gray-50 rounded-xl p-3.5 border-l-3 border-l-[#645cfc] border border-gray-100 mb-4",children:[(0,i.jsx)("div",{className:"text-[11px] font-semibold text-gray-700 mb-3",children:"Set review triggers"}),[{icon:(0,i.jsx)("img",{loading:"lazy",decoding:"async",src:"/images/icon-1.webp",alt:"Podia",width:20,height:20,className:"w-5 h-5 rounded object-contain"}),label:"Podia orders"},{icon:(0,i.jsx)("img",{loading:"lazy",decoding:"async",src:"/images/icon-2.jpeg",alt:"Thinkific",width:20,height:20,className:"w-5 h-5 rounded object-contain"}),label:"Thinkific enrollments"},{icon:(0,i.jsx)("img",{loading:"lazy",decoding:"async",src:"/images/icon-3.png",alt:"WooCommerce",width:20,height:20,className:"w-5 h-5 rounded object-contain"}),label:"WooCommerce orders"},{icon:(0,i.jsx)("img",{loading:"lazy",decoding:"async",src:"/images/icon-4.png",alt:"Shopify",width:20,height:20,className:"w-5 h-5 rounded object-contain"}),label:"Shopify orders"}].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-3 py-2 transition-all duration-400",style:{opacity:+!!e,transform:e?"translateX(0)":"translateX(-8px)",transitionDelay:`${250+80*t}ms`},children:[(0,i.jsx)("div",{className:"w-4 h-4 rounded border border-gray-300"}),s.icon,(0,i.jsx)("span",{className:"text-[11px] text-gray-700 font-medium",children:s.label})]},t))]}),(0,i.jsxs)("div",{className:"bg-gray-50 rounded-xl p-3.5 border-l-3 border-l-[#645cfc] border border-gray-100 mb-3",children:[(0,i.jsx)("div",{className:"text-[11px] font-semibold text-gray-700 mb-2",children:"Collect reviews via Email & SMS"}),(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("div",{className:"w-3.5 h-3.5 rounded-full border border-gray-300"}),(0,i.jsx)("span",{className:"text-[10px] text-gray-600",children:"Send the review request after 14 days."}),(0,i.jsxs)("span",{className:"text-[9px] border border-gray-200 rounded px-2 py-0.5 text-gray-500 font-medium flex items-center gap-1",children:["14 Days ",(0,i.jsx)("svg",{width:"8",he

1ight:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"2",children:(0,i.jsx)("path",{d:"m7 10 5 5 5-5"})})]})]})]}),(0,i.jsxs)("div",{className:"bg-gray-50 rounded-xl p-3.5 border-l-3 border-l-[#645cfc] border border-gray-100",children:[(0,i.jsx)("div",{className:"text-[11px] font-semibold text-gray-700 mb-2",children:"Reminder"}),(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("div",{className:"w-3.5 h-3.5 rounded-full border border-gray-300"}),(0,i.jsx)("span",{className:"text-[10px] text-gray-600",children:"Want to setup followup email for collect review?"})]})]})]})]})})})}function A({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col gap-4",children:[(0,i.jsx)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:(0,i.jsxs)("div",{className:"flex gap-4",children:[(0,i.jsxs)("div",{className:"w-[130px] shrink-0",children:[(0,i.jsxs)("div",{className:"bg-gray-100 rounded-xl h-24 flex items-center justify-center mb-2 relative overflow-hidden",children:[(0,i.jsx)(m,{src:r,size:60}),(0,i.jsx)("div",{className:"absolute top-1.5 right-1.5 bg-[#f97316] text-white text-[5px] font-bold px-1.5 py-0.5 rounded-full flex items-center gap-0.5",children:(0,i.jsx)(p,{count:5,size:4,color:"#fff"})})]}),(0,i.jsx)(p,{count:5,size:7}),(0,i.jsx)("div",{className:"h-1.5 bg-gray-100 rounded mt-1.5 w-4/5"}),(0,i.jsx)("div",{className:"h-1 bg-gray-100 rounded mt-1 w-3/5"})]}),(0,i.jsx)("div",{className:"flex-1 space-y-2.5 pt-1",children:[{icon:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"1.5",children:[(0,i.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),(0,i.jsx)("path",{d:"M8 12h8M12 8v8"})]}),label:"Rate us via QR"},{icon:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("path",{d:"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2z",fill:"#EA4335",opacity:"0.15"}),(0,i.jsx)("text",{x:"5",y:"15",fontSize:"9",fill:"#EA4335",fontWeight:"bold",children:"M"})]}),label:"Gmail"},{icon:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#25D366",opacity:"0.15"}),(0,i.jsx)("path",{d:"M17 14.5c-.3 0-1.5-.7-1.7-.8-.2-.1-.4-.1-.5.1s-.6.8-.7.9-.3.1-.5 0a6.4 6.4 0 0 1-3.2-2.8c-.2-.4.2-.4.6-1.2.1-.2 0-.3 0-.4s-.5-1.3-.7-1.7c-.2-.5-.4-.4-.5-.4h-.5a.9.9 0 0 0-.7.3 3 3 0 0 0-.9 2.2c0 1.3.9 2.6 1 2.8s1.8 2.8 4.4 3.9c2.6 1 2.6.7 3 .7s1.6-.7 1.8-1.3.2-1.2.2-1.3-.3-.2-.5-.3z",fill:"#25D366"})]}),label:"WhatsApp"},{icon:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("rect",{x:"2",y:"4",width:"20",height:"16",rx:"3",fill:"#FF6B6B",opacity:"0.15"}),(0,i.jsx)("path",{d:"M7 10l5 3 5-3",stroke:"#FF6B6B",strokeWidth:"1.5",fill:"none",strokeLinecap:"round"})]}),label:"SMS"}].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-2.5 bg-white border border-gray-100 rounded-xl px-3 py-2.5 shadow-sm transition-all duration-400",style:{opacity:+!!e,transform:e?"translateX(0)":"translateX(12px)",transitionDelay:`${200+100*t}ms`},children:[s.icon,(0,i.jsx)("span",{className:"text-[11px] font-bold text-gray-900",children:s.label})]},t))})]})}),(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl",active:e,delay:300,children:[(0,i.jsx)("div",{className:"text-[11px] text-gray-500 mb-3 text-center",children:"Collect reviews using Email, SMS & WhatsApp channel"}),[{name:"Twilio",badge:"SMS",badgeColor:"#f59e0b",icon:(0,i.jsx)("img",{loading:"lazy",decoding:"async",src:"/images/icon-5.svg",alt:"Twilio",width:16,height:16,className:"w-4 h-4 object-contain"})},{name:"WiserReview",badge:"Email",badgeColor:"#645cfc",icon:(0,i.jsx)("img",{loading:"lazy",decoding:"async",src:"/images/icon-6.svg",alt:"WiserReview",

1width:16,height:16,className:"w-4 h-4 object-contain"})},{name:"Klaviyo",badge:"Email",badgeColor:"#645cfc",icon:(0,i.jsx)("img",{loading:"lazy",decoding:"async",src:"/images/icon-7.svg",alt:"Klaviyo",width:16,height:16,className:"w-4 h-4 object-contain"})},{name:"Watti",badge:"WhatsApp",badgeColor:"#25d366",icon:(0,i.jsx)("img",{loading:"lazy",decoding:"async",src:"/images/icon-8.svg",alt:"Watti",width:16,height:16,className:"w-4 h-4 object-contain"})},{name:"Zapier",badge:"Email Automation",badgeColor:"#FF4A00",icon:(0,i.jsx)("img",{loading:"lazy",decoding:"async",src:"/images/icon-9.png",alt:"Zapier",width:16,height:16,className:"w-4 h-4 object-contain"})}].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-3 py-2.5 transition-all duration-400",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(6px)",transitionDelay:`${400+80*t}ms`},children:[(0,i.jsx)("div",{className:"w-5 h-5 rounded bg-[#645cfc] flex items-center justify-center shrink-0",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3",strokeLinecap:"round",children:(0,i.jsx)("polyline",{points:"20 6 9 17 4 12"})})}),s.icon,(0,i.jsx)("span",{className:"text-[11px] font-semibold text-gray-800",children:s.name}),(0,i.jsx)("span",{className:"text-[9px] font-medium px-2 py-0.5 rounded-full bg-gray-100 text-gray-500",children:s.badge})]},t))]})]})})}function S({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 relative min-h-[480px]",children:[(0,i.jsxs)(f,{className:"w-full max-w-[280px] bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center justify-center gap-2 mb-4",children:[(0,i.jsx)("div",{className:"w-6 h-6 rounded-full bg-[#645cfc] flex items-center justify-center",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"M4 4l4 16 4-12 4 12 4-16"})})}),(0,i.jsx)("span",{className:"text-[13px] font-bold text-gray-900",children:"Creative Dukaan"})]}),(0,i.jsx)("div",{className:"text-[14px] font-bold text-gray-900 mb-2",children:"Hey John"}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500 leading-[1.6] mb-4",children:"We fulfilled your order from our store Creative Dukaan 14 days ago and would love to get your feedback"}),(0,i.jsx)("div",{className:"text-[12px] font-bold text-gray-900 mb-3",children:"Rate your Experience now"}),(0,i.jsxs)("div",{className:"flex items-center gap-3 mb-3 bg-gray-50 rounded-xl p-2.5 border border-gray-100",children:[(0,i.jsx)("div",{className:"w-12 h-12 rounded-lg bg-gray-200 flex items-center justify-center shrink-0",children:(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",opacity:"0.25",children:(0,i.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",fill:"#666"})})}),(0,i.jsxs)("div",{children:[(0,i.jsx)(p,{count:5,size:10}),(0,i.jsx)("div",{className:"text-[8px] text-gray-400 mt-0.5",children:"Rate this"}),(0,i.jsx)("div",{className:"text-[9px] font-semibold text-gray-700",children:"Headphone black"})]})]}),(0,i.jsxs)("div",{className:"flex items-center gap-3 mb-4 bg-gray-50 rounded-xl p-2.5 border border-gray-100",children:[(0,i.jsx)("div",{className:"w-12 h-12 rounded-lg bg-gray-200 flex items-center justify-center shrink-0",children:(0,i.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",opacity:"0.25",children:[(0,i.jsx)("path",{d:"M10 28C10 16 38 16 38 28",stroke:"#666",strokeWidth:"2",fill:"none"}),(0,i.jsx)("rect",{x:"6",y:"26",width:"8",height:"10",rx:"3",fill:"#666"}),(0,i.jsx)("rect",{x:"34",y:"26",width:"8",height:"10",rx:"3",fill:"#666"})]})}),(0,i.jsxs)("div",{children:[(0,i.jsx)(p,{count:4,size:10}),(0,i.jsx)("div",{className:"text-[8px] text-gray-400 mt-0.5",children:"Rate this"}),(0,i.jsx)("div",{className:"text-[9px] font-semibold text-gray-700",children:"Headphone bl..."})]})]}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500 mb-1",children:"We really appreciate your..."}),(0,i.jsx)("div",{className:"text-[16px] font-bold text-gray-900",children:"Thank y

1ou!"})]}),(0,i.jsxs)(f,{className:"absolute right-4 bottom-4 w-[200px] bg-white p-4 shadow-[0_4px_24px_rgba(0,0,0,0.1)] border border-black/[0.04] rounded-2xl",active:e,delay:350,children:[(0,i.jsxs)("div",{className:"text-center mb-2",children:[(0,i.jsx)("div",{className:"text-[8px] text-[#645cfc] font-bold italic",children:"InStu"}),(0,i.jsx)("div",{className:"text-[7px] text-gray-400 italic",children:"aspirations"})]}),(0,i.jsx)("div",{className:"text-[12px] font-bold text-gray-900 text-center mb-1",children:"Hey John"}),(0,i.jsx)("p",{className:"text-[9px] text-gray-500 text-center leading-[1.5] mb-3",children:"It's been [X] days since your session. We'd love to hear how it went."}),(0,i.jsx)("div",{className:"flex flex-col gap-2 mb-3",children:[{icon:(0,i.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",fill:"#4285F4"}),(0,i.jsx)("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:"#34A853"}),(0,i.jsx)("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z",fill:"#FBBC05"}),(0,i.jsx)("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:"#EA4335"})]}),label:"Review on Google"},{icon:(0,i.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#1877F2"}),(0,i.jsx)("path",{d:"M16 12.5h-2.5v5h-3v-5H9v-2.5h1.5V8.5c0-1.5.9-2.3 2.2-2.3h1.6v2.3h-1c-.5 0-.6.2-.6.6v.9H15l-.4 2.5z",fill:"#fff"})]}),label:"Review on Facebook"},{icon:(0,i.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#FF492C",opacity:"0.15"}),(0,i.jsx)("path",{d:"M8 10l4-4 4 4M8 14l4 4 4-4",stroke:"#FF492C",strokeWidth:"1.5",strokeLinecap:"round"})]}),label:"Review on Capterra"}].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center justify-center gap-2 border border-gray-200 rounded-full px-3 py-1.5 text-[9px] font-medium text-gray-700 transition-all duration-400",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(4px)",transitionDelay:`${450+80*t}ms`},children:[s.icon,s.label]},t))}),(0,i.jsxs)("div",{className:"flex items-center justify-center gap-1.5",children:[(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"M4 4l4 16 4-12 4 12 4-16"})}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400",children:"Collect more reviews wisely"}),(0,i.jsxs)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("line",{x1:"7",y1:"17",x2:"17",y2:"7"}),(0,i.jsx)("polyline",{points:"7 7 17 7 17 17"})]})]})]})]})})}function F({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col gap-4",children:[(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsx)("div",{className:"bg-[#645cfc]/5 rounded-xl px-4 py-3 mb-4 border-b border-[#645cfc]/10",children:(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-[14px] font-bold text-gray-900",children:"Reminder"}),(0,i.jsx)("span",{className:"text-[9px] font-semibold bg-green-100 text-green-700 px-2 py-0.5 rounded-full",children:"On"})]})}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,i.jsx)("div",{className:"w-5 h-5 rounded bg-[#645cfc] flex items-center justify-center shrink-0",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3",strokeLinecap:"round",children:(0,i.jsx)("polyline",{points:"20 6 9 17 4 12"})})}),(0,i.jsx)("span",{className:"text-[10px] text-gray-700 flex-1",children:"Want to setup followup email for collect review?"}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded px-2.5 py-1 text-gray-500 font-medium",children:"14 Days"})]}),(0,i.jsx)("div",{className:"text-[11px] font-bold text-gray-900 mb-3",children:"Collect reviews via Email & SMS"}),(0,i.jsxs)("div",{className:"flex items-center gap-3 bg-gray-50 rounded-xl p-3 border border-gray-100 transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(6px)",transitionDelay:"300ms"},children:[(0,i.jsx)("div",{className:"w-4 h-4 rounded border border-gray-300 shrink-0"}),(0,i.jsx)("div",{className:"w-8 h-8 rounded-lg bg-[#645cfc]/10 flex items-center justify-center shrink-0",children:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"1.5",children:[(0,i.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,i.jsx)("path",{d:"m22 6-10 7L2 6"})]})}),(0,i.jsxs)("div",{className:"flex-1",children:[(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mb-0.5",children:[(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"M4 4l4 16 4-12 4 12 4-16"})}),(0,i.jsx)("span",{className:"text-[10px] font-semibold text-gray-800",children:"wisernotify"})]}),(0,i.jsx)("div",{className:"text-[9px] text-gray-500",children:"Reminder Product Review Template"})]}),(0,i.jsx)("span",{className:"text-[8px] font-medium px-2 py-0.5 rounded-full bg-[#f59e0b]/15 text-[#f59e0b]",children:"Email"}),(0,i.jsx)("div",{className:"w-6 h-6 rounded-full bg-gray-100 flex items-center justify-center",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#888",strokeWidth:"1.5",children:(0,i.jsx)("path",{d:"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"})})})]})]}),(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:250,children:[(0,i.jsx)("div",{className:"bg-[#645cfc]/5 rounded-xl px-4 py-3 mb-4 border-b border-[#645cfc]/10",children:(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-[14px] font-bold text-gray-900",children:"Media follow up"}),(0,i.jsx)("span",{className:"text-[9px] font-semibold bg-green-100 text-green-700 px-2 py-0.5 rounded-full",children:"On"})]})}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,i.jsx)("div",{className:"w-5 h-5 rounded bg-[#645cfc] flex items-center justify-center shrink-0",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3",strokeLinecap:"round",children:(0,i.jsx)("polyline",{points:"20 6 9 17 4 12"})})}),(0,i.jsx)("span",{className:"text-[10px] text-gray-700 flex-1",children:"Want to follow up to collect the video testimonial?"}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded px-2.5 py-1 text-gray-500 font-medium",children:"14 Days"})]}),(0,i.jsx)("div",{className:"text-[11px] font-bold text-gray-900 mb-3",children:"Choose templates for media."}),(0,i.jsxs)("div",{className:"flex items-center gap-3 bg-gray-50 rounded-xl p-3 border border-gray-100 transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(6px)",transitionDelay:"500ms"},children:[(0,i.jsx)("div",{className:"w-4 h-4 rounded border border-gray-300 shrink-0"}),(0,i.jsx)("div",{className:"w-8 h-8 rounded-lg bg-[#645cfc]/10 flex items-center justify-center shrink-0",children:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"1.5",children:[(0,i.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,i.jsx)("path",{d:"m22 6-10 7L2 6"})]})}),(0,i.jsxs)("div",{className:"flex-1",children:[(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mb-0.5",children:[(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"M4 4l4 16 4-12 4 12 4-16"})}),(0,i.jsx)("span",{className:"text-[10px] font-semibold text-gray-800",children:"wisernotify"})]}),(0,i.jsx)("div",{className:"text-[9px] text-gray-500",children:"Single product review template"})]}),(0,i.jsx)("span",{className:"text-[8px] font-medium px-2 py-0.5 rounded-full bg-[#f59e0b]/15 text-[#f59e0b]",children:"Email"}),(0,i.jsx)("div",{className:"w-6 h-6 rounded-full bg-gray-100 flex items-center justify-center",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#888",strokeWidth:"1.5",children:(0,i.jsx)("path",{d:"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"})})})]})]})]})})}function H({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6",children:(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsx)("div",{className:"bg-[#645cfc]/5 rounded-xl px-4 py-3 mb-4 border-b border-[#645cfc]/10",children:(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-[14px] font-bold text-gray-900",children:"Media follow up"}),(0,i.jsx)("span",{className:"text-[9px] font-semibold bg-green-100 text-green-700 px-2 py-0.5 rounded-full",children:"On"})]})}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,i.jsx)("div",{className:"w-5 h-5 rounded bg-[#645cfc] flex items-center justify-center shrink-0",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3",strokeLinecap:"round",children:(0,i.jsx)("polyline",{points:"20 6 9 17 4 12"})})}),(0,i.jsx)("span",{className:"text-[10px] text-gray-700 flex-1",children:"Want to follow up to collect the video testimonial?"}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded px-2.5 py-1 text-gray-500 font-medium",children:"14 Days"})]}),(0,i.jsx)("div",{className:"text-[11px] font-bold text-gray-900 mb-3",children:"Choose templates for media."}),(0,i.jsxs)("div",{className:"flex items-center gap-3 bg-gray-50 rounded-xl p-3 border border-gray-100 transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(6px)",transitionDelay:"300ms"},children:[(0,i.jsx)("div",{className:"w-4 h-4 rounded border border-gray-300 shrink-0"}),(0,i.jsx)("div",{className:"w-8 h-8 rounded-lg bg-[#645cfc]/10 flex items-center justify-center shrink-0",children:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"1.5",children:[(0,i.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,i.jsx)("path",{d:"m22 6-10 7L2 6"})]})}),(0,i.jsxs)("div",{className:"flex-1",children:[(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mb-0.5",children:[(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"M4 4l4 16 4-12 4 12 4-16"})}),(0,i.jsx)("span",{className:"text-[10px] font-semibold text-gray-800",children:"wisernotify"})]}),(0,i.jsx)("div",{className:"text-[9px] text-gray-500",children:"Single product review template"})]}),(0,i.jsx)("span",{className:"text-[8px] font-medium px-2 py-0.5 rounded-full bg-[#f59e0b]/15 text-[#f59e0b]",children:"Email"}),(0,i.jsx)("div",{className:"w-6 h-6 rounded-full bg-gray-100 flex items-center justify-center",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#888",strokeWidth:"1.5",children:(0,i.jsx)("path",{d:"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"})})})]})]})})})}function R({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6 flex items-center justify-center min-h-[400px]",children:(0,i.jsxs)(f,{className:"w-full max-w-[300px] bg-white p-6 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl text-center",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center justify-center gap-2 mb-5",children:[(0,i.jsx)("div",{className:"w-8 h-8 rounded-full bg-[#645cfc] flex items-center justify-center",children:(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"m12 2 3.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"})})}),(0,i.jsx)("span",{className:"text-[18px] font-bold text-gray-900",children:"WiserReview"})]}),(0,i.jsx)("div",{className:"text-[14px] font-bold text-gray-900 mb-2",children:"We'd love to hear your feedback"}),(0,i.jsx)("p",{className:"text-[11px] text-gray-500 mb-5",children:"Leave us a review on one of the links below."}),(0,i.jsx)("div",{className:"flex flex-col items-center gap-3 mb-5",children:[{icon:(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",fill:"#4285F4"}),(0,i.jsx)("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:"#34A853"}),(0,i.jsx)("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z",fill:"#FBBC05"}),(0,i.jsx)("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:"#EA4335"})]}),label:"Rate us on Google"},{icon:(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#1877F2"}),(0,i.jsx)("path",{d:"M16 12.5h-2.5v5h-3v-5H9v-2.5h1.5V8.5c0-1.5.9-2.3 2.2-2.3h1.6v2.3h-1c-.5 0-.6.2-.6.6v.9H15l-.4 2.5z",fill:"#fff"})]}),label:"Rate us on Facebook"},{icon:(0,i.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"M4 4l4 16 4-12 4 12 4-16"})}),label:"Leave a testimonial"}].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center justify-center gap-2.5 border border-gray-200 rounded-full px-6 py-2.5 text-[11px] font-semibold text-gray-700 w-full max-w-[220px] transition-all duration-400 hover:border-[#645cfc]/30",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(6px)",transitionDelay:`${250+100*t}ms`},children:[s.icon,s.label]},t))}),(0,i.jsxs)("div",{className:"flex items-center justify-center gap-1.5",children:[(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"M4 4l4 16 4-12 4 12 4-16"})}),(0,i.jsx)("span",{className:"text-[9px] text-gray-400",children:"Collect more reviews wisely"}

1),(0,i.jsxs)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("line",{x1:"7",y1:"17",x2:"17",y2:"7"}),(0,i.jsx)("polyline",{points:"7 7 17 7 17 17"})]})]})]})})})}function D({active:e}){let s=()=>(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",opacity:"0.3",children:[(0,i.jsx)("circle",{cx:"8",cy:"5",r:"1.5",fill:"#888"}),(0,i.jsx)("circle",{cx:"16",cy:"5",r:"1.5",fill:"#888"}),(0,i.jsx)("circle",{cx:"8",cy:"12",r:"1.5",fill:"#888"}),(0,i.jsx)("circle",{cx:"16",cy:"12",r:"1.5",fill:"#888"}),(0,i.jsx)("circle",{cx:"8",cy:"19",r:"1.5",fill:"#888"}),(0,i.jsx)("circle",{cx:"16",cy:"19",r:"1.5",fill:"#888"})]}),t=()=>(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"2",children:(0,i.jsx)("path",{d:"m9 18 6-6-6-6"})});return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 relative min-h-[460px]",children:[(0,i.jsxs)(f,{className:"w-full max-w-[300px] bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,i.jsx)("span",{className:"text-[15px] font-bold text-gray-900",children:"Questions"}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 border border-pink-200 rounded-full px-3 py-1.5 bg-white",children:[(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("path",{d:"M12 3l1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5z",stroke:"#a855f6",strokeWidth:"1.5",fill:"none"})}),(0,i.jsx)("span",{className:"text-[9px] font-semibold text-[#e11d48]",children:"Add Questions with AI"})]})]}),(0,i.jsx)("div",{className:"space-y-0",children:[{label:"Rate us",checked:!0},{label:"Talk about your...",checked:!0},{label:"About you",checked:!1},{label:"About your company",checked:!1},{label:"Upload media",checked:!1}].map((l,a)=>(0,i.jsxs)("div",{className:"flex items-center gap-2.5 py-2.5 border-b border-gray-100 last:border-b-0 transition-all duration-400",style:{opacity:+!!e,transform:e?"translateX(0)":"translateX(-8px)",transitionDelay:`${150+70*a}ms`},children:[(0,i.jsx)(s,{}),(0,i.jsx)("div",{className:`w-5 h-5 rounded flex items-center justify-center shrink-0 ${l.checked?"bg-[#645cfc]":"border border-gray-300"}`,children:l.checked&&(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3",strokeLinecap:"round",children:(0,i.jsx)("polyline",{points:"20 6 9 17 4 12"})})}),(0,i.jsx)("span",{className:"text-[11px] font-medium text-gray-800 flex-1",children:l.label}),(0,i.jsx)(t,{})]},a))}),(0,i.jsx)("div",{className:"flex items-center justify-center gap-1 mt-3 mb-4",children:(0,i.jsx)("span",{className:"text-[10px] font-semibold text-[#645cfc]",children:"+ Add Field"})}),(0,i.jsx)("div",{className:"text-[14px] font-bold text-gray-900 mb-2",children:"Thank You"}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,i.jsx)("div",{className:"w-4 h-4 rounded border border-gray-300 shrink-0"}),(0,i.jsx)("span",{className:"text-[10px] text-gray-600",children:"Enable sentiment based message"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-2.5 py-2 border-t border-gray-100",children:[(0,i.jsx)(s,{}),(0,i.jsx)("div",{className:"w-5 h-5 rounded bg-[#645cfc] flex items-center justify-center shrink-0",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3",strokeLinecap:"round",children:(0,i.jsx)("polyline",{points:"20 6 9 17 4 12"})})}),(0,i.jsx)("span",{className:"text-[11px] font-medium text-gray-800 flex-1",children:"Set message"}),(0,i.jsx)(t,{})]})]}),(0,i.jsxs)(f,{className:"absolute right-4 bottom-4 w-[190px] bg-white p-4 shadow-[0_4px_24px_rgba(0,0,0,0.1)] border border-black/[0.04] rounded-2xl",active:e,delay:400,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,i.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,i.jsx)("div",{className:"w-5 h-5 rounded-full bg-[#645cfc] flex items-center justify-center",children:(0,i.jsx)("svg",{width:"8",he

1ight:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"m12 2 3.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"})})}),(0,i.jsx)("span",{className:"text-[11px] font-bold text-gray-900",children:"WiserReview"})]}),(0,i.jsx)("div",{className:"w-4 h-4 rounded-full border-2 border-[#645cfc] border-t-transparent animate-spin"})]}),(0,i.jsx)("div",{className:"text-[11px] font-bold text-gray-900 mb-0.5",children:"Rating"}),(0,i.jsx)("p",{className:"text-[9px] text-gray-500 mb-2",children:"Please rate the product or service."}),(0,i.jsx)(p,{count:5,size:14}),(0,i.jsxs)("div",{className:"flex items-center justify-center gap-1.5 mt-3 pt-2 border-t border-gray-100",children:[(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"M4 4l4 16 4-12 4 12 4-16"})}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400",children:"Collect more reviews wisely"}),(0,i.jsxs)("svg",{width:"6",height:"6",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("line",{x1:"7",y1:"17",x2:"17",y2:"7"}),(0,i.jsx)("polyline",{points:"7 7 17 7 17 17"})]})]})]})]})})}function Y({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6 flex items-center justify-center min-h-[400px]",children:(0,i.jsxs)(f,{className:"w-full max-w-[320px] bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-4 pb-3 border-b border-gray-100",children:[(0,i.jsx)("span",{className:"text-[14px] font-bold text-gray-900",children:"Generate Questions with AI"}),(0,i.jsx)("div",{className:"w-8 h-8 rounded-xl flex items-center justify-center",style:{background:"linear-gradient(135deg, #8b5cf6, #ec4899)"},children:(0,i.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,i.jsx)("path",{d:"M12 3l1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5z"})})})]}),(0,i.jsx)("div",{className:"text-[12px] font-bold text-gray-900 mb-2",children:"Write your prompt"}),(0,i.jsx)("div",{className:"bg-gray-50 rounded-xl p-4 border border-gray-100 mb-4 min-h-[100px] transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(6px)",transitionDelay:"200ms"},children:(0,i.jsx)("span",{className:"text-[11px] text-gray-500",children:"Testimonial questions for coaching business"})}),(0,i.jsxs)("div",{className:"flex items-center gap-2 border border-pink-200 rounded-lg px-4 py-2.5 w-fit transition-all duration-400",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(4px)",transitionDelay:"400ms"},children:[(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#a855f6",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,i.jsx)("path",{d:"M12 3l1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5z"})}),(0,i.jsx)("span",{className:"text-[11px] font-semibold text-[#e11d48]",children:"Add Questions with AI"})]})]})})})}function V({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6",children:(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsx)("div",{className:"flex justify-end mb-2",children:(0,i.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"#3b82f6",stroke:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,i.jsx)("path",{d:"m9 12 2 2 4-4",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",fill:"none"})]}),(0,i.jsx)("span",{className:"text-[10px] font-semibold text-gray-700",children:"Verified by Wisernotify"})]})}),(0,i.jsxs)("div",{className:"flex gap-5 mb-4",children:[(0,i.jsxs)("div",{className:"shrink-0",children:[(0,i.jsx)("div",{className:"text-[32px] font-bold text-gray-900 leading-none mb-1",children:"4.3"}),(0,i.jsx)(p,{count:5,size:12}),(0,i.jsx)("div",{className:"text-[9px] text-gray-400 mt-1",children:"(2000 reviews)"})]}),(0,i.jsx)("div",{className:"flex-1 space-y-1",children:[{star:5,count:1e3,pct:50},{star:4,count:500,pct:25},{star:3,count:400,pct:20},{star:2,count:100,pct:5},{star:1,count:0,pct:0}].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,i.jsx)("span",{className:"text-[9px] text-gray-500 w-2 font-medium",children:s.star}

1),(0,i.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"#f97316",stroke:"none",children:(0,i.jsx)("path",{d:"m12 2 3.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"})}),(0,i.jsx)("div",{className:"flex-1 h-[6px] bg-gray-100 rounded-full overflow-hidden",children:(0,i.jsx)("div",{className:"h-full bg-[#f97316] rounded-full transition-all duration-1000",style:{width:e?`${s.pct}%`:"0%",transitionDelay:`${300+80*t}ms`}})}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400 w-7 text-right font-medium",children:s.count})]},t))})]}),(0,i.jsxs)("div",{className:"flex items-center justify-between mb-5 pb-4 border-b border-gray-100",children:[(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"text-[18px] font-bold text-gray-900",children:"90%"}),(0,i.jsxs)("div",{className:"flex items-center gap-1",children:[(0,i.jsx)("span",{className:"text-[10px]",children:"\uD83D\uDC9C"}),(0,i.jsx)("span",{className:"text-[9px] text-gray-500",children:"Would Recommend"})]}),(0,i.jsx)("div",{className:"text-[8px] text-gray-400",children:"(1700 recommendations)"})]}),(0,i.jsx)("div",{className:"bg-[#645cfc] text-white text-[11px] font-semibold px-5 py-2.5 rounded-lg",children:"Write a Review"})]}),(0,i.jsx)("div",{className:"flex gap-3 overflow-hidden",children:[{name:"John Smith",location:"\uD83C\uDDEE\uD83C\uDDEA New York, USA",title:"Amazing",text:"Loved the quality and the design..trendy and perfect for carrying my laptop.",stars:5,av:c,likes:12},{name:"Rachna...",location:"\uD83C\uDDEE\uD83C\uDDEA S...",title:"Ama...",text:"Loved for ca... design... Wheth... jogger... suppo... who d...",stars:4,av:d,likes:0}].map((s,t)=>(0,i.jsxs)("div",{className:`${1===t?"w-[35%] opacity-60":"flex-1"} bg-white border border-gray-100 rounded-2xl p-4 transition-all duration-500`,style:{opacity:e?1===t?.6:1:0,transform:e?"translateY(0)":"translateY(8px)",transitionDelay:`${600+150*t}ms`},children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsx)(p,{count:s.stars,size:10}),(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#d1d5db",strokeWidth:"1.5",children:(0,i.jsx)("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26"})})]}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mb-1",children:[(0,i.jsx)("span",{className:"text-[10px] font-bold text-gray-900",children:s.name}),(0,i.jsx)("span",{className:"text-[8px] text-emerald-600 bg-emerald-50 px-1 py-0.5 rounded text-[7px] font-medium",children:"Verified Buyer"})]}),(0,i.jsx)("div",{className:"text-[8px] text-gray-400 mb-2",children:s.location}),(0,i.jsx)("div",{className:"text-[12px] font-bold text-gray-900 mb-1",children:s.title}),(0,i.jsx)("p",{className:"text-[9px] text-gray-500 leading-[1.5] mb-3",children:s.text}),0===t&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"flex items-center gap-3 mb-2 text-[9px] text-gray-400",children:[(0,i.jsxs)("span",{className:"flex items-center gap-1",children:["Share ",(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[(0,i.jsx)("path",{d:"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"}),(0,i.jsx)("polyline",{points:"16 6 12 2 8 6"}),(0,i.jsx)("line",{x1:"12",y1:"2",x2:"12",y2:"15"})]})]}),(0,i.jsxs)("span",{children:["\uD83D\uDC4D ",s.likes]}),(0,i.jsx)("span",{children:"| \uD83D\uDC4E 0"})]}),(0,i.jsxs)("div",{className:"border-l-2 border-[#645cfc] pl-3 mt-2",children:[(0,i.jsx)("div",{className:"text-[9px] font-semibold text-[#645cfc] mb-0.5",children:"Store owner reply"}),(0,i.jsx)("div",{className:"text-[8px] text-gray-500",children:"Thank you so much for your review"})]})]})]},t))}),(0,i.jsxs)("div",{className:"flex items-center justify-between mt-3 pt-3 border-t border-gray-100",children:[(0,i.jsx)(p,{count:5,size:12}),(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#d1d5db",strokeWidth:"1.5",children:(0,i.jsx)("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26"})})]})]})})})}function E({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col gap-4",children:[(0,i.jsx)(f,{className:"w-full bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:(0,i.jsx)("div",{className:"flex gap-3",children:[0,1,2].map(s=>(0,i.jsxs)("div",{className:"flex-1 transition-all duration-500",style:{opacity:+!!e,transform:e?"scale(1)":"scale(0.9)",transitionDelay:`${150+100*s}ms`},children:[(0,i.jsx)("div",{className:"aspect-square rounded-xl overflow-hidden mb-2",children:(0,i.jsx)("img",{src:"https://images.unsplash.com/photo-1523381210434-271e8be1f52b?w=200&h=200&fit=crop",alt:"Green shirt product",className:"w-full h-full object-cover",loading:"lazy"})}),(0,i.jsx)(p,{count:5,size:9}),(0,i.jsx)("div",{className:"h-1.5 bg-gray-100 rounded mt-1.5 w-4/5"})]},s))})}),(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:300,children:[(0,i.jsxs)("div",{className:"flex gap-4",children:[(0,i.jsx)("div",{className:"w-16 h-16 rounded-xl bg-[#f5f3ef] flex items-center justify-center shrink-0",children:(0,i.jsxs)("svg",{width:"28",height:"28",viewBox:"0 0 48 48",fill:"none",opacity:"0.2",children:[(0,i.jsx)("circle",{cx:"24",cy:"20",r:"12",fill:"#888"}),(0,i.jsx)("rect",{x:"16",y:"34",width:"16",height:"8",rx:"2",fill:"#888"})]})}),(0,i.jsxs)("div",{className:"flex-1",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[(0,i.jsx)(p,{count:5,size:14}),(0,i.jsx)("span",{className:"text-[12px] text-gray-500 font-medium",children:"(224)"})]}),(0,i.jsx)("div",{className:"text-[14px] font-bold text-gray-900 mb-2",children:"FLEURY Pearl Acrylic Paint"}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500 leading-[1.6] mb-1",children:"FLEURY - First choice for acrylic pouring"}),(0,i.jsx)("p",{className:"text-[9px] text-gray-400 leading-[1.5] mb-1",children:"FLEURY Pearlacry1 is a high quality, color-intense artist paint."}),(0,i.jsx)("p",{className:"text-[9px] text-gray-400 leading-[1.5] mb-1",children:"It is ideal for acrlio casting, among other thing."}),(0,i.jsx)("p",{className:"text-[9px] text-gray-400 leading-[1.5]",children:"It is available in numerous color and two different sizes."})]})]}),(0,i.jsxs)("div",{className:"flex items-center gap-3 mt-4 pt-3 border-t border-gray-100",children:[(0,i.jsxs)("div",{className:"flex items-center border border-gray-200 rounded-lg overflow-hidden",children:[(0,i.jsx)("div",{className:"w-7 h-7 flex items-center justify-center text-[12px] text-gray-500 hover:bg-gray-50",children:"+"}),(0,i.jsx)("div",{className:"w-8 h-7 flex items-center justify-center text-[12px] font-semibold text-gray-800 border-x border-gray-200",children:"1"}),(0,i.jsx)("div",{className:"w-7 h-7 flex items-center justify-center text-[12px] text-gray-500 hover:bg-gray-50",children:"−"})]}),(0,i.jsx)("div",{className:"bg-[#645cfc] text-white text-[11px] font-semibold px-5 py-2 rounded-lg",children:"Add to Cart"})]})]})]})})}function $({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6 flex items-center justify-center",children:(0,i.jsx)("div",{className:"w-full max-w-[380px] bg-white rounded-2xl overflow-hidden shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04]",children:(0,i.jsxs)("div",{className:"p-5 sm:p-6",children:[(0,i.jsxs)("div",{className:"flex gap-4 sm:gap-5 mb-5",children:[(0,i.jsx)("div",{className:"w-[100px] sm:w-[120px] aspect-square rounded-2xl bg-[#f8f8f8] flex items-center justify-center shrink-0",children:(0,i.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",children:[(0,i.jsx)("path",{d:"M12 30 C12 16, 44 16, 44 30",stroke:"#2d2d2d",strokeWidth:"3",fill:"none",strokeLinecap:"round"}),(0,i.jsx)("rect",{x:"7",y:"28",width:"12",height:"16",rx:"5",fill:"#2d2d2d"}),(0,i.jsx)("rect",{x:"9.5",y:"30.5",width:"7",height:"11",rx:"2.5",fill:"#4a4a4a"}),(0,i.jsx)("rect",{x:"37",y:"28",width:"12",height:"16",rx:"5",fill:"#2d2d2d"}),(0,i.jsx)("rect",{x:"39.5",y:"30.5",width:"7",height:"11",rx:"2.5",fill:"#4a4a4a"}),(0,i.jsx)("ellipse",{cx:"13",cy:"36",rx:"3.5",ry:"4",fill:"#3d3d3d",opacity:"0.4"}),(0,i.jsx)("ellipse",{cx:"43",cy:"36",rx:"3.5",ry:"4",fill:"#3d3d3d",opacity:"0.4"})]})}),(0,i.jsxs)("div",{className:"flex-1 pt-1",children:[(0,i.jsx)("div",{className:"text-[15px] sm:text-[17px] font-bold text-[#1a1a1a] mb-1.5 tracking-[-0.01em]",children:"Headphone"}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mb-2",children:[(0,i.jsx)(p,{count:5,size:12}),(0,i.jsx)("span",{className:"text-[10px] sm:text-[11px] text-[#999] font-medium",children:"(20)"})]}),(0,i.jsx)("div",{className:"text-[16px] sm:text-[18px] font-bold text-[#1a1a1a] tracking-[-0.01em]",children:"$49.00"})]})]}),(0,i.jsx)("div",{className:"rounded-xl sm:rounded-2xl p-3.5 sm:p-4 mb-5 border-2 border-[#f97316] transition-all duration-700",style:{opacity:+!!e,transform:e?"translateY(0) scale(1)":"translateY(10px) scale(0.96)",transitionDelay:"350ms",transitionTimingFunction:"cubic-bezier(0.16,1,0.3,1)",boxShadow:e?"0 0 0 4px rgba(249,115,22,0.08), 0 8px 24px rgba(249,115,22,0.06)":"none",backgroundColor:"#fffaf6"},children:(0,i.jsxs)("div",{className:"flex gap-3",children:[(0,i.jsx)("div",{className:"w-12 h-12 sm:w-14 sm:h-14 roun

1ded-xl bg-gradient-to-br from-[#e0f2fe] to-[#bae6fd] flex items-center justify-center shrink-0 overflow-hidden",children:(0,i.jsxs)("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",children:[(0,i.jsx)("circle",{cx:"14",cy:"10",r:"5",fill:"#94a3b8"}),(0,i.jsx)("path",{d:"M4 26 C4 20, 9 17, 14 17 C19 17, 24 20, 24 26",fill:"#94a3b8"})]})}),(0,i.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,i.jsx)("p",{className:"text-[10px] sm:text-[11px] text-[#444] leading-[1.6] mb-0",children:"Very happy. Headsets.com beat the pricing from the gigantic national technology vendor I normally use while.."}),(0,i.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,i.jsx)(p,{count:5,size:9}),(0,i.jsx)("span",{className:"text-[9px] sm:text-[10px] font-semibold text-[#333]",children:"Marvin McKinney"}),(0,i.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"#3b82f6",stroke:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,i.jsx)("path",{d:"m9 12 2 2 4-4",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 ml-auto",children:[(0,i.jsx)("div",{className:"w-5 h-5 sm:w-6 sm:h-6 rounded-full bg-white border border-gray-200 flex items-center justify-center shadow-sm",children:(0,i.jsx)("svg",{width:"7",height:"7",viewBox:"0 0 24 24",fill:"none",stroke:"#888",strokeWidth:"2.5",children:(0,i.jsx)("path",{d:"m15 18-6-6 6-6"})})}),(0,i.jsx)("div",{className:"w-5 h-5 sm:w-6 sm:h-6 rounded-full bg-white border border-gray-200 flex items-center justify-center shadow-sm",children:(0,i.jsx)("svg",{width:"7",height:"7",viewBox:"0 0 24 24",fill:"none",stroke:"#888",strokeWidth:"2.5",children:(0,i.jsx)("path",{d:"m9 18 6-6-6-6"})})})]})]})]})]})}),(0,i.jsxs)("div",{className:"mb-5",children:[(0,i.jsx)("div",{className:"text-[11px] sm:text-[12px] text-[#555] font-medium mb-2",children:"Quantity"}),(0,i.jsxs)("div",{className:"inline-flex items-center bg-[#f5f5f5] rounded-xl overflow-hidden",children:[(0,i.jsx)("div",{className:"w-9 h-9 sm:w-10 sm:h-10 flex items-center justify-center text-[#888] text-[15px] font-medium hover:bg-gray-200/50 transition-colors",children:"+"}),(0,i.jsx)("div",{className:"w-9 h-9 sm:w-10 sm:h-10 flex items-center justify-center text-[13px] font-semibold text-[#1a1a1a] bg-white border-x border-gray-100",children:"1"}),(0,i.jsx)("div",{className:"w-9 h-9 sm:w-10 sm:h-10 flex items-center justify-center text-[#888] text-[15px] font-medium hover:bg-gray-200/50 transition-colors",children:"−"})]})]}),(0,i.jsx)("div",{className:"h-11 sm:h-12 bg-[#e8e8e8] rounded-full w-full transition-all duration-500 flex items-center justify-center",style:{opacity:+!!e,transitionDelay:"500ms"},children:(0,i.jsx)("span",{className:"text-[12px] sm:text-[13px] font-semibold text-[#999]",children:"Buy it now"})})]})})})})}function T({active:e}){return(0,i.jsx)("div",{className:"relative w-full h-full min-h-[420px] sm:min-h-[520px] flex items-center justify-center p-3 sm:p-5",children:(0,i.jsxs)("div",{className:"w-[92%] sm:w-[88%] bg-white rounded-[20px] sm:rounded-[24px] overflow-hidden transition-all duration-700",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(16px)",transitionTimingFunction:"cubic-bezier(0.16,1,0.3,1)",boxShadow:"0 4px 6px rgba(0,0,0,0.02), 0 12px 44px rgba(0,0,0,0.06)"},children:[(0,i.jsxs)("div",{className:"bg-gradient-to-r from-[#1e1b4b] to-[#312e81] px-4 sm:px-5 pt-4 sm:pt-5 pb-3 sm:pb-4 transition-all duration-600",style:{opacity:+!!e,transitionDelay:"100ms"},children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,i.jsxs)("div",{className:"flex items-center gap-1.5",style:{filter:"blur(1.5px)",opacity:.7},children:[(0,i.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#a5b4fc",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"}),(0,i.jsx)("path",{d:"m8 12 3 3 5-5"})]}),(0,i.jsx)("span",{className:"text-[9px] sm:text-[10px] text-indigo-300 font-medium",children:"wisernotify"})]}),(0,i.jsx)("div",{className:"bg-white/10 backdrop-blur-sm text-white text-[7px] sm:text-[8px] font-medium px-2.5 py-1 rounded-full border border-white/20",children:"Visit our site"})]}),(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"text-[14px] sm:text-[17px] font-bold text-white mb-2 tracking-[-0.01em]",children:"Wall of Love"}),(0,i.jsx)("div",{className:"inline-flex items-center bg-white/10 backdrop-blur-sm text-white text-[8px] sm:text-[9px] font-medium px-3 py-1.5 rounded-full border border-white/15 mb-2.5",children:"Write a Review"}),(0,i.jsxs)("div",{className:"flex items-center justify-center gap-1.5",children:[(0,i.jsx)("span",{className:"text-[12px] sm:text-[13px] font-bold text-white",children:"4.3"}),(0,i.jsx)(p,{count:5,size:11}),(0,i.jsx)("span",{className:"text-[9px] sm:text-[10px] text-indigo-300",children:"(156 reviews)"})]})]})]}),(0,i.jsx)("div",{className:"px-4 sm:px-5 pt-3 sm:pt-4 pb-2",children:(0,i.jsx)("div",{className:"flex gap-1.5 sm:gap-2 transition-all duration-500",style:{opacity:+!!e,transitionDelay:"250m

1s"},children:["All","Results","Support","Money"].map((e,s)=>(0,i.jsx)("div",{className:`text-[8px] sm:text-[9px] px-3 sm:px-3.5 py-1.5 rounded-full font-medium ${0===s?"bg-[#1e1b4b] text-white":"bg-white text-[#555] border border-gray-200"}`,children:e},s))})}),(0,i.jsx)("div",{className:"px-4 sm:px-5 pb-4 sm:pb-5 pt-1",children:(0,i.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-2.5",children:[{name:"Rachna Sheth.",date:"24-10-2023",title:"Amazing",text:"Loved the quality and the design..trendy and perfect for carrying my laptop.",stars:5,hasPhoto:!1,hasVideo:!1,verified:!0},{name:"Rachna Sheth.",date:"24-10-2023",title:"Amazing",text:"Loved the quality and the design..trendy and perfect.",stars:5,hasPhoto:!0,hasVideo:!0,verified:!0},{name:"Rachna Sheth.",date:"24-10-2023",title:"Amazing",text:"Loved the quality and the design..trendy and perfect.",stars:5,hasPhoto:!0,hasVideo:!1,verified:!0}].map((s,t)=>(0,i.jsxs)("div",{className:"bg-white rounded-xl border border-gray-100 overflow-hidden transition-all duration-600",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(12px)",transitionDelay:`${350+100*t}ms`,transitionTimingFunction:"cubic-bezier(0.16,1,0.3,1)"},children:[s.hasPhoto&&(0,i.jsxs)("div",{className:"aspect-[4/5] bg-gradient-to-br from-gray-100 to-gray-50 relative flex items-center justify-center",children:[(0,i.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",opacity:"0.2",children:[(0,i.jsx)("circle",{cx:"12",cy:"8",r:"4",fill:"#666"}),(0,i.jsx)("path",{d:"M4 22 C4 17, 8 14, 12 14 C16 14, 20 17, 20 22",fill:"#666"})]}),s.hasVideo&&(0,i.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,i.jsx)("div",{className:"w-7 h-7 sm:w-8 sm:h-8 rounded-full bg-white/80 backdrop-blur-sm flex items-center justify-center shadow-sm",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"#333",stroke:"none",children:(0,i.jsx)("polygon",{points:"8 5 19 12 8 19"})})})}),2===t&&(0,i.jsx)("div",{className:"absolute top-1.5 right-1.5 bg-[#22c55e] text-white text-[6px] font-bold w-4 h-4 rounded-full flex items-center justify-center",children:"+1"})]}),(0,i.jsxs)("div",{className:"p-2 sm:p-2.5",children:[!s.hasPhoto&&(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mb-1",children:[(0,i.jsx)(p,{count:s.stars,size:7}),(0,i.jsx)("span",{className:"text-[6px] sm:text-[7px] text-gray-400",children:s.date})]}),s.hasPhoto&&(0,i.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,i.jsx)(p,{count:s.stars,size:7}),(0,i.jsx)("span",{className:"text-[6px] sm:text-[7px] text-gray-400",children:s.date})]}),(0,i.jsxs)("div",{className:"flex items-center gap-1 mb-1",children:[(0,i.jsx)("span",{className:"text-[7px] sm:text-[8px] font-semibold text-[#333]",children:s.name}),s.verified&&(0,i.jsxs)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"#3b82f6",stroke:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,i.jsx)("path",{d:"m9 12 2 2 4-4",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]}),s.verified&&(0,i.jsx)("span",{className:"text-[5px] sm:text-[6px] text-gray-400",children:"verified Buyer"})]}),(0,i.jsx)("div",{className:"text-[8px] sm:text-[9px] font-bold text-[#1a1a1a] mb-1",children:s.title}),(0,i.jsx)("p",{className:"text-[6px] sm:text-[7px] text-[#666] leading-[1.5] mb-1.5",children:s.text}),(0,i.jsxs)("div",{className:"flex items-center gap-2 text-[6px] text-gray-400",children:[(0,i.jsxs)("div",{className:"flex items-center gap-0.5",children:[(0,i.jsx)("svg",{width:"7",height:"7",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,i.jsx)("path",{d:"M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"})}),(0,i.jsx)("span",{children:"12"})]}),s.hasPhoto&&(0,i.jsx)("span",{className:"text-[#645cfc] font-medium",children:"...Read more"})]})]})]},t))})})]})})}function I({active:e}){return(0,i.jsx)(g,{url:"yourstore.com",active:e,children:(0,i.jsx)("div",{className:"p-3 sm:p-5",children:(0,i.jsxs)(f,{className:"w-full bg-white p-4 sm:p-5 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04]",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-3 sm:mb-4",children:[(0,i.jsx)("div",{className:"text-[11px] sm:text-[13px] font-semibold text-gray-900",children:"What our customers say"}),(0,i.jsxs)("div",{className:"flex gap-1.5",children:[(0,i.jsx)("div",{className:"w-6 h-6 sm:w-7 sm:h-7 rounded-full bg-gray-50 border border-gray-100 flex items-center justify-center",children:(0,i.jsx)("svg",{width:"8",he

1ight:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"2.5",children:(0,i.jsx)("path",{d:"m15 18-6-6 6-6"})})}),(0,i.jsx)("div",{className:"w-6 h-6 sm:w-7 sm:h-7 rounded-full bg-[#645cfc] flex items-center justify-center shadow-sm",children:(0,i.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2.5",children:(0,i.jsx)("path",{d:"m9 18 6-6-6-6"})})})]})]}),(0,i.jsx)("div",{className:"flex gap-2 sm:gap-3 overflow-hidden",children:[{name:"Sarah M.",text:"Absolutely love this product! The quality exceeded all expectations.",stars:5,av:a},{name:"James K.",text:"Best purchase I've made. Fast shipping and great packaging.",stars:5,av:x},{name:"Priya R.",text:"Great quality, would definitely recommend to friends.",stars:4,av:d}].map((s,t)=>(0,i.jsxs)("div",{className:"flex-shrink-0 w-[38%] sm:w-[35%] bg-gray-50 rounded-xl sm:rounded-2xl p-2.5 sm:p-3.5 border border-gray-100/50 transition-all duration-600",style:{opacity:+!!e,transform:e?"translateX(0)":"translateX(20px)",transitionDelay:`${200+120*t}ms`},children:[(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mb-2",children:[(0,i.jsx)(m,{src:s.av,size:24}),(0,i.jsx)("span",{className:"text-[8px] sm:text-[9px] font-semibold text-gray-800 truncate",children:s.name})]}),(0,i.jsx)(p,{count:s.stars,size:8}),(0,i.jsx)("p",{className:"text-[7px] sm:text-[8px] text-gray-500 mt-1.5 leading-[1.5]",children:s.text})]},t))}),(0,i.jsx)("div",{className:"flex justify-center gap-1.5 mt-3 sm:mt-4",children:[0,1,2,3].map(e=>(0,i.jsx)("div",{className:`h-1.5 sm:h-2 rounded-full transition-all duration-500 ${1===e?"bg-[#645cfc] w-4 sm:w-5":"bg-gray-200 w-1.5 sm:w-2"}`,style:{transitionDelay:`${500+60*e}

1ms`}},e))})]})})})}function P({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col items-center gap-4",children:[(0,i.jsx)(f,{className:"w-full max-w-[340px] bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:(0,i.jsxs)("div",{className:"flex gap-3",children:[(0,i.jsx)(m,{src:c,size:56,className:"rounded-xl shrink-0"}),(0,i.jsxs)("div",{className:"flex-1",children:[(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mb-1",children:[(0,i.jsx)(p,{count:5,size:10}),(0,i.jsx)("span",{className:"text-[11px] font-bold text-gray-900",children:"Marvin McKinney"}),(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"#3b82f6",stroke:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,i.jsx)("path",{d:"m9 12 2 2 4-4",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",fill:"none"})]})]}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500 leading-[1.6]",children:"Loved the quality and the design..trendy and perfect for carrying my laptop. Loved the quality and the design..trendy and perfect for carrying my laptop. ..."})]})]})}),(0,i.jsxs)(f,{className:"w-full max-w-[250px] bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl text-center",active:e,delay:200,children:[(0,i.jsxs)("div",{className:"flex items-center justify-center gap-2 mb-1",children:[(0,i.jsx)(p,{count:4,size:16}),(0,i.jsx)("span",{className:"text-[16px] font-bold text-gray-900",children:"4.5/5"})]}),(0,i.jsxs)("div",{className:"text-[13px] text-gray-500 mb-2",children:[(0,i.jsx)("span",{className:"font-bold text-gray-900",children:"234"})," reviews"]}),(0,i.jsxs)("div",{className:"bg-[#645cfc] text-white text-[9px] font-semibold py-1.5 rounded-full flex items-center justify-center gap-1.5",children:["Powered by",(0,i.jsx)("div",{className:"w-4 h-4 rounded-full bg-white/20 flex items-center justify-center",children:(0,i.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"m12 2 3.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"})})}),(0,i.jsx)("span",{className:"font-bold",children:"WiserReview"})]})]}),(0,i.jsxs)(f,{className:"w-full max-w-[250px] bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl text-center",active:e,delay:400,children:[(0,i.jsxs)("div",{className:"relative inline-block mb-2",children:[(0,i.jsxs)("div",{className:"w-20 h-24 mx-auto relative",children:[(0,i.jsx)("svg",{width:"80",height:"96",viewBox:"0 0 80 96",fill:"none",className:"absolute inset-0",children:(0,i.jsx)("path",{d:"M40 4 L72 16 L72 52 C72 72 56 88 40 92 C24 88 8 72 8 52 L8 16 Z",fill:"#645cfc",opacity:"0.08",stroke:"#645cfc",strokeWidth:"1.5",strokeOpacity:.2})}),(0,i.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[(0,i.jsx)("div",{className:"text-[22px] font-bold text-[#645cfc]",children:"254"}),(0,i.jsx)(p,{count:5,size:10})]})]}),(0,i.jsx)("div",{className:"bg-[#645cfc] text-white text-[9px] font-bold px-4 py-1.5 rounded-full -mt-1 relative z-10",children:"Verified Reviews"})]}),(0,i.jsxs)("div",{className:"bg-[#645cfc] text-white text-[8px] font-semibold py-1.5 rounded-full flex items-center justify-center gap-1.5 mt-3",children:["Powered by",(0,i.jsx)("div",{className:"w-3.5 h-3.5 rounded-full bg-white/20 flex items-center justify-center",children:(0,i.jsx)("svg",{width:"7",height:"7",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"m12 2 3.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"})})}),(0,i.jsx)("span",{className:"font-bold",children:"WiserReview"})]})]})]})})}function q({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col gap-4",children:[(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsx)("div",{className:"text-[14px] font-bold text-gray-900 mb-3",children:"Hear It from Our Happy Customers"}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,i.jsx)("span",{className:"text-[24px] font-bold text-gray-900",children:"4.3"}),(0,i.jsx)(p,{count:5,size:12}),(0,i.jsx)("span",{className:"text-[10px] text-gray-400",children:"(2000 reviews)"})]}),(0,i.jsx)("div",{className:"flex flex-wrap gap-2 mb-2",children:[{text:"Always there weded",av:a},{text:"Support feels very helpful",av:d},{text:"Creat...",av:x}].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-1.5 bg-gray-50 rounded-full px-2.5 py-1.5 border border-gray-100 transition-all duration-400",style:{opacity:+!!e,transform:e?"translateX(0)":"translateX(-8px)",transitionDelay:`${200+80*t}ms`},children:[(0,i.jsx)(m,{src:s.av,size:20}),(0,i.jsx)("span",{className:"text-[9px] text-gray-600 font-medium",children:s.text})]},t))}),(0,i.jsx)("div",{className:"flex flex-wrap gap-2",children:[{text:"Support makes things easier",av:n},{text:"Helpful, steady, and strong",av:h}].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-1.5 bg-gray-50 rounded-full px-2.5 py-1.5 border border-gray-100 transition-all duration-400",style:{opacity:+!!e,transform:e?"translateX(0)":"translateX(-8px)",transitionDelay:`${400+80*t}ms`},children:[(0,i.jsx)(m,{src:s.av,size:20}),(0,i.jsx)("span",{className:"text-[9px] text-gray-600 font-medium",children:s.text})]},t))})]}),(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:300,children:[(0,i.jsx)(p,{count:5,size:14}),(0,i.jsxs)("p",{className:"text-[12px] text-gray-700 leading-[1.7] mt-2 mb-3",children:[(0,i.jsx)("span",{className:"bg-yellow-100 px-1 py-0.5 rounded font-medium",style:{color:"#a87f31"},children:"Great value"})," for the price. Easy to use, packed with advanced features. Support team is ",(0,i.jsx)("span",{className:"bg-yellow-100 px-1 py-0.5 rounded font-medium",style:{color:"#a87f31"},children:"fast and helpful"}),"."]}),(0,i.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,i.jsx)("span",{className:"text-[11px] font-bold text-gray-900",children:"James Miller"}),(0,i.jsx)("span",{className:"text-[10px] text-[#f97316] font-medium",children:"Oct 01, 2025"})]}),(0,i.jsx)("div",{className:"flex items-center gap-0 mb-2",children:[a,c,d,x,n,o,r,h].map((s,t)=>(0,i.jsx)(m,{src:s,size:28,className:"border-2 border-white -ml-1 first:ml-0 transition-all duration-400",style:{opacity:+!!e,transitionDelay:`${500+50*t}ms`}},t))}),(0,i.jsxs)("div",{className:"flex gap-1 mt-1",children:[(0,i.jsx)("div",{className:"h-1 w-8 rounded-full bg-[#645cfc]"}

1),(0,i.jsx)("div",{className:"h-1 w-4 rounded-full bg-gray-200"})]})]})]})})}function G({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-5 flex flex-col gap-3",children:[(0,i.jsxs)(f,{className:"w-full bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[13px] font-bold text-gray-900",children:"Theme designer"}),(0,i.jsx)("div",{className:"text-[9px] text-gray-500",children:"Configure your review widget appearance and behaviour"})]}),(0,i.jsx)("div",{className:"w-8 h-8 rounded-xl flex items-center justify-center",style:{background:"linear-gradient(135deg, #645cfc, #3b82f6)"},children:(0,i.jsx)("span",{className:"text-[9px] font-bold text-white",children:"AI"})})]}),(0,i.jsx)("div",{className:"grid grid-cols-4 gap-2 mt-3 mb-2",children:[{label:"Widget layout",value:"Grid"},{label:"Header layout",value:"Expanded"},{label:"Card shadow",value:"Dark"},{label:"Card design",value:"Square"}].map((s,t)=>(0,i.jsxs)("div",{className:"bg-gray-50 rounded-lg p-2 border border-gray-100 transition-all duration-300",style:{opacity:+!!e,transitionDelay:`${150+50*t}ms`},children:[(0,i.jsx)("div",{className:"text-[7px] text-gray-400 mb-0.5",children:s.label}),(0,i.jsx)("div",{className:"text-[9px] font-semibold text-gray-800",children:s.value})]},t))}),(0,i.jsx)("div",{className:"grid grid-cols-4 gap-2",children:[{icon:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"4"})}),label:"Card Radius",value:"round"},{icon:(0,i.jsx)("span",{className:"text-[10px] font-bold text-gray-600",children:"Tt"}),label:"Font",value:"Nunito sans"},{icon:(0,i.jsx)("div",{className:"w-3 h-3 rounded-sm bg-[#f59e0b]"}),label:"Star rating color",value:"#645CFC"},{icon:null,label:"Language",value:"English"}].map((s,t)=>(0,i.jsxs)("div",{className:"bg-gray-50 rounded-lg p-2 border border-gray-100 transition-all duration-300",style:{opacity:+!!e,transitionDelay:`${350+50*t}ms`},children:[(0,i.jsxs)("div",{className:"flex items-center gap-1 mb-0.5",children:[s.icon,(0,i.jsx)("span",{className:"text-[7px] text-gray-400",children:s.label})]}),(0,i.jsx)("div",{className:"text-[9px] font-semibold text-gray-800",children:s.value})]},t))})]}),(0,i.jsxs)(f,{className:"w-full bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:300,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,i.jsx)("span",{className:"text-[12px] font-bold text-gray-900",children:"Preview"}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-2.5 py-1 text-gray-500 font-medium flex items-center gap-1",children:"↻ Reset"}),(0,i.jsx)("span",{className:"text-[9px] bg-gray-900 text-white rounded-lg px-2.5 py-1 font-medium flex items-center gap-1",children:"\uD83D\uDDA5 Web"}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-2.5 py-1 text-gray-500 font-medium flex items-center gap-1",children:"\uD83D\uDCF1 Mobile"})]})]}),(0,i.jsxs)("div",{className:"border border-gray-100 rounded-xl p-3 mb-3",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsx)("span",{className:"text-[11px] font-bold text-gray-900",children:"Customer Reviews"}),(0,i.jsxs)("div",{className:"flex items-center gap-1",children:[(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"#3b82f6",stroke:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,i.jsx)("path",{d:"m9 12 2 2 4-4",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",fill:"none"})]}),(0,i.jsx)("span",{className:"text-[8px] text-gray-500",children:"Verified by Wisernotify"})]})]}),(0,i.jsxs)("div",{className:"flex items-start gap-4 mb-2",children:[(0,i.jsxs)("div",{className:"shrink-0",children:[(0,i.jsx)("div",{className:"text-[20px] font-bold text-gray-900 leading-none",children:"4.3"}),(0,i.jsx)(p,{count:5,size:8}),(0,i.jsx)("div",{className:"text-[7px] text-gray-400 mt-0.5",children:"(2000 reviews)"})]}),(0,i.jsx)("div",{className:"flex-1 space-y-0.5",children:[{s:5,c:1e3,p:50},{s:4,c:500,p:25},{s:3,c:400,p:20},{s:2,c:100,p:5},{s:1,c:0,p:0}].map(e=>(0,i.jsxs)("div",{className:"flex items-center gap-1",children:[(0,i.jsx)("span",{className:"text-[6px] text-gray-400 w-2",children:e.s}),(0,i.jsx)("svg",{width:"5",height:"5",viewBox:"0 0 24 24",fill:"#f97316",stroke:"none",children:(0,i.jsx)("path",{d:"m12 2 3.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"})}),(0,i.jsx)("div",{className:"flex-1 h-1 bg-gray-100 rounded-full overflow-hidden",children:(0,i.jsx)("div",{className:"h-full bg-[#f97316] rounded-full",style:{width:`${e.p}%`}})}),(0,i.jsx)("span",{className:"text-[5px] text-gray-400 w-5",children:e.c})]},e.s))}),(0,i.jsxs)("div",{className:"shrink-0 text-center",children:[(0,i.jsx)("div",{className:"text-[14px] font-bold text-gray-900",children:"90%"}),(0,i.jsx)("div",{className:"text-[6px] text-gray-500",children:"\uD83D\uDC9C Would Recommend"}),(0,i.jsx)("div",{className:"text-[5px] text-gray-400",children:"(1700 recommendations)"})]}),(0,i.jsx)("div",{className:"bg-[#645cfc] text-white text-[8px] font-semibold px-3 py-1.5 rounded-lg shrink-0 self-center",children:"Write a Review"})]})]}),(0,i.jsx)("div",{className:"flex gap-2 overflow-hidden",children:[{name:"John Smith",title:"Amazing",text:"Loved the quality and the design..trendy and perfect for carrying my laptop.",av:c,hasReply:!0},{name:"Guy Hawkins",title:"Must Purchase",text:"Loved the quality and the design..trendy and perfect for carrying my laptop...",av:o,hasReply:!1},{name:"Marvin McKinney",title:"WOW",text:"Loved the quality and the design..trendy and perfect for carrying my laptop...",av:h,hasReply:!1}].map((s,t)=>(0,i.jsxs)("div",{className:"flex-1 min-w-0 bg-white border border-gray-100 rounded-xl p-2.5 transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(6px)",transitionDelay:`${500+100*t}ms`},children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,i.jsx)(p,{count:5,size:6}),(0,i.jsx)("span",{className:"text-[6px] text-gray-400",children:"24-10-2023"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-1 mb-1",children:[(0,i.jsx)("span",{className:"text-[7px] font-bold text-gray-900",children:s.name}),(0,i.jsx)("span",{className:"text-[5px] text-green-600",children:"● Verified Buyer"})]}),2===t&&(0,i.jsx)("div",{className:"text-[5px] text-gray-400 mb-0.5",children:"\uD83C\uDDF7\uD83C\uDDFA"}),(0,i.jsx)("div",{className:"text-[8px] font-bold text-gray-900 mb-0.5",children:s.title}),(0,i.jsxs)("p",{className:"text-[6px] text-gray-500 leading-[1.4] mb-1.5",children:[s.text,!s.hasReply&&(0,i.jsx)("span",{className:"text-[#645cfc]",children:"Read more"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 text-[6px] text-gray-400 mb-1",children:[s.hasReply&&(0,i.jsx)("span",{children:"Share \uD83D\uDD17"}),(0,i.jsx)("span",{children:"Helpful \uD83D\uDC4D 12"}),(0,i.jsx)("span",{children:"| Unhelpful \uD83D\uDC4E 0"})]}),s.hasReply&&(0,i.jsxs)("div",{className:"border-l-2 border-[#645cfc] pl-2 mt-1",children:[(0,i.jsx)("div",{className:"text-[6px] font-semibold text-[#645cfc]",children:"Store owner reply"}),(0,i.jsx)("div",{className:"text-[5px] text-gray-500",children:"Thank y

1ou so much for your review"})]})]},t))})]})]})})}function O({active:e}){let s=()=>(0,i.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",fill:"#4285F4"}),(0,i.jsx)("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:"#34A853"}),(0,i.jsx)("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z",fill:"#FBBC05"}),(0,i.jsx)("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:"#EA4335"})]});return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col items-center gap-4",children:[(0,i.jsxs)(f,{className:"w-full max-w-[340px] bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsx)("div",{className:"mb-3",children:(0,i.jsx)(s,{})}),(0,i.jsx)("div",{className:"text-[15px] font-bold text-gray-900 mb-1",children:"LM8UU Linear Motion Bearing"}),(0,i.jsx)("div",{className:"text-[11px] text-[#188038] mb-1.5 font-medium",children:"https://robu.in/product/lm8uu-linear-motion-bearing/"}),(0,i.jsx)("p",{className:"text-[11px] text-gray-500 mb-3",children:"Bearing is smooth and high quality"}),(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)(p,{count:5,size:14}),(0,i.jsx)("span",{className:"text-[12px] font-semibold text-gray-700",children:"Review: 5.0"}),(0,i.jsx)("span",{className:"text-[11px] text-gray-400",children:"• 300 votes"})]})]}),(0,i.jsx)(f,{className:"w-full max-w-[360px] bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:180,children:(0,i.jsx)("div",{className:"flex gap-2.5 overflow-hidden",children:[0,1,2,3].map(e=>(0,i.jsxs)("div",{className:`flex-shrink-0 w-[80px] ${3===e?"opacity-40":""}`,children:[(0,i.jsx)("div",{className:"bg-[#fafafa] rounded-xl h-16 flex items-center justify-center mb-2 border border-gray-50",children:(0,i.jsxs)("svg",{width:"32",height:"24",viewBox:"0 0 48 36",fill:"none",opacity:"0.2",children:[(0,i.jsx)("path",{d:"M8 28C8 22 14 16 24 14C34 16 40 22 40 28",stroke:"#888",strokeWidth:"2",fill:"none",strokeLinecap:"round"}),(0,i.jsx)("rect",{x:"16",y:"6",width:"16",height:"10",rx:"2",fill:"#888",opacity:"0.4"})]})}),(0,i.jsx)("div",{className:"h-1 bg-gray-100 rounded mb-1 w-3/4"}),(0,i.jsx)(p,{count:1===e?3:4,size:6})]},e))})}),(0,i.jsxs)(f,{className:"w-full max-w-[340px] bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:350,children:[(0,i.jsx)("div",{className:"mb-3",children:(0,i.jsx)(s,{})}),(0,i.jsx)("div",{className:"text-[15px] font-bold text-gray-900 mb-1",children:"LM8UU Linear Motion Bearing"}),(0,i.jsx)("div",{className:"text-[11px] text-[#188038] mb-1.5 font-medium",children:"https://www.thecreativedukaan.com/"}),(0,i.jsx)("p",{className:"text-[11px] text-gray-500 mb-3",children:"Bearing is smooth and high quality"}),(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)(p,{count:5,size:14}),(0,i.jsx)("span",{className:"text-[12px] font-semibold text-gray-700",children:"Review: 5.0"}),(0,i.jsx)("span",{className:"text-[11px] text-gray-400",children:"• 250 votes"})]})]})]})})}function U({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6",children:(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,i.jsx)("span",{className:"text-[14px] font-bold text-gray-900",children:"Highlight Key Words:"}),(0,i.jsx)("span",{className:"text-[9px] font-semibold bg-green-100 text-green-700 px-2 py-0.5 rounded-full",children:"On"})]}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500 mb-4",children:"AI highlights important words in reviews using your color settings."}),(0,i.jsxs)("div",{className:"flex items-center gap-6 mb-5",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("div",{className:"w-7 h-7 rounded-lg bg-[#FFF2CD] border border-[#ffe49a]"}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500",children:"Backgroun

1d color"}),(0,i.jsxs)("div",{className:"flex items-center gap-1",children:[(0,i.jsx)("span",{className:"text-[10px] font-semibold text-gray-800",children:"#FFF2CD"}),(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"1.5",children:[(0,i.jsx)("rect",{x:"8",y:"8",width:"13",height:"13",rx:"2"}),(0,i.jsx)("path",{d:"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"})]})]})]})]}),(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("div",{className:"w-7 h-7 rounded-lg bg-[#111827]"}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500",children:"Font color"}),(0,i.jsxs)("div",{className:"flex items-center gap-1",children:[(0,i.jsx)("span",{className:"text-[10px] font-semibold text-gray-800",children:"#111827"}),(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"1.5",children:[(0,i.jsx)("rect",{x:"8",y:"8",width:"13",height:"13",rx:"2"}),(0,i.jsx)("path",{d:"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"})]})]})]})]})]}),(0,i.jsx)("div",{className:"text-[10px] text-gray-500 mb-3",children:"Preview Highlighting key"}),(0,i.jsxs)("div",{className:"border border-gray-100 rounded-2xl p-4 transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(6px)",transitionDelay:"250ms"},children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsx)(p,{count:5,size:14}),(0,i.jsx)("span",{className:"text-[10px] text-gray-400",children:"24-10-2023"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,i.jsx)(m,{src:d,size:24}),(0,i.jsx)("span",{className:"text-[11px] font-bold text-gray-900",children:"Rachna Sheth"}),(0,i.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"1.5",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"3"}),(0,i.jsx)("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33"})]})]}),(0,i.jsx)("div",{className:"text-[14px] font-bold text-gray-900 mb-2",children:"Amazing"}),(0,i.jsxs)("p",{className:"text-[11px] text-gray-700 leading-[1.7]",children:["testing review text"," ",(0,i.jsx)("span",{className:"bg-[#FFF2CD] text-[#111827] px-1 py-0.5 rounded font-semibold transition-all duration-500",style:{opacity:+!!e,transitionDelay:"500ms"},children:"Great app"})," ","with even greater"," ",(0,i.jsx)("span",{className:"bg-[#FFF2CD] text-[#111827] px-1 py-0.5 rounded font-semibold transition-all duration-500",style:{opacity:+!!e,transitionDelay:"600ms"},children:"customer support!"})," ","They promptly helped me move and customize .."]})]}),(0,i.jsx)("div",{className:"flex justify-end mt-4",children:(0,i.jsx)("div",{className:"bg-[#166534] text-white text-[11px] font-semibold px-5 py-2 rounded-lg",children:"Save"})})]})})})}function X({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-5",children:(0,i.jsxs)(f,{className:"w-full bg-white p-0 shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04] rounded-2xl overflow-hidden",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"px-5 pt-5 pb-3",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,i.jsx)("h3",{className:"text-[15px] font-bold text-gray-900",children:"Manage reviews"}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,i.jsxs)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-2.5 py-1 text-gray-600 font-medium flex items-center gap-1",children:[(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,i.jsx)("polyline",{points:"7 10 12 15 17 10"}),(0,i.jsx)("line",{x1:"12",y1:"15",x2:"12",y2:"3"})]}),"Import"]}),(0,i.jsxs)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-2.5 py-1 text-gray-600 font-medium flex items-center gap-1",children:[(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,i.jsx)("polyline",{points:"17 8 12 3 7 8"}),(0,i.jsx)("line",{x1:"12",y1:"3",x2:"12",y2:"15"})]}),"Export"]}),(0,i.jsxs)("span",{className:"text-[9px] bg-[#10b981] text-white rounded-lg px-2.5 py-1 font-medium flex items-center gap-1",children:[(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("circle",{cx:"12",cy:"12",r:"3"})}),"Setting"]})]})]}),(0,i.jsxs)("div",{className:"flex items-center gap-0 border-b border-gray-100 mb-3",children:[(0,i.jsx)("span",{className:"px-3 py-1.5 text-[10px] font-semibold text-[#645cfc] border-b-2 border-[#645cfc]",children:"All"}),(0,i.jsx)("span",{className:"px-3 py-1.5 text-[10px] font-medium text-gray-400",children:"Publish"}),(0,i.jsx)("span",{className:"px-3 py-1.5 text-[10px] font-medium text-gray-400",children:"Filter"})]}),(0,i.jsx)("div",{className:"flex flex-wrap gap-2 mb-3",children:[{label:"Rating",hasClose:!1},{label:"Date",hasClose:!0},{label:"Source",hasClose:!1},{label:"Tag",hasClose:!1},{label:"Media",hasClose:!1}].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-1 border border-gray-200 rounded-full px-3 py-1 text-[9px] font-medium text-gray-700 transition-all duration-300",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(4px)",transitionDelay:`${150+60*t}ms`}

1,children:[s.label,s.hasClose?(0,i.jsxs)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#666",strokeWidth:"2.5",strokeLinecap:"round",children:[(0,i.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,i.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}):(0,i.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"m6 9 6 6 6-6"})})]},t))})]}),(0,i.jsxs)("div",{className:"hidden sm:grid grid-cols-[28px_1.3fr_1fr_50px_40px] items-center gap-1.5 px-5 py-1.5 text-[9px] font-semibold text-gray-400 uppercase tracking-wide border-b border-gray-50",children:[(0,i.jsx)("div",{children:(0,i.jsx)("div",{className:"w-3 h-3 rounded border border-gray-300"})}),(0,i.jsx)("div",{children:"Product & Customer"}),(0,i.jsx)("div",{children:"Rating"}),(0,i.jsx)("div",{children:"Source"}),(0,i.jsx)("div",{children:"Action"})]}),[{name:"Alex",product:"Red Shoes",title:"Awesome",rating:4,source:"whatsapp",date:"24-10-2023",text:"Quality and fitting are good.",color:"#ef4444"},{name:"John Deo",product:"Sport shoes",title:"Great product",rating:5,source:"shopify",date:"24-10-2023",text:"Looks amazing with my wears",color:"#6366f1"},{name:"Marry com",product:"Benjamin Bookcase",title:"Cool!!!",rating:4,source:"messenger",date:"24-10-2023",text:"Quality and fitting are good.Quality and fitting are go...",color:"#10b981"}].map((s,t)=>(0,i.jsxs)("div",{className:"grid grid-cols-[28px_1.3fr_1fr_50px_40px] items-start gap-1.5 px-5 py-2.5 border-b border-gray-50 last:border-b-0 transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(6px)",transitionDelay:`${300+100*t}ms`},children:[(0,i.jsx)("div",{className:"pt-0.5",children:(0,i.jsx)("div",{className:"w-3 h-3 rounded border border-gray-300"})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[10px] font-semibold text-gray-800",children:s.name}),(0,i.jsx)("div",{className:"text-[9px] text-gray-400",children:s.product}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mt-1",children:[(0,i.jsx)("div",{className:"w-6 h-6 rounded-md border border-gray-100",style:{background:`${s.color}15`},children:(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",className:"m-auto mt-1",children:(0,i.jsx)("rect",{x:"3",y:"6",width:"18",height:"14",rx:"2",fill:s.color,opacity:"0.4"})})}),(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"1.5",children:(0,i.jsx)("path",{d:"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"})}),(0,i.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"1.5",children:[(0,i.jsx)("line",{x1:"12",y1:"17",x2:"12",y2:"22"}),(0,i.jsx)("path",{d:"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24z"})]})]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[10px] font-semibold text-gray-800",children:s.title}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mt-0.5",children:[(0,i.jsx)(p,{count:s.rating,size:9}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400",children:s.date})]}),(0,i.jsx)("p",{className:"text-[9px] text-gray-400 mt-0.5 line-clamp-1",children:s.text})]}),(0,i.jsxs)("div",{className:"pt-0.5",children:["whatsapp"===s.source&&(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#25D366"}),(0,i.jsx)("path",{d:"M17 14.5c-.3 0-1.5-.7-1.7-.8-.2-.1-.4-.1-.5.1s-.6.8-.7.9-.3.1-.5 0a6.4 6.4 0 0 1-3.2-2.8c-.2-.4.2-.4.6-1.2.1-.2 0-.3 0-.4s-.5-1.3-.7-1.7c-.2-.5-.4-.4-.5-.4h-.5a.9.9 0 0 0-.7.3 3 3 0 0 0-.9 2.2c0 1.3.9 2.6 1 2.8s1.8 2.8 4.4 3.9c2.6 1 2.6.7 3 .7s1.6-.7 1.8-1.3.2-1.2.2-1.3-.3-.2-.5-.3z",fill:"#fff"})]}),"shopify"===s.source&&(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#96BF48"}),(0,i.jsx)("path",{d:"M15 7s-.1-.4-.3-.5c-.2-.1-.5-.1-.5-.1l-1 .1-.3-.3-.2-.1-.6 13 4.5-1S15 7.3 15 7z",fill:"#fff"})]}),"messenger"===s.source&&(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#0084FF"}),(0,i.jsx)("path",{d:"M7 14l3-3 2 2 4-4",stroke:"#fff",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]})]}),(0,i.jsx)("div",{className:"pt-0.5",children:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#9ca3af",strokeWidth:"1.5",children:[(0,i.jsx)("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),(0,i.jsx)("circle",{cx:"12",cy:"12",r:"3"})]})})]},t))]})})})}function J({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col gap-4",children:[(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,i.jsx)("path",{d:"M12 3l1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5z"})}),(0,i.jsx)("span",{className:"text-[16px] font-bold text-gray-900",children:"AI Auto Replies"})]}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-3 py-1.5 text-gray-600 font-medium",children:"Turn off"})]}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500",children:"AI writes replies for reviews on Google and other collected reviews"})]}),(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:200,children:[(0,i.jsxs)("div",{className:"bg-gray-50 rounded-xl p-4 border border-gray-100 mb-4 transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(6px)",transitionDelay:"300ms"},children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[(0,i.jsx)(m,{src:o,size:28}),(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,i.jsx)("span",{className:"text-[11px] font-bold text-gray-900",children:"Jeff Baer"}),(0,i.jsx)("span",{className:"text-[8px] text-green-600",children:"● Verified Buyer"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-1",children:[(0,i.jsx)("span",{className:"text-[8px]",children:"\uD83C\uDDEE\uD83C\uDDF3"}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400",children:"Owner BizViz"})]})]})]}),(0,i.jsx)(p,{count:5,size:14}),(0,i.jsx)("div",{className:"text-[12px] font-bold text-gray-900 mt-2 mb-1",children:"Exceptional Support from Wiser team"}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500 leading-[1.6]",children:"had a tricky integration issue, but the Kevin team was outstanding and helped me create an amazing notification."})]}),(0,i.jsx)("div",{className:"text-[11px] font-semibold text-gray-800 mb

1-2",children:"Response to Jeff ([email protected])"}),(0,i.jsx)("div",{className:"border border-gray-200 rounded-xl px-4 py-3 min-h-[80px] text-[10px] text-gray-400 mb-3 transition-all duration-500",style:{opacity:+!!e,transitionDelay:"500ms"},children:"Write message to reply"}),(0,i.jsxs)("div",{className:"inline-flex items-center gap-1.5 bg-[#645cfc] text-white text-[10px] font-semibold px-4 py-2 rounded-lg transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(4px)",transitionDelay:"600ms"},children:[(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,i.jsx)("path",{d:"M12 3l1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5z"})}),"Generate AI Reply"]})]})]})})}function K({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-5",children:(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"grid grid-cols-2 gap-3 mb-3",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:"Name"}),(0,i.jsx)("div",{className:"border border-gray-200 rounded-lg px-3 py-2 text-[10px] text-gray-800",children:"John"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:"Email"}),(0,i.jsx)("div",{className:"border border-gray-200 rounded-lg px-3 py-2 text-[10px] text-gray-800",children:"[email protected]"})]})]}),(0,i.jsxs)("div",{className:"grid grid-cols-2 gap-3 mb-3",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:"Review title"}),(0,i.jsx)("div",{className:"border border-gray-200 rounded-lg px-3 py-2 text-[10px] text-gray-800",children:"Highly recommend as smart professional"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:"Review star"}),(0,i.jsx)("div",{className:"pt-1",children:(0,i.jsx)(p,{count:5,size:16})})]})]}),(0,i.jsx)("div",{className:"grid grid-cols-3 gap-3 mb-3",children:[{label:"City",val:"New York"},{label:"State",val:"New York"},{label:"Contry",val:"USA"}].map(e=>(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:e.label}),(0,i.jsx)("div",{className:"border border-gray-200 rounded-lg px-3 py-2 text-[10px] text-gray-800",children:e.val})]},e.label))}),(0,i.jsxs)("div",{className:"mb-3",children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:"Testimonial"}),(0,i.jsxs)("div",{className:"border border-gray-200 rounded-lg px-3 py-2.5 text-[10px] text-gray-800 leading-[1.6] min-h-[50px]",children:["Keep up the good work!",(0,i.jsx)("br",{}),"Firstly an amazing material of cloth used to make the chef coat,"]})]}),(0,i.jsxs)("div",{className:"grid grid-cols-2 gap-3 mb-3",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:"Profile image"}),(0,i.jsxs)("div",{className:"border border-gray-200 rounded-lg p-3 flex flex-col items-center justify-center min-h-[70px] transition-all duration-400",style:{opacity:+!!e,transitionDelay:"300ms"},children:[(0,i.jsx)("div",{className:"w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center mb-1",children:(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",opacity:"0.3",children:[(0,i.jsx)("circle",{cx:"12",cy:"8",r:"4",fill:"#888"}),(0,i.jsx)("path",{d:"M4 22c0-5 4-8 8-8s8 3 8 8",fill:"#888"})]})}),(0,i.jsx)("span",{className:"text-[8px] bg-[#645cfc] text-white px-2 py-0.5 rounded font-medium",children:"Change image"})]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:"Review image"}),(0,i.jsxs)("div",{className:"border border-gray-200 rounded-lg p-3 flex flex-col items-center justify-center min-h-[70px]",children:[(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"1.5",opacity:"0.5",children:[(0,i.jsx)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,i.jsx)("polyline",{points:"17 8 12 3 7 8"}),(0,i.jsx)("line",{x1:"12",y1:"3",x2:"12",y2:"15"})]}),(0,i.jsx)("span",{className:"text-[7px] text-gray-400 mt-1",children:"Drag and drop an image(logo)"}),(0,i.jsx)("span",{className:"text-[7px] text-gray-400",children:"or"}),(0,i.jsx)("span",{className:"text-[8px] bg-[#645cfc] text-white px-2 py-0.5 rounded font-medium mt

1-0.5",children:"Browse"})]})]})]}),(0,i.jsxs)("div",{className:"grid grid-cols-2 gap-3 mb-4",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:"Review video"}),(0,i.jsxs)("div",{className:"border border-gray-200 rounded-lg p-3 flex flex-col items-center justify-center min-h-[60px]",children:[(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"1.5",opacity:"0.5",children:[(0,i.jsx)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,i.jsx)("polyline",{points:"17 8 12 3 7 8"}),(0,i.jsx)("line",{x1:"12",y1:"3",x2:"12",y2:"15"})]}),(0,i.jsx)("span",{className:"text-[7px] text-gray-400 mt-1",children:"Drag and drop a video"}),(0,i.jsx)("span",{className:"text-[7px] text-gray-400",children:"or"}),(0,i.jsx)("span",{className:"text-[8px] bg-[#645cfc] text-white px-2 py-0.5 rounded font-medium mt-0.5",children:"Browse"})]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:"Logo"}),(0,i.jsxs)("div",{className:"border border-gray-200 rounded-lg p-3 flex flex-col items-center justify-center min-h-[60px]",children:[(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"1.5",opacity:"0.5",children:[(0,i.jsx)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,i.jsx)("polyline",{points:"17 8 12 3 7 8"}),(0,i.jsx)("line",{x1:"12",y1:"3",x2:"12",y2:"15"})]}),(0,i.jsx)("span",{className:"text-[7px] text-gray-400 mt-1",children:"Drag and drop an image(logo)"}),(0,i.jsx)("span",{className:"text-[7px] text-gray-400",children:"or"}),(0,i.jsx)("span",{className:"text-[8px] bg-[#645cfc] text-white px-2 py-0.5 rounded font-medium mt-0.5",children:"Browse"})]})]})]}),(0,i.jsxs)("div",{className:"border-t border-gray-100 pt-4",children:[(0,i.jsx)("div",{className:"text-[13px] font-bold text-gray-900 mb-3",children:"Company details"}),(0,i.jsxs)("div",{className:"grid grid-cols-2 gap-3 mb-3",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:"Name"}),(0,i.jsx)("div",{className:"border border-gray-200 rounded-lg px-3 py-2 text-[10px] text-gray-800",children:"Google"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:"Job title"}),(0,i.jsx)("div",{className:"border border-gray-200 rounded-lg px-3 py-2 text-[10px] text-gray-800",children:"Product Designer"})]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-[9px] text-gray-500 mb-1",children:"Website"}),(0,i.jsx)("div",{className:"border border-gray-200 rounded-lg px-3 py-2 text-[10px] text-gray-800",children:"Google.com"})]})]})]})})})}function Q({active:e}){let s=[{name:"Import Reviews via Webhook",desc:"Post Your reviews via webhook",icon:(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"1.5",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"}),(0,i.jsx)("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"})]}),badge:"Connected 1"},{name:"Facebook",desc:"Get reviews from your Facebook page",icon:(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#1877F2"}),(0,i.jsx)("path",{d:"M16 12.5h-2.5v5h-3v-5H9v-2.5h1.5V8.5c0-1.5.9-2.3 2.2-2.3h1.6v2.3h-1c-.5 0-.6.2-.6.6v.9H15l-.4 2.5z",fill:"#fff"})]}),badge:null},{name:"Google",desc:"Merge review with multi store",icon:(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",fill:"#4285F4"}),(0,i.jsx)("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:"#34A853"}),(0,i.jsx)("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z",fill:"#FBBC05"}),(0,i.jsx)("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:"#EA4335"})]}),badge:"Connected 2"},{name:"Google Place",desc:"Merge review with multi store",icon:(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",fill:"#4285F4"}),(0,i.jsx)("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:"#34A853"}),(0,i.jsx)("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z",fill:"#FBBC05"}),(0,i.jsx)("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:"#EA4335"})]}),badge:null},{name:"Import Reviews via CSV",desc:"Merge review with multi store",icon:(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",fill:"#10b981",opacity:"0.15"}),(0,i.jsx)("text",{x:"7",y:"15",fontSize:"7",fill:"#10b981",fontWeight:"bold",children:"csv"})]}),badge:null}

1,{name:"Capterra",desc:"Merge review with multi store",icon:(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#FF492C",opacity:"0.15"}),(0,i.jsx)("path",{d:"M8 10l4-4 4 4M8 14l4 4 4-4",stroke:"#FF492C",strokeWidth:"1.5",strokeLinecap:"round"})]}),badge:null},{name:"G2",desc:"Merge review with multi store",icon:(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"#FF492C",opacity:"0.15"}),(0,i.jsx)("text",{x:"7",y:"16",fontSize:"10",fill:"#FF492C",fontWeight:"bold",children:"G2"})]}),badge:null}];return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-5 flex flex-col gap-4",children:[(0,i.jsxs)(f,{className:"w-full bg-white p-0 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl overflow-hidden",active:e,delay:0,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between px-4 pt-3 pb-2 border-b border-gray-100",children:[(0,i.jsxs)("div",{className:"flex items-center gap-3",children:[(0,i.jsx)("span",{className:"text-[10px] text-gray-500 font-medium",children:"Installed(8)"}),(0,i.jsx)("span",{className:"text-[10px] font-semibold bg-gray-900 text-white px-3 py-1 rounded-full",children:"All"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-1",children:[(0,i.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"2",children:[(0,i.jsx)("circle",{cx:"11",cy:"11",r:"8"}),(0,i.jsx)("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]}),(0,i.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"2",children:[(0,i.jsx)("line",{x1:"4",y1:"21",x2:"4",y2:"14"}),(0,i.jsx)("line",{x1:"4",y1:"10",x2:"4",y2:"3"}),(0,i.jsx)("line",{x1:"12",y1:"21",x2:"12",y2:"12"}),(0,i.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"3"}),(0,i.jsx)("line",{x1:"20",y1:"21",x2:"20",y2:"16"}),(0,i.jsx)("line",{x1:"20",y1:"12",x2:"20",y2:"3"})]})]})]}),s.map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-3 px-4 py-2.5 border-b border-gray-50 last:border-b-0 transition-all duration-400",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(4px)",transitionDelay:`${100+50*t}ms`},children:[(0,i.jsx)("div",{className:"w-7 h-7 rounded-lg bg-gray-50 flex items-center justify-center shrink-0",children:s.icon}),(0,i.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-[10px] font-semibold text-gray-800",children:s.name}),s.badge&&(0,i.jsx)("span",{className:"text-[7px] font-semibold bg-green-100 text-green-700 px-1.5 py-0.5 rounded-full",children:s.badge})]}),(0,i.jsx)("div",{className:"text-[8px] text-gray-400",children:s.desc})]}),(0,i.jsx)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-3 py-1 text-gray-600 font-medium shrink-0",children:"Integrate"})]},t))]}),(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:400,children:[(0,i.jsx)("div",{className:"text-[14px] font-bold text-gray-900 mb-3",children:"Export reviews"}),(0,i.jsxs)("div",{className:"border border-gray-100 rounded-xl p-3 mb-4",children:[(0,i.jsx)("div",{className:"text-[10px] font-semibold text-gray-700 mb-2",children:"Export reviews"}),(0,i.jsxs)("div",{className:"flex gap-2",children:[(0,i.jsxs)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-3 py-1.5 text-gray-600 font-medium flex items-center gap-1",children:[(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,i.jsx)("polyline",{points:"7 10 12 15 17 10"}),(0,i.jsx)("line",{x1:"12",y1:"15",x2:"12",y2:"3"})]}),"Export unblished reviews"]}),(0,i.jsxs)("span",{className:"text-[9px] border border-gray-200 rounded-lg px-3 py-1.5 text-gray-600 font-medium flex items-center gap-1",children:[(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,i.jsx)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,i.jsx)("polyline",{points:"7 10 12 15 17 10"}),(0,i.jsx)("line",{x1:"12",y1:"15",x2:"12",y2:"3"})]}),"Export published reviews"]})]})]}),(0,i.jsx)("div",{className:"text-[12px] font-bold text-gray-900 mb-2",children:"Export Reviews via Webhook"}

1),(0,i.jsxs)("div",{className:"grid grid-cols-5 gap-2 text-[8px] font-semibold text-gray-400 border-b border-gray-100 pb-1.5",children:[(0,i.jsx)("span",{children:"Name"}),(0,i.jsx)("span",{children:"Endpoint"}),(0,i.jsx)("span",{children:"Create date"}),(0,i.jsx)("span",{children:"Active"}),(0,i.jsx)("span",{children:"Action"})]})]})]})})}function Z({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col gap-4",children:[(0,i.jsxs)(f,{className:"w-full bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsx)("div",{className:"text-[14px] font-bold text-gray-900 mb-3",children:"Manage reviews"}),(0,i.jsxs)("div",{className:"border border-gray-100 rounded-xl p-3 relative",children:[(0,i.jsxs)("div",{className:"flex items-start gap-3",children:[(0,i.jsx)("div",{className:"w-3.5 h-3.5 rounded border border-gray-300 mt-0.5 shrink-0"}),(0,i.jsxs)("div",{className:"w-[90px] shrink-0",children:[(0,i.jsx)("div",{className:"text-[10px] font-semibold text-gray-800",children:"Kevin Alexa"}),(0,i.jsx)("div",{className:"text-[9px] text-gray-400 mb-1",children:"Shoes"}),(0,i.jsx)("div",{className:"w-8 h-8 rounded-md bg-gray-100"})]}),(0,i.jsxs)("div",{className:"flex-1",children:[(0,i.jsx)("div",{className:"text-[10px] font-bold text-gray-800 mb-0.5",children:"Cool!!!"}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mb-1",children:[(0,i.jsx)(p,{count:4,size:8}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400",children:"24-10-2023"})]}),(0,i.jsx)("p",{className:"text-[8px] text-gray-500 leading-[1.5]",children:"Maintaining their quality under various conditions. Perfect for ever..."})]}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 shrink-0",children:[(0,i.jsx)("div",{className:"w-5 h-5 rounded-full bg-[#0084FF] flex items-center justify-center",children:(0,i.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"#fff",stroke:"none",children:(0,i.jsx)("circle",{cx:"12",cy:"12",r:"4"})})}),(0,i.jsx)("span",{className:"text-[8px] font-semibold bg-green-50 text-green-600 border border-green-200 px-2 py-0.5 rounded-full",children:"Publish"}),(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"1.5",children:[(0,i.jsx)("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),(0,i.jsx)("circle",{cx:"12",cy:"12",r:"3"})]}),(0,i.jsx)("div",{className:"w-6 h-6 rounded-full bg-[#645cfc] flex items-center justify-center border-2 border-[#645cfc]/30",children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"M20 6 9 17l-5-5"})})}),(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"1.5",children:[(0,i.jsx)("line",{x1:"12",y1:"17",x2:"12",y2:"22"}),(0,i.jsx)("path",{d:"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24z"})]})]})]}),(0,i.jsxs)("div",{className:"absolute right-16 -top-8 bg-white text-gray-800 text-[10px] font-medium px-3 py-2 rounded-lg border border-gray-200 shadow-md transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(4px)",transitionDelay:"300ms"},children:["Verified this review",(0,i.jsx)("div",{className:"absolute bottom-[-4px] right-6 w-2 h-2 bg-white border-b border-r border-gray-200 rotate-45"})]})]})]}),(0,i.jsx)(f,{className:"w-full bg-white p-0 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl overflow-hidden",active:e,delay:250,children:(0,i.jsxs)("div",{className:"flex",children:[(0,i.jsxs)("div",{className:"w-[40%] bg-gray-100 relative flex items-center justify-center min-h-[200px]",children:[(0,i.jsx)("img",{src:"https://images.unsplash.com/photo-1523381210434-271e8be1f52b?w=300&h=400&fit=crop",alt:"Product",className:"w-full h-full object-cover",loading:"lazy"}),(0,i.jsxs)("div",{className:"absolute top-2 right-2 bg-black/40 text-white text-[7px] px-1.5 py-0.5 rounded-full flex items-center gap-1 backdrop-blur-sm",children:[(0,i.jsxs)("svg",{width:"8",he

1ight:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2",children:[(0,i.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),(0,i.jsx)("circle",{cx:"8.5",cy:"8.5",r:"1.5"})]}),"+1"]})]}),(0,i.jsxs)("div",{className:"flex-1 p-4",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,i.jsx)(p,{count:5,size:12}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400",children:"\uD83C\uDDEE\uD83C\uDDF3 Surat, Gujarat"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,i.jsx)("span",{className:"text-[11px] font-bold text-gray-900",children:"Rachna Sheth."}),(0,i.jsxs)("span",{className:"text-[8px] font-semibold bg-[#645cfc]/10 text-[#645cfc] px-2 py-0.5 rounded-full flex items-center gap-1",children:[(0,i.jsxs)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"#645cfc",stroke:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,i.jsx)("path",{d:"m9 12 2 2 4-4",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",fill:"none"})]}),"Verified Buyer"]})]}),(0,i.jsx)("div",{className:"text-[13px] font-bold text-gray-900 mb-2",children:"Amazing"}),(0,i.jsxs)("p",{className:"text-[9px] text-gray-500 leading-[1.6] mb-3",children:["Loved the quality and the design..trendy and perfect for carrying my laptop. Loved the quality and the design..trendy and perfect for carrying my laptop then...",(0,i.jsx)("span",{className:"text-[#645cfc] font-medium",children:"Read more"})]}),(0,i.jsxs)("div",{className:"border-l-2 border-gray-200 pl-3",children:[(0,i.jsx)("div",{className:"text-[9px] font-semibold text-gray-700 mb-0.5",children:"| Store owner reply"}),(0,i.jsx)("p",{className:"text-[8px] text-gray-500 leading-[1.5]",children:"Loved the quality and the design..trendy and perfect for carrying my laptop."})]})]})]})})]})})}function ee({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsxs)("div",{className:"p-4 sm:p-6 flex flex-col gap-4",children:[(0,i.jsxs)(f,{className:"w-full bg-white p-4 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsx)("div",{className:"text-[14px] font-bold text-gray-900 mb-3",children:"Manage reviews"}),(0,i.jsxs)("div",{className:"border border-gray-100 rounded-xl p-3 relative",children:[(0,i.jsxs)("div",{className:"flex items-start gap-3",children:[(0,i.jsx)("div",{className:"w-3.5 h-3.5 rounded border border-gray-300 mt-0.5 shrink-0"}),(0,i.jsxs)("div",{className:"flex-1",children:[(0,i.jsx)("div",{className:"flex items-center gap-2 mb-0.5",children:(0,i.jsx)("span",{className:"text-[10px] font-semibold text-gray-800",children:"Kevin Alexa"})}),(0,i.jsx)("div",{className:"text-[9px] text-gray-400 mb-1",children:"Shoes"}),(0,i.jsx)("div",{className:"flex items-center gap-1.5 mt-1",children:(0,i.jsx)("div",{className:"w-8 h-8 rounded-md bg-gray-100"})})]}),(0,i.jsxs)("div",{className:"flex-1",children:[(0,i.jsx)("div",{className:"text-[10px] font-bold text-gray-800 mb-0.5",children:"Cool!!!"}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 mb-1",children:[(0,i.jsx)(p,{count:4,size:8}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400",children:"24-10-2023"})]}),(0,i.jsx)("p",{className:"text-[8px] text-gray-500 leading-[1.5]",children:"Maintaining their quality under various conditions. Perfect for..."})]}),(0,i.jsxs)("div",{className:"flex items-center gap-1.5 shrink-0",children:[(0,i.jsx)("div",{className:"w-5 h-5 rounded-full bg-[#0084FF] flex items-center justify-center",children:(0,i.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"#fff",stroke:"none",children:(0,i.jsx)("circle",{cx:"12",cy:"12",r:"4"})})}),(0,i.jsx)("span",{className:"text-[8px] font-semibold bg-green-50 text-green-600 border border-green-200 px-2 py-0.5 rounded-full",children:"Publish"}),(0,i.jsx)("div",{className:"w-6 h-6 rounded-full bg-[#645cfc] flex items-center justify-center",children:(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2",children:[(0,i.jsx)("line",{x1:"12",y1:"17",x2:"12",y2:"22"}),(0,i.jsx)("path",{d:"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24z"})]})}),(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"1.5",children:(0,i.jsx)("path",{d:"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"})}),(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"1.5",children:[(0,i.jsx)("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),(0,i.jsx)("circle",{cx:"12",cy:"12",r:"3"})]})]})]}),(0,i.jsxs)("div",{className:"absolute right-12 -top-10 bg-gray-900 text-white text-[9px] px-3 py-2 rounded-lg shadow-lg max-w-[180px] leading-[1.5] transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(4px)",transitionDelay:"300ms"},children:["Pin this review to appear first in the review list in widgets",(0,i.jsx)("div",{className:"absolute bottom-[-4px] right-8 w-2 h-2 bg-gray-900 rotate-45"})]})]})]}),(0,i.jsxs)(f,{className:"w-full bg-white p-0 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl overflow-hidden",active:e,delay:250,children:[(0,i.jsxs)("div",{className:"bg-gradient-to-r from-[#645cfc] to-[#8b5cf6] px-5 py-3 text-center",children:[(0,i.jsx)("div",{className:"inline-flex items-center bg-white/15 rounded-full px-4 py-1.5 text-[10px] text-white font-semibold mb-2 border border-white/10",children:"Write a Review"}),(0,i.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,i.jsx)("span",{className:"text-[14px] font-bold text-white",children:"4.3"}),(0,i.jsx)(p,{count:5,size:10}),(0,i.jsx)("span",{className:"text-[9px] text-white/60",children:"(156 reviews)"})]})]}),(0,i.jsx)("div",{className:"flex justify-center gap-2 px-4 py-2.5 border-b border-gray-100",children:["All","Results","Support","Money"].map((e,s)=>(0,i.jsx)("span",{className:`text-[9px] font-medium px-3 py-1 rounded-full border ${0===s?"bg-gray-900 text-white border-gray-900":"text-gray-500 border-gray-200"}`,children:e},s))}),(0,i.jsx)("div",{className:"grid grid-cols-2 gap-3 p-4",children:[0,1].map(s=>(0,i.jsxs)("div",{className:"bg-white border border-gray-100 rounded-xl p-3 transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(6px)",transitionDelay:`${450+100*s}ms`},children:[(0,i.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,i.jsx)(p,{count:5,size:8}),(0,i.jsx)("span",{className:"text-[8px] text-gray-400",children:"24-10-2023"})]}),(0,i.jsxs)("div",{className:"flex items-center gap-1 mb-1.5",children:[(0,i.jsx)("span",{className:"text-[9px] font-semibold text-gray-800",children:"Rachna Sheth."}),(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"#3b82f6",stroke:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,i.jsx)("path",{d:"m9 12 2 2 4-4",stroke:"#fff",strokeWidth:"2.5",strokeLinecap:"round",fill:"none"})]})]}),(0,i.jsx)("div",{className:"text-[10px] font-bold text-gray-900 mb-1",children:"Amazing"}),(0,i.jsx)("p",{className:"text-[8px] text-gray-500 leading-[1.5] mb-2",children:"Loved the quality and the design..trendy and perfect for carrying my laptop. Loved the quality and the design."}),(0,i.jsxs)("div",{className:"flex items-center justify-between text-[8px] text-gray-400",children:[(0,i.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[(0,i.jsx)("path",{d:"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"}),(0,i.jsx)("polyline",{points:"16 6 12 2 8 6"}),(0,i.jsx)("line",{x1:"12",y1:"2",x2:"12",y2:"15"})]}),(0,i.jsx)("span",{children:"\uD83D\uDC4D 12"})]})]},s))})]})]})})}function es({active:e}){return(0,i.jsx)(g,{active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6",children:(0,i.jsxs)(f,{className:"w-full bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.06)] border border-black/[0.04] rounded-2xl",active:e,delay:0,children:[(0,i.jsx)("div",{className:"text-[14px] font-bold text-gray-900 mb-1",children:"Filter reviews efficie

1ntly"}),(0,i.jsx)("p",{className:"text-[10px] text-gray-500 leading-[1.6] mb-4",children:"Set a moderation window to hold new submissions for content review (such as spam, profanity, or policy violations) for up to 14 days. Held reviews — positive or negative — publish automatically once the window passes."}),(0,i.jsxs)("div",{className:"border-t border-gray-100 pt-4 mb-4",children:[(0,i.jsx)("div",{className:"text-[12px] font-bold text-[#645cfc] mb-3",children:"Keep reviews in pending status for manual review if"}),[{label:"Flag reviews with media for review",icon:"\uD83D\uDCF8",checked:!1},{label:"The text contains profanity",icon:"\uD83E\uDD2C",checked:!1},{label:"Flag reviews for manual review by star rating",icon:"⭐",checked:!0}].map((s,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-2.5 py-2 transition-all duration-400",style:{opacity:+!!e,transform:e?"translateX(0)":"translateX(-6px)",transitionDelay:`${200+80*t}ms`},children:[(0,i.jsx)("div",{className:`w-5 h-5 rounded flex items-center justify-center shrink-0 ${s.checked?"bg-[#645cfc]":"border border-gray-300"}`,children:s.checked&&(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3",strokeLinecap:"round",children:(0,i.jsx)("polyline",{points:"20 6 9 17 4 12"})})}),(0,i.jsx)("span",{className:"text-[10px] text-gray-700 flex-1",children:s.label}),(0,i.jsx)("span",{className:"text-[12px]",children:s.icon})]},t)),(0,i.jsxs)("div",{className:"pl-7 mt-1 mb-4 transition-all duration-400",style:{opacity:+!!e,transitionDelay:"450ms"},children:[(0,i.jsx)("div",{className:"text-[10px] font-semibold text-gray-700 mb-1.5",children:"Minimum star rating"}),(0,i.jsxs)("div",{className:"flex items-center border border-gray-200 rounded-lg px-3 py-1.5 w-20 justify-between",children:[(0,i.jsx)("span",{className:"text-[11px] font-medium text-gray-800",children:"3"}),(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"#999",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"m7 10 5 5 5-5"})})]})]})]}),(0,i.jsxs)("div",{className:"bg-[#645cfc]/5 rounded-xl p-4 border border-[#645cfc]/10 mb-4 transition-all duration-500",style:{opacity:+!!e,transform:e?"translateY(0)":"translateY(6px)",transitionDelay:"500ms"},children:[(0,i.jsx)("div",{className:"text-[11px] font-bold text-gray-900 mb-3",children:"AI features"}),[{label:"Enable sentiment analysis using AI",checked:!1},{label:"Enable send auto reply to gmb review",checked:!1}].map((e,s)=>(0,i.jsxs)("div",{className:"flex items-center gap-2.5 py-1.5",children:[(0,i.jsx)("div",{className:"w-5 h-5 rounded border border-gray-300 shrink-0"}),(0,i.jsx)("span",{className:"text-[10px] text-gray-700 flex-1",children:e.label}),(0,i.jsx)("div",{className:"w-6 h-6 rounded-lg flex items-center justify-center",style:{background:"linear-gradient(135deg, #645cfc, #8b5cf6)"},children:(0,i.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"2",strokeLinecap:"round",children:(0,i.jsx)("path",{d:"M12 3l1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5z"})})})]},s))]}),(0,i.jsxs)("div",{className:"border-t border-gray-100 pt-4",children:[(0,i.jsx)("div",{className:"text-[12px] font-bold text-[#645cfc] mb-2",children:"Hold all reviews"}),(0,i.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,i.jsx)("div",{className:"w-5 h-5 rounded border border-gray-300 shrink-0"}),(0,i.jsx)("span",{className:"text-[10px] text-gray-700",children:"Keep new reviews pending until you publish them, or auto-publish after 14 days."})]})]})]})})})}function et({active:e}){return(0,i.jsx)(g,{url:"app.wiserreview.com",active:e,children:(0,i.jsx)("div",{className:"p-4 sm:p-6 flex items-center justify-center min-h-[250px] sm:min-h-[300px]",children:(0,i.jsxs)(f,{className:"w-[240px] bg-white p-8 text-center shadow-[0_2px_16px_rgba(0,0,0,0.05)] border border-black/[0.04]",active:e,delay:0,children:[(0,i.jsx)("div",{className:"w-14 h-14 rounded-2xl bg-gradient-to-br from-[#645cfc]/10 to-[#8b5cf6]/10 flex items-center justify-center mx-auto mb-4",children:(0,i.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"#645cfc",strokeWidth:"1.5",children:(0,i.jsx)("path",{d:"m12 2 3.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"})})}),(0,i.jsxs)("div",{className:"space-y-2",children:[(0,i.jsx)("div",{className:"h-2.5 bg-gray-100 rounded-full"}),(0,i.jsx)("div",{className:"h-2.5 bg-gray-50 rounded-full w-4/5 mx-auto"})]})]})})})}let ei={"widget-trust":j,"repurpose-review":b,"google-stars":u,"one-clean-place":v,"ai-manage":y,"group-topics":w,"flexible-form":N,"auto-collect":k,"any-channel":_,"reward-reviews":B,"social-feed":L,"beautiful-forms":z,"auto-requests":W,"bulk-upload":M,"connect-stores":C,channels:A,templates:S,"smart-reminders":F,"ask-photos":H,"send-google-fb":R,"right-questions":D,"match-brand":Y,"product-review-section":V,"star-rating-display":E,nudges:$,"wall-of-love":T,"carousel-display":I,"floating-popup":P,"avatar-icons":q,"widget-customize":G,"seo-widgets":O,"keyword-highlighter":U,"filter-reviews":X,"ai-auto-reply":J,"add-missing-details":K,"import-export":Q,"verified-badge":Z,"pin-reviews":ee,"approve-decline":es,"store-wall":T,"smart-form":N,autopilot:C,"rich-snippets":u,incentives:B,"auto-collect-anim":k,"social-push":L,"ai-moderation":es,"place-reviews":V,"boost-google":u,"review-dashboard":v,"tag-reviews":w,"automate-requests":W,"share-reviews":L,"testimonial-wall":T,"dynamic-form":N,"ai-control":y,"photo-video":H,"any-channel-collect":_,"brand-match":Y,repurpose:b};function el({data:e}){let[s,t]=(0,l.useState)(0),a=(0,l.useRef)(!1),r=(0,l.useRef)(void 0),d=e.interactiveFeatureSectionList||[],n=(0,l.useMemo)(()=>d.map(e=>{var s,t;let i;return s=e.title,(t=e.interactiveKey)&&ei[t]?ei[t]:(i=s.toLowerCase()).includes("widget")&&i.includes("trust")?j:i.includes("one review")||i.includes("many things")?b:i.includes("stars")&&i.includes("google")?u:i.includes("one clean place")||i.includes("every review")||i.includes("all reviews in one")?v:i.includes("filter")&&(i.includes("rating")||i.includes("tag")||i.includes("media")||i.includes("source"))?X:i.includes("approve")||i.includes("decline")||i.includes("ai")&&i.includes("moderation")?es:i.includes("ai")&&i.includes("auto")&&i.includes("reply")?J:i.includes("pin")&&i.includes("review")?ee:i.includes("verified")&&(i.includes("buyer")||i.includes("badge"))?Z:i.includes("import")&&i.includes("export")?Q:i.includes("missing")&&i.includes("detail")?K:i.includes("reuse")&&i.includes("review")?b:i.includes("ai")&&i.includes("manage")?y:i.includes("group")||i.includes("topic")?w:i.includes("flexible")&&i.includes("form")?N:i.includes("auto-collect")||i.includes("auto collect")||i.includes("anywhere you sell")?C:i.includes("request")&&i.includes("channel")?_:i.includes("reward")?B:i.includes("social")||i.includes("sharing")||i.includes("feed")?L:i.includes("beautiful")&&i.includes("form")?z:i.includes("automatic")&&i.includes("request")?W:i.includes("bulk")&&i.includes("upload")?M:i.includes("connect")&&i.includes("store")?C:i.includes("email")&&(i.includes("sms")||i.includes("whatsapp"))?A:i.includes("template")?S:i.includes("smart")&&i.includes("reminder")?F:i.includes("photo")&&i.includes("great")?H:i.includes("google")&&i.includes("facebook")?R:i.includes("right")&&i.includes("question")?D:i.includes("match")&&i.includes("brand")?Y:i.includes("product review")&&i.includes("section")?V:i.includes("star rating")?E:i.includes("nudge")?$:i.includes("wall")&&i.includes("love")?T:i.includes("carousel")?I:i.includes("floating")&&(i.includes("popup")||i.includes("trust"))?P:i.includes("avatar")&&i.includes("icon")?q:i.includes("widget")&&i.includes("customiz")?G:i.includes("seo")&&i.includes("widget")?O:i.includes("keyword")&&i.includes("highlight")?U:i.includes("store")&&i.includes("wall")?T:i.includes("smart")&&i.includes("form")?N:i.includes("autopilot")?C:i.includes("rich snippet")||i.includes("google")&&i.includes("snippet")?u:i.includes("incentive")||i.includes("incentiviz")?B:i.includes("star")&&i.includes("rating")?E:i.includes("moderation")||i.includes("moderate")?es:i.includes("automate")&&i.includes("review")||i.includes("automated")&&i.includes("collection")?W:i.includes("share")||i.includes("ugc")?L:i.includes("dashboard")||i.includes("inbox")?v:i.includes("place")&&i.includes("review")||i.includes("placement")?V:i.includes("testimonial")&&i.includes("wall")||i.includes("wall")&&!i.includes("love")?T:i.includes("review form")||i.includes("dynamic")&&i.includes("form")?N:i.includes("tag")?w:i.includes("boost")&&i.includes("google")||i.includes("google")&&i.includes("visib")||i.includes("stars")&&i.includes("search")?u:(i.includes("look")||i.includes("like"))&&i.includes("brand")?Y:i.includes("repurpose")?b:i.includes("photo")&&i.includes("video")?H:i.includes("ask")&&i.includes("channel")||i.includes("any channel")||i.includes("via any")?_:i.includes("ai")&&(i.includes("control")||i.includes("support")||i.includes("handle")||i.includes("pass")||i.includes("insight"))?y:i.includes("review")&&i.includes("convert")?V:et}),[d.length]);return(0,l.useEffect)(()=>

1{if(d.length<=1)return;let e=setInterval(()=>{a.current||t(e=>(e+1)%d.length)},4e3);return()=>clearInterval(e)},[d.length]),(0,i.jsx)("section",{className:"py-4 mb-py-20 bg-white",children:(0,i.jsxs)("div",{className:"container mx-auto px-4 max-w-7xl",children:[(0,i.jsxs)("div",{className:"text-center mb-6 lg:mb-16 md:mb-16",children:[e.interactiveFeatureSectionTitle&&(0,i.jsx)("h2",{className:"text-4xl md:text-6xl mb-4 text-[#212121] ff-tobias",dangerouslySetInnerHTML:{__html:e.interactiveFeatureSectionTitle}}),e.interactiveFeatureSectionDescription&&(0,i.jsx)("div",{className:"text-lg text-[#212121]/70 max-w-sm mx-auto",dangerouslySetInnerHTML:{__html:e.interactiveFeatureSectionDescription}})]}),(0,i.jsxs)("div",{className:"grid lg:grid-cols-2 gap-8 lg:gap-[60px] items-stretch",children:[(0,i.jsx)("div",{className:"flex flex-col",children:(0,i.jsx)("div",{className:"space-y-0 flex-1",children:(0,i.jsx)("div",{children:d.map((e,l)=>{let c,x;return(0,i.jsxs)("div",{className:"interactive-feature-item",children:[(0,i.jsx)("button",{onClick:()=>{t(l),a.current=!0,clearTimeout(r.current),r.current=setTimeout(()=>{a.current=!1},8e3)},className:`w-full text-left py-3 transition-all duration-300 hover:bg-gray-50/50 group font-[800] ${s===l?"text-[#0b0c0e]":"text-[#8c94a6]"}`,children:(0,i.jsxs)("div",{className:"flex items-start gap-0 md:gap-14",children:[(0,i.jsx)("div",{className:"w-0 md:w-6 flex justify-start flex-shrink-0 review-syste-list"}),(0,i.jsxs)("div",{className:"flex-1",children:[(0,i.jsx)("h3",{className:"text-xl md:text-2xl leading-tight transition-all duration-300",style:{lineHeight:"100%"},children:e.title}),s===l&&(0,i.jsxs)("div",{className:"overflow-hidden",children:[e.desc&&(0,i.jsx)("p",{className:"text-[#101828] mt-2 text-base font-normal leading-6 animate-in slide-in-from-top-2 duration-300",children:e.desc}),(0,i.jsx)("div",{className:"w-full mt-4 lg:hidden",style:"Let your stars show up on Google"===e.title||"See every review in one clean place"===e.title?{zoom:.5}:void 0,children:(c=n[l],(x=e.image?.node?.sourceUrl)&&c===et?(0,i.jsx)("img",{src:x,alt:e.image?.node?.altText||e.title,className:"w-full rounded-2xl",loading:"lazy"}):c?(0,i.jsx)(c,{active:!0}):null)})]})]})]})}),l<d.length-1&&(0,i.jsx)("div",{className:"border-b border-[#c5cad3]"})]},l)})})})}),(0,i.jsx)("div",{className:"flex justify-center mobi-none",children:(0,i.jsx)("div",{className:"w-full relative min-h-[420px] md:min-h-[520px] rounded-3xl overflow-hidden home-feature-rightimg",children:d.map((e,t)=>{let l=n[t],a=e.image?.node?.sourceUrl,r=l===et,d=a&&r;return(0,i.jsx)("div",{className:"absolute inset-0 transition-opacity duration-500",style:{opacity:+(s===t),pointerEvents:s===t?"auto":"none"},children:d?(0,i.jsx)("div",{className:"w-full h-full flex items-center justify-center bg-[#f8f9fb] rounded-3xl p-4",children:(0,i.jsx)("img",{src:a,alt:e.image?.node?.altText||e.title,className:"w-full h-full object-contain rounded-2xl",loading:"lazy"})}):(0,i.jsx)(l,{active:s===t})},t)})})})]})]})})}}}]);