https://famewall.io/_next/static/chunks/8220-a981ec0985ad5c09.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8220,2148,4076],{22495:function(e,t,s){s.r(t),s.d(t,{default:function(){return f}});var a=s(85893),l=s(45697),n=s.n(l),r=s(39573),i=s(8488),o=s(46644),d=s(1056),c=s(67294),x=s(80100),m=s(83543),h=s(41664),p=s.n(h),u=s(21006);let g=[{name:"Our Wall Of Love",href:"https://wall.famewall.io/wall-of-love"},{name:"Widgets Showcase",href:"https://famewall.io/testimonial-widgets-showcase/"},{name:"Features",href:"https://famewall.io/features/"},{name:"Pricing",href:"https://famewall.io/pricing/"},{name:"Blog",href:"https://famewall.io/blog/"}];var landing_Navbar=e=>{let{navSticky:t=!1,landing:s=!1}=e,[l,n]=(0,c.useState)(!1);return(0,a.jsxs)("header",{className:(0,u.Z)(t?"sticky z-[99999] bg-white opacity-95 shadow-md px-4 md:px-12":"absolute z-50 px-0 md:px-12","inset-x-0 top-0 "),children:[(0,a.jsxs)("nav",{className:(0,u.Z)(t?"p-2":"p-6","flex items-center justify-between lg:px-8"),"aria-label":"Global",children:[(0,a.jsx)("div",{className:"flex lg:flex-1",children:(0,a.jsxs)(p(),{href:"https://famewall.io/",className:"",children:[(0,a.jsx)("span",{className:"sr-only",children:"Famewall"}),(0,a.jsx)(m.Z,{width:150,height:50})]})}),(0,a.jsx)("div",{className:"flex lg:hidden",children:(0,a.jsxs)("button",{type:"button",className:"-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700",onClick:()=>n(!0),children:[(0,a.jsx)("span",{className:"sr-only",children:"Open main menu"}),(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"})})]})}),(0,a.jsxs)("div",{className:"hidden lg:flex space-x-8 my-auto items-center",children:[(0,a.jsx)("div",{className:"hidden lg:flex lg:gap-x-12",children:g.map(e=>(0,a.jsx)(p(),{href:e.href,target:e.external?"_blank":void 0,rel:e.external?"noopener noreferrer":void 0,style:{letterSpacing:.2},className:"text-sm sm:text-base little-bit-spacing font-semibold leading-6 text-gray-900 hover:underline",children:e.name},e.name))}),(0,a.jsx)("div",{className:"hidden lg:flex lg:flex-1 lg:justify-end lg:items-center lg:gap-x-3",children:(0,a.jsx)(p(),{className:"button-movement font-lato rounded-md bg-cyan-600 px-3.5 py-2.5 text-sm font-semibold text-white",href:"https://app.famewall.io/",target:"_self",style:{border:"2px solid rgba(8, 145, 178,1)"},children:(0,a.jsx)("span",{className:"button__text",children:"Login in/Sign up"})})})]})]}),(0,a.jsxs)(x.V,{as:"div",className:"lg:hidden",open:l,onClose:n,children:[(0,a.jsx)("div",{className:"fixed inset-0 z-50"}),(0,a.jsxs)(x.V.Panel,{className:"fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)(p(),{href:"https://famewall.io/",className:"-m-1.5 p-1.5",children:[(0,a.jsx)("span",{className:"sr-only",children:"Famewall"}),(0,a.jsx)(m.Z,{width:130,height:50})]}),(0,a.jsxs)("button",{type:"button",className:"-m-2.5 rounded-md p-2.5 text-gray-700",onClick:()=>n(!1),children:[(0,a.jsx)("span",{className:"sr-only",children:"Close menu"}),(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})]})]}),(0,a.jsx)("div",{className:"mt-6 flow-root",children:(0,a.jsxs)("div",{className:"-my-6 divide-y divide-gray-500/10",children:[(0,a.jsx)("div",{className:"space-y-2 py-6",children:g.map(e=>(0,a.jsx)(p(),{href:e.href,target:e.external?"_blank":void 0,rel:e.external?"noopener noreferrer":void 0,className:"-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50",children:e.name},e.name))}),(0,a.jsx)("div",{className:"py-6 flex flex-col gap-3",children:(0,a.jsx)(p(),{className:"button-outline-style font-lato  text-cyan-600 px-3.5 py-2.5 text-base font-semibold border-cyan-600 text-center",href:"https://app.famewall.io/",target:"_self",style:{border:"2px s

1olid rgba(8, 145, 178,1)"},children:(0,a.jsx)("span",{className:"button__text",children:"Login in/Sign up"})})})]})})]})]})]})},j=s(75833);let Layout=e=>{let{title:t,pathUrl:s,page:l,englishDefaultUrl:n,englishUrl:c,spanishUrl:x,germanUrl:m,description:h,image:p,ldjsonscript:u,children:g,enableEventTracking:f=!1,navSticky:v=!1,landing:b,showFooterNovabrandLink:w=!1}=e;(0,o.Z)(s||(0,d.Z)());let y=p||(0,o.Z)("/site_image.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(r.Z,{pathUrl:s,englishDefaultUrl:n,englishUrl:c,spanishUrl:x,germanUrl:m,page:l,title:t,description:h,image:y,children:[u&&""!==u&&(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:j.RichText.asText(u)}}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:'{"@context":"https://schema.org/","@type":"Product","name":"Famewall Review Snippet","aggregateRating":{"@type":"AggregateRating","bestRating":5,"worstRating":1,"ratingValue":"5.0","reviewCount":52}}'}})]}),(0,a.jsxs)("div",{className:"content-wrapper",children:[(0,a.jsx)(landing_Navbar,{navSticky:v,landing:b}),(0,a.jsx)("main",{className:"main",children:g}),(0,a.jsx)(i.default,{showNovabrandLink:w})]})]})};Layout.propTypes={children:n().node.isRequired};var f=Layout},93475:function(e,t,s){var a=s(85893),l=s(67294);t.Z=e=>{let{customHeader:t,customBody:s}=e,n=null,r=!1,insertFamewallScript=()=>{let e=document.createElement("script");e.type="text/javascript",e.defer=!0,e.src="https://embed.famewall.io/newFrame.js",n.appendChild(e)};return(0,l.useEffect)(()=>{n&&!r&&(insertFamewallScript(),r=!0)},[n]),(0,a.jsx)("div",{className:"mt-16 font-lato",style:{backgroundSize:"cover",backgroundPostion:"center",backgroundRepeat:"no-repeat",position:"relative"},id:"photos-03-138861",children:(0,a.jsx)("div",{className:"relative",style:{zIndex:14,paddingTop:40,paddingBottom:1},children:(0,a.jsxs)("div",{className:"block",children:[(0,a.jsx)("div",{className:"mx-auto",style:{padding:"0 15px"},children:(0,a.jsxs)("div",{className:"max-w-[700px] mx-auto text-center",children:[(0,a.jsx)("h2",{className:"text-3xl",style:{lineHeight:1.3},children:t&&""!==t?t:"What our customers say \uD83D\uDC99"}),(0,a.jsx)("div",{className:"mx-auto max-w-[80%] text-base md:text-lg",dangerouslySetInnerHTML:{__html:s||"Entrepreneurs, Creators, Coaches & Businesses love us\n                <br/><br/>\n                Our wall of love widget made with Famewall"}})]})}),(0,a.jsx)("div",{className:"mt-3 flex justify-center mx-auto",style:{padding:"0 15px",maxWidth:1200},children:(0,a.jsx)("div",{ref:e=>n=e,className:" block w-full h-full ",style:{marginTop:"14px"},children:(0,a.jsx)("div",{class:"famewall-embed","data-src":"famewall","data-format":"grid",autoplay:"1",style:{width:"100%",minHeight:"300px"}})})})]})})})}},48655:function(e,t,s){var a=s(85893),l=s(41664),n=s.n(l);s(67294);var r=s(34813);let i=(0,r.Lo)(66,92);t.Z=e=>{let{showMascot:t=!1}=e;return(0,a.jsx)("div",{style:{zIndex:10,paddingTop:80,paddingBottom:1},children:(0,a.jsx)("div",{className:"relative font-lato",children:(0,a.jsx)("div",{className:"mx-auto sm:max-w-[900px]",style:{padding:"0 15px"},children:(0,a.jsxs)("div",{className:"flex justify-between items-center flex-wrap relative z-10",children:[(0,a.jsxs)("div",{className:"mx-auto sm:mx-0 flex flex-col items-center sm:flex-row sm:items-end gap-0 sm:gap-5",children:[t&&(0,a.jsx)(r.bs,{pose:"cheer",face:"delighted",width:i,className:"flex-shrink-0",style:{marginBottom:(0,r.EE)(i)}}),(0,a.jsx)("div",{className:"max-w-[300px]",children:(0,a.jsx)("h3",{className:"".concat(t?"mt-5":"mt-12"," sm:mt-8 text-lg text-center  sm:text-left"),children:"People already say the useful things. Put those words on the pages that get chosen."})})]}),(0,a.jsx)("div",{className:"block mx-auto mt-4 sm:mt-0 sm:mx-0",children:(0,a.jsx)("div",{className:"block",children:(0,a.jsx)("ul",{className:"p-0 m-0 -ml-2",children:(0,a.jsxs)("li",{className:"inline-block align-middle mx-2 pb-3",children:[(0,a.jsx)(n(),{className:"button-movement font-lato rounded-md bg-cyan-600 px-3.5 py-2.5 text-sm font-semibold text-white ",href:"https://app.famewall.io",target:"_self",children:(0,a.jsx)("span",{className:"button__text",children:"Start collecting testimonials for FREE"})}),(0,a.jsx)("div",{className:"text-sm pt-1 text-gray-700 mx-auto flex justify-center",children:"No credit card required!"})]})})})})]})})})})}},1088:function(e,t,s){s.d(t,{Z:function(){return InlineFamewallCallout}});var a=s(85893);s(67294);var l=s(41664),n=s.n(l);function InlineFamewallCallout(e){let{eyebrow:t,headline:s,body:l,ctaLabel:r="Try free",ctaHref:i="https://app.famewall.io/",icon:o=null,image:d=null,imageAlt:c="",className:x="my-12 sm:my-16"}=e;return(0,a.jsxs)("aside",{className:"".concat(x," relative bg-white border-2 border-[#1A2240] shadow-[5px_5px_0_0_#0891b2] font-lato"),children:[(0,a.jsx)("div",{"aria-hidden":"true",className:"absolute left-0 top-0 bottom-0 w-1.5 bg-[#0891b2]"}),(0,a.jsxs)("div",{className:"pl-6 sm:pl-9 pr-5 sm:pr-7 py-5 sm:py-

17 flex flex-col sm:flex-row sm:items-center gap-4 sm:gap-6",children:[d?(0,a.jsx)("div",{className:"flex-shrink-0 self-start sm:self-center",children:(0,a.jsx)("div",{className:"border-2 border-[#1A2240] bg-white overflow-hidden",style:{transform:"rotate(-1.5deg)",boxShadow:"0 2px 4px 0 rgba(136,144,195,0.2), 0 8px 18px 0 rgba(37,44,97,0.12)"},children:(0,a.jsx)("img",{src:d,alt:c,loading:"lazy",className:"block w-28 sm:w-32 lg:w-40 h-auto"})})}):o?(0,a.jsx)("div",{className:"flex-shrink-0 w-11 h-11 sm:w-12 sm:h-12 bg-[#0891b2] flex items-center justify-center border-2 border-[#1A2240] text-white",children:o}):null,(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[t&&(0,a.jsx)("div",{className:"text-[10px] sm:text-[11px] font-bold tracking-[0.22em] uppercase text-[#0891b2]",children:t}),(0,a.jsx)("div",{className:"".concat(t?"mt-1.5":""," text-lg sm:text-xl lg:text-2xl font-bold text-[#1A2240] leading-tight tracking-tight"),children:s}),l&&(0,a.jsx)("p",{className:"mt-1.5 text-sm sm:text-base text-[#1A2240]/75 leading-relaxed",children:l})]}),(0,a.jsxs)(n(),{href:i,className:"flex-shrink-0 inline-flex items-center justify-center gap-2 bg-[#1A2240] text-white hover:bg-[#0891b2] px-4 py-2.5 sm:px-5 sm:py-3 text-xs sm:text-sm font-bold uppercase tracking-[0.1em] border-2 border-[#1A2240] transition-colors duration-150 whitespace-nowrap",children:[r,(0,a.jsx)("svg",{className:"w-3.5 h-3.5 sm:w-4 sm:h-4",fill:"none",stroke:"currentColor",strokeWidth:"3",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})]})]})]})}},56443:function(e,t,s){s.d(t,{Z:function(){return SectionHeading}});var a=s(85893);function SectionHeading(e){let{number:t,eyebrow:s,title:l,description:n,align:r="left"}=e,i=t?t.split("/")[0].trim():null;return(0,a.jsxs)("div",{className:"max-w-3xl ".concat("center"===r?"text-center mx-auto":"text-left"," relative"),children:[(i||s)&&(0,a.jsxs)("div",{className:"flex items-baseline gap-3 sm:gap-4 ".concat("center"===r?"justify-center":""),children:[i&&(0,a.jsx)("span",{className:"font-caveat text-4xl sm:text-5xl text-[#0891b2] leading-none tabular-nums","aria-hidden":!!s,children:i}),s&&(0,a.jsx)("span",{className:"text-sm sm:text-base font-bold tracking-[0.18em] text-[#1A2240] uppercase",children:s}),(0,a.jsx)("span",{className:"hidden sm:block flex-1 h-px bg-[#1A2240]/30 self-center","aria-hidden":"true"})]}),(0,a.jsx)("h2",{className:"mt-5 sm:mt-6 text-[1.75rem] sm:text-4xl lg:text-[2.625rem] font-bold tracking-tight text-[#1A2240] leading-[1.1] font-lato",children:l}),(0,a.jsx)("svg",{"aria-hidden":"true",className:"mt-3 sm:mt-4 h-2 w-28 sm:w-36 text-[#0891b2]",viewBox:"0 0 144 8",preserveAspectRatio:"none",children:(0,a.jsx)("path",{d:"M2 4 Q 18 1, 36 4 T 72 4 T 108 4 T 142 4",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})}),n&&(0,a.jsx)("p",{className:"mt-4 sm:mt-5 text-base sm:text-lg text-[#1A2240]/75 leading-relaxed",children:n})]})}s(67294)},81495:function(e,t,s){s.d(t,{Z:function(){return TemplateCard}});var a=s(85893),l=s(67294);let fallbackCopy=e=>{let t=document.createElement("textarea");t.value=e,t.style.position="fixed",t.style.left="-9999px",document.body.appendChild(t),t.focus(),t.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(t)},buildClipboardText=e=>"Subject: ".concat(e.subjectLine,"\n\n").concat(e.body),n={backgroundImage:"radial-gradient(rgba(26, 34, 64, 0.45) 1px, transparent 1px)",backgroundSize:"6px 6px"},r={backgroundImage:"radial-gradient(rgba(8, 145, 178, 0.55) 1px, transparent 1px)",backgroundSize:"5px 5px"},i="w-3 h-3 sm:w-3.5 sm:h-3.5 flex-shrink-0",o={Everyone:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",className:i,"aria-hidden":"true",children:[(0,a.jsx)("circle",{cx:"9",cy:"8",r:"3"}),(0,a.jsx)("path",{d:"M3 21v-1a6 6 0 0112 0v1"}),(0,a.jsx)("circle",{cx:"17",cy:"9",r:"2.5"}),(0,a.jsx)("path",{d:"M16 21v-1a4 4 0 014-4h1"})]}),General:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",className:i,"aria-hidden":"true",children:[(0,a.jsx)("path",{d:"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"}),(0,a.jsx)("polyline",{points:"14 2 14 8 20 8"}),(0,a.jsx)("line",{x1:"8",y1:"13",x2:"16",y2:"13"}),(0,a.jsx)("line",{x1:"8",y1:"17",x2:"13",y2:"17"})]}),Agency:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",className:i,"aria-hidden":"true",children:[(0,a.jsx)("rect",{x:"2",y:"7",width:"20",height:"14",rx:"2"}),(0,a.jsx)("path",{d:"M8 7V5a2 2 0 012-2h4a2 2 0 012 2v2"})]}),SaaS:(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",className:i,"aria-hidden":"true",children:(0,a.jsx)("path",{d:"M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z"})}),Coach:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",className:i,"aria-hidden":"true",children:[(0,a.jsx)("path",{d:"M3 11a8 8 0 1116 0v6a2 2 0 01-2 2h-1v-7h3"}),(0,a.jsx)("path",{d:"M3 11v6a2 2 0 002 2h1v-7H3"})]}),Ecommerce:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",className:i,"aria-hidden":"true",children:[(0,a.jsx)("path",{d:"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z"}),(0,a.jsx)("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),(0,a.jsx)("path",{d:"M16 10a4 4 0 01-8 0"})]}),Course:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",className:i,"aria-hidden":"true",children:[(0,a.jsx)("path",{d:"M22 10L12 5 2 10l10 5 10-5z"}),(0,a.jsx)("path",{d:"M6 12v5a8 8 0 0012 0v-5"}),(0,a.jsx)("line",{x1:"22",y1:"10",x2:"22",y2:"16"})]}

1),Nonprofit:(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:i,"aria-hidden":"true",children:(0,a.jsx)("path",{d:"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"})}),Video:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",className:i,"aria-hidden":"true",children:[(0,a.jsx)("polygon",{points:"23 7 16 12 23 17 23 7"}),(0,a.jsx)("rect",{x:"1",y:"5",width:"15",height:"14",rx:"2"})]}),Local:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",className:i,"aria-hidden":"true",children:[(0,a.jsx)("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"}),(0,a.jsx)("circle",{cx:"12",cy:"10",r:"3"})]}),Reply:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",className:i,"aria-hidden":"true",children:[(0,a.jsx)("polyline",{points:"9 17 4 12 9 7"}),(0,a.jsx)("path",{d:"M20 18v-2a4 4 0 00-4-4H4"})]}),"Follow-up":(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",className:i,"aria-hidden":"true",children:[(0,a.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,a.jsx)("polyline",{points:"12 6 12 12 16 14"})]})};function TemplateCard(e){let{template:t,defaultOpen:s=!1,compact:i=!1}=e,[d,c]=(0,l.useState)(!1),[x,m]=(0,l.useState)(s||!i),h=(0,l.useRef)(null);(0,l.useEffect)(()=>()=>clearTimeout(h.current),[]);let handleCopy=async e=>{e.stopPropagation();let s=buildClipboardText(t);try{navigator.clipboard&&window.isSecureContext?await navigator.clipboard.writeText(s):fallbackCopy(s)}catch(e){fallbackCopy(s)}c(!0),clearTimeout(h.current),h.current=setTimeout(()=>c(!1),1800)};return(0,a.jsxs)("article",{id:t.id,className:"relative bg-[#F8FAFC] border-2 border-[#1A2240] shadow-[6px_6px_0_0_#0891b2] sm:shadow-[8px_8px_0_0_#0891b2] font-lato",children:[(0,a.jsx)("div",{"aria-hidden":"true",className:"absolute inset-x-0 top-0 h-[6px] opacity-60",style:r}),(0,a.jsxs)("div",{className:"p-5 sm:p-7 lg:p-9",children:[(0,a.jsxs)("div",{className:"flex items-start justify-between gap-3 sm:gap-4",children:[(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 bg-[#0891b2] text-white text-[11px] sm:text-xs font-bold tracking-[0.18em] uppercase rotate-[-1deg] origin-left",children:[o[t.category]||(0,a.jsx)("span",{className:"w-1 h-1 rounded-full bg-white"}),t.category]}),(0,a.jsx)("h3",{className:"mt-3.5 sm:mt-4 text-2xl sm:text-[1.75rem] lg:text-[2rem] font-bold text-[#1A2240] leading-[1.15] tracking-tight",children:t.name}),(0,a.jsx)("svg",{"aria-hidden":"true",className:"mt-2 h-2 w-24 sm:w-28 text-[#0891b2]",viewBox:"0 0 112 8",preserveAspectRatio:"none",children:(0,a.jsx)("path",{d:"M2 4 Q 14 1, 28 4 T 56 4 T 84 4 T 110 4",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})})]}),(0,a.jsx)("button",{type:"button",onClick:handleCopy,"aria-label":"Copy ".concat(t.name," template"),className:"flex-shrink-0 inline-flex items-center gap-1.5 px-3 py-2 sm:px-4 sm:py-2.5 text-xs sm:text-sm font-bold rounded-none border-2 border-[#1A2240] transition-all duration-150 cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#0891b2] ".concat(d?"bg-[#CFFAFE] text-[#1A2240] shadow-[2px_2px_0_0_#1A2240]":"bg-[#1A2240] text-[#F8FAFC] hover:bg-[#0891b2] hover:text-white shadow-[3px_3px_0_0_#0891b2] hover:shadow-[3px_3px_0_0_#1A2240] hover:translate-x-[-1px] hover:translate-y-[-1px]"),children:d?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("svg",{className:"w-3.5 h-3.5 sm:w-4 sm:h-4",fill:"none",stroke:"currentColor",strokeWidth:"3",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}),"Copied"]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("svg",{className:"w-3.5 h-3.5 sm:w-4 sm:h-4",fill:"none",stroke:"currentColor",strokeWidth:"2.2",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-2M8 5a2 2 0 002 2h6a2 2 0 002-2M8 5a2 2 0 012-2h4a2 2 0 012 2m4 6h-8m4-4v8"})}),"Copy"]})})]}),(0,a.jsxs)("dl",{className:"mt-6 sm:mt-7 grid grid-cols-1 sm:grid-cols-2 gap-0 sm:divide-x sm:divide-[#1A2240]/15 text-sm sm:text-base",children:[(0,a.jsxs)("div",{className:"sm:pr-6",children:[(0,a.jsx)("dt",{className:"font-bold text-xl sm:text-2xl text-[#0891b2] leading-tight tracking-tight",children:"Best for"}),(0,a.jsx)("dd",{className:"mt-2 text-[#1A2240]/80 leading-relaxed",children:t.bestFor})]}),(0,a.jsxs)("div",{className:"mt-4 sm:mt-0 sm:pl-6",children:[(0,a.jsx)("dt",{className:"font-bold text-xl sm:text-2xl text-[#0891b2] leading-tight tracking-tight",children:"When to 

1send"}),(0,a.jsx)("dd",{className:"mt-2 text-[#1A2240]/80 leading-relaxed",children:t.whenToSend})]})]}),(0,a.jsxs)("div",{className:"mt-7 sm:mt-8 relative",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-3 sm:mb-4",children:[(0,a.jsx)("span",{className:"font-bold text-lg sm:text-xl text-[#1A2240]/70 leading-tight tracking-tight",children:"The email"}),(0,a.jsx)("span",{className:"flex-1 h-px bg-[#1A2240]/20"})]}),(0,a.jsxs)("div",{className:"relative border-2 border-[#1A2240] bg-[#F8FAFC]",children:[(0,a.jsx)("div",{"aria-hidden":"true",className:"absolute inset-x-0 top-0 h-1.5 opacity-50",style:n}),(0,a.jsx)("div",{className:"px-4 py-3 sm:px-5 sm:py-4 border-b-2 border-dashed border-[#1A2240]/30",children:(0,a.jsxs)("div",{className:"flex items-baseline gap-2 flex-wrap",children:[(0,a.jsx)("span",{className:"text-[11px] sm:text-xs font-bold tracking-[0.18em] uppercase text-[#0891b2]",children:"Subject"}),(0,a.jsx)("span",{className:"text-sm sm:text-base lg:text-lg text-[#1A2240] font-semibold",children:t.subjectLine})]})}),i?(0,a.jsxs)("button",{type:"button",onClick:()=>m(e=>!e),className:"w-full px-4 py-3 sm:px-5 sm:py-3.5 flex items-center justify-between gap-2 text-xs sm:text-sm font-bold uppercase tracking-[0.14em] text-[#1A2240] hover:bg-[#CFFAFE]/40 cursor-pointer transition-colors duration-150","aria-expanded":x,children:[x?"Hide full email":"Read full email",(0,a.jsx)("svg",{className:"w-4 h-4 transition-transform duration-200 ".concat(x?"rotate-180":""),fill:"none",stroke:"currentColor",strokeWidth:"2.2",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}):null,(0,a.jsx)("div",{className:"transition-all duration-300 ease-out overflow-hidden ".concat(x?"opacity-100 max-h-[3000px]":"opacity-0 max-h-0"),children:(0,a.jsx)("div",{className:"px-4 py-4 sm:px-6 sm:py-6",children:(0,a.jsx)("pre",{className:"whitespace-pre-wrap break-words font-lato text-[15px] sm:text-[17px] lg:text-lg leading-[1.7] text-[#1A2240]/90 m-0",children:t.body})})})]})]}),(0,a.jsx)("div",{className:"mt-6 sm:mt-7 relative",children:(0,a.jsxs)("div",{className:"border-2 border-[#1A2240] bg-[#ECFEFF] p-4 sm:p-5 relative overflow-hidden",children:[(0,a.jsx)("div",{"aria-hidden":"true",className:"absolute inset-0 opacity-25 pointer-events-none",style:r}),(0,a.jsxs)("div",{className:"relative flex items-start gap-3",children:[(0,a.jsx)("span",{"aria-hidden":"true",className:"flex-shrink-0 inline-flex items-center justify-center w-7 h-7 sm:w-8 sm:h-8 bg-[#1A2240] text-[#0891b2] font-bold text-lg leading-none",children:"★"}),(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("div",{className:"text-[11px] sm:text-xs font-bold tracking-[0.2em] uppercase text-[#1A2240]",children:"Why it works"}),(0,a.jsx)("p",{className:"mt-1.5 text-sm sm:text-base lg:text-lg text-[#1A2240] leading-relaxed m-0",children:t.whyItWorks})]})]})]})})]})]})}}}]);