Skip to content

marcotasl/m2b-site

Repository files navigation

M2B Projetos — Site

Landing page institucional da M2B Projetos e Consultoria — empresa de projetos de instalações prediais 100% em BIM, integrante do Grupo Bimconnect.

Stack

  • Next.js 16 (App Router) + React 19 + TypeScript strict
  • Tailwind CSS v4 (design tokens em src/app/globals.css)
  • Nippo Variable via Fontshare (tipografia da marca)
  • Deploy: Vercel

Design System

Cores extraídas do Manual de Marca M2B (2025):

Token Valor
--color-navy #212741 — primária dark
--color-orange #fa663c — accent / CTAs
--color-off-white #f5f2ec — fundos claros
--font-display Nippo Variable

Assinatura visual: headlines com leading apertado (~0.88), monograma M2B repetido como pattern de fundo, raios de 16px em cards/seções.

Scripts

npm run dev     # localhost:3002
npm run build
npm run start
npm run lint

Node.js 22 obrigatório (.nvmrc).

Estrutura

src/
├── app/
│   ├── layout.tsx
│   ├── page.tsx
│   └── globals.css      # Design tokens + utilities
└── components/
    ├── Header.tsx
    ├── Hero.tsx
    ├── Sobre.tsx
    ├── Disciplinas.tsx
    ├── Processo.tsx
    ├── Projetos.tsx
    ├── Depoimentos.tsx
    ├── CTAFinal.tsx
    ├── Footer.tsx
    └── Logo.tsx

Conteúdo

Landing page com 7 seções conforme briefing:

  1. Hero — Headline + CTAs (Solicitar Orçamento / Ver Projetos)
  2. Sobre a M2B
  3. Disciplinas (8 áreas de atuação)
  4. Como Trabalhamos (4 etapas)
  5. Projetos em Destaque
  6. Depoimentos
  7. CTA Final + História da empresa

About

Landing page M2B Projetos e Consultoria — Next.js 16 + Tailwind v4

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors