<!DOCTYPE html> <html lang ="en "> <head> <meta charSet ="utf-8 "/> <meta name ="viewport " content ="width=device-width, initial-scale=1 "/> <link rel ="preload " as ="image " href ="/assets/hero-house-BnChsH-b.jpg "/> <link rel ="stylesheet " href ="/assets/styles-MzV64Y8c.css " data-precedence ="default "/> <title> Casa em Serra Grande - Itaipu | 3 quartos, piscina | R$ 950 mil</title> <meta name ="author " content ="Lovable "/> <meta name ="twitter:site " content ="@Lovable "/> <meta property ="og:image " content ="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/d3d4413b-2ca7-44e1-b496-d4cb164a1a40/id-preview-2216fd47--64319ec7-1a02-4676-b97a-6574954ea23c.lovable.app-1782484069862.png "/> <meta name ="twitter:image " content ="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/d3d4413b-2ca7-44e1-b496-d4cb164a1a40/id-preview-2216fd47--64319ec7-1a02-4676-b97a-6574954ea23c.lovable.app-1782484069862.png "/> <meta name ="description " content ="Casa em Serra Grande - Itaipu (Niterói/RJ): 3 quartos com suíte, piscina, churrasqueira e 4 vagas em centro de terreno. 200m² construídos. Agende sua visita. "/> <meta property ="og:title " content ="Casa em Serra Grande - Itaipu | R$ 950 mil "/> <meta property ="og:description " content ="3 quartos com suíte, piscina, churrasqueira e 4 vagas em centro de terreno. Perto da Av. Central, em Itaipu - Niterói/RJ. "/> <meta property ="og:type " content ="website "/> <meta property ="og:url " content ="/ "/> <meta name ="twitter:card " content ="summary_large_image "/> <meta name ="twitter:title " content ="Casa em Serra Grande - Itaipu | R$ 950 mil "/> <meta name ="twitter:description " content ="3 quartos com suíte, piscina, churrasqueira e 4 vagas. Itaipu - Niterói/RJ. "/> <link rel ="modulepreload " href ="/assets/index-DXruqr2t.js "/> <link rel ="modulepreload " href ="/assets/routes-BVnf8D8s.js "/> <link rel ="canonical " href ="/ "/>
<style>
@font-face {
font-family: 'CameraPlainVariable';
src: url('https://cdn.gpteng.co/mcp-widgets/v1/fonts/CameraPlainVariable.woff2') format('woff2');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
#lovable-badge {
--badge-bg: #1b1b1b;
--badge-text: #c5c1b9;
--badge-text-hover: #dcdad5;
--badge-radius: 6px;
--badge-padding: 8px;
--badge-gap: 6px;
--badge-shadow:
0 0 0 1px rgba(0, 0, 0, 0.88),
0 1px 0 0 rgba(0, 0, 0, 0.04),
0 2px 2px -1px rgba(0, 0, 0, 0.08),
0 4px 4px -2px rgba(0, 0, 0, 0.08),
0 8px 8px -4px rgba(0, 0, 0, 0.08),
0 16px 16px -8px rgba(0, 0, 0, 0.08);
--badge-transition-duration: 0.2s;
--badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1);
--focus-color: #575ECF;
--focus-offset: 2px;
--focus-width: 2px;
position: fixed;
bottom: 12px;
right: 12px;
height: 24px;
display: flex;
align-items: center;
z-index: 1000000;
background-color: var(--badge-bg) !important;
color: var(--badge-text) !important;
border-radius: var(--badge-radius);
box-shadow: var(--badge-shadow) !important;
font-size: 12px;
font-family: CameraPlainVariable, "CameraPlainVariable Fallback", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-weight: 400 !important;
text-transform: none !important;
font-feature-settings: normal !important;
transform: translateZ(0);
will-change: transform, opacity;
}
#lovable-badge-cta {
display: flex;
align-items: center;
gap: var(--badge-gap);
padding: 0 var(--badge-padding);
height: 100%;
color: inherit;
text-decoration: none;
white-space: nowrap;
border-radius: var(--badge-radius) 0 0 var(--badge-radius);
transition:
background-color var(--badge-transition-duration) ease,
color var(--badge-transition-duration) ease,
transform 0.1s ease;
}
#lovable-badge-cta:hover {
background: rgba(255, 255, 255, 0.04);
color: var(--badge-text-hover);
}
#lovable-badge-cta:active {
transform: scale(0.98);
}
#lovable-badge-cta:focus {
outline: none;
}
#lovable-badge-cta:focus-visible {
outline: var(--focus-width) solid var(--focus-color);
outline-offset: var(--focus-offset);
z-index: 1;
}
#lovable-badge-text {
line-height: 1;
}
#lovable-badge-divider {
width: 1px;
height: 24px;
background-color: rgba(255, 255, 255, 0.04);
flex-shrink: 0;
}
#lovable-badge-close {
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
cursor: pointer;
background: none;
border: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 var(--badge-radius) var(--badge-radius) 0;
flex-shrink: 0;
transition:
background-color var(--badge-transition-duration) ease,
transform 0.1s ease;
}
#lovable-badge-close:hover {
background: rgba(255, 255, 255, 0.04);
}
#lovable-badge-close:active {
transform: scale(0.92);
}
#lovable-badge-close:focus {
outline: none;
}
#lovable-badge-close:focus-visible {
outline: var(--focus-width) solid var(--focus-color);
outline-offset: calc(var(--focus-offset) * -1);
z-index: 1;
}
#lovable-badge-close svg path {
fill: var(--badge-text);
transition: fill var(--badge-transition-duration) ease;
}
#lovable-badge-close:hover svg path {
fill: var(--badge-text-hover);
}
@media (prefers-reduced-motion: reduce) {
#lovable-badge-cta,
#lovable-badge-close,
#lovable-badge-close svg path {
transition: none;
}
#lovable-badge-cta:active,
#lovable-badge-close:active {
transform: none;
}
}
@media (prefers-contrast: high) {
#lovable-badge {
--badge-bg: #000;
--badge-text: #fff;
--badge-text-hover: #fff;
border: 2px solid currentColor;
}
#lovable-badge-cta:focus-visible,
#lovable-badge-close:focus-visible {
outline-width: 3px;
}
}
</style>
<script defer src ="/~flock.js " data-proxy-url ="/~api/analytics "> </script> <script defer src ="/__l5e/events.js " data-artifact-kind ="dwl_content_hash " data-artifact-id ="b650aa71db2aaf0205531c9b581e03bf2126c360bbb9680f6033779bf7954af1 " data-commit-sha ="719cd1f922fd557218038ca902ff061ce2ce6118 " data-context-token ="v1.eyJwcm9qZWN0X2lkIjoiNjQzMTllYzctMWEwMi00Njc2LWI5N2EtNjU3NDk1NGVhMjNjIiwiYXJ0aWZhY3Rfa2luZCI6ImR3bF9jb250ZW50X2hhc2giLCJhcnRpZmFjdF9pZCI6ImI2NTBhYTcxZGIyYWFmMDIwNTUzMWM5YjU4MWUwM2JmMjEyNmMzNjBiYmI5NjgwZjYwMzM3NzliZjc5NTRhZjEiLCJjb21taXRfc2hhIjoiNzE5Y2QxZjkyMmZkNTU3MjE4MDM4Y2E5MDJmZjA2MWNlMmNlNjExOCIsImV4cCI6MTc4MjQ4ODQwNX0.gXodD_Y_d-yTnpNXfD9-wsK0SHRkGXAGktbeRRx5LWM "> </script> </head> <body> <div class ="min-h-screen bg-background text-foreground "> <header class ="fixed top-0 inset-x-0 z-40 backdrop-blur-md bg-background/70 border-b border-border/50 "> <div class ="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between "> <div class ="flex items-center gap-2 "> <div class ="h-8 w-8 rounded-sm gradient-navy flex items-center justify-center "> <span class ="text-gold font-display text-lg "> S</span> </div> <span class ="font-display text-lg tracking-tight "> Casa em Serra Grande - Itaipu</span> </div> <nav class ="hidden md:flex items-center gap-8 text-sm text-muted-foreground "> <a href ="#destaques " class ="hover:text-foreground transition "> Destaques</a> <a href ="#galeria " class ="hover:text-foreground transition "> Galeria</a> <a href ="#detalhes " class ="hover:text-foreground transition "> Detalhes</a> <a href ="#localizacao " class ="hover:text-foreground transition "> Localização</a> </nav> <a href ="#agendar " class ="hidden sm:inline-flex items-center gap-2 px-4 h-10 rounded-sm gradient-navy text-primary-foreground text-sm font-medium hover:opacity-90 transition "> <svg xmlns ="http://www.w3.org/2000/svg " width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 " stroke-linecap ="round " stroke-linejoin ="round " class ="lucide lucide-calendar size-4 " aria-hidden ="true "> <path d ="M8 2v4 "> </path> <path d ="M16 2v4 "> </path> <rect width ="18 " height ="18 " x ="3 " y ="4 " rx ="2 "> </rect> <path d ="M3 10h18 "> </path> </svg> Agendar visita</a> </div> </header> <section class ="relative min-h-screen flex items-end overflow-hidden "> <img src ="/assets/hero-house-BnChsH-b.jpg " alt ="Fachada da casa em Serra Grande, Itaipu - Niterói " width ="1920 " height ="1280 " class ="absolute inset-0 w-full h-full object-cover "/> <div class ="absolute inset-0 bg-gradient-to-t from-[oklch(0.18_0.05_260/0.95)] via-[oklch(0.18_0.05_260/0.55)] to-[oklch(0.18_0.05_260/0.3)] "> </div> <div class ="relative z-10 max-w-7xl mx-auto px-6 pb-24 pt-32 w-full "> <div class ="max-w-3xl text-primary-foreground " style ="opacity:0;transform:translateY(30px) "> <div class ="inline-flex items-center gap-2 px-3 py-1 rounded-full border border-[oklch(0.78_0.13_80/0.4)] bg-[oklch(0.78_0.13_80/0.1)] text-gold text-xs tracking-widest uppercase mb-6 "> <svg xmlns ="http://www.w3.org/2000/svg " width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 " stroke-linecap ="round " stroke-linejoin ="round " class ="lucide lucide-star size-3 " aria-hidden ="true "> <path d ="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z "> </path> </svg> Oportunidade exclusiva</div> <h1 class ="font-display text-5xl md:text-7xl leading-[1.05] mb-6 "> Sua casa dos sonhos em <span class ="text-gold "> Serra Grande</span> , Itaipu.</h1> <p class ="text-lg md:text-xl text-primary-foreground/80 max-w-2xl mb-8 leading-relaxed "> 3 quartos com suíte, piscina, churrasqueira e 4 vagas em centro de terreno — a poucos minutos da Av. Central e de todo o comércio que sua família precisa.</p> <div class ="flex flex-wrap gap-4 mb-10 "> <a href ="https://wa.me/5521976769888?text=Ol%C3%A1!%20Tenho%20interesse%20na%20casa%20em%20Serra%20Grande%2C%20Itaipu%20-%20Niter%C3%B3i.%20Podemos%20conversar%3F " target ="_blank " rel ="noopener noreferrer " class ="inline-flex items-center gap-2 px-6 h-12 rounded-sm bg-[oklch(0.7_0.18_145)] text-white font-medium hover:opacity-90 transition shadow-lg shadow-black/30 "> <svg xmlns ="http://www.w3.org/2000/svg " width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 " stroke-linecap ="round " stroke-linejoin ="round " class ="lucide lucide-message-circle size-5 " aria-hidden ="true "> <path d ="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719 "> </path> </svg> Falar no WhatsApp</a> <a href ="#agendar " class ="inline-flex items-center gap-2 px-6 h-12 rounded-sm border border-primary-foreground/30 text-primary-foreground hover:bg-primary-foreground/10 transition "> <svg xmlns ="http://www.w3.org/2000/svg " width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 " stroke-linecap ="round " stroke-linejoin ="round " class ="lucide lucide-calendar size-5 " aria-hidden ="true "> <path d ="M8 2v4 "> </path> <path d ="M16 2v4 "> </path> <rect width ="18 " height ="18 " x ="3 " y ="4 " rx ="2 "> </rect> <path d ="M3 10h18 "> </path> </svg> Agendar visita</a> </div> <div class ="flex flex-wrap items-end gap-8 pt-8 border-t border-primary-foreground/20 "> <div> <div class ="text-xs uppercase tracking-widest text-gold mb-1 "> Valor</div> <div class ="font-display text-4xl "> R$ 950.000</div> </div> <div> <div class ="text-xs uppercase tracking-widest text-primary-foreground/60 mb-1 "> Área construída</div> <div class ="font-display text-2xl text-primary-foreground "> 200 m²</div> </div> <div> <div class ="text-xs uppercase tracking-widest text-primary-foreground/60 mb-1 "> Quartos</div> <div class ="font-display text-2xl text-primary-foreground "> 3 (1 suíte)</div> </div> <div> <div class ="text-xs uppercase tracking-widest text-primary-foreground/60 mb-1 "> Vagas</div> <div class ="font-display text-2xl text-primary-foreground "> 4 carros</div> </div> </div> </div> </div> </section> <section id ="destaques " class ="py-24 px-6 "> <div class ="max-w-7xl mx-auto "> <div class ="max-w-2xl mb-16 "> <div class ="text-xs uppercase tracking-widest text-accent mb-3 "> O imóvel</div> <h2 class ="font-display text-4xl md:text-5xl mb-4 "> Tudo o que sua família merece</h2> <p class ="text-muted-foreground text-lg "> Conforto, lazer e localização privilegiada em um dos bairros mais procurados de Niterói.</p> </div> <div class ="grid sm:grid-cols-2 lg:grid-cols-3 gap-px bg-border "> <div class ="bg-background p-8 group hover:bg-secondary transition-colors " style ="opacity:0;transform:translateY(20px) "> <svg xmlns ="http://www.w3.org/2000/svg " width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="1.5 " stroke-linecap ="round " stroke-linejoin ="round " class ="lucide lucide-bed-double size-8 text-accent mb-4 " aria-hidden ="true "> <path d ="M2 20v-8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8 "> </path> <path d ="M4 10V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4 "> </path> <path d ="M12 4v6 "> </path> <path d ="M2 18h20 "> </path> </svg> <h3 class ="font-display text-2xl mb-1 "> 3 Quartos</h3> <p class ="text-muted-foreground "> Sendo uma suíte master</p> </div> <div class ="bg-background p-8 group hover:bg-secondary transition-colors " style ="opacity:0;transform:translateY(20px) "> <svg xmlns ="http://www.w3.org/2000/svg " width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="1.5 " stroke-linecap ="round " stroke-linejoin ="round " class ="lucide lucide-waves size-8 text-accent mb-4 " aria-hidden ="true "> <path d ="M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1 "> </path> <path d ="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1 "> </path> <path d ="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1 "> </path> </svg> <h3 class ="font-display text-2xl mb-1 "> Piscina</h3> <p class ="text-muted-foreground "> Área de lazer completa</p> </div> <div class ="bg-background p-8 group hover:bg-secondary transition-colors " style ="opacity:0;transform:translateY(20px) "> <svg xmlns ="http://www.w3.org/2000/svg " width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="1.5 " stroke-linecap ="round " stroke-linejoin ="round " class ="lucide lucide-flame size-8 text-accent mb-4 " aria-hidden ="true "> <path d ="M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4 "> </path> </svg> <h3 class ="font-display text-2xl mb-1 "> Churrasqueira</h3> <p class ="text-muted-foreground "> Perfeita para receber</p> </div> <div class ="bg-background p-8 group hover:bg-secondary transition-colors " style ="opacity:0;transform:translateY(20px) "> <svg xmlns ="http://www.w3.org/2000/svg " width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="1.5 " stroke-linecap ="round " stroke-linejoin ="round " class ="lucide lucide-car size-8 text-accent mb-4 " aria-hidden ="true "> <path d ="M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2 "> </path> <circle cx ="7 " cy ="17 " r ="2 "> </circle> <path d ="M9 17h6 "> </path> <circle cx ="17 " cy ="17 " r ="2 "> </circle> </svg> <h3 class ="font-display text-2xl mb-1 "> 4 Vagas</h3> <p class ="text-muted-foreground "> Garagem ampla coberta</p> </div> <div class ="bg-background p-8 group hover:bg-secondary transition-colors " style ="opacity:0;transform:translateY(20px) "> <svg xmlns ="http://www.w3.org/2000/svg " width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="1.5 " stroke-linecap ="round " stroke-linejoin ="round " class ="lucide lucide-maximize size-8 text-accent mb-4 " aria-hidden ="true "> <path d ="M8 3H5a2 2 0 0 0-2 2v3 "> </path> <path d ="M21 8V5a2 2 0 0 0-2-2h-3 "> </path> <path d ="M3 16v3a2 2 0 0 0 2 2h3 "> </path> <path d ="M16 21h3a2 2 0 0 0 2-2v-3 "> </path> </svg> <h3 class ="font-display text-2xl mb-1 "> 200 m²</h3> <p class ="text-muted-foreground "> De área construída</p> </div> <div class =&qu
1
O local certo para realizar o seu sonho!
1