Transmiotto Viagens

Site institucional dark premium para empresa de transporte e turismo da Serra Gaúcha — hero cinematográfico com frota em destaque, métricas de trajetória, serviços em accordion, showcase de veículos executivos, roteiros turísticos e depoimentos de clientes.

React TypeScript Tailwind CSS GSAP

Ver site ao vivo ↗

Antes

Transportadora com 25 anos de história sem site que transmitisse confiança, modernidade e qualidade da frota executiva.

Solução

One-page dark com narrativa visual da frota, serviços por ocasião, grid de roteiros e CTA direto para orçamento via WhatsApp.

Resultado

Presença digital premium que posiciona a Transmiotto como referência em fretamento e turismo na Serra Gaúcha.

25 anos de história

100% frota própria

Sobre

A Transmiotto Viagens e Turismo é uma empresa familiar de Vila Flores com 25 anos transportando passageiros na Serra Gaúcha. O site traduz essa trajetória em uma experiência visual dark e cinematográfica — frota própria, veículos executivos e atendimento personalizado.

Construído com React, TypeScript e Tailwind, o projeto combina glassmorphism, tipografia editorial, animações GSAP no scroll e grids assimétricos de fotografia real da frota — micro-ônibus, vans Mercedes e interiores em couro.

01 Hero com frota em perspectiva e card glassmorphism de orçamento

02 Métricas de impacto — 25 anos, 50k+ passageiros, frota própria

03 Showcase de frota com cards de micro-ônibus e van executiva

Principais funcionalidades

Hero cinematográfico

Frota em perspectiva com gradiente escuro, branding em destaque e card flutuante com CTAs de orçamento e frota — glassmorphism e tipografia editorial.

Métricas & serviços

Barra de clientes parceiros, números de impacto (25 anos, 50k+ passageiros) e lista de serviços em accordion — fretamento, executivo, escolar e linhas.

Showcase de frota

Cards de micro-ônibus e van executiva com specs (ar-condicionado, USB, couro), fotos reais e grid de interiores premium.

Modelos & detalhes

Seção clara com vans em perspectiva, grid de especificações (lugares, climatização, conforto) e masonry de fotos com labels executivo/premium.

Roteiros turísticos

Grid de destinos da Serra Gaúcha — Gramado, Canela, Bento Gonçalves, Cambará — com fotos editoriais e links de exploração.

Depoimentos & CTA

Testemunhos de clientes corporativos, escolares e eventos; CTA final com contato direto, WhatsApp flutuante e footer com composição da frota.

Arquitetura

Componentes React por seção com tema dark consistente. Animações GSAP no scroll para reveals e parallax sutil. Fotos otimizadas em WebP; dados de frota e roteiros em arrays tipados; CTA integrado com WhatsApp Business.