Merge version_1 into main #1
251
src/app/page.tsx
251
src/app/page.tsx
@@ -30,87 +30,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projetos",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Projetos", id: "projects" },
|
||||
{ name: "Contato", id: "contact" }
|
||||
]}
|
||||
brandName="Ana Couto"
|
||||
button={{ text: "Contato", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Arquitetura que transforma o seu viver."
|
||||
description="Ana Couto cria espaços onde o design encontra o afeto. Projetos exclusivos de interiores que traduzem sua personalidade em cada detalhe."
|
||||
buttons={[
|
||||
{
|
||||
text: "Conheça nossos Projetos",
|
||||
href: "#projects",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Conheça nossos Projetos", href: "#projects" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/decorative-design-gardening-natural-plant-tree_53876-14209.jpg"
|
||||
imageAlt="elegant interior architecture design"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boston-public-library_649448-649.jpg",
|
||||
alt: "Boston public library",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/light-symmetry-historic-atrium-upward-view-through-stairs_169016-70079.jpg",
|
||||
alt: "Light and symmetry in a historic atrium upward view through stairs",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-view-modern-spiral-staircase-exhibition-lights_181624-10368.jpg",
|
||||
alt: "High angle view of a modern spiral staircase in an exhibition under the lights",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199410.jpg",
|
||||
alt: "Neoclassical style interior design with decor and furnishings",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-room-interior-with-classic-design-furniture_23-2150895581.jpg",
|
||||
alt: "3d room interior with classic design and furniture",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/boston-public-library_649448-649.jpg", alt: "Boston public library" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/light-symmetry-historic-atrium-upward-view-through-stairs_169016-70079.jpg", alt: "Light and symmetry in a historic atrium upward view through stairs" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-view-modern-spiral-staircase-exhibition-lights_181624-10368.jpg", alt: "High angle view of a modern spiral staircase in an exhibition under the lights" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199410.jpg", alt: "Neoclassical style interior design with decor and furnishings" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-room-interior-with-classic-design-furniture_23-2150895581.jpg", alt: "3d room interior with classic design and furniture" }
|
||||
]}
|
||||
avatarText="Mais de 100 projetos realizados com sucesso"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Design Autoral",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Execução Precisa",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elegância Minimalista",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Propósito no Detalhe",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Experiência Exclusiva",
|
||||
},
|
||||
{ type: "text", text: "Design Autoral" },
|
||||
{ type: "text", text: "Execução Precisa" },
|
||||
{ type: "text", text: "Elegância Minimalista" },
|
||||
{ type: "text", text: "Propósito no Detalhe" },
|
||||
{ type: "text", text: "Experiência Exclusiva" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,21 +84,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Planejamento Conceitual",
|
||||
description: "Desenvolvimento do conceito visual do projeto.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-people-choosing-tags_23-2147785626.jpg",
|
||||
},
|
||||
{
|
||||
title: "Curadoria de Interiores",
|
||||
description: "Seleção minuciosa de móveis e objetos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-artist-apron-holds-paintbrush-leaning-picture-frame-workshop_613910-18200.jpg",
|
||||
},
|
||||
{
|
||||
title: "Acompanhamento de Obra",
|
||||
description: "Gestão técnica para execução perfeita.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-hand-holding-small-house-model-pencil-blueprint_23-2148203980.jpg",
|
||||
},
|
||||
{ title: "Planejamento Conceitual", description: "Desenvolvimento do conceito visual do projeto.", imageSrc: "http://img.b2bpic.net/free-photo/crop-people-choosing-tags_23-2147785626.jpg" },
|
||||
{ title: "Curadoria de Interiores", description: "Seleção minuciosa de móveis e objetos.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-artist-apron-holds-paintbrush-leaning-picture-frame-workshop_613910-18200.jpg" },
|
||||
{ title: "Acompanhamento de Obra", description: "Gestão técnica para execução perfeita.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-hand-holding-small-house-model-pencil-blueprint_23-2148203980.jpg" }
|
||||
]}
|
||||
title="Nossos Serviços"
|
||||
description="Transformamos ambientes com soluções inteligentes e sofisticadas."
|
||||
@@ -155,46 +95,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Apartamento Contemporâneo",
|
||||
price: "Projeto Residencial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-architects-working-with-drawings-desk_1262-18413.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Suíte Master Luxe",
|
||||
price: "Design de Interiores",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160190.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cozinha Gourmet",
|
||||
price: "Design Personalizado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976552.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Banheiro Spa",
|
||||
price: "Projeto de Interiores",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom_1048-2933.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Home Office Criativo",
|
||||
price: "Workspace Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797641.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Terraço Lounge",
|
||||
price: "Área Externa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/deck_74190-1316.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Apartamento Contemporâneo", price: "Projeto Residencial", imageSrc: "http://img.b2bpic.net/free-photo/closeup-architects-working-with-drawings-desk_1262-18413.jpg" },
|
||||
{ id: "p2", name: "Suíte Master Luxe", price: "Design de Interiores", imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160190.jpg" },
|
||||
{ id: "p3", name: "Cozinha Gourmet", price: "Design Personalizado", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976552.jpg" },
|
||||
{ id: "p4", name: "Banheiro Spa", price: "Projeto de Interiores", imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom_1048-2933.jpg" },
|
||||
{ id: "p5", name: "Home Office Criativo", price: "Workspace Design", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797641.jpg" },
|
||||
{ id: "p6", name: "Terraço Lounge", price: "Área Externa", imageSrc: "http://img.b2bpic.net/free-photo/deck_74190-1316.jpg" }
|
||||
]}
|
||||
title="Portfólio de Projetos"
|
||||
description="Veja como transformamos espaços em verdadeiros lares."
|
||||
@@ -207,46 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Helena Souza",
|
||||
handle: "@helenasouza",
|
||||
testimonial: "O projeto da Ana superou todas as expectativas.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ricardo Mello",
|
||||
handle: "@ricardomello",
|
||||
testimonial: "Profissionalismo e bom gosto em cada detalhe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Clara Bittencourt",
|
||||
handle: "@clarabitt",
|
||||
testimonial: "Transformou minha casa em um sonho.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcelo Dias",
|
||||
handle: "@mdias",
|
||||
testimonial: "Uma experiência incrível de ponta a ponta.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6540.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ana Luiza",
|
||||
handle: "@analu",
|
||||
testimonial: "Recomendo a Ana de olhos fechados.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124300.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Helena Souza", handle: "@helenasouza", testimonial: "O projeto da Ana superou todas as expectativas.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg" },
|
||||
{ id: "t2", name: "Ricardo Mello", handle: "@ricardomello", testimonial: "Profissionalismo e bom gosto em cada detalhe.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg" },
|
||||
{ id: "t3", name: "Clara Bittencourt", handle: "@clarabitt", testimonial: "Transformou minha casa em um sonho.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg" },
|
||||
{ id: "t4", name: "Marcelo Dias", handle: "@mdias", testimonial: "Uma experiência incrível de ponta a ponta.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6540.jpg" },
|
||||
{ id: "t5", name: "Ana Luiza", handle: "@analu", testimonial: "Recomendo a Ana de olhos fechados.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124300.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Clientes Satisfeitos"
|
||||
@@ -259,21 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Como funciona a primeira visita?",
|
||||
content: "Marcamos uma reunião para entender suas necessidades.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Qual o prazo de um projeto?",
|
||||
content: "Varia conforme o tamanho e complexidade do imóvel.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Vocês acompanham a obra?",
|
||||
content: "Sim, oferecemos acompanhamento técnico completo.",
|
||||
},
|
||||
{ id: "q1", title: "Como funciona a primeira visita?", content: "Marcamos uma reunião para entender suas necessidades." },
|
||||
{ id: "q2", title: "Qual o prazo de um projeto?", content: "Varia conforme o tamanho e complexidade do imóvel." },
|
||||
{ id: "q3", title: "Vocês acompanham a obra?", content: "Sim, oferecemos acompanhamento técnico completo." }
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Entenda como funciona nosso processo."
|
||||
@@ -284,16 +148,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Pronto para transformar o seu ambiente?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar uma Consultoria",
|
||||
href: "mailto:ana@anacouto.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Agendar uma Consultoria", href: "mailto:ana@anacouto.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -302,40 +159,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6439.jpg"
|
||||
logoText="Ana Couto"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegação",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projetos",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:ana@anacouto.com",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navegação", items: [{ label: "Home", href: "#hero" }, { label: "Sobre", href: "#about" }, { label: "Projetos", href: "#projects" }] },
|
||||
{ title: "Contato", items: [{ label: "Email", href: "mailto:ana@anacouto.com" }, { label: "WhatsApp", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user