Merge version_2 into main #2
262
src/app/apresentacao-arquitetonica/page.tsx
Normal file
262
src/app/apresentacao-arquitetonica/page.tsx
Normal file
@@ -0,0 +1,262 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { BarChart, Briefcase, Building, Calendar, Car, DollarSign, Gauge, Home, Layers, Layout, ListChecks, Map, MapPin } from "lucide-react";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
|
||||
export default function ApresentacaoArquitetonicaPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Capa", href: "#capa" },
|
||||
{ name: "Contexto Urbano", href: "#contexto-urbano" },
|
||||
{ name: "Visão Geral", href: "#visao-geral" },
|
||||
{ name: "Torres", href: "#configuracao-torres" },
|
||||
{ name: "Implantação", href: "#implantacao" },
|
||||
{ name: "Garagem", href: "#garagem" },
|
||||
{ name: "Indicadores", href: "#indicadores" },
|
||||
{ name: "Potencial", href: "#potencial" },
|
||||
{ name: "Home", href: "/" }
|
||||
]}
|
||||
brandName="Estudo Residencial"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="capa" data-section="capa">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "downward-rays-static-grid"
|
||||
}}
|
||||
title="Estudo Preliminar de Desenvolvimento Residencial"
|
||||
description="Área de Desenvolvimento Urbano — Abdon Palacios"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-64.jpg", imageAlt: "Torres Residenciais Modernas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hammocks-overlooking-city_1203-696.jpg", imageAlt: "Fachada Residencial Contemporânea" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-3999.jpg", imageAlt: "Vista Conceitual de Torres" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248337.jpg", imageAlt: "Fachada Residencial Contemporânea" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/montreal-city-skyline_649448-3823.jpg", imageAlt: "Torres Residenciais Modernas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings-city_23-2148836829.jpg", imageAlt: "Design Geométrico de Apartamento" }
|
||||
]}
|
||||
carouselPosition="right"
|
||||
tag="Estudo de Viabilidade"
|
||||
tagIcon={MapPin}
|
||||
buttons={[]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118865.jpg", alt: "Arquiteto Sênior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-cute-woman-enjoying-free-time-home_7502-7293.jpg", alt: "Urbanista Chefe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-young-woman-reading-book-sofa_7502-7285.jpg", alt: "Especialista em Viabilidade" }
|
||||
]}
|
||||
avatarText="+20 profissionais envolvidos"
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/hight-rise-condominium-office-buildings_1127-3044.jpg", alt: "Vista aérea da cidade" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004749.jpg", alt: "Edifício moderno conceitual" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/aerial-view-housing-complex-with-symmetrical-design-green-spaces_23-2151963067.jpg", alt: "Complexo residencial planejado" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contexto-urbano" data-section="contexto-urbano">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Localização", description: "Abdon Palacios: Área de forte expansão e infraestrutura planejada.", imageSrc: "http://img.b2bpic.net/free-photo/top-down-aerial-shot-river-wales_181624-3581.jpg", imageAlt: "Mapa Cadastral Abdon Palacios" },
|
||||
{ title: "Área Total", description: "Conjunto de terrenos com 21.600 m², propício para grande escala.", imageSrc: "http://img.b2bpic.net/free-photo/circle-empty-road-sign_1194-7069.jpg", imageAlt: "Diagrama de Área Total" },
|
||||
{ title: "Composição do Terreno", description: "36 lotes de 600 m², sendo um com construção existente (destacado em vermelho no mapa cadastral).", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-landscape-cubes-with-depth-field_1048-12642.jpg", imageAlt: "Diagrama de Composição de Lotes" }
|
||||
]}
|
||||
title="Contexto Urbano e Localização Estratégica"
|
||||
description="Com uma localização privilegiada, o empreendimento multifamiliar em Abdon Palacios está inserido em uma área de alto potencial de desenvolvimento urbano, oferecendo acesso facilitado e infraestrutura em crescimento."
|
||||
tag="Análise de Site"
|
||||
tagIcon={Map}
|
||||
buttons={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="visao-geral" data-section="visao-geral">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Building, title: "Torres Residenciais", value: "5" },
|
||||
{ id: "m2", icon: Layout, title: "Apartamentos por Andar", value: "4" },
|
||||
{ id: "m3", icon: Home, title: "Tipologias", value: "2 e 3 Dormitórios" },
|
||||
{ id: "m4", icon: Car, title: "Estacionamento", value: "Sobresolo" },
|
||||
{ id: "m5", icon: Layers, title: "Desenvolvimento", value: "Multifamiliar Planejado" }
|
||||
]}
|
||||
title="Visão Geral do Projeto"
|
||||
description="Indicadores chave que delineiam a escala e a composição do projeto, refletindo um planejamento otimizado para a vida urbana contemporânea."
|
||||
tag="Sumário Executivo"
|
||||
tagIcon={Briefcase}
|
||||
buttons={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="configuracao-torres" data-section="configuracao-torres">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Planta Tipo T2-1", description: "2 dormitórios, 1 suíte, 50 m².", imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661416.jpg", imageAlt: "Planta 2 Dormitórios 50m²" },
|
||||
{ title: "Planta Tipo T2-2", description: "2 dormitórios, 1 suíte, 60 m².", imageSrc: "http://img.b2bpic.net/free-photo/crop-tablet-stationery-blueprint_23-2147785555.jpg", imageAlt: "Planta 2 Dormitórios 60m²" },
|
||||
{ title: "Planta Tipo T2-3", description: "2 dormitórios, 1 suíte, 65 m².", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_52683-121730.jpg", imageAlt: "Planta 2 Dormitórios 65m²" }
|
||||
]}
|
||||
title="Tipologia T2 - Conforto e Funcionalidade (Torres 1, 2 e 3)"
|
||||
description="As torres 1, 2 e 3 foram concebidas para otimizar o espaço e oferecer apartamentos de 2 dormitórios com suíte, ideais para famílias modernas e urbanas, com metragens entre 50m² e 65m²."
|
||||
tag="Plantas Baixas"
|
||||
tagIcon={Calendar}
|
||||
buttons={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="configuracao-torres-t3" data-section="configuracao-torres-t3">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Planta Tipo T3-1", description: "3 dormitórios, 75 m².", imageSrc: "http://img.b2bpic.net/free-photo/3d-model-house-room_23-2150761138.jpg", imageAlt: "Planta 3 Dormitórios 75m²" },
|
||||
{ title: "Planta Tipo T3-2", description: "3 dormitórios, 90 m².", imageSrc: "http://img.b2bpic.net/free-photo/bunch-blueprints_23-2147785535.jpg", imageAlt: "Planta 3 Dormitórios 90m²" },
|
||||
{ title: "Planta Tipo T3-3", description: "3 dormitórios, 80 m².", imageSrc: "http://img.b2bpic.net/free-photo/greyscale-shot-old-building-with-wide-windows_181624-14557.jpg", imageAlt: "Planta 3 Dormitórios 80m²" }
|
||||
]}
|
||||
title="Tipologia T3 - Espaço e Versatilidade (Torres 4 e 5)"
|
||||
description="As torres 4 e 5 apresentam layouts amplos de 3 dormitórios, projetados para flexibilidade e conforto, com áreas entre 75m² e 90m², atendendo às demandas de famílias maiores."
|
||||
tag="Plantas T3"
|
||||
tagIcon={Home}
|
||||
buttons={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="implantacao" data-section="implantacao">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="full-width-top-items-bottom-row"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Masterplan Geral", description: "Posicionamento das 5 torres e áreas livres.", imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4005.jpg", imageAlt: "Masterplan Conceitual do Empreendimento" },
|
||||
{ title: "Circulação e Acessos", description: "Design otimizado para fluxo interno e entradas.", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17018.jpg", imageAlt: "Diagrama de Circulação Interna" },
|
||||
{ title: "Organização de Blocos", description: "Distribuição e relações espaciais entre as torres.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-photography-town-daytime_417767-55.jpg", imageAlt: "Diagrama de Organização dos Blocos" }
|
||||
]}
|
||||
title="Masterplan Conceitual: Organização e Fluxos"
|
||||
description="A implantação estratégica das cinco torres cria um ambiente harmonioso, integrando circulação interna eficiente, acessos otimizados e áreas livres generosas para convivência e paisagismo."
|
||||
tag="Layout do Site"
|
||||
tagIcon={MapPin}
|
||||
buttons={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="garagem" data-section="garagem">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Níveis de Sobresolo", description: "2 ou 3 pavimentos para máxima capacidade.", imageSrc: "http://img.b2bpic.net/free-photo/parking_1127-4166.jpg", imageAlt: "Diagrama de Níveis de Garagem" },
|
||||
{ title: "Otimização do Terreno", description: "Design que minimiza a pegada de carbono e maximiza o espaço.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-preparing-check-list_1170-1445.jpg", imageAlt: "Diagrama de Otimização da Ocupação" },
|
||||
{ title: "Integração com Áreas Comuns", description: "Acesso fácil e harmonioso às amenidades do empreendimento.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-top-down-view-multipurpose-sports-courts-parking-lot_1308-189502.jpg", imageAlt: "Diagrama de Integração Garagem e Áreas Comuns" }
|
||||
]}
|
||||
title="Estacionamento em Sobresolo: Solução Eficiente"
|
||||
description="O projeto de estacionamento prevê 2 a 3 níveis de sobresolo, garantindo a otimização da ocupação do terreno e uma integração fluida com as áreas comuns do empreendimento, priorizando a comodidade e segurança."
|
||||
tag="Estacionamento"
|
||||
tagIcon={Car}
|
||||
buttons={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="indicadores" data-section="indicadores">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "ind1", icon: Calendar, title: "Área Total do Terreno", value: "21.600 m²" },
|
||||
{ id: "ind2", icon: Building, title: "Número de Torres", value: "5" },
|
||||
{ id: "ind3", icon: Layout, title: "Apartamentos por Andar", value: "4" },
|
||||
{ id: "ind4", icon: Home, title: "Tipologias", value: "2 e 3 dormitórios" },
|
||||
{ id: "ind5", icon: Car, title: "Pavimentos de Garagem", value: "2 ou 3" },
|
||||
{ id: "ind6", icon: BarChart, title: "Área Total Construída", value: "A ser atualizado" },
|
||||
{ id: "ind7", icon: ListChecks, title: "Número Total de Unidades", value: "A ser atualizado" },
|
||||
{ id: "ind8", icon: Gauge, title: "Coeficiente de Aproveitamento", value: "A ser atualizado" },
|
||||
{ id: "ind9", icon: DollarSign, title: "Valor Estimado de Construção", value: "A ser atualizado" }
|
||||
]}
|
||||
title="Indicadores do Empreendimento"
|
||||
description="Análise quantitativa dos parâmetros técnicos e de mercado, fornecendo uma base sólida para a avaliação de viabilidade do empreendimento."
|
||||
tag="Dados Essenciais"
|
||||
tagIcon={ListChecks}
|
||||
buttons={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="potencial" data-section="potencial">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Ocupação do Terreno", description: "Análise da distribuição da área construída no lote.", imageSrc: "http://img.b2bpic.net/free-photo/blueprint-design-ideas-creativity-decorative-construction-concept_53876-31796.jpg", imageAlt: "Diagrama de Ocupação do Terreno" },
|
||||
{ title: "Volumetria das Torres", description: "Representação abstrata do volume construído das torres.", imageSrc: "http://img.b2bpic.net/free-photo/land-plot-with-nature-landscape-location-pin_23-2149937920.jpg", imageAlt: "Diagrama de Volumetria das Torres" },
|
||||
{ title: "Distribuição das Áreas", description: "Visualização da relação entre área construída e disponível.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-generating-ideas_53876-42869.jpg", imageAlt: "Diagrama de Distribuição de Áreas" }
|
||||
]}
|
||||
title="Potencial Construtivo"
|
||||
description="Uma representação visual do envelope construtivo e da distribuição volumétrica, ilustrando a maximização do uso do terreno em harmonia com as diretrizes urbanísticas e o design arquitetônico."
|
||||
tag="Viabilidade"
|
||||
tagIcon={BarChart}
|
||||
buttons={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="encerramento" data-section="encerramento">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
text="Desenvolvimento Residencial Multifamiliar\nEstudo conceitual para análise de viabilidade e potencial construtivo."
|
||||
buttons={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Capa", href: "#capa" }, { label: "Contexto Urbano", href: "#contexto-urbano" }, { label: "Visão Geral", href: "#visao-geral" }] },
|
||||
{ items: [{ label: "Configuração das Torres", href: "#configuracao-torres" }, { label: "Implantação", href: "#implantacao" }, { label: "Garagem", href: "#garagem" }] },
|
||||
{ items: [{ label: "Indicadores", href: "#indicadores" }, { label: "Potencial Construtivo", href: "#potencial" }, { label: "Home", href: "/" }] }
|
||||
]}
|
||||
logoText="Estudo Preliminar de Desenvolvimento Residencial"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user