/* pages-categories.jsx — Morar, Investir, Litoral */ const { useState: useS1, useEffect: useE1 } = React; /* Shared page hero */ function PageHero({ eyebrow, title, subtitle, tone = "stone", num = "", src }) { const { Reveal, Ph } = window.S; return (
{eyebrow}

{subtitle && (

{subtitle}

)}
); } /* MORAR */ function MorarPage({ openProperty, openContact }) { const { Reveal, NumLabel, PropertyCard, Ph, PROPERTIES } = window.S; const morarProps = PROPERTIES.filter(p => p.category === "morar"); const neighborhoods = [ { name: "Batel", essence: "A centralidade clássica de Curitiba — escritórios, gastronomia e a vida cultural mais densa da cidade.", landmark: "Praça do Japão · Shopping Crystal", tone: "stone" }, { name: "Ecoville", essence: "Reduto verde estabelecido, traçado urbano amplo e arquitetura contemporânea.", landmark: "Eco Parque · Universidade Positivo", tone: "cool" }, { name: "Bigorrilho", essence: "Bairro de arquitetura premium, com torres recentes de alto padrão e ruas arborizadas.", landmark: "Parque Barigui · Avenida Vicente Machado", tone: "warm" }, { name: "Água Verde", essence: "Valorização sustentada, ruas baixas e proximidade ao centro estendido.", landmark: "Parque da Pedreira · República Argentina", tone: "night" }, ]; return (
{/* Lead */}
Filosofia

Curitiba se mora por endereço.

Acreditamos que um imóvel só faz sentido quando se conhece a rotina daquele endereço. Um café que abre cedo. Uma rua baixa que segura o valor. Um parque a três quadras. A 10HOUSE seleciona residências nos bairros mais desejados de Curitiba — sempre olhando para o entorno antes da planta.

{/* Neighborhoods — editorial cards */}

Os bairros mais desejados.

{neighborhoods.map((n, i) => (
0{i + 1} · Curitiba
{n.name}

{n.essence}

Referências
{n.landmark}
))}
{/* Properties */}
Em curadoria

Residências selecionadas.

Cada imóvel passou por leitura própria de localização, projeto e potencial antes de chegar à seleção.

{morarProps.map((p, i) => ( ))}
{/* CTA reservado */}
); } /* INVESTIR */ function InvestirPage({ openProperty, openContact }) { const { Reveal, NumLabel, PropertyCard, Ph, PROPERTIES } = window.S; const invProps = PROPERTIES.filter(p => p.category === "investir"); const verticals = [ { n: "01", title: "Pré-lançamentos estratégicos", body: "Acesso prioritário a unidades em projetos selecionados antes do lançamento público — em parceria com construtoras de assinatura." }, { n: "02", title: "Imóveis para Airbnb", body: "Operação curada de renda em endereços litorâneos consolidados. Mobiliário, gestão e métricas de ocupação acompanhadas." }, { n: "03", title: "Oportunidades selecionadas", body: "Imóveis fora do mercado aberto — repasses, sucessões e oportunidades que chegam pela nossa rede privada." }, { n: "04", title: "Curadoria privada", body: "Mandato de aquisição: a 10HOUSE busca, negocia e seleciona em seu nome, de forma reservada." }, ]; return (
{/* Lead */}
Tese

Uma localização onde exclusividade e liquidez caminham juntas.

A 10HOUSE não opera com volume. Selecionamos um número limitado de oportunidades por estação — sempre com leitura objetiva de tese, ciclo e saída. O critério precede o entusiasmo.

{/* Verticals */}
{verticals.map((v, i) => (
— {v.n}

{v.title}

{v.body}

 ))}
{/* metrics editorial bar */}
{[ { fig: "+12%", label: "Valorização média a.a. — endereços selecionados", footnote: "BC · Itapema · 2021–2025" }, { fig: "0,72%", label: "Rentabilidade líquida mensal · operação Airbnb", footnote: "Carteira em gestão · 2025" }, { fig: "< 8", label: "Imóveis novos por estação", footnote: "Filtro estatutário de curadoria" }, ].map((m, i) => (
{m.fig}
{m.label}
{m.footnote}
))}
{/* Properties */}
Em oportunidade

Selecionados nesta estação.
{invProps.map((p, i) => ( ))}
); } /* LITORAL */ function LitoralPage({ openProperty, openContact }) { const { Reveal, NumLabel, PropertyCard, Ph, PROPERTIES } = window.S; const litProps = PROPERTIES.filter(p => p.category === "litoral"); return (
Atmosfera

Litoral catarinense, em sua versão mais reservada.

Para além do skyline conhecido, há praias inteiras pensadas para quem prefere discrição. Selecionamos endereços onde a arquitetura, a vista e a privacidade chegam na mesma medida — para morar, descansar ou compor portfólio.

{/* Beach editorial — staggered */}
{[ { n: "01", name: "Balneário Camboriú", body: "A vitrine do litoral catarinense. Endereços frente-mar em andares altos, edifícios assinados e a vida urbana mais intensa da costa.", tone: "sea", src: "assets/balneario-camboriu.jpeg" }, { n: "02", name: "Itapema", body: "Mar mais reservado, andares com vista limpa e ritmo desacelerado. Tornou-se referência para residências de descanso de alto padrão.", tone: "sand", src: "assets/itapema-aerea.jpeg" }, { n: "03", name: "Itajaí", body: "Praia Brava e Cabeçudas — orlas reservadas, Mata Atlântica preservada e a melhor relação valor / exclusividade do litoral norte catarinense.", tone: "cool", src: "assets/itajai.jpeg" }, { n: "04", name: "Porto Belo", body: "Pé-na-areia em praias reservadas — Bombas, Bombinhas, Praia do Estaleiro. Para quem procura discrição absoluta.", tone: "warm", src: "assets/porto-belo.jpeg" }, ].map((b, i) => (
{i % 2 === 0 ? ( <>
Praia {b.n}

{b.name}

{b.body}

) : ( <>
Praia {b.n}

{b.name}

{b.body}

)}
))}
{/* Properties */}
Em curadoria · litoral

Endereços selecionados.

 {litProps.length > 0 ? (
{litProps.map((p, i) => ( ))}
) : (
Próxima estação

Seleção do litoral em formação.

Os endereços que entram na curadoria 10HOUSE são apresentados de forma reservada — sempre fora do mercado aberto. Solicite a seleção privada para receber as próximas oportunidades do litoral catarinense em primeira mão.

)}
); } /* Reserved CTA — used at bottom of pages */ function ReservedCTA({ onClick, kicker = "Atendimento reservado, mediante agendamento.", msg }) { const { Reveal, Ph } = window.S; return (
Atendimento privado

{kicker.split(",").map((s, i, a) => ( {s}{i < a.length - 1 ? , : null} {i < a.length - 1 ?
: null} ))}

); } window.Pages = window.Pages || {}; Object.assign(window.Pages, { MorarPage, InvestirPage, LitoralPage, ReservedCTA, PageHero });