Proposta de Gestão de Redes Sociais html { scroll-behavior: smooth; } body, html, #root { margin: 0; padding: 0; width: 100%; font-family: 'Inter', sans-serif; overflow-x: hidden; } .tracking-tighter { letter-spacing: -0.05em; } .font-serif { font-family: 'Lora', serif; }
const { FileText, Calendar, Star, BarChart2, ArrowRight, Phone, Mail, CheckCircle, Sparkles, Camera, LoaderCircle } = lucide; const { useState, useEffect } = React; const parseContact = (contactString) => { const parts = contactString.split('|').map(part => part.trim()); const whatsapp = parts.find(part => part.toLowerCase().startsWith('whatsapp:')); const email = parts.find(part => part.toLowerCase().startsWith('email:')); return { whatsapp: whatsapp ? whatsapp.replace(/whatsapp:/i, '').trim() : '', email: email ? email.replace(/email:/i, '').trim() : '', }; }; const contactInfo = parseContact("WhatsApp: (62) 99536-4554 | Email: maycolimaprofi@gmail.com"); const Slide = ({ children, className = '', style = {} }) => (
{children}
); const Title = ({ children }) => (

{children}

); const Subtitle = ({ children, dark = false }) => (

{children}

); const Header = ({ children, className = '' }) => (

{children}

); const Feature = ({ icon: Icon, title, description }) => (

{title}

{description}

); const Benefit = ({ children }) => (
  • {children}
  • ); const PlanCard = ({ title, price, features, benefits }) => (

    {title}

    {price}/mês

    O que está incluso:

      {features.map((item, index) => (
    • {item}
    • ))}

    Benefícios:

      {benefits.map((item, index) => {item})}
    ); const PostIdeaCard = ({ idea }) => (

    Sugestão de Visual

    {idea.visual_description}

    Sugestão de Legenda

    "{idea.caption}"

    ); const CreativeDemoSlide = () => { const [prompt, setPrompt] = useState(''); const [postIdeas, setPostIdeas] = useState([]); const [isLoading, setIsLoading] = useState(false); const [error, setError] = useState(''); const handleGenerateIdeas = async () => { if (!prompt) { setError("Por favor, descreva seu negócio ou produto."); return; } setIsLoading(true); setError(''); setPostIdeas([]); const fullPrompt = `Você é um gerente de mídia social criativo para marcas de luxo. Um cliente em potencial no mercado de '${prompt}' quer ver algumas ideias de postagens. Gere 3 ideias de postagens criativas, elegantes e estratégicas para o feed do Instagram. Para cada ideia, forneça uma legenda atraente em português do Brasil e uma breve descrição do visual (foto ou vídeo). O tom deve ser sofisticado e alinhado a um público de alto padrão.`; const payload = { contents: [{ role: "user", parts: [{ text: fullPrompt }] }], generationConfig: { responseMimeType: "application/json", responseSchema: { type: "ARRAY", items: { type: "OBJECT", properties: { "caption": { "type": "STRING" }, "visual_description": { "type": "STRING" } }, required: ["caption", "visual_description"] } } } }; const apiKey = ""; const apiUrl = `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent?key=${apiKey}`; try { const response = await fetch(apiUrl, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }); if (!response.ok) throw new Error(`API error: ${response.status} ${response.statusText}`); const result = await response.json(); if (result.candidates?.[0]?.content?.parts?.[0]?.text) { const jsonText = result.candidates[0].content.parts[0].text; const parsedJson = JSON.parse(jsonText); setPostIdeas(parsedJson); } else { const blockReason = result.promptFeedback?.blockReason; setError(blockReason ? `Conteúdo bloqueado: ${blockReason}` : "A resposta da API estava vazia ou mal formatada."); } } catch (e) { console.error("Failed to fetch from Gemini API", e); setError("Ocorreu um erro ao gerar as ideias. Tente novamente."); } finally { setIsLoading(false); } }; return (
    Fundo de tecnologia abstrato

    Nossa criatividade trabalha 24/7. Quer ver?

    Apresentamos nosso motor criativo: uma inteligência artificial que gera um fluxo infinito de ideias para elevar sua marca. Enquanto outros buscam inspiração, nós a criamos sob demanda. Insira seu mercado abaixo e teste o poder da nossa tecnologia.

    setPrompt(e.target.value)} placeholder="Ex: joalheria artesanal..." className="w-full px-5 py-3 rounded-full bg-white/90 text-zinc-800 placeholder-zinc-500 border border-transparent focus:outline-none focus:ring-2 focus:ring-cyan-400" />
    {error &&

    {error}

    }
    {postIdeas.map((idea, index) => )}
    ) } const PrintButton = () => (); const App = () => { const plan1Features = ["12 postagens no feed por mês (3x por semana)", "Criação de legendas exclusivas com tom refinado", "Até 3 stories por semana com base nas postagens", "Agendamento e publicação profissional", "Hashtags segmentadas e localização estratégica", "Organização do conteúdo em cronograma visual"]; const plan1Benefits = ["Constância digital sem esforço para o cliente", "Comunicação visual e textual de alto padrão", "Posicionamento reforçado no mercado de luxo", "Presença ativa, planejada e alinhada ao universo premium"]; const plan2Features = ["20 postagens no feed por mês (5x por semana)", "Legendas exclusivas e personalizadas com tom elegante", "Destaque para diferenciais como design e exclusividade", "Stories diários (segunda a sexta) com bastidores e mais", "Agendamento profissional e otimização de horários", "Relatório mensal com insights e recomendações"]; const plan2Benefits = ["Presença digital sólida e constante", "Comunicação de alto padrão que conecta com o público-alvo", "Organização e planejamento que economizam seu tempo", "Mais visibilidade e engajamento com consistência"]; return (
    Proposta de Gestão de Redes SociaisConteúdo estratégico e design premium para marcas de luxo.

    Apresentado por Mayco Lima

    Olá!

    Agradeço a oportunidade de apresentar esta proposta. Meu objetivo é elevar a presença digital da sua marca, conectando-a com o público de alto padrão através de conteúdo estratégico e visualmente impactante.

    Equipa a planear estratégia
    Nossos Planos

    Desenvolvemos dois planos para atender às suas necessidades, garantindo uma presença digital de destaque.

    Parceria e colaboração
    Próximos Passos
    1

    Escolha do Plano

    Selecione o plano ideal para seus objetivos.

    2

    Alinhamento Estratégico

    Reunião para definir metas e diretrizes.

    3

    Início da Gestão

    Começamos a criar e gerenciar seu conteúdo.

    Vamos Começar?
    Obrigado!

    Estou à disposição para conversarmos e iniciarmos esta parceria de sucesso.

    Mayco Lima | Social Media

    ); } const container = document.getElementById('root'); ReactDOM.render(, container);