From 6841552de7c29493a110aca1a1dafd2f56a3957c Mon Sep 17 00:00:00 2001 From: Evandro Fonseca Junior Date: Mon, 12 Jan 2026 16:19:26 -0300 Subject: [PATCH] feat(workModalities): update service offerings and enhance market comparison MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Renamed and restructured service options for clarity, including "Intervenção Ad-hoc" and "Alocação de Sprint." - Enhanced descriptions and benefits for each modality to better reflect service value and target audience. - Improved market comparison section with detailed descriptions for agencies, consultancies, freelancers, and in-house engineers. - Adjusted layout and styling for better readability and user experience. --- app/components/WorkModalities.tsx | 200 +++++++++++++++++++++++------- 1 file changed, 154 insertions(+), 46 deletions(-) diff --git a/app/components/WorkModalities.tsx b/app/components/WorkModalities.tsx index 0e31a54..496f77f 100644 --- a/app/components/WorkModalities.tsx +++ b/app/components/WorkModalities.tsx @@ -2,66 +2,116 @@ import React from "react"; import { motion } from "motion/react"; -import { - Briefcase, Clock, HardHat, Lightbulb, - Building2, Users, User, Star, CheckCircle2 +import { + Briefcase, + Clock, + HardHat, + Lightbulb, + Building2, + Users, + User, + Star, + CheckCircle2, } from "lucide-react"; // --- 1. DATA (Definido aqui para evitar erros de serialização) --- const WorkModalitiesData = [ { - title: "Consultoria por Hora", + title: "Intervenção Ad-hoc", value: "R$ 35 - 70/hora", - badge: "RECOMENDADO", - idealFor: "Empresas que buscam flexibilidade máxima e expertise especializada.", - description: "Transparência total: você paga apenas pelas horas trabalhadas. Ideal para resolver problemas específicos com expertise sênior.", - benefits: ["Transparência total", "Estimativas claras", "Flexibilidade total", "Custo-benefício otimizado", "Engenharia de Software Sênior"], + badge: "AGILIDADE", + idealFor: + "Resolução de gargalos técnicos específicos e consultoria de arquitetura imediata.", + description: + "Engenharia sob demanda com foco em troubleshooting e otimização de performance. Rastreabilidade total via timesheet detalhado.", + benefits: [ + "Diagnóstico Sênior Imediato", + "Sem Compromisso de Longo Prazo", + "Documentação de Alterações", + "Code Review de Segurança", + "Deploy assistido", + ], icon: Lightbulb, color: "blue", + featured: false, + }, + { + title: "Alocação de Sprint", + value: "Até 21% de Eficiência Financeira", + badge: "MAIS ESCOLHIDO", + idealFor: + "Desenvolvimento contínuo de features com previsibilidade de budget e prioridade técnica.", + description: + "Pacotes de horas pré-pagas que garantem disponibilidade na agenda e redução do custo unitário por hora. Ideal para scaling.", + benefits: [ + "Taxa horária reduzida (Lock-in)", + "Garantia de Disponibilidade", + "Preço fixo por 180 dias", + "Relatórios de Burndown", + "Prioridade em Critical Bugs", + ], + icon: Briefcase, + color: "green", featured: true, }, { - title: "Pacotes de Horas", - value: "Até 21% de Desconto", - idealFor: "Clientes que buscam economia com comprometimento antecipado e prioridade na agenda.", - description: "Invista antecipadamente e garanta preços fixos por 6 meses. Ideal para projetos recorrentes.", - benefits: ["10h: R$ 65/h (7% off)", "20h: R$ 60/h (14% off)", "40h+: R$ 55/h (21% off)", "Prioridade na agenda"], - icon: Briefcase, - color: "green", - }, - { - title: "Retainer Mensal", + title: "Engenheiro Dedicado (Retainer)", value: "A partir de R$ 2.800/mês", - idealFor: "Negócios que valorizam estabilidade e acesso prioritário a um especialista dedicado.", - description: "Parceria estratégica com suporte contínuo e manutenção preventiva. Transforme sua empresa em parceiro VIP.", - benefits: ["Acesso prioritário exclusivo", "Horas mensais inclusas", "Suporte preventivo", "Previsibilidade financeira"], + badge: "VIP & ESTRATÉGICO", + idealFor: + "Empresas que necessitam de um 'Fractional CTO' ou Lead Engineer para governança técnica.", + description: + "Parceria estratégica com foco em sustentabilidade do sistema, manutenção preventiva e evolução arquitetural contínua.", + benefits: [ + "SLA de Resposta Prioritária", + "Gestão de Débito Técnico", + "Planejamento de Roadmap", + "Monitoramento de Infraestrutura", + "Consultoria Estratégica", + ], icon: Clock, color: "purple", + featured: false, }, { - title: "Desenvolvimento Sob Demanda", - value: "Estimativa em Horas", - idealFor: "Projetos específicos que precisam de controle total sobre investimento e escopo.", - description: "Projetos customizados com estimativas claras. Pague apenas pelo desenvolvimento necessário.", - benefits: ["Escopo ajustável", "Controle total de investimento", "Foco em performance", "Sem surpresas no valor"], + title: "Squad por Projeto", + value: "Escopo Fechado / Milestone-based", + badge: "CONTROLE TOTAL", + idealFor: + "Produtos novos ou migrações de sistemas onde o orçamento é rigorosamente definido pelo escopo.", + description: + "Desenvolvimento orientado a entregáveis (milestones). Mitigação de riscos através de definições claras de 'Done'.", + benefits: [ + "Estimativa de Riscos Inclusa", + "Cronograma de Entregas (Milestones)", + "Garantia Pós-Entrega", + "Foco em Time-to-Market", + "Transferência de Conhecimento", + ], icon: HardHat, color: "orange", + featured: false, }, ]; // --- 2. DESIGN TOKENS --- const COLOR_VARIANTS: Record = { blue: "border-blue-500/30 bg-blue-500/5 text-blue-400 hover:border-blue-500/60 shadow-blue-500/5", - green: "border-green-500/30 bg-green-500/5 text-green-400 hover:border-green-500/60 shadow-green-500/5", - purple: "border-purple-500/30 bg-purple-500/5 text-purple-400 hover:border-purple-500/60 shadow-purple-500/5", - orange: "border-orange-500/30 bg-orange-500/5 text-orange-400 hover:border-orange-500/60 shadow-orange-500/5", + green: + "border-green-500/30 bg-green-500/5 text-green-400 hover:border-green-500/60 shadow-green-500/5", + purple: + "border-purple-500/30 bg-purple-500/5 text-purple-400 hover:border-purple-500/60 shadow-purple-500/5", + orange: + "border-orange-500/30 bg-orange-500/5 text-orange-400 hover:border-orange-500/60 shadow-orange-500/5", }; export function WorkModalities() { return ( -
+
- {/* Header Profissional */}
- Business_Architect + + Business_Architect +

Flexibilidade Total

- Modelos de contratação adaptáveis para diferentes estágios de maturidade tecnológica. + Modelos de contratação adaptáveis para diferentes estágios de + maturidade tecnológica.

{/* Comparação de Mercado (Anchoring Effect) */} -
- - - - + +
+ {/* AGÊNCIAS: Foco no Overhead */} + + + {/* CONSULTORIAS: Foco na Diluição de Senioridade */} + + + {/* FREELANCERS: Foco no Risco de Sustentabilidade */} + + + {/* VOCÊ: O Ponto de Equilíbrio (The Sweet Spot) */} +
{/* Grid de Modalidades */} @@ -115,8 +201,12 @@ export function WorkModalities() {
-

{modality.title}

-

{modality.value}

+

+ {modality.title} +

+

+ {modality.value} +

@@ -126,7 +216,10 @@ export function WorkModalities() {
{modality.benefits.map((benefit, bIdx) => ( -
+
{benefit}
@@ -135,7 +228,8 @@ export function WorkModalities() {

- Ideal para: {modality.idealFor} + Ideal para:{" "} + {modality.idealFor}

@@ -149,10 +243,24 @@ export function WorkModalities() { function MarketCard({ title, price, icon: Icon, color, best }: any) { return ( -
+
-

{title}

-

{price}

+

+ {title} +

+

+ {price} +

); -} \ No newline at end of file +}