243 lines
11 KiB
TypeScript
243 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "features"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Diogo Gomes Real Estate"
|
|
button={{ text: "Fale Conosco", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Encontrando o Seu Lar Ideal"
|
|
description="Especialista em realizar sonhos e garantir os melhores investimentos imobiliários. Com expertise, transparência e dedicação total às suas necessidades."
|
|
buttons={[
|
|
{
|
|
text: "Ver Imóveis", href: "#products"},
|
|
{
|
|
text: "Fale Conosco", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-vacation_23-2149204469.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-posing-street-dress-with-backpack_1296-805.jpg", alt: "young beautiful girl posing on the street in a dress with a backpack"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/luxury-sunset-poolside-relaxation-with-stunning-landscape-view-generated-by-ai_188544-30833.jpg", alt: "Luxury sunset poolside relaxation with stunning landscape view generated by AI"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/colonial-style-house-night-scene_1150-17925.jpg", alt: "colonial style house in night scene"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-caucasian-woman-short-summer-dress-outside-villa-hotel-by-tree-blue-swimming-pool_343596-691.jpg", alt: "Happy caucasian woman in short summer dress outside villa hotel by tree and blue swimming pool"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-successful-business-team-working-report-looking-camera_1262-12268.jpg", alt: "Cheerful successful business team working on report and looking at camera."},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Avaliações precisas"},
|
|
{
|
|
type: "text", text: "Consultoria Imobiliária"},
|
|
{
|
|
type: "text", text: "Atendimento exclusivo"},
|
|
{
|
|
type: "text", text: "Transparência total"},
|
|
{
|
|
type: "text", text: "Resultados reais"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="Compromisso com Excelência"
|
|
description={[
|
|
"Diogo Gomes é sinônimo de confiança no mercado imobiliário. Cada propriedade selecionada passa por um rigoroso critério de qualidade.", "Nosso foco é oferecer um atendimento personalizado que transforma a jornada de compra e venda em uma experiência fluida e segura para todos os nossos clientes."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Avaliação Precisa", tags: [
|
|
"Consultoria"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-keys-outdoors_23-2151015222.jpg"},
|
|
{
|
|
id: "f2", title: "Fotos Profissionais", tags: [
|
|
"Marketing"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/working-place-real-estate-agent_23-2147764208.jpg"},
|
|
{
|
|
id: "f3", title: "Suporte Jurídico", tags: [
|
|
"Segurança"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-contract-table-couple-taking-mortgage-loan_1163-4194.jpg"},
|
|
]}
|
|
title="Nossos Diferenciais"
|
|
description="Serviços desenhados para simplificar o seu investimento."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Casa Luxo", price: "R$ 1.5M", variant: "Casa", imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16013.jpg"},
|
|
{
|
|
id: "p2", name: "Apartamento City", price: "R$ 800k", variant: "Ap", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg"},
|
|
{
|
|
id: "p3", name: "Cobertura Vista", price: "R$ 2.2M", variant: "Cobertura", imageSrc: "http://img.b2bpic.net/free-photo/catholic-altar-inside-ancient-monument-illuminated-night-generated-by-ai_188544-10692.jpg"},
|
|
{
|
|
id: "p4", name: "Sobrado Garden", price: "R$ 950k", variant: "Sobrado", imageSrc: "http://img.b2bpic.net/free-photo/terrace-exterior-building_1203-3258.jpg"},
|
|
{
|
|
id: "p5", name: "Studio Center", price: "R$ 450k", variant: "Studio", imageSrc: "http://img.b2bpic.net/free-photo/big-billboard-template-building-city_23-2148197259.jpg"},
|
|
{
|
|
id: "p6", name: "Terreno Club", price: "R$ 300k", variant: "Terreno", imageSrc: "http://img.b2bpic.net/free-photo/sunny-morning-big-city-terrace-young-brunette-fashionable-woman-talking-phone-smiling-attractive-model-woman-chilling-relaxing-time-happiness_197531-1901.jpg"},
|
|
]}
|
|
title="Imóveis em Destaque"
|
|
description="Descubra oportunidades únicas em localizações privilegiadas."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Nossos Resultados"
|
|
tag="Expertise"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "150+", description: "Imóveis Vendidos"},
|
|
{
|
|
id: "m2", value: "98%", description: "Clientes Satisfeitos"},
|
|
{
|
|
id: "m3", value: "10", description: "Anos de Mercado"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Ana Souza", role: "Cliente", testimonial: "Excelente profissional, muito atencioso e dedicado.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-white-t-shirt-zip-front-black-hoodie-holding-house-model-one-hand-showing-winner-pose-looking-optimistic-front-view_176474-45426.jpg"},
|
|
{
|
|
id: "t2", name: "Carlos Lima", role: "Investidor", testimonial: "O melhor consultor imobiliário que já conheci.", imageSrc: "http://img.b2bpic.net/free-photo/married-couple-buying-first-house-together-having-keys-being-property-homeowners-start-new-beginnings-celebrating-relationship-event-with-household-relocation-moving_482257-49167.jpg"},
|
|
{
|
|
id: "t3", name: "Maria Silva", role: "Compradora", testimonial: "Tudo muito prático e seguro.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-woman-thumbs-up-give-approval-drink-coffee_176420-16240.jpg"},
|
|
{
|
|
id: "t4", name: "João Santos", role: "Vendedor", testimonial: "Venda concluída com sucesso em tempo recorde.", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg"},
|
|
{
|
|
id: "t5", name: "Patrícia Reis", role: "Locatária", testimonial: "Processo transparente e sem burocracia.", imageSrc: "http://img.b2bpic.net/free-photo/new-family-going-move-new-apartment-joyful-couple-packing-relocation-young-man-woman-hugging-they-around-boxes-empty-room-wearing-casual-clothes_197531-1632.jpg"},
|
|
]}
|
|
title="Depoimentos"
|
|
description="O que nossos clientes dizem sobre nossa parceria."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Ainda tem dúvidas? Fale com nosso time", href: "#contact" }]}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Como agendar uma visita?", content: "Entre em contato via WhatsApp ou formulário."},
|
|
{
|
|
id: "q2", title: "Aceita financiamento?", content: "Sim, trabalhamos com todos os bancos."},
|
|
{
|
|
id: "q3", title: "Quais taxas estão inclusas?", content: "Explicamos detalhadamente todos os custos antes da compra."},
|
|
]}
|
|
title="Perguntas Frequentes"
|
|
description="Dúvidas sobre o processo imobiliário."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Fale Conosco"
|
|
title="Entre em Contato"
|
|
description="Quer vender ou comprar um imóvel? Mande sua mensagem agora."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Diogo Gomes"
|
|
columns={[
|
|
{
|
|
title: "Empresa", items: [
|
|
{
|
|
label: "Sobre", href: "#about"},
|
|
{
|
|
label: "Serviços", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacidade", href: "#"},
|
|
{
|
|
label: "Termos", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|