Evandro Fonseca Junior
8d07b8c6bb
Home mais curta (hero, vitrine de clientes, sobre, serviços, IA resumida, depoimentos e contato), faixa de clientes e telas reais no hero, sem números do GitHub. Barra de cookies fina, WhatsApp fixo no celular, formulário com e-mail opcional e alternativa por e-mail, página /ia, eventos de e-mail, redes e currículo e conversão do Ads opcional por variável. Rodapé em 3 colunas. Remove componentes órfãos (LighthouseMetrics, Skills, Experience, contagem do GitHub).
31 lines
1.7 KiB
TypeScript
31 lines
1.7 KiB
TypeScript
/**
|
|
* Botões da home e das páginas de conversão. Verde-limão preenchido só para a ação de contato;
|
|
* as demais ações são contorno ou link de texto. Texto em sans, 15 a 16 px, sem caixa-alta.
|
|
*/
|
|
const base =
|
|
"inline-flex min-h-12 items-center justify-center gap-sp-3 px-sp-5 py-sp-3 text-center font-display text-[15px] normal-case leading-6 tracking-normal no-underline transition-colors motion-reduce:transition-none sm:text-[16px]";
|
|
|
|
export const primaryButton = `${base} bg-[var(--slash)] font-semibold text-[var(--ink)] hover:bg-[#d9ff40]`;
|
|
|
|
/** Contorno sobre fundo escuro. */
|
|
export const secondaryButtonDark = `${base} border border-white/25 bg-transparent font-medium text-[#f4f2ed] hover:border-white/55`;
|
|
|
|
/** Contorno sobre fundo claro. */
|
|
export const secondaryButtonLight = `${base} border border-[var(--ink-40)] bg-transparent font-medium text-[var(--ink)] hover:border-[var(--ink)]`;
|
|
|
|
const textLinkBase =
|
|
"inline-flex min-h-11 items-center font-display text-[15px] font-medium normal-case leading-6 tracking-normal underline underline-offset-4 transition-colors motion-reduce:transition-none sm:text-[16px]";
|
|
|
|
/** Link de texto sobre fundo claro. */
|
|
export const textLink = `${textLinkBase} hover:text-[var(--ink)]`;
|
|
|
|
/** Link de texto sobre fundo escuro. */
|
|
export const textLinkDark = `${textLinkBase} text-white/80 hover:text-white`;
|
|
|
|
/**
|
|
* Primeira seção de uma página interna, no celular: o padding de .ds-section (52 px) é menor que o cabeçalho fixo (60 px),
|
|
* e a trilha de navegação ficava por baixo dele. O "!" vence o CSS sem camada de globals.css.
|
|
*/
|
|
export const pageTop =
|
|
"max-[768px]:!pt-[calc(var(--site-header-height)+var(--sp-6))]";
|