bender/afea80ee-5193-4a12-933b-04e06bf92519
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-20 05:12:40 +00:00
Conversation 0 Commits 2 Files Changed 2 +52 -89
2 changed files with 52 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
src/app/page.tsx
View File

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -32,18 +32,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio", id: "hero"},
{
name: "Sobre Nosotros", id: "about"},
{
name: "Servicios", id: "features"},
{
name: "Inversión", id: "products"},
{
name: "Alianzas", id: "metrics"},
{
name: "Contacto", id: "contact"},
{ name: "Inicio", id: "hero" },
{ name: "Sobre Nosotros", id: "about" },
{ name: "Servicios", id: "features" },
{ name: "Inversión", id: "products" },
{ name: "Alianzas", id: "metrics" },
{ name: "Contacto", id: "contact" },
]}
brandName="ESRA REAL ESTATE"
/>
@@ -51,16 +45,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="Invertir es Crecer"
description="ESRA Real Estate redefine la inversión inmobiliaria estratégica. Nos enfocamos en el crecimiento patrimonial sólido y alianzas exclusivas."
tag="Partner Estratégico"
buttons={[
{
text: "Explorar Oportunidades", href: "#products"},
{
text: "Agenda una llamada", href: "#contact"},
{ text: "Explorar Oportunidades", href: "#products" },
{ text: "Agenda una llamada", href: "#contact" },
]}
tagIcon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/colorful-light-rays-prism-abstract-concept_23-2148771780.jpg"
@@ -73,8 +64,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Más que una agencia, tu aliado en crecimiento"
buttons={[
{
text: "Sobre nuestro enfoque", href: "#"},
{ text: "Sobre nuestro enfoque", href: "#" },
]}
tag="Sobre ESRA"
/>
@@ -86,18 +76,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1", title: "Enfoque Estructurado", author: "ESRA", description: "Metodología basada en datos, no en especulación.", tags: [
"Análisis", "Estrategia"],
imageSrc: "http://img.b2bpic.net/free-photo/investment-business-budget-credit-costs-concept_53876-13720.jpg", imageAlt: "portfolio management strategic growth"},
{
id: "f2", title: "Modelo de Alianzas", author: "ESRA", description: "Colaboraciones de alto valor con los mejores desarrolladores.", tags: [
"Desarrolladores", "Joint Venture"],
imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg", imageAlt: "data-driven investment analysis"},
{
id: "f3", title: "Crecimiento Patrimonial", author: "ESRA", description: "Protección y escalabilidad para tu capital.", tags: [
"Patrimonio", "ROI"],
imageSrc: "http://img.b2bpic.net/free-photo/group-business-partners-formal-suits-pointing-office-building-meeting-outdoors-discussing-real-property-back-view-commercial-real-estate-concept_74855-7313.jpg", imageAlt: "exclusive project partnership development"},
{ id: "f1", title: "Enfoque Estructurado", author: "ESRA", description: "Metodología basada en datos, no en especulación.", tags: ["Análisis", "Estrategia"], imageSrc: "http://img.b2bpic.net/free-photo/investment-business-budget-credit-costs-concept_53876-13720.jpg" },
{ id: "f2", title: "Modelo de Alianzas", author: "ESRA", description: "Colaboraciones de alto valor con los mejores desarrolladores.", tags: ["Desarrolladores", "Joint Venture"], imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg" },
{ id: "f3", title: "Crecimiento Patrimonial", author: "ESRA", description: "Protección y escalabilidad para tu capital.", tags: ["Patrimonio", "ROI"], imageSrc: "http://img.b2bpic.net/free-photo/group-business-partners-formal-suits-pointing-office-building-meeting-outdoors-discussing-real-property-back-view-commercial-real-estate-concept_74855-7313.jpg" }
]}
title="Nuestro Enfoque Estratégico"
description="Diferenciación competitiva para inversores de alto nivel."
@@ -111,18 +92,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Residencial Premium", price: "USD 500k+", variant: "Venta", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004753.jpg", imageAlt: "luxury penthouse apartment modern"},
{
id: "p2", name: "Comercial Estratégico", price: "USD 1.2M+", variant: "Inversión", imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg", imageAlt: "modern architectural villa luxury design"},
{
id: "p3", name: "Desarrollo Boutique", price: "USD 850k+", variant: "Proyecto", imageSrc: "http://img.b2bpic.net/free-photo/view-land-plot-real-estate-business-development_23-2149916723.jpg", imageAlt: "prime investment real estate commercial"},
{
id: "p4", name: "Lotes Premium", price: "USD 300k+", variant: "Inversión", imageSrc: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322089.jpg", imageAlt: "luxury lifestyle apartment development"},
{
id: "p5", name: "Oficinas Clase A", price: "USD 950k+", variant: "Venta", imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-relaxing-cafe-free-time-with-mobile-phone_627829-5388.jpg", imageAlt: "exclusive boutique residential property"},
{
id: "p6", name: "Mixed-Use Prime", price: "USD 2.5M+", variant: "Proyecto", imageSrc: "http://img.b2bpic.net/free-photo/architects-using-smartphone-design-construction-layout-with-building-model-blueprints-man-woman-working-with-mobile-phone-plan-architectural-structure-development_482257-38870.jpg", imageAlt: "contemporary high-end apartment design"},
{ id: "p1", name: "Residencial Premium", price: "USD 500k+", variant: "Venta", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004753.jpg" },
{ id: "p2", name: "Comercial Estratégico", price: "USD 1.2M+", variant: "Inversión", imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg" },
{ id: "p3", name: "Desarrollo Boutique", price: "USD 850k+", variant: "Proyecto", imageSrc: "http://img.b2bpic.net/free-photo/view-land-plot-real-estate-business-development_23-2149916723.jpg" }
]}
title="Oportunidades Exclusivas"
description="Selección premium de proyectos de alta rentabilidad."
@@ -136,12 +108,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "+40%", description: "Rendimiento anual promedio"},
{
id: "m2", value: "15+", description: "Proyectos bajo gestión"},
{
id: "m3", value: "100+", description: "Inversores activos"},
{ id: "m1", value: "+40%", description: "Rendimiento anual promedio" },
{ id: "m2", value: "15+", description: "Proyectos bajo gestión" },
{ id: "m3", value: "100+", description: "Inversores activos" },
]}
title="Crecimiento Conjunto"
description="Escalabilidad real para socios inmobiliarios."
@@ -154,21 +123,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Alejandro M.", handle: "Desarrollador", testimonial: "La visión estratégica de ESRA ha elevado nuestro último proyecto a otro nivel.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswoman-shaking-hands_23-2148012888.jpg"},
{
id: "t2", name: "Elena V.", handle: "Inversionista", testimonial: "Protección de capital y rendimientos consistentes. Es lo que buscaba.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900145.jpg"},
{
id: "t3", name: "Carlos R.", handle: "Constructor", testimonial: "Alianza impecable. Transparencia y resultados financieros reales.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-outdoors_23-2147956325.jpg"},
{
id: "t4", name: "Lucía P.", handle: "Inversionista", testimonial: "El acompañamiento profesional durante todo el proceso fue impecable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-female-business-people-using-tablet-computer-outdoors_1262-12523.jpg"},
{
id: "t5", name: "Javier L.", handle: "Socio", testimonial: "Recomiendo ESRA para quienes buscan inversiones de escala.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/diverse-cia-secret-agents-review-mission-documents-evidence-gathered_482257-118345.jpg"},
{ id: "t1", name: "Alejandro M.", handle: "Desarrollador", testimonial: "La visión estratégica de ESRA ha elevado nuestro último proyecto a otro nivel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswoman-shaking-hands_23-2148012888.jpg" },
{ id: "t2", name: "Elena V.", handle: "Inversionista", testimonial: "Protección de capital y rendimientos consistentes. Es lo que buscaba.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900145.jpg" },
]}
showRating={true}
title="Confianza de nuestros socios"
@@ -180,12 +136,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1", title: "¿Cómo es el proceso de inversión?", content: "Realizamos un análisis exhaustivo de viabilidad y riesgo para asegurar tu capital."},
{
id: "q2", title: "¿Qué tipos de activos gestionan?", content: "Activos premium: residencial de lujo, comercial corporativo y proyectos de desarrollo."},
{
id: "q3", title: "¿Cómo empiezo mi alianza con ESRA?", content: "Agenda una llamada estratégica para conocer tu perfil y objetivos."},
{ id: "q1", title: "¿Cómo es el proceso de inversión?", content: "Realizamos un análisis exhaustivo de viabilidad y riesgo para asegurar tu capital." },
{ id: "q2", title: "¿Qué tipos de activos gestionan?", content: "Activos premium: residencial de lujo, comercial corporativo y proyectos de desarrollo." },
{ id: "q3", title: "¿Cómo empiezo mi alianza con ESRA?", content: "Agenda una llamada estratégica para conocer tu perfil y objetivos." },
]}
sideTitle="Preguntas Frecuentes"
faqsAnimation="blur-reveal"
@@ -195,26 +148,36 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
background={{ variant: "sparkles-gradient" }}
text="Construyamos crecimiento estratégico juntos."
buttons={[
{
text: "Agenda una llamada", href: "#"},
{ text: "Agenda una llamada", href: "#" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterLogoEmphasis
logoText="ESRA REAL ESTATE"
leftLink={{
text: "Privacidad", href: "#"}}
rightLink={{
text: "Términos", href: "#"}}
columns={[
{
items: [
{ label: "Inicio", href: "#hero" },
{ label: "Sobre Nosotros", href: "#about" },
{ label: "Servicios", href: "#features" }
]
},
{
items: [
{ label: "Privacidad", href: "#" },
{ label: "Términos", href: "#" },
{ label: "Contacto", href: "#contact" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #0B3D3B;
--primary-cta: #C9A24A;
--background: #0a0a0a;
--card: #171717;
--foreground: #f5f5f5;
--primary-cta: #c5a059;
--primary-cta-text: #ffffff;
--secondary-cta: #0B3D3B;
--secondary-cta: #333333;
--secondary-cta-text: #ffffff;
--accent: #C9A24A;
--background-accent: #0B3D3B;
--accent: #e5c07b;
--background-accent: #121212;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);