https://www.svgai.org/_next/static/chunks/348-277657b970a52022.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[348],{17951:(e,s,t)=>{t.d(s,{A:()=>a});let a=(0,t(19946).A)("Crown",[["path",{d:"M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z",key:"1vdc57"}],["path",{d:"M5 21h14",key:"11awu3"}]])},30348:(e,s,t)=>{t.r(s),t.d(s,{GenerationLoadingMessage:()=>j,GenerationUpsell:()=>N,UpgradeModal:()=>b});var a=t(95155),r=t(12115),l=t(97168),i=t(41397),n=t(88482),m=t(99840),c=t(17951),d=t(53311),o=t(33109),x=t(71539),h=t(54416),p=t(5196),g=t(6874),f=t.n(g),u=t(35695);function N({creditsUsed:e,creditLimit:s,isSubscribed:t,limitType:r="lifetime",tier:m}){let h=t?"pro"===m?350:100:s,p=h>0?e/h*100:100,g=Math.max(0,h-e);return t?(0,a.jsxs)(n.Zp,{className:"p-4 bg-gradient-to-r from-[#FFF8F6] to-white border-[#FFE0B2]",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,a.jsxs)("div",{className:"flex items-center",children:["pro"===m?(0,a.jsx)(c.A,{className:"w-5 h-5 text-[#FF7043] mr-2"}):(0,a.jsx)(d.A,{className:"w-5 h-5 text-[#FF7043] mr-2"}),(0,a.jsxs)("span",{className:"font-medium text-sm",children:["pro"===m?"Pro":"Starter"," Plan"]})]}),(0,a.jsxs)("span",{className:"text-sm text-orange-600 font-semibold",children:[g," credits left"]})]}),(0,a.jsx)(i.k,{value:p,className:"h-2 mb-2"}),(0,a.jsxs)("p",{className:"text-xs text-gray-600",children:[e," of ",h," credits used this month"]}),p>80&&"pro"!==m&&(0,a.jsxs)("div",{className:"mt-3 pt-3 border-t border-gray-200",children:[(0,a.jsx)("p",{className:"text-sm mb-2",children:"Running low on credits?"}),(0,a.jsx)(l.$,{size:"sm",variant:"outline",asChild:!0,children:(0,a.jsxs)(f(),{href:"/pricing",children:[(0,a.jsx)(o.A,{className:"w-4 h-4 mr-2"}),"Upgrade to Pro (350 credits/month)"]})})]})]}):"lifetime"===r?(0,a.jsxs)(n.Zp,{className:"p-4 bg-gradient-to-r from-white to-[#FFF8F6] border-gray-200",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,a.jsx)("span",{className:"font-medium text-sm",children:"Free Account"}),(0,a.jsxs)("span",{className:"text-sm text-orange-600 font-semibold",children:[g," lifetime credits left"]})]}),(0,a.jsx)(i.k,{value:p,className:"h-2 mb-3"}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("p",{className:"text-sm text-gray-700",children:[e," of ",s," one-time credits used"]}),0===g&&(0,a.jsxs)("div",{className:"bg-gradient-to-r from-orange-50 to-red-50 p-4 rounded-lg border border-orange-200",children:[(0,a.jsxs)("div",{className:"flex items-center mb-2",children:[(0,a.jsx)(x.A,{className:"w-4 h-4 text-[#FF7043] mr-2"}),(0,a.jsx)("p",{className:"text-sm font-medium text-gray-900",children:"No credits remaining"})]}),(0,a.jsx)("p",{className:"text-xs text-gray-600 mb-3",children:"Subscribe to get monthly credits that refresh automatically"}),(0,a.jsx)(l.$,{size:"sm",className:"w-full bg-[#FF7043] hover:bg-[#FF5722] font-medium",asChild:!0,children:(0,a.jsxs)(f(),{href:"/pricing",children:[(0,a.jsx)(d.A,{className:"mr-2 h-3 w-3"}),"Get Credits"]})})]})]})]}):null}function j({modelType:e}){let[s,t]=(0,r.useState)("");return(0,r.useEffect)(()=>{let s={svg:["\uD83C\uDFC6 Creating with #1 rated AI design technology...","✨ Generating with highest quality model...","\uD83C\uDFAF 72% better quality than alternatives...","\uD83D\uDCD0 Creating infinitely scalable graphics..."],icon:["⚡ Crafting with 20 billion parameter AI...","\uD83C\uDFA8 Designed specifically for icons...","✓ Creating perfectly scalable vectors...","\uD83D\uDC8E Professional icon generation in progress..."]};t(s[e][Math.floor(Math.random()*s[e].length)])},[e]),(0,a.jsx)("div",{className:"text-center text-sm text-gray-600 animate-pulse",children:s||"Creating your design..."})}function b({isOpen:e,onClose:s,triggerDelay:t=5e3,generationType:i="svg",isOutOfCredits:n=!1}){let c=(0,u.useRouter)(),[o,x]=(0,r.useState)(!1);(0,r.useEffect)(()=>{if(e){let e=setTimeout(()=>{x(!0)},t);return()=>clearTimeout(e)}x(!1)},[e,t]);let g=()=>{c.push("/pricing")};return(0,a.jsx)(m.lG,{open:o,onOpenChange:e=>{e||s()},children:(0,a.jsxs)(m.Cf,{className:"w-screen h-screen sm:w-[90vw] sm:h-auto md:w-[560px] max-w-none sm:max-w-[90vw] md:max-w-[560px] p-0 overflow-hidden rounded-none sm:rounded-xl md:rounded-2xl left-0 top-0 translate-x-0 translate-y-0 sm:left-[50%] sm:top-[50%] sm:translate-x-[-50%] sm:translate-y-[-50%] bg-white",children:[(0,a.jsxs)(m.c7,{className:"bg-gradient-to-r from-[#FF7043] to-[#FFA726] p-4 sm:p-5 md:p-6 relative",children:[(0,a.jsxs)("button",{onClick:s,className:"absolute right-2 top-2 sm:right-3 sm:top-3 rounded-full bg-white/20 p-1.5 sm:p-2 hover:bg-white/30 transition-colors",children:[(0,a.jsx)(h.A,{className:"h-4 w-4 sm:h-5 sm:w-5 text-white"}),(0,a.jsx)("span",{className:"sr-only",children:"Close"})]}),(0,a.jsx)(m.L3,{className:"text-lg sm:text-xl md:text-2xl font-bold pr-10 sm:pr-12 text-white text-center",children:n?"\uD83D\uDC94 Out of Credits!":"✨ Unlock More Creations"})]}),(0,a.jsxs)("div",{className:"p-4 sm:p-5 md:p-6 space-y-3 sm:space-y-4 h-[calc(100vh-64px)] sm:h-auto sm:max-h-[70vh] overflow-y-auto",children:[(0,a.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4",children:[(0,a.jsx)("button",{onClick:g,className:"relative p-4 sm:p-5 bg-gradient-to-br from-gray-50 to-white rounded-xl border-2 border-gray-200 hover:border-[#FF7043] transition-all hover:shadow-lg cursor-pointer group",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("h4",{className:"text-lg sm:text-xl font-bold text-gray-900 mb-2",children:"Starter"}),(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsx)("span",{className:"text-3xl sm:text-4xl font-bold text-gray-900",children:"$19"}),(0,a.jsx)("span",{className:"text-sm sm:text-base text-gray-500 ml-1",children:"/month"})]}),(0,a.jsxs)("div",{className:"bg-[#FF7043]/10 rounded-lg py-3 px-4 mb-3",children:[(0,a.jsx)("div",{className:"text-2xl sm:text-3xl font-bold text-[#FF7043]",children:"100"}),(0,a.jsx)("div",{className:"text-xs sm:text-sm text-gray-600",children:"AI credits/month"})]})]})}),(0,a.jsx)("button",{onClick:g,className:"relative p-4 sm:p-5 bg-gradient-to-br from-[#FFF8F6] to-white rounded-xl border-2 border-[#FF7043] hover:shadow-lg transition-all cursor-pointer group",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("h4",{className:"text-lg sm:text-xl font-bold text-gray-900 mb-2",children:"Pro"}),(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsx)("span",{className:"text-3xl sm:text-4xl font-bold text-gray-900",children:"$39"}),(0,a.jsx)("span",{className:"text-sm sm:text-base text-gray-500 ml-1",children:"/month"})]}),(0,a.jsxs)("div",{className:"bg-[#FF7043]/10 rounded-lg py-3 px-4 mb-3",children:[(0,a.jsx)("div",{className:"text-2xl sm:text-3xl font-bold text-[#FF7043]",children:"350"}),(0,a.jsx)("div",{className:"text-xs sm:text-sm text-gray-600",children:"AI credits/month"})]})]})})]}),(0,a.jsxs)("div",{className:"flex flex-col items-center gap-2 py-3",children:[(0,a.jsx)("p",{className:"text-center text-xs sm:text-sm text-gray-500 font-medium",children:"Manage your subscription in your account"}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-xs sm:text-sm text-gray-500 font-medium",children:"Secure checkout with"}

1),(0,a.jsx)("img",{src:"/stripe-logo-purple.svg",alt:"Stripe",className:"h-3"})]})]}),(0,a.jsxs)("div",{className:"bg-[#FFF8F6] rounded-xl p-4 sm:p-5 space-y-2 sm:space-y-3",children:[(0,a.jsxs)("div",{className:"flex items-start gap-2 sm:gap-3",children:[(0,a.jsx)(p.A,{className:"w-5 h-5 sm:w-6 sm:h-6 text-[#FF7043] flex-shrink-0 mt-0.5"}),(0,a.jsx)("p",{className:"text-sm sm:text-base text-gray-700",children:"Commercial usage rights included"})]}),(0,a.jsxs)("div",{className:"flex items-start gap-2 sm:gap-3",children:[(0,a.jsx)(p.A,{className:"w-5 h-5 sm:w-6 sm:h-6 text-[#FF7043] flex-shrink-0 mt-0.5"}),(0,a.jsx)("p",{className:"text-sm sm:text-base text-gray-700",children:"Generate editable SVGs from prompts"})]}),(0,a.jsxs)("div",{className:"flex items-start gap-2 sm:gap-3",children:[(0,a.jsx)(p.A,{className:"w-5 h-5 sm:w-6 sm:h-6 text-[#FF7043] flex-shrink-0 mt-0.5"}),(0,a.jsx)("p",{className:"text-sm sm:text-base text-gray-700",children:"SVG files for websites, apps and design projects"})]}),(0,a.jsxs)("div",{className:"flex items-start gap-2 sm:gap-3",children:[(0,a.jsx)(p.A,{className:"w-5 h-5 sm:w-6 sm:h-6 text-[#FF7043] flex-shrink-0 mt-0.5"}),(0,a.jsx)("p",{className:"text-sm sm:text-base text-gray-700",children:"Refine results with follow-up AI edits"})]}),(0,a.jsxs)("div",{className:"flex items-start gap-2 sm:gap-3",children:[(0,a.jsx)(p.A,{className:"w-5 h-5 sm:w-6 sm:h-6 text-[#FF7043] flex-shrink-0 mt-0.5"}),(0,a.jsx)("p",{className:"text-sm sm:text-base text-gray-700",children:"Monthly credits renew each billing period"})]})]}),(0,a.jsxs)(l.$,{onClick:g,className:"w-full bg-gradient-to-r from-[#FF7043] to-[#FFA726] text-white hover:shadow-lg font-semibold py-3 sm:py-4 text-base sm:text-lg rounded-full transition-all hover:scale-105",size:"lg",children:[(0,a.jsx)(d.A,{className:"mr-2 h-5 w-5 sm:h-6 sm:w-6"}),n?"Get Credits Now":"Unlock More Credits"]}),(0,a.jsx)("div",{className:"flex items-center justify-center pt-2",children:(0,a.jsx)("a",{href:"https://www.producthunt.com/products/svg-ai?utm_source=badge-follow&utm_medium=badge&utm_source=badge-svg-ai",target:"_blank",rel:"noopener noreferrer",className:"flex items-center opacity-60 hover:opacity-80 transition-opacity",children:(0,a.jsx)("img",{src:"https://api.producthunt.com/widgets/embed-image/v1/follow.svg?product_id=1093947&theme=light",alt:"SVG AI on Product Hunt",className:"h-8 w-auto"})})})]})]})})}},33109:(e,s,t)=>{t.d(s,{A:()=>a});let a=(0,t(19946).A)("TrendingUp",[["polyline",{points:"22 7 13.5 15.5 8.5 10.5 2 17",key:"126l90"}],["polyline",{points:"16 7 22 7 22 13",key:"kwv8wd"}]])},41397:(e,s,t)=>{t.d(s,{k:()=>n});var a=t(95155),r=t(12115),l=t(55863),i=t(24026);let n=r.forwardRef(({className:e,value:s,...t},r)=>{let n=null==s;return(0,a.jsx)(l.bL,{ref:r,className:(0,i.cn)("relative h-4 w-full overflow-hidden rounded-full bg-secondary",e),...t,children:(0,a.jsx)(l.C1,{className:(0,i.cn)("h-full w-full flex-1 bg-primary transition-all",n&&"animate-pulse"),style:{transform:n?void 0:`translateX(-${100-(s||0)}%)`}})})});n.displayName=l.bL.displayName},88482:(e,s,t)=>{t.d(s,{BT:()=>c,Wu:()=>d,ZB:()=>m,Zp:()=>i,aR:()=>n,wL:()=>o});var a=t(95155),r=t(12115),l=t(24026);let i=r.forwardRef(({className:e,...s},t)=>(0,a.jsx)("div",{ref:t,className:(0,l.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",e),...s}));i.displayName="Card";let n=r.forwardRef(({className:e,...s},t)=>(0,a.jsx)("div",{ref:t,className:(0,l.cn)("flex flex-col space-y-1.5 p-6",e),...s}));n.displayName="CardHeader";let m=r.forwardRef(({className:e,...s},t)=>(0,a.jsx)("div",{ref:t,className:(0,l.cn)("text-2xl font-semibold leading-none tracking-tight",e),...s}));m.displayName="CardTitle";let c=r.forwardRef(({className:e,...s},t)=>(0,a.jsx)("div",{ref:t,className:(0,l.cn)("text-sm text-muted-foreground",e),...s}));c.displayName="CardDescription";let d=r.forwardRef(({className:e,...s},t)=>(0,a.jsx)("div",{ref:t,className:(0,l.cn)("p-6 pt-0",e),...s}));d.displayName="CardContent";let o=r.forwardRef(({className:e,...s},t)=>(0,a.jsx)("div",{ref:t,className:(0,l.cn)("flex items-center p-6 pt-0",e),...s}));

1o.displayName="CardFooter"}}]);