import { useState, useEffect } from "react" // Next.js 14 import { useState, useEffect } from "react" // Next.js 14 import { useState, useEffect } from "react" // Next.js 14
const Hero = ({ data }: Props) => { // Server Component const Hero = ({ data }: Props) => { // Server Component const Hero = ({ data }: Props) => { // Server Component
return (<section className="hero-section"> return (<section className="hero-section"> return (<section className="hero-section">
<motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }}
<h1 className="text-9xl font-bold" TUDO É POSSÍVEL </h1> <h1 className="text-9xl font-bold" TUDO É POSSÍVEL </h1> <h1 className="text-9xl font-bold" TUDO É POSSÍVEL </h1>
export default Hero // pages/index.tsx export default Hero // pages/index.tsx export default Hero // pages/index.tsx
@tailwind base; @tailwind components; @tailwind utilities; @tailwind base; @tailwind components; @tailwind utilities; @tailwind base; @tailwind components; @tailwind utilities;
.hero { display: flex; gap: 1rem; background: #0a0a0a; } .hero { display: flex; gap: 1rem; background: #0a0a0a; } .hero { display: flex; gap: 1rem; background: #0a0a0a; }
bg-black text-primary font-bold tracking-tight rounded-full border-2 border-primary/40 backdrop-blur-[2px] bg-black text-primary font-bold tracking-tight rounded-full border-2 border-primary/40 backdrop-blur-[2px] bg-black text-primary font-bold tracking-tight rounded-full border-2 border-primary/40 backdrop-blur-[2px]
@apply flex items-center justify-center min-h-screen overflow-hidden bg-background @apply flex items-center justify-center min-h-screen overflow-hidden bg-background @apply flex items-center justify-center min-h-screen overflow-hidden bg-background
shadow-[0_0_250px_hsl(var(--primary)/_0.4)] from-primary/20 to-primary/10 shadow-[0_0_250px_hsl(var(--primary)/_0.4)] from-primary/20 to-primary/10 shadow-[0_0_250px_hsl(var(--primary)/_0.4)] from-primary/20 to-primary/10
import { initializeApp } from "firebase/app" // v10 import { initializeApp } from "firebase/app" // v10 import { initializeApp } from "firebase/app" // v10
const db = getFirestore(app) // Realtime const db = getFirestore(app) // Realtime const db = getFirestore(app) // Realtime
await db.collection("users").doc(uid).set({ name, email }) await db.collection("users").doc(uid).set({ name, email }) await db.collection("users").doc(uid).set({ name, email })
const snap = await getDocs(query(col, where("role", "==", "admin")) const snap = await getDocs(query(col, where("role", "==", "admin")) const snap = await getDocs(query(col, where("role", "==", "admin"))
onSnapshot(docRef, (snap) => setData(snap.data())) onSnapshot(docRef, (snap) => setData(snap.data())) onSnapshot(docRef, (snap) => setData(snap.data()))
type Props = { id: string; onClick?: () => void } type Props = { id: string; onClick?: () => void } type Props = { id: string; onClick?: () => void }
interface User { name: string; role: "admin" | "user" } interface User { name: string; role: "admin" | "user" } interface User { name: string; role: "admin" | "user" }
const fn = async<T extends Record<string, unknown>>(payload: T): Promise<T> const fn = async<T extends Record<string, unknown>>(payload: T): Promise<T> const fn = async<T extends Record<string, unknown>>(payload: T): Promise<T>
export default function Page(): JSX.Element { /* render */ } export default function Page(): JSX.Element { /* render */ } export default function Page(): JSX.Element { /* render */ }

COM A NEWTUDO É POSSÍVEL

Criamos o ativo digital perfeito para o seu negócio. Conheça nosso modelo SWAS.

Fale com a NEW
Ver projetos →
SCROLL
NEW

↔ ARRASTE PARA GIRAR

Sobre a Agência
NASCEMOS PARA
TRANSFORMAR.

Agência digital que une inovação, performance e design para criar o ativo digital perfeito para o seu negócio.

"Você não aluga uma ideia. Você é dono do seu futuro digital."

100%no prazo
0mensalidades
1:1suporte
01Tech

Sites que vendem

Next.js, TypeScript, Firebase. Tecnologia de ponta com propósito — performance real, não promessa.

02Modelo

Você é dono

Zero mensalidades. Zero modelos engessados. Cada projeto único, construído sob medida, com liberdade total.

03Pessoas

1:1 sem frescura

Sem intermediários. Fala direto com quem faz. Suporte real em cada etapa — do briefing ao lançamento.

100%No prazo
0Mensalidades
1:1Direto
∞Suporte
O Modelo
SAAS É ALUGUEL
SWAS É PATRIMÔNIO.

Cansado de pagar por ferramentas que nunca são suas?
O modelo SWAS entrega código próprio — um ativo digital que cresce com o seu negócio.

SAAS

Plataforma Compartilhada · Assinatura

Custo real

∞ /mês para sempre

Cobrança Contínua

Você paga todo mês. Se parar, perde o acesso. Nunca é seu.

Estrutura Padronizada

Você entra no formato pronto. Nada realmente exclusivo.

Dependência de Terceiros

Mudaram as regras? Você se adapta.

SWAS

Sistema Proprietário · Sob Medida

Modelo

1× investimento único

Propriedade Real

É seu. Código, estrutura e controle — patrimônio digital que valoriza.

Personalização Sem Limite

Criado para sua operação, não para o mercado inteiro.

Base Sólida para Crescer

Infraestrutura preparada para escalar com você.

AUTONOMIA TOTAL. SEMPRE.

O Que Fazemos

NOSSOS
SERVIÇOS.

Soluções completas para transformar suas ideias em realidade digital.

01

Sites & Delivery

Plataformas completas para restaurantes e lojas com cardápio digital, pedidos e pagamentos online.

Ver portfólio
02

E-commerces

Soluções de vendas online completas, seguras e prontas para escalar com o seu negócio.

Ver portfólio
03

Sistemas Sob Medida

Desenvolvimento de sistemas para otimizar processos internos e aumentar produtividade.

Ver portfólio
04

Dashboards & Admins

Painéis de controle intuitivos para visualizar dados e tomar decisões em tempo real.

Ver portfólio
05

Integrações com APIs

Conectamos seus sistemas a qualquer serviço de terceiros com segurança e eficiência.

Ver portfólio
06

Soluções com IA

Integramos inteligência artificial para automatizar tarefas e acelerar sua operação.

Ver portfólio
Como Trabalhamos
DO BRIEFING
AO LANÇAMENTO.

Processo transparente e colaborativo — você acompanha cada etapa.

01

Briefing

Entendemos suas necessidades, objetivos e contexto de negócio.

02

Protótipo

Criamos um design visual e funcional para validar o caminho.

03

Aprovação

Refinamos o protótipo com base no seu feedback — nada sem sua aprovação.

04

Desenvolvimento

Codificamos com tecnologia de ponta: Next.js, TypeScript, Firebase.

05

Testes

Garantimos qualidade, performance e segurança em cada detalhe.

06

Entrega

Lançamos e entregamos todos os acessos — o projeto é seu.

07

Suporte

Estamos ao lado do seu crescimento com suporte contínuo e real.

Portfólio

PROJETOS QUE JÁ
TRANSFORMAMOS.

Dúvidas Frequentes
SUAS DÚVIDAS,
RESPONDIDAS.

Clareza antes de começar. Transparência durante o processo.

Fale com a NEW
VAMOS CONSTRUIR
SEU FUTURO.

Conta sua ideia. A gente pega e faz virar realidade — com código que é seu.

WhatsApp

Resposta rápida garantida

→

Instagram

@new.c0de

→

Nossa Promessa

Resposta em até 24h

Orçamento sem compromisso

Código 100% seu ao final