https://www.instaninja.com.br/assets/QRCodeInstagram-C3CePDvd.js

1import{r as d,j as e}from"./react-vendor-DM0PA9n6.js";import{Q as v}from"./index-BMt01bF1.js";import{B as t}from"./button-3Shhckz3.js";import{I as N}from"./input-viods_GD.js";import{B as b,a as y}from"./BlogFooter-QsNDufhp.js";import{u as w}from"./use-seo-XZVIyLDY.js";import{c as k}from"./createLucideIcon-Bp9Jfz8i.js";import{I as x}from"./instagram-BIQ5FKBe.js";import{D as C}from"./download-ncCTiBjd.js";import{Z as I}from"./zap-CNgAuvLu.js";import{U as Q}from"./users-BgCVLUmj.js";import{S as q}from"./share-2-CHAcd8X3.js";import"./radix-B3fvHMC9.js";import"./supabase-D-Do6V4v.js";import"./index-ByuFayFm.js";import"./data-yR-5FRJ1.js";import"./FlagIcon-D_2RtcwB.js";const R=k("QrCode",[["rect",{width:"5",height:"5",x:"3",y:"3",rx:"1",key:"1tu5fj"}],["rect",{width:"5",height:"5",x:"16",y:"3",rx:"1",key:"1v8r4q"}],["rect",{width:"5",height:"5",x:"3",y:"16",rx:"1",key:"1x03jg"}],["path",{d:"M21 16h-3a2 2 0 0 0-2 2v3",key:"177gqh"}],["path",{d:"M21 21v.01",key:"ents32"}],["path",{d:"M12 7v3a2 2 0 0 1-2 2H7",key:"8crl2c"}],["path",{d:"M3 12h.01",key:"nlz23k"}],["path",{d:"M12 3h.01",key:"n36tog"}],["path",{d:"M12 16v.01",key:"133mhm"}],["path",{d:"M16 12h1",key:"1slzba"}],["path",{d:"M21 12v.01",key:"1lwtk9"}],["path",{d:"M12 21v-1",key:"1880an"}]]),u=[{q:"O QR Code gerado é permanente?",a:"Sim! O QR Code aponta diretamente para o link do seu perfil do Instagram. Enquanto seu perfil existir, o QR Code funcionará."},{q:"Posso usar em materiais impressos?",a:"Com certeza. Baixe o PNG em alta resolução e use em cartões de visita, flyers, embalagens, cardápios e qualquer material impresso."},{q:"Preciso criar conta para usar?",a:"Não. A ferramenta é 100% gratuita e sem necessidade de cadastro."},{q:"Funciona com perfis privados?",a:"O QR Code levará ao perfil, mas o visitante só verá o conteúdo se o perfil for público ou se já seguir a conta."}],_=()=>{const[s,p]=d.useState(""),[m,c]=d.useState(!1),o=d.useRef(null);w({title:"Gerador de QR Code para Instagram Grátis | InstaNinja",description:"Crie um QR Code do seu perfil do Instagram em segundos: gratuito, sem cadastro, pronto para imprimir em cartões, flyers e embalagens.",canonical:"https://www.instaninja.com.br/tools/gerador-qr-code-instagram",jsonLd:{"@context":"https://schema.org","@type":"FAQPage",mainEntity:u.map(a=>

1({"@type":"Question",name:a.q,acceptedAnswer:{"@type":"Answer",text:a.a}}))}});const h=`https://instagram.com/${s.replace("@","")}`,l=()=>{s.trim()&&c(!0)},g=()=>{if(!o.current)return;const a=o.current.querySelector("svg");if(!a)return;const r=document.createElement("canvas");r.width=512,r.height=512;const f=r.getContext("2d"),j=new XMLSerializer().serializeToString(a),n=new Image;n.onload=()=>{f?.drawImage(n,0,0,512,512);const i=document.createElement("a");i.download=`qrcode-instagram-${s.replace("@","")}.png`,i.href=r.toDataURL("image/png"),i.click()},n.src="data:image/svg+xml;base64,"+btoa(unescape(encodeURIComponent(j)))};return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(b,{}),e.jsx("section",{"data-section":"hero",className:"relative overflow-hidden py-16 md:py-24",style:{background:"var(--gradient-hero)"},children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsxs("div",{className:"grid md:grid-cols-2 gap-12 items-center",children:[e.jsxs("div",{className:"text-primary-foreground",children:[e.jsx("h1",{className:"text-3xl md:text-5xl font-extrabold leading-tight mb-6",children:"Gerador de QR Code para Instagram — Grátis"}),e.jsx("p",{className:"text-lg md:text-xl opacity-90 mb-8",children:"Crie um QR Code personalizado do seu perfil do Instagram. Seus seguidores acessam seu perfil com um simples escaneamento."}),e.jsx(t,{size:"lg",variant:"secondary",onClick:()=>document.getElementById("generate")?.scrollIntoView({behavior:"smooth"}),children:"Criar QR Code Grátis"})]}),e.jsx("div",{className:"flex justify-center",children:e.jsx("div",{className:"bg-primary-foreground/10 backdrop-blur-sm rounded-3xl p-10",children:e.jsx(R,{className:"w-40 h-40 text-primary-foreground",strokeWidth:1.5})})})]})})}),e.jsx("section",{"data-section":"generate",id:"generate",className:"py-16 md:py-24",children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsxs("div",{className:"grid md:grid-cols-2 gap-12 items-start max-w-5xl mx-auto",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-foreground mb-4",children:"Gerador de QR Code do Instagram"}),e.jsx("p",{className:"text-muted-foreground mb-8",children:"Adicione seu nome de usuário (@username) e permita que seus visitantes acessem seu perfil com um único toque."}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"ig-username-input",className:"text-sm font-medium text-foreground mb-2 block",children:"Nome de usuário do Instagram"}),e.jsxs("div",{className:"relative",children:[e.jsx(x,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground"}),e.jsx(N,{id:"ig-username-input",placeholder:"seuusuario",value:s,onChange:a=>{p(a.target.value),c(!1)},className:"pl-11",onKeyDown:a=>a.key==="Enter"&&l()})]})]}),e.jsx(t,{className:"w-full",size:"lg",onClick:l,disabled:!s.trim(),children:"Gerar QR Code do Instagram"})]})]}),e.jsx("div",{className:"flex flex-col items-center",children:e.jsxs("div",{className:"bg-muted rounded-2xl p-8 w-full max-w-sm text-center",children:[e.jsx("p",{className:"text-sm font-medium text-muted-foreground mb-1",children:"Seu perfil do Instagram"}),e.jsx("div",{className:"bg-gradient-to-br from-pink-500 via-red-500 to-yellow-500 rounded-xl p-[2px] mb-4 inline-block",children:e.jsx("div",{className:"bg-background rounded-xl p-4",children:m?e.jsx("div",{ref:o,children:e.jsx(v,{value:h,size:200,level:"H",bgColor:"transparent",fgColor:"hsl(var(--foreground))"})}):e.jsx("div",{className:"w-[200px] h-[200px] flex items-center justify-center",children:e.jsx(x,{className:"w-16 h-16 text-muted-foreground/30"})})})}),e.jsx("p",{className:"font-semibold text-foreground text-lg",children:s?`@${s.replace("@","")}`:"@seuusuario"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:"Escaneie para acessar o perfil"}),m&&e.jsxs(t,{className:"mt-4 w-full",onClick:g,children:[e.jsx(C,{className:"w-4 h-4 mr-2"})," Baixar QR Code PNG"]})]})})]})})}),e.jsx("section",{"data-section":"features",className:"py-16 bg-muted/50",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-center text-foreground mb-12",children:"Por Que Usar Nosso Gerador"}),e.jsx("div",{className:"grid md:grid-cols-3 gap-8 max-w-4xl mx-auto",children:[{icon:I,title:"Acesso Instantâneo",desc:"Seguidores acessam seu perfil com um simples escaneamento, sem digitar URLs."},{icon:Q,title:"Aumente Seu Alcance",desc:"Use em materiais impressos, cartões, embalagens e eventos para ganhar mais seguidores."},{icon:q,title:"100% Gratuito",desc:"Gere quantos QR Codes quiser, sem limites e sem cadastro."}].map(a=>e.jsxs("div",{className:"bg-card rounded-xl p-6 shadow-sm border border-border text-center",children:[e.jsx("div",{className:"w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4",children:e.jsx(a.icon,{className:"w-6 h-6 text-primary"})}),e.jsx("h3",{className:"font-semibold text-foreground mb-2",children:a.title}),e.jsx("p",{className:"text-sm text-muted-foreground",children:a.desc})]},a.title))})]})}),e.jsx("section",{"data-section":"how-it-works",className:"py-16",children:e.jsxs("div",{className:"container mx-auto px-4 max-w-3xl",children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-center text-foreground mb-12",children:"Perguntas Frequentes"}),e.jsx("div",{className:"space-y-6",children:u.map(a=>e.jsxs("div",{className:"bg-card border border-border rounded-xl p-6",children:[e.jsx("h3",{className:"font-semibold text-foreground mb-2",children:a.q}),e.jsx("p",{className:"text-muted-foreground text-sm",children:a.a})]},a.q))})]})}),e.jsx("section",{"data-section":"cta",className:"py-16",style:{background:"var(--gradient-hero)"},children:e.jsxs("div",{className:"container mx-auto px-4 text-center",children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-primary-foreground mb-4",children:"Quer automatizar seu Instagram?"}

1),e.jsx("p",{className:"text-primary-foreground/80 mb-8 max-w-2xl mx-auto",children:"O InstaNinja ajuda você a responder comentários, enviar mensagens automáticas e converter seguidores em clientes — tudo com a API oficial da Meta."}),e.jsx("a",{href:"https://www.instaninja.com.br/",target:"_blank",rel:"noopener noreferrer",children:e.jsx(t,{size:"lg",variant:"secondary",children:"Conhecer o InstaNinja"})})]})}),e.jsx(y,{})]})};export{_ as default};