https://wunderproof.ai/assets/LiveWidgetTryOut-CeGHUwbl.js

1import{g as b,b as F,r as d,j as e,d as l,e as C}from"./index-xk6YniB_.js";import{W as N}from"./WidgetView-EcFFeBeS.js";import{M as S}from"./mouse-pointer-ISoPcuDu.js";import{P as E}from"./panel-top-BbhKwmaa.js";const D=[["rect",{width:"7",height:"7",x:"3",y:"3",rx:"1",key:"1g98yp"}],["rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",key:"6d4xhi"}],["rect",{width:"7",height:"7",x:"14",y:"14",rx:"1",key:"nxv5o0"}],["rect",{width:"7",height:"7",x:"3",y:"14",rx:"1",key:"1bb6yr"}]],A=b("layout-grid",D);const I=[["rect",{width:"20",height:"6",x:"2",y:"4",rx:"2",key:"qdearl"}],["rect",{width:"20",height:"6",x:"2",y:"14",rx:"2",key:"1xrn6j"}]],T=b("stretch-horizontal",I),s={business:{name:"Bella Vista Bistro",slug:"bella-vista-bistro",brand_color:"#0F172A",logo_url:null,city:"Munich",country:"DE"},trust:{website_url:"https://example.com",imprint_url:null,privacy_policy_url:null,terms_url:null,contact_url:null,booking_url:null,google_maps_url:null,instagram_url:null,facebook_url:null,linkedin_url:null,x_url:null,youtube_url:null,tiktok_url:null},widget:{layout_variant:"card",show_rating:!0,show_review_count:!0,show_summary:!0,show_themes:!0,show_footer_branding:!0,show_trust_signals:!0},summary:{short_summary:"Guests consistently praise the warm hospitality, seasonal Italian menu and the cozy atmosphere in the evening.",detailed_summary:"Reviewers highlight attentive service, fresh pasta made in-house and a well-curated wine list. The bistro's calm ambiance and thoughtful lighting are mentioned as ideal for date nights and small celebrations.",praise_themes:[{label:"Warm service",description:"Servers remembered regulars by name.",attribution:[]},{label:"Seasonal menu",description:"Menu rotates with local produce.",attribution:[]},{label:"Cozy atmosphere",description:"Warm lighting, low music.",attribution:[]}],public_watchouts:[],tone:"positive",approved_at:new Date().toISOString(),reviews_count_at_generation:412,short_summary_attribution:["Google"],detailed_summary_attribution:["Google"]},stats:{count:412,average:4.9},sources_breakdown:[{type:"google",label:"Google",brand_color:"#4285F4",initials:"G",count:412,average:4.9}],sample_reviews:[{id:"s1",rating:5,reviewer_name:"Anna Wagner",comment:"One of the warmest dining experiences I've had this year. The pasta was hand-made and the staff made us feel like locals.",review_date:new Date(Date.now()-3*864e5).toISOString(),source:"google",source_label:"Google"},{id:"s2",rating:5,reviewer_name:"Marco Bianchi",comment:"Excellent seasonal menu — the mushroom risotto was outstanding. Cozy atmosphere and thoughtful wine pairings.",review_date:new Date(Date.now()-9*864e5).toISOString(),source:"google",source_label:"Google"},{id:"s3",rating:5,reviewer_name:"Sophie Laurent",comment:"Perfect date-night spot. Attentive service without being intrusive, and every dish felt considered.",review_date:new Date(Date.now()-21*864e5).toISOString(),source:"google",source_label:"Google"},{id:"s4",rating:4,reviewer_name:"David Klein",comment:"Lovely evening. The tiramisu is a must. Slightly slow at peak time but the food more than makes up for it.",review_date:new Date(Date.now()-38*864e5).toISOString(),source:"google",source_label:"Google"}],proof_slug:"bella-vista-bistro",source:"google",last_updated:new Date().toISOString(),profile_language:"en"},m=[{id:"floating",icon:e.jsx(S,{className:"h-3.5 w-3.5"}),title:"Floating widget",description:"Keep trust visible as visitors browse. Ideal for persistent proof without interrupting the page layout.",descriptionStrip:"A slim always-on trust bar in the corner — minimal footprint, maximum recall while visitors scroll.",style:"floating-card",frameClass:"min-h-[440px]"},{id:"embedded",icon:e.jsx(E,{className:"h-3.5 w-3.5"}),title:"Embedded widget",description:"Drop a full trust block directly into your page. Perfect for landing pages, product pages and checkout flows.",style:"card",frameClass:"min-h-[420px]"},{id:"slider",icon:e.jsx(C,{className:"h-3.5 w-3.5"}),title:"AI Trust Slider",description:"A compact, animated AI summary strip that cycles through your strongest praise themes — great above the fold.",style:"ai-slider",frameClass:"min-h-[180px]"},{id:"wall",icon:e.jsx(A,{className:"h-3.5 w-3.5"}),title:"AI Review Wall",description:"A branded AI summary panel next to a clean wall of real customer reviews — full storytelling on one screen.",style:"review-wall",frameClass:"min-h-[560px]"},{id:"topbar",icon:e.jsx(T,{className:"h-3.5 w-3.5"}),title:"Top Bar",description:"A slim trust bar pinned to the top of the page — always visible, never in the way. Ideal for long landing pages.",style:"top-bar",frameClass:"min-h-[200px]"}],B=[{id:"aurora",label:"Aurora",colors:["#4F7CFF","#7C5CFF","#3ED1C8"]},{id:"sunset",label:"Sunset",colors:["#7C5CFF","#EC4899","#F59E0B"]},{id:"mint",label:"Mint",colors:["#22C3EE","#34D399","#A3E635"]},{id:"electric",label:"Electric",colors:["#3730A3","#2563EB","#22D3EE"]},{id:"rose",label:"Rose",colors:["#F472B6","#E11D48","#7C5CFF"]},{id:"black",label:"Black",colors:["#0F172A","#334155","#64748B"]},{id:"white",label:"White",colors:["#F8FAFC","#E2E8F0","#CBD5E1"]},{id:"gray",label:"Gray",colors:["#6B7280","#9CA3AF","#D1D5DB"]},{id:"yellow",label:"Yellow",colors:["#F59E0B","#FACC15","#FDE047"]},{id:"green",label:"Green",colors:["#059669","#22C55E","#86EFAC"]}],G=[{id:"ai-gradient",label:"AI Gradient",swatch:"linear-gradient(135deg, rgba(79,124,255,0.85) 0%, rgba(124,92,255,0.85) 55%, rgba(62,209,200,0.85) 100%)"},{id:"white-glass",label:"White Glass",swatch:"linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(245,246,250,

10.9) 100%)"},{id:"dark-glass",label:"Smoked Glass",swatch:"linear-gradient(135deg, rgba(15,18,32,0.92) 0%, rgba(30,34,58,0.9) 100%)"},{id:"colored-card",label:"Colored Card",swatch:"linear-gradient(135deg, #4F7CFF 0%, #7C5CFF 55%, #3ED1C8 100%)"},{id:"solid-white",label:"Solid White",swatch:"linear-gradient(135deg, #FFFFFF 0%, #F4F5F8 100%)"},{id:"solid-black",label:"Solid Black",swatch:"linear-gradient(135deg, #0B0F1A 0%, #1A2030 100%)"}];function V({demoSource:r}={}){const{t:c}=F(),[p,w]=d.useState("floating"),[h,f]=d.useState("aurora"),[x,y]=d.useState("ai-gradient"),[u,_]=d.useState("card"),a=m.find(t=>t.id===p)??m[0],n=a.id==="floating"?u==="strip"?"floating-strip":"floating-card":a.style,o={...a,style:n},g=n==="floating-card"||n==="floating-strip"||n==="top-bar"?"floating":"inline",v=c("ai_review_widget.live_try_out.eyebrow",{defaultValue:"Try it live"})||"Try it live",k=c("ai_review_widget.live_try_out.title",{defaultValue:"See exactly how it will look on your site."})||"See exactly how it will look on your site.",j=c("ai_review_widget.live_try_out.subtitle",{defaultValue:"Switch between the five display modes and pick a palette. This is the real widget rendering demo data — what you set up in your dashboard."})||"Switch between the five display modes and pick a palette. This is the real widget rendering demo data — what you set up in your dashboard.";return e.jsx("section",{className:"relative pt-10 pb-14 md:pt-14 md:pb-20",children:e.jsxs("div",{className:"mx-auto max-w-5xl px-6",children:[e.jsxs("div",{className:"mx-auto max-w-2xl text-center",children:[e.jsx("span",{className:"inline-flex items-center rounded-full border border-border/60 bg-white/70 px-3 py-1 text-[11px] font-medium uppercase tracking-[0.14em] text-foreground/60 backdrop-blur",children:v}),e.jsx("h2",{className:"mt-4 text-[30px] md:text-[36px] font-semibold tracking-tight text-foreground leading-[1.1]",children:k}),e.jsx("p",{className:"mx-auto mt-4 max-w-[560px] text-[15px] md:text-[16px] leading-[1.6] text-foreground/70",children:j})]}),e.jsx("div",{className:"mt-8 flex flex-wrap items-center justify-center gap-2",children:m.map(t=>{const i=t.id===p;return e.jsxs("button",{type:"button",onClick:()=>w(t.id),className:l("inline-flex items-center gap-2 rounded-full border px-3.5 py-2 text-[13px] font-medium transition-all",i?"border-foreground bg-foreground text-background shadow-[0_8px_24px_-14px_rgba(15,23,42,0.45)]":"border-border/70 bg-white/70 text-foreground/75 hover:border-foreground

1/40 hover:text-foreground"),children:[e.jsx("span",{className:l("inline-flex h-5 w-5 items-center justify-center rounded-md",i?"bg-background/15 text-background":"bg-foreground/5 text-foreground/60"),children:t.icon}),e.jsx("span",{children:t.title})]},t.id)})}),a.id==="floating"&&e.jsxs("div",{className:"mt-3 flex flex-wrap items-center justify-center gap-2",children:[e.jsx("span",{className:"text-[11px] font-medium uppercase tracking-[0.14em] text-foreground/50",children:"Variant"}),["card","strip"].map(t=>{const i=t===u;return e.jsx("button",{type:"button",onClick:()=>_(t),className:l("inline-flex items-center rounded-full border px-3 py-1.5 text-[12px] font-medium transition-all",i?"border-foreground bg-foreground text-background":"border-border/60 bg-white/70 text-foreground/70 hover:border-foreground/40 hover:text-foreground"),children:t==="card"?"Card":"Trust strip"},t)})]}),e.jsx("p",{className:"mx-auto mt-5 max-w-[560px] text-center text-[14px] md:text-[15px] leading-[1.6] text-foreground/65",children:a.id==="floating"&&u==="strip"&&a.descriptionStrip?a.descriptionStrip:a.description}),e.jsxs("div",{className:"relative mx-auto mt-8 max-w-4xl overflow-hidden rounded-[28px] border border-white/70 px-2 py-6 sm:p-6 md:p-10",style:{background:"linear-gradient(160deg, oklch(0.975 0.025 175) 0%, oklch(0.96 0.04 180) 55%, oklch(0.94 0.05 185) 100%)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.9), 0 30px 60px -40px rgba(15,95,88,0.35)"},children:[e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute -top-24 -right-16 h-64 w-64 rounded-full opacity-60 blur-3xl",style:{background:"radial-gradient(circle, rgba(66,211,193,0.35), transparent 70%)"}}),e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute -bottom-24 -left-10 h-64 w-64 rounded-full opacity-40 blur-3xl",style:{background:"radial-gradient(circle, rgba(15,127,109,0.28), transparent 70%)"}}),e.jsx("div",{className:l("relative mx-auto flex w-full items-center justify-center",o.frameClass),children:e.jsx("div",{className:l("relative w-full max-w-[720px] origin-bottom sm:!scale-100",g==="floating"&&o.frameClass,g==="floating"&&(n==="floating-strip"?"scale-[0.72] sm:!scale-100":"scale-[0.86] sm:!scale-100")),children:e.jsx(N,{data:{...s,widget:{...s.widget,layout_variant:o.style==="card"||o.style==="compact"||o.style==="section"?o.style:s.widget.layout_variant},...r?{sources_breakdown:[{type:r.type,label:r.label,brand_color:r.brand_color,initials:r.initials,c

1ount:s.stats.count,average:s.stats.average}],sample_reviews:s.sample_reviews.map(t=>({...t,source:r.type,source_label:r.label})),summary:{...s.summary,short_summary_attribution:[r.label],detailed_summary_attribution:[r.label]}}:{}},appearance:{mode:g,style:o.style,theme:x,aiPreset:h,position:"bc",defaultOpen:!0,mobileStart:"open",forceMinimized:!1,previewMode:!0}})})})]}),e.jsxs("div",{className:"mt-6 flex flex-wrap items-center justify-center gap-2",children:[e.jsx("span",{className:"text-[11px] font-medium uppercase tracking-[0.14em] text-foreground/50",children:"Palette"}),B.map(t=>{const i=t.id===h;return e.jsxs("button",{type:"button",onClick:()=>f(t.id),"aria-label":t.label,title:t.label,className:l("inline-flex items-center gap-2 rounded-full border px-2.5 py-1.5 text-[12px] transition-all",i?"border-foreground bg-white text-foreground shadow-[0_6px_16px_-10px_rgba(15,23,42,0.35)]":"border-border/60 bg-white/60 text-foreground/70 hover:border-foreground/30"),children:[e.jsx("span",{"aria-hidden":!0,className:"h-4 w-7 rounded-full ring-1 ring-white/70 shadow-[0_1px_2px_rgba(15,23,42,0.10)]",style:{background:`linear-gradient(135deg, ${t.colors[0]} 0%, ${t.colors[1]} 55%, ${t.colors[2]} 100%)`}}),e.jsx("span",{className:"font-medium",children:t.label})]},t.id)})]}),e.jsxs("div",{className:"mt-3 flex flex-wrap items-center justify-center gap-2",children:[e.jsx("span",{className:"text-[11px] font-medium uppercase tracking-[0.14em] text-foreground/50",children:"Surface"}),G.map(t=>{const i=t.id===x;return e.jsxs("button",{type:"button",onClick:()=>y(t.id),"aria-label":t.label,title:t.label,className:l("inline-flex items-center gap-2 rounded-full border px-2.5 py-1.5 text-[12px] transition-all",i?"border-foreground bg-white text-foreground shadow-[0_6px_16px_-10px_rgba(15,23,42,0.35)]":"border-border/60 bg-white/60 text-foreground/70 hover:border-foreground

1/30"),children:[e.jsx("span",{"aria-hidden":!0,className:"h-4 w-7 rounded-full ring-1 ring-white/70 shadow-[0_1px_2px_rgba(15,23,42,0.10)]",style:{background:t.swatch}}),e.jsx("span",{className:"font-medium",children:t.label})]},t.id)})]}),e.jsx("p",{className:"mt-4 text-center text-[12px] text-foreground/50",children:"Demo data — your own reviews, business info and colors are used on your live site."})]})})}export{V as L};