Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
246
src/app/page.tsx
246
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Imóveis",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Imóveis", id: "products" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="JR Imóveis"
|
||||
/>
|
||||
@@ -54,69 +42,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="JR Imóveis Estância Velha: Seu próximo lar começa aqui."
|
||||
description="Encontre as melhores opções de casas, terrenos e apartamentos com quem entende do mercado local. Segurança, transparência e agilidade na negociação."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Imóveis",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Fale Conosco",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
title="JR Imóveis: Transformando Vidas em Estância Velha"
|
||||
description="Especialistas em realizar sonhos. Encontre casas, terrenos e apartamentos com total segurança, transparência e agilidade na negociação."
|
||||
buttons={[{ text: "Ver Imóveis", href: "#products" }, { text: "Fale Conosco", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-with-tablet_23-2147996523.jpg"
|
||||
imageAlt="JR Imóveis Estância Velha Fachada"
|
||||
imageAlt="JR Imóveis Estância Velha"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-working-office_1157-21864.jpg",
|
||||
alt: "Corretor 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124681.jpg",
|
||||
alt: "Corretor 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-business-man-holding-clipboard_23-2148230185.jpg",
|
||||
alt: "Corretor 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-121003.jpg",
|
||||
alt: "Corretor 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-professional-explaining-agreement-details-young-customers_74855-10269.jpg",
|
||||
alt: "Corretor 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Equipe especializada à sua disposição"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Casas de Alto Padrão",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Terrenos em Loteamento",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Apartamentos Modernos",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sobrados Familiares",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Salas Comerciais",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,8 +57,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Tradição e Compromisso com você"
|
||||
description={[
|
||||
"Na JR Imóveis, acreditamos que realizar o sonho da casa própria deve ser um processo simples e transparente.",
|
||||
"Com anos de experiência em Estância Velha, oferecemos um atendimento personalizado para garantir que você encontre a melhor oportunidade para morar ou investir.",
|
||||
"Com décadas de experiência no mercado imobiliário de Estância Velha, a JR Imóveis é referência em atendimento personalizado.", "Nosso foco é simplificar a jornada da casa própria, garantindo segurança jurídica e o melhor negócio para nossos clientes."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,33 +68,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Localização Privilegiada",
|
||||
tags: [
|
||||
"Estância Velha",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-shirt-tie-drawing-arrow_1134-471.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Assessoria Completa",
|
||||
tags: [
|
||||
"Jurídico",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910950.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Melhores Preços",
|
||||
tags: [
|
||||
"Oportunidades",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-family-holding-roof-their-head_23-2149038355.jpg",
|
||||
},
|
||||
{ id: "1", title: "Localização Estratégica", tags: ["Estância Velha"], imageSrc: "http://img.b2bpic.net/free-photo/man-with-shirt-tie-drawing-arrow_1134-471.jpg" },
|
||||
{ id: "2", title: "Assessoria Jurídica", tags: ["Segurança"], imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910950.jpg" },
|
||||
{ id: "3", title: "Melhores Negócios", tags: ["Oportunidades"], imageSrc: "http://img.b2bpic.net/free-photo/cute-family-holding-roof-their-head_23-2149038355.jpg" },
|
||||
]}
|
||||
title="Por que escolher a JR Imóveis?"
|
||||
description="Nossa missão é conectar pessoas a espaços que transformam vidas."
|
||||
title="Diferenciais JR Imóveis"
|
||||
description="Mais que vender, construímos confiança e valorizamos seu patrimônio."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,76 +84,22 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Casa no Centro",
|
||||
price: "R$ 450.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relax-house-thai-style_1150-17982.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Apartamento Moderno",
|
||||
price: "R$ 320.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-red-coat-knitted-hat-sitting-wooden-stairs-she-holds-camera-knees-smiling_197531-1961.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Terreno em Loteamento",
|
||||
price: "R$ 180.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-front-door_23-2147653339.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sobrado Familiar",
|
||||
price: "R$ 580.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-house-cement-view-from-garden_1127-3209.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sala Comercial",
|
||||
price: "R$ 290.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-sale-lettering-yellow-background_23-2148346236.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Chácara Próxima",
|
||||
price: "R$ 750.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/default-title_400718-11.jpg",
|
||||
},
|
||||
{ id: "1", name: "Casa Alto Padrão", price: "R$ 850.000", imageSrc: "http://img.b2bpic.net/free-photo/relax-house-thai-style_1150-17982.jpg" },
|
||||
{ id: "2", name: "Apartamento Loft", price: "R$ 380.000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-red-coat-knitted-hat-sitting-wooden-stairs-she-holds-camera-knees-smiling_197531-1961.jpg" },
|
||||
{ id: "3", name: "Terreno em Loteamento", price: "R$ 220.000", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-front-door_23-2147653339.jpg" },
|
||||
]}
|
||||
title="Imóveis em Destaque"
|
||||
description="Confira uma seleção exclusiva de casas, apartamentos e terrenos."
|
||||
title="Imóveis Selecionados"
|
||||
description="Explore nosso catálogo de oportunidades em Estância Velha e região."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="A JR Imóveis facilitou todo o meu processo de compra em Estância Velha. Profissionais dedicados e muito atenciosos!"
|
||||
testimonial="Profissionais impecáveis. A JR Imóveis me entregou as chaves do meu apartamento com total tranquilidade no processo."
|
||||
rating={5}
|
||||
author="Carlos Silva"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-real-estate-agent-showing-house_23-2150225242.jpg",
|
||||
alt: "Carlos Silva",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-image-adorable-magnificent-young-female-holding-keys-smiling-sincerely_176532-10215.jpg",
|
||||
alt: "Maria Santos",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "João Pereira",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-moving-using-boxes_1157-35331.jpg",
|
||||
alt: "Ana Souza",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outside-lifestyle-portrait-happy-relaxed-woman-poses-summer-terrace-sunshine-true-emotions_291650-1278.jpg",
|
||||
alt: "Pedro Costa",
|
||||
},
|
||||
]}
|
||||
author="Fernanda M. - Cliente desde 2023"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/medium-shot-real-estate-agent-showing-house_23-2150225242.jpg", alt: "Cliente" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -254,26 +110,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Como agendar uma visita?",
|
||||
content: "Entre em contato pelo nosso WhatsApp ou formulário no site.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Aceitam financiamento?",
|
||||
content: "Sim, trabalhamos com todos os bancos e facilitamos o processo.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Como avaliar meu imóvel?",
|
||||
content: "Nossos corretores realizam uma avaliação técnica gratuita.",
|
||||
},
|
||||
{ id: "1", title: "Como funciona a visita?", content: "Agendamos conforme sua disponibilidade, inclusive aos fins de semana." },
|
||||
{ id: "2", title: "Aceitam financiamento?", content: "Sim, atuamos com todos os bancos e assessoramos na aprovação de crédito." },
|
||||
{ id: "3", title: "Como avalio meu imóvel para venda?", content: "Nossa equipe realiza uma avaliação técnica baseada no valor de mercado real." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Dúvidas Frequentes"
|
||||
description="Esclareça suas principais dúvidas sobre o mercado imobiliário."
|
||||
title="Perguntas Frequentes"
|
||||
description="Tire suas dúvidas e sinta-se seguro na hora da compra."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -282,29 +126,19 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Bancário X",
|
||||
"Seguradora Y",
|
||||
"Loteadora Z",
|
||||
"Construtora A",
|
||||
"Financiadora B",
|
||||
"Consultoria C",
|
||||
"Notário D",
|
||||
]}
|
||||
title="Parceiros e Credibilidade"
|
||||
description="Trabalhamos com os melhores parceiros da região."
|
||||
names={["Caixa Econômica", "Banco do Brasil", "Bradesco", "Itaú", "Santander"]}
|
||||
title="Parceiros Institucionais"
|
||||
description="Trabalhamos com os maiores bancos para garantir financiamentos facilitados."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Entre em Contato"
|
||||
title="Vamos encontrar o seu imóvel?"
|
||||
description="Preencha seus dados para que um de nossos corretores entre em contato o mais breve possível."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contato"
|
||||
title="Pronto para dar o próximo passo?"
|
||||
description="Preencha o formulário e nossa equipe entrará em contato prontamente para agendar uma conversa."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-making-calls-working-outdoors-sitting-city-centre-suit-holding-laptop-mo_1258-119491.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -313,14 +147,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="JR Imóveis"
|
||||
leftLink={{
|
||||
text: "Termos de Uso",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacidade",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Termos de Uso", href: "#" }}
|
||||
rightLink={{ text: "Privacidade", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
91
src/app/property/[id]/page.tsx
Normal file
91
src/app/property/[id]/page.tsx
Normal file
@@ -0,0 +1,91 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { useState } from 'react';
|
||||
import { ArrowLeft, MapPin, Bed, Bath, Square } from 'lucide-react';
|
||||
|
||||
export default function PropertyDetailPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Início", id: "/" },
|
||||
{ name: "Imóveis", id: "/#products" },
|
||||
{ name: "Contato", id: "/#contact" },
|
||||
]}
|
||||
brandName="JR Imóveis"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="container mx-auto py-12 px-6 space-y-12">
|
||||
<div className="flex items-center gap-2 mb-4">
|
||||
<a href="/#products" className="flex items-center text-primary hover:underline">
|
||||
<ArrowLeft className="w-4 h-4 mr-1" /> Voltar para imóveis
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<div className="space-y-4">
|
||||
<img src="http://img.b2bpic.net/free-photo/beautiful-modern-house-cement-view-from-garden_1127-3209.jpg" alt="Property" className="w-full rounded-2xl shadow-lg" />
|
||||
<div className="grid grid-cols-3 gap-2">
|
||||
<img src="http://img.b2bpic.net/free-photo/relax-house-thai-style_1150-17982.jpg" alt="Details" className="rounded-lg" />
|
||||
<img src="http://img.b2bpic.net/free-photo/beautiful-modern-house-cement-view-from-garden_1127-3209.jpg" alt="Details" className="rounded-lg" />
|
||||
<img src="http://img.b2bpic.net/free-photo/real-estate-agent-front-door_23-2147653339.jpg" alt="Details" className="rounded-lg" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
<h1 className="text-4xl font-bold">Casa de Alto Padrão no Centro</h1>
|
||||
<p className="text-2xl font-semibold text-primary">R$ 450.000</p>
|
||||
<div className="flex gap-6">
|
||||
<div className="flex items-center gap-2"><Bed className="w-5 h-5 text-gray-500" /> 3 Quartos</div>
|
||||
<div className="flex items-center gap-2"><Bath className="w-5 h-5 text-gray-500" /> 2 Banheiros</div>
|
||||
<div className="flex items-center gap-2"><Square className="w-5 h-5 text-gray-500" /> 150m²</div>
|
||||
</div>
|
||||
<p className="text-gray-600">Esta residência exclusiva oferece acabamentos de primeira linha, ampla iluminação natural e uma localização imbatível no coração de Estância Velha. Ideal para famílias que buscam conforto e sofisticação.</p>
|
||||
<div className="bg-gray-50 p-6 rounded-2xl space-y-4">
|
||||
<h3 className="font-bold text-lg">Agendar Visita</h3>
|
||||
<input type="text" placeholder="Nome" className="w-full p-3 rounded-lg border" />
|
||||
<input type="email" placeholder="Email" className="w-full p-3 rounded-lg border" />
|
||||
<button className="w-full bg-primary text-white p-3 rounded-lg font-bold">Enviar Interesse</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Fale Conosco"
|
||||
title="Gostou deste imóvel?"
|
||||
description="Entre em contato com nossa equipe agora e agende uma visita sem compromisso."
|
||||
buttons={[{ text: "WhatsApp", href: "https://wa.me/" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="JR Imóveis"
|
||||
leftLink={{ text: "Termos de Uso", href: "#" }}
|
||||
rightLink={{ text: "Privacidade", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user