feat(site): blocos 3D da marca, novas ofertas e hero mais abrangente
Hero e movimento - cena 3D em tempo real com os blocos da marca (kit feito no Blender, 3d/blocos.py): marca, tela, integrações e dados; segue a rolagem, tem vida em repouso, reage ao cursor e, parada no topo, passa sozinha pelos estados com legenda - três níveis de aparelho (full, lite, static); sem WebGL fica o pôster - título novo: "Sites e sistemas sob medida para o jeito que a sua empresa trabalha." - faixa de clientes com o ramo, linha do primeiro passo, hero alinhado às seções - rótulos digitados, entrada dos blocos, cortina de blocos entre páginas e capa compartilhada entre a lista de cases e o case Ofertas - atendimento no WhatsApp com IA e nota fiscal para a reforma tributária (páginas de serviço, cartões da home, formulário e aviso com data de validade) - página /ia atualizada, com fontes - peças 3D em loop nos cartões e topos de página (3d/pecas.py) Design - hover por papel (bloco nos botões, barra nos links), rótulos sem caixa alta - um destino por rótulo: "Falar sobre meu projeto" leva ao formulário, "Chamar no WhatsApp" abre o WhatsApp - logo montado em blocos, 404 redesenhado, grades sem célula vazia - ícones do PWA e manifesto novos Specs em specs/, contexto de design em DESIGN.md e PRODUCT.md.
This commit is contained in:
1 parent
4671837c44
commit
c7d09d63d4
165 files changed
+7940
-3790
No files matched your search
+15
-15
@@ -3,15 +3,15 @@ import { join } from "node:path";
|
||||
import ts from "typescript";
|
||||
import {
|
||||
isCoarsePointer,
|
||||
isLowPowerDevice,
|
||||
isMobileViewport,
|
||||
isSaveData,
|
||||
prefersReducedMotion,
|
||||
sceneTier,
|
||||
} from "./device";
|
||||
|
||||
/**
|
||||
* Testes de caminhos-base de lib/device.ts (complemento de device.test.ts): matches() sem matchMedia,
|
||||
* cada condição de isLowPowerDevice isolada (inclusive os limites), isSaveData e o ambiente sem window/navigator
|
||||
* cada condição de sceneTier isolada (inclusive os limites), isSaveData e o ambiente sem window/navigator
|
||||
* (servidor). O servidor é simulado transpilando o fonte e executando-o com `window` e `navigator` indefinidos,
|
||||
* porque o jsdom não deixa esconder esses globais.
|
||||
*/
|
||||
@@ -70,7 +70,7 @@ describe("matches() (through the media helpers)", () => {
|
||||
expect(isCoarsePointer()).toBe(false);
|
||||
expect(prefersReducedMotion()).toBe(false);
|
||||
expect(isMobileViewport()).toBe(false);
|
||||
expect(isLowPowerDevice()).toBe(false);
|
||||
expect(sceneTier()).toBe("full");
|
||||
});
|
||||
|
||||
it("path: matchMedia answers false for the query -> false", () => {
|
||||
@@ -105,7 +105,7 @@ describe("isSaveData()", () => {
|
||||
});
|
||||
});
|
||||
|
||||
describe("isLowPowerDevice(): limites de cada condição, uma de cada vez", () => {
|
||||
describe("sceneTier(): limites de cada condição, uma de cada vez", () => {
|
||||
it.each([
|
||||
["5 cores", { hardwareConcurrency: 5 }],
|
||||
["8 GB of memory", { hardwareConcurrency: 8, deviceMemory: 8 }],
|
||||
@@ -118,7 +118,7 @@ describe("isLowPowerDevice(): limites de cada condição, uma de cada vez", () =
|
||||
(_label, hints) => {
|
||||
mockNavigator(hints);
|
||||
|
||||
expect(isLowPowerDevice()).toBe(false);
|
||||
expect(sceneTier()).toBe("full");
|
||||
},
|
||||
);
|
||||
|
||||
@@ -127,20 +127,20 @@ describe("isLowPowerDevice(): limites de cada condição, uma de cada vez", () =
|
||||
["exactly 4 GB", { deviceMemory: 4 }],
|
||||
["0.5 GB", { deviceMemory: 0.5 }],
|
||||
["1 core", { hardwareConcurrency: 1 }],
|
||||
])("path: %s -> low power", (_label, hints) => {
|
||||
])("path: %s -> static", (_label, hints) => {
|
||||
mockNavigator(hints);
|
||||
|
||||
expect(isLowPowerDevice()).toBe(true);
|
||||
expect(sceneTier()).toBe("static");
|
||||
});
|
||||
|
||||
it("path: only the first condition is true (touch) -> low power without reading the rest", () => {
|
||||
it("path: touch on a capable phone -> lite, never full", () => {
|
||||
mockMedia(["(pointer: coarse)"]);
|
||||
mockNavigator({ hardwareConcurrency: 16, deviceMemory: 16 });
|
||||
|
||||
expect(isLowPowerDevice()).toBe(true);
|
||||
expect(sceneTier()).toBe("lite");
|
||||
});
|
||||
|
||||
it("path: several conditions true at once -> still just true", () => {
|
||||
it("path: several conditions true at once -> still just static", () => {
|
||||
mockMedia(["(pointer: coarse)", "(prefers-reduced-motion: reduce)"]);
|
||||
mockNavigator({
|
||||
hardwareConcurrency: 2,
|
||||
@@ -148,7 +148,7 @@ describe("isLowPowerDevice(): limites de cada condição, uma de cada vez", () =
|
||||
connection: { saveData: true },
|
||||
});
|
||||
|
||||
expect(isLowPowerDevice()).toBe(true);
|
||||
expect(sceneTier()).toBe("static");
|
||||
});
|
||||
});
|
||||
|
||||
@@ -161,11 +161,11 @@ describe("without window and navigator (server)", () => {
|
||||
expect(device.isMobileViewport()).toBe(false);
|
||||
});
|
||||
|
||||
it("path: no navigator -> save data is off and the device counts as low power", () => {
|
||||
it("path: no navigator -> save data is off and the scene is static", () => {
|
||||
const device = loadOnServer({ window: undefined, navigator: undefined });
|
||||
|
||||
expect(device.isSaveData()).toBe(false);
|
||||
expect(device.isLowPowerDevice()).toBe(true);
|
||||
expect(device.sceneTier()).toBe("static");
|
||||
});
|
||||
|
||||
it("path: a navigator without window (runtime that exposes only navigator) -> hints still read", () => {
|
||||
@@ -175,11 +175,11 @@ describe("without window and navigator (server)", () => {
|
||||
});
|
||||
|
||||
expect(device.isSaveData()).toBe(true);
|
||||
expect(device.isLowPowerDevice()).toBe(true);
|
||||
expect(device.sceneTier()).toBe("static");
|
||||
const capable = loadOnServer({
|
||||
window: undefined,
|
||||
navigator: { hardwareConcurrency: 16 },
|
||||
});
|
||||
expect(capable.isLowPowerDevice()).toBe(false);
|
||||
expect(capable.sceneTier()).toBe("full");
|
||||
});
|
||||
});
|
||||
Reference in new issue
Block a user