311 lines
17 KiB
TypeScript
311 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Briefcase, Home, Lightbulb, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#inicio"},
|
|
{
|
|
name: "Nosotros", id: "#nosotros"},
|
|
{
|
|
name: "Servicios", id: "#servicios"},
|
|
{
|
|
name: "Propiedades", id: "#propiedades"},
|
|
{
|
|
name: "Opiniones", id: "#opiniones"},
|
|
{
|
|
name: "Contacto", id: "#contacto"},
|
|
]}
|
|
brandName="Inmobiliaria Moderna"
|
|
button={{
|
|
text: "Comienza Ahora", href: "#contacto"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="inicio" data-section="inicio">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Encuentra tu Hogar Perfecto con Nosotros"
|
|
description="Expertos en conectar personas con propiedades ideales. Tu búsqueda termina aquí."
|
|
testimonials={[
|
|
{
|
|
name: "Laura G.", handle: "@laurag_realty", testimonial: "¡El equipo hizo que la compra de nuestra primera casa fuera un sueño! Profesionales y atentos en cada paso.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", imageAlt: "Laura G. avatar"},
|
|
{
|
|
name: "Carlos M.", handle: "@carlosm_homes", testimonial: "Vendieron mi apartamento en tiempo récord y al mejor precio. Servicio impecable.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg", imageAlt: "Carlos M. avatar"},
|
|
{
|
|
name: "Ana S.", handle: "@ana_properties", testimonial: "Encontraron el alquiler perfecto para mi familia. La atención fue excepcional.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style_1321-3383.jpg", imageAlt: "Ana S. avatar"},
|
|
{
|
|
name: "Roberto F.", handle: "@robertof_real", testimonial: "La asesoría para vender mi casa fue de primera, consiguieron un comprador rápidamente.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Roberto F. avatar"},
|
|
{
|
|
name: "Marta V.", handle: "@martav_property", testimonial: "Increíble experiencia comprando mi primera inversión. Muy agradecida por la paciencia y el conocimiento.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", imageAlt: "Marta V. avatar"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Explorar Propiedades", href: "#propiedades"},
|
|
{
|
|
text: "Vender mi Propiedad", href: "#contacto"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Testimonial Avatar 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Testimonial Avatar 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Testimonial Avatar 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pleased-male-customer-guarantee-quality-show-okay-sign_176420-18709.jpg", alt: "Testimonial Avatar 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", alt: "Testimonial Avatar 5"},
|
|
]}
|
|
avatarText="+1000 Clientes Felices"
|
|
imageSrc="http://img.b2bpic.net/free-photo/chateau-vartely-building-with-rocky-slope-grass_1268-14471.jpg"
|
|
imageAlt="Fachada de casa moderna con jardín"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Tu Hogar Ideal"},
|
|
{
|
|
type: "text-icon", text: "Expertos a tu lado", icon: Lightbulb,
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/employers-agreeing-terms-with-applicant-using-walking-canes_482257-115593.jpg", alt: "Diverse team collaborating"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/high-rise-buildings-modern-city_1359-883.jpg", alt: "Modern building facade"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/young-family-with-little-daughter-moving-into-new-house_1303-23761.jpg", alt: "Happy family new home"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="nosotros" data-section="nosotros">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="Nuestra Historia"
|
|
title="Más de 20 años de Experiencia Conectando Personas con Propiedades"
|
|
buttons={[
|
|
{
|
|
text: "Conoce al Equipo", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="servicios" data-section="servicios">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={false}
|
|
title="Nuestros Servicios Exclusivos"
|
|
description="Ofrecemos una gama completa de servicios para facilitar tu experiencia inmobiliaria, adaptándonos a tus necesidades y objetivos."
|
|
accordionItems={[
|
|
{
|
|
id: "venta", title: "Venta de Propiedades", content: "Valoración experta, marketing digital avanzado, y gestión integral de todo el proceso de venta para maximizar tu retorno."},
|
|
{
|
|
id: "alquiler", title: "Alquiler de Inmuebles", content: "Encuentra el inquilino ideal o la propiedad perfecta para alquilar, con total seguridad y asesoramiento legal."},
|
|
{
|
|
id: "asesoria", title: "Asesoría Legal y Financiera", content: "Soporte legal y financiero completo para garantizar transacciones transparentes y asegurar la mejor inversión."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149133.jpg"
|
|
imageAlt="Oficina moderna de bienes raíces"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="propiedades" data-section="propiedades">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Villa de Lujo con Vista al Mar", price: "$2,500,000", imageSrc: "http://img.b2bpic.net/free-photo/stair-pool_1203-2781.jpg", imageAlt: "Villa de lujo moderna con vista al mar"},
|
|
{
|
|
id: "p2", name: "Apartamento Moderno en el Centro", price: "$450,000", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-products-home_23-2148766921.jpg", imageAlt: "Apartamento moderno en el centro de la ciudad"},
|
|
{
|
|
id: "p3", name: "Casa Familiar con Amplio Jardín", price: "$780,000", imageSrc: "http://img.b2bpic.net/free-photo/mom-supporting-girl-while-she-skateboarding_259150-57525.jpg", imageAlt: "Casa familiar con amplio jardín en los suburbios"},
|
|
{
|
|
id: "p4", name: "Finca Rústica Renovada", price: "$950,000", imageSrc: "http://img.b2bpic.net/free-photo/woman-gathering-beets-from-farm_23-2150454966.jpg", imageAlt: "Finca rústica renovada con encanto"},
|
|
{
|
|
id: "p5", name: "Bungalow en Primera Línea de Playa", price: "$1,800,000", imageSrc: "http://img.b2bpic.net/free-photo/architecture-decor-light-table-new_1203-4389.jpg", imageAlt: "Bungalow en primera línea de playa"},
|
|
{
|
|
id: "p6", name: "Edificio Comercial Histórico", price: "$3,200,000", imageSrc: "http://img.b2bpic.net/free-photo/view-new-york-downtown-from-view-point-usa_1268-19569.jpg", imageAlt: "Edificio comercial histórico en el centro"},
|
|
]}
|
|
title="Propiedades Destacadas"
|
|
description="Explora nuestra exclusiva selección de casas, apartamentos y terrenos disponibles en las mejores ubicaciones."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metricas" data-section="metricas">
|
|
<MetricCardOne
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "1500+", title: "Propiedades Vendidas", description: "Hemos ayudado a más de mil clientes a encontrar su hogar ideal o a vender su propiedad.", icon: Home,
|
|
},
|
|
{
|
|
id: "m2", value: "98%", title: "Clientes Satisfechos", description: "Nuestro índice de satisfacción del cliente es el reflejo de nuestro servicio de alta calidad.", icon: Users,
|
|
},
|
|
{
|
|
id: "m3", value: "20 Años", title: "Experiencia en el Mercado", description: "Dos décadas liderando el sector inmobiliario con conocimiento y profesionalismo.", icon: Briefcase,
|
|
},
|
|
]}
|
|
title="Cifras que Inspiran Confianza"
|
|
description="Nuestros logros hablan por sí mismos y demuestran nuestro compromiso con la excelencia en cada transacción."
|
|
/>
|
|
</div>
|
|
|
|
<div id="opiniones" data-section="opiniones">
|
|
<TestimonialCardSixteen
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "María G.", role: "Compradora", company: "Familia", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg", imageAlt: "Familia feliz con llaves de casa"},
|
|
{
|
|
id: "t2", name: "Juan R.", role: "Inversor", company: "Empresario", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", imageAlt: "Hombre de negocios sonriendo"},
|
|
{
|
|
id: "t3", name: "Elena P.", role: "Vendedora", company: "Jubilada", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-couple-having-fun-christmas_1187-689.jpg", imageAlt: "Pareja de ancianos sonriendo en el jardín"},
|
|
{
|
|
id: "t4", name: "Pedro S.", role: "Arrendatario", company: "Estudiante", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/image-young-woman-entrepreneur-works-from-home-girl-studies-remote-writes-down-information-makes_1258-199711.jpg", imageAlt: "Mujer joven trabajando con portátil en cafetería"},
|
|
{
|
|
id: "t5", name: "Sofía L.", role: "Compradora", company: "Madre", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-mother-with-kids-home_23-2150219302.jpg", imageAlt: "Familia con niños jugando en el parque"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "5 Estrellas", label: "Valoración Media"},
|
|
{
|
|
value: "100%", label: "Recomendados"},
|
|
{
|
|
value: "+500", label: "Casas Vendidas"},
|
|
]}
|
|
title="Lo que Dicen Nuestros Clientes"
|
|
description="La satisfacción de quienes confían en nosotros es nuestra mayor recompensa. Lee sus historias de éxito."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "¿Cómo puedo vender mi propiedad con ustedes?", content: "Inicia el proceso contactándonos para una valoración gratuita. Nos encargaremos de la promoción, las visitas y la negociación."},
|
|
{
|
|
id: "q2", title: "¿Qué documentos necesito para comprar una casa?", content: "Generalmente, se requiere identificación, comprobante de ingresos, historial crediticio y un pre-aprobado de hipoteca. Te asesoramos en cada paso."},
|
|
{
|
|
id: "q3", title: "¿Ofrecen tours virtuales de las propiedades?", content: "Sí, para muchas de nuestras propiedades destacadas ofrecemos tours virtuales 360°, videos y fotografías de alta calidad."},
|
|
{
|
|
id: "q4", title: "¿Cuál es la comisión por sus servicios?", content: "Nuestras tarifas son competitivas y transparentes. Se discutirán y acordarán claramente al inicio del proceso, sin sorpresas."},
|
|
{
|
|
id: "q5", title: "¿Ayudan con la financiación de la hipoteca?", content: "Sí, contamos con alianzas estratégicas con bancos y asesores financieros para ayudarte a encontrar las mejores opciones de hipoteca."},
|
|
{
|
|
id: "q6", title: "¿Puedo listar mi propiedad en su sitio web?", content: "Absolutamente. Contáctanos para discutir los detalles y cómo podemos ayudarte a promocionar tu propiedad a nuestra amplia red de compradores."},
|
|
]}
|
|
title="¿Tienes Preguntas? Te Respondemos"
|
|
description="Hemos recopilado las preguntas más comunes para ayudarte a resolver tus dudas sobre el proceso inmobiliario."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Contacta Ahora"
|
|
title="Haz Realidad tus Sueños Inmobiliarios"
|
|
description="Estamos listos para ayudarte en cada paso, ya sea comprando, vendiendo o alquilando. Contáctanos hoy mismo para empezar tu próxima gran aventura."
|
|
buttons={[
|
|
{
|
|
text: "Agendar una Cita", href: "#"},
|
|
{
|
|
text: "Llamar Ahora", href: "tel:+34123456789"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Servicios", items: [
|
|
{
|
|
label: "Venta de Propiedades", href: "#servicios"},
|
|
{
|
|
label: "Alquiler de Inmuebles", href: "#servicios"},
|
|
{
|
|
label: "Asesoría Legal", href: "#servicios"},
|
|
],
|
|
},
|
|
{
|
|
title: "Empresa", items: [
|
|
{
|
|
label: "Acerca de Nosotros", href: "#nosotros"},
|
|
{
|
|
label: "Nuestro Equipo", href: "#"},
|
|
{
|
|
label: "Testimonios", href: "#opiniones"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contacto", items: [
|
|
{
|
|
label: "Preguntas Frecuentes", href: "#faq"},
|
|
{
|
|
label: "Contáctanos", href: "#contacto"},
|
|
{
|
|
label: "Política de Privacidad", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Inmobiliaria Moderna. Todos los derechos reservados."
|
|
bottomRightText="Hecho con ❤️"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|