<!DOCTYPE html>

<head>

<title>NC Soluções & Crédito | Foto, Vídeo & Produção</title>

<style>

:root{

--bg:#0b0c10;

--card:#12141a;

--text:#e9eefc;

--muted:#a9b4d0;

--brand:#6ee7ff;

--brand2:#a78bfa;

--ok:#22c55e;

--border:rgba(255,255,255,.12);

--radius:18px;

}

*{box-sizing:border-box}

body{

margin:0;

font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;

background:#0b0c10;

color:var(--text);

}

a{color:inherit;text-decoration:none}

.container{max-width:1100px;margin:auto;padding:22px}

/* TOPO */

header{

position:sticky;top:0;

background:rgba(11,12,16,.85);

backdrop-filter:blur(10px);

border-bottom:1px solid var(--border);

z-index:10;

}

.nav{

display:flex;

justify-content:space-between;

align-items:center;

padding:14px 22px;

max-width:1100px;

margin:auto;

}

.brand{

display:flex;

align-items:center;

gap:10px;

font-weight:900;

font-size:18px;

}

.logo{

width:36px;height:36px;border-radius:12px;

background:linear-gradient(135deg,var(--brand),var(--brand2));

}

nav a{

margin-left:16px;

font-weight:700;

color:var(--muted);

}

nav a:hover{color:var(--text)}

.btn{

padding:10px 16px;

border-radius:12px;

border:1px solid var(--border);

font-weight:800;

background:rgba(255,255,255,.05);

}

.btn.primary{

background:linear-gradient(135deg,var(--brand),var(--brand2));

color:#000;

border:none;

}

/* HERO */

.hero{

padding:60px 0 40px;

}

.hero h1{

font-size:42px;

line-height:1.1;

margin-bottom:14px;

}

.hero p{

color:var(--muted);

max-width:700px;

line-height:1.6;

font-size:17px;

}

.hero .actions{

margin-top:22px;

display:flex;

gap:12px;

flex-wrap:wrap;

}

/* SEÇÕES */

section{margin-top:50px}

h2{margin-bottom:10px}

.sub{color:var(--muted);margin-bottom:22px}

.cards{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:16px;

}

.card{

background:rgba(255,255,255,.04);

border:1px solid var(--border);

border-radius:var(--radius);

padding:18px;

}

.card h3{margin-top:0}

.card p{color:var(--muted);line-height:1.5}

/* PORTFÓLIO */

.gallery{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(240px,1fr));

gap:16px;

}

.placeholder{

aspect-ratio:16/10;

border-radius:14px;

border:1px dashed var(--border);

display:flex;

align-items:center;

justify-content:center;

color:var(--muted);

font-weight:700;

}

/* CONTATO */

.contact{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

gap:18px;

}

input,textarea{

width:100%;

padding:12px;

border-radius:12px;

border:1px solid var(--border);

background:#0f1117;

color:var(--text);

}

textarea{min-height:120px}

/* FOOTER */

footer{

margin-top:60px;

border-top:1px solid var(--border);

padding:20px;

color:var(--muted);

font-size:14px;

}

</style>

</head>

<body>

NC Soluções & Crédito

</div>

<nav>

<a href="#servicos">Serviços</a>

<a href="#portfolio">Portfólio</a>

<a href="#sobre">Sobre</a>

<a href="#contato">Contato</a>

</nav>

</div>

</header>

<h1>NC Soluções & Crédito</h1>

<p>

Empresa especializada em <strong>produção de fotografias</strong>,

<strong>pós-produção de vídeos</strong>, <strong>dublagem</strong>,

<strong>sonorização e iluminação</strong>, com atuação profissional

em Araraquara/SP e região.

</p>

<a class="btn primary" href="https://wa.me/551697756195" target="_blank">WhatsApp</a>

<a class="btn" href="#portfolio">Ver Portfólio</a>

</div>

</section>

<h2>Serviços</h2>

<p class="sub">Soluções completas em produção visual e audiovisual.</p>

<h3>Produção Fotográfica</h3>

<p>Ensaios, eventos, fotos institucionais e conteúdo para redes sociais.</p>

</div>

<h3>Pós-produção de Vídeos</h3>

<p>Edição, cortes, ajustes de imagem e áudio, vídeos verticais e horizontais.</p>

</div>

<h3>Dublagem & Voz</h3>

<p>Serviços de gravação de voz e dublagem para conteúdos audiovisuais.</p>

</div>

<h3>Sonorização & Iluminação</h3>

<p>Estrutura técnica para gravações e eventos com qualidade profissional.</p>

</div>

<h3>Edição de Revistas</h3>

<p>Organização e apoio editorial para materiais digitais.</p>

</div>

</section>

<h2>Portfólio</h2>

<p class="sub">Espaço reservado para fotos e vídeos realizados.</p>

<div class="placeholder">Imagem / Vídeo 01</div>

<div class="placeholder">Imagem / Vídeo 02</div>

<div class="placeholder">Imagem / Vídeo 03</div>

</div>

</section>

<h2>Sobre a Empresa</h2>

<p>

<strong>NC Soluções & Crédito</strong> é o nome fantasia da empresa

<strong>62.698.520 Maria Fernanda Ferreira Galeane</strong>,

inscrita no CNPJ <strong>62.698.520/0001-77</strong>.

Atuamos com foco em qualidade, organização e entrega clara,

oferecendo soluções visuais profissionais para pessoas e empresas.

</p>

</div>

</section>

<h2>Contato</h2>

meimamagaleane@gmail.com

</p>

<p><strong>Telefone / WhatsApp:</strong><br>

(16) 9775-6195

</p>

<p><strong>Endereço:</strong><br>

Av. Eng. Guilherme Bannitz, 51<br>

Residencial Cambuy – Araraquara/SP

</p>

</div>

<button class="btn primary" type="submit">Enviar por E-mail</button>

</form>

</div>

</section>

</main>

<strong>NC Soluções & Crédito</strong><br>

CNPJ: 62.698.520/0001-77 • Araraquara/SP<br>

</div>

</footer>

document.getElementById("ano").textContent = new Date().getFullYear();

function enviarEmail(){

const nome = nome.value;

const assunto = assunto.value;

const mensagem = mensagem.value;

window.location.href =

`mailto:meimamagaleane@gmail.com?subject=${encodeURIComponent(assunto)}&body=${encodeURIComponent(

"Nome: " + nome + "\n\n" + mensagem

)}`;

return false;

}

</script>

</body>

</html>