Merge version_1 into main #4
229
src/app/page.tsx
229
src/app/page.tsx
@@ -25,133 +25,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Espacios", id: "spaces" },
|
||||
{ name: "Amenidades", id: "amenities" },
|
||||
{ name: "Ubicación", id: "location" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="QUADRA TOWERS"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Espacios", id: "spaces" },
|
||||
{ name: "Amenidades", id: "amenities" },
|
||||
{ name: "Ubicación", id: "location" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="QUADRA TOWERS"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Donde el liderazgo tiene sede."
|
||||
description="Dos torres icónicas de oficinas corporativas en el corazón de Monterrey. Espacios diseñados para empresas que no admiten lo ordinario."
|
||||
testimonials={[
|
||||
{
|
||||
name: "José Raymundo Rivera", handle: "Tenant", testimonial: "Amplias oficinas y un lugar muy cómodo para trabajar. Sin duda una de las mejores opciones en Monterrey.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg"},
|
||||
{
|
||||
name: "Nowa", handle: "Tenant", testimonial: "Excelente edificación que alberga la modernidad en el nuevo Monterrey. Oficinas corporativas de primer nivel.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg"},
|
||||
{
|
||||
name: "drreal01", handle: "Tenant", testimonial: "Limpio, las vistas desde las oficinas parecen de postal. Un gran lugar para trabajar.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg"},
|
||||
{
|
||||
name: "Raúl Cordova", handle: "Tenant", testimonial: "Oficinas muy modernas con espacios muy adaptables a la dinámica actual.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
|
||||
{
|
||||
name: "Gilberto Vázquez", handle: "Arquitecto", testimonial: "Se ve la mano del arquitecto en la búsqueda de la eficiencia y la belleza.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/job-seat-commercial-digitally-generated-blank_1134-1162.jpg"},
|
||||
]}
|
||||
tag="Torre Premium · San Pedro"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar Visita", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg", alt: "José Raymundo Rivera" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg", alt: "Nowa" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg", alt: "drreal01" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Raúl Cordova" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/job-seat-commercial-digitally-generated-blank_1134-1162.jpg", alt: "Gilberto Vázquez" },
|
||||
]}
|
||||
avatarText="Únete a nuestra comunidad de líderes"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Donde el liderazgo tiene sede."
|
||||
description="Dos torres icónicas de oficinas corporativas en el corazón de Monterrey. Espacios diseñados para empresas que no admiten lo ordinario."
|
||||
testimonials={[
|
||||
{ name: "José Raymundo Rivera", handle: "Tenant", testimonial: "Amplias oficinas y un lugar muy cómodo para trabajar. Sin duda una de las mejores opciones en Monterrey.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg" },
|
||||
{ name: "Nowa", handle: "Tenant", testimonial: "Excelente edificación que alberga la modernidad en el nuevo Monterrey. Oficinas corporativas de primer nivel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg" },
|
||||
{ name: "drreal01", handle: "Tenant", testimonial: "Limpio, las vistas desde las oficinas parecen de postal. Un gran lugar para trabajar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg" },
|
||||
{ name: "Raúl Cordova", handle: "Tenant", testimonial: "Oficinas muy modernas con espacios muy adaptables a la dinámica actual.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg" },
|
||||
{ name: "Gilberto Vázquez", handle: "Arquitecto", testimonial: "Se ve la mano del arquitecto en la búsqueda de la eficiencia y la belleza.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/job-seat-commercial-digitally-generated-blank_1134-1162.jpg" },
|
||||
]}
|
||||
tag="Torre Premium · San Pedro"
|
||||
buttons={[{ text: "Reservar Visita", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg", alt: "José Raymundo Rivera" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg", alt: "Nowa" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg", alt: "drreal01" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Raúl Cordova" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/job-seat-commercial-digitally-generated-blank_1134-1162.jpg", alt: "Gilberto Vázquez" },
|
||||
]}
|
||||
avatarText="Únete a nuestra comunidad de líderes"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Sobre el Complejo"
|
||||
title="Arquitectura que inspira resultados."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Sobre el Complejo"
|
||||
title="Arquitectura que inspira resultados."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="spaces" data-section="spaces">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Suite Ejecutiva", description: "Vistas panorámicas 360°, ideales para corporativos de alto nivel.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1979.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Oficina Corporativa", description: "Espacios modulares con distribución abierta y funcional.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3606.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Oficina PyME", description: "Soluciones flexibles para equipos dinámicos y proyectos.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3606.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1979.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Elige el espacio que define tu empresa."
|
||||
description="Explora nuestra selección de oficinas y espacios corporativos adaptables."
|
||||
/>
|
||||
</div>
|
||||
<div id="spaces" data-section="spaces">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Suite Ejecutiva", description: "Vistas panorámicas 360°, ideales para corporativos de alto nivel.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1979.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Oficina Corporativa", description: "Espacios modulares con distribución abierta y funcional.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3606.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Oficina PyME", description: "Soluciones flexibles para equipos dinámicos y proyectos.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3606.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1979.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Elige el espacio que define tu empresa."
|
||||
description="Explora nuestra selección de oficinas y espacios corporativos adaptables."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Detalles Premium"
|
||||
description="Cada rincón de Quadra Towers ha sido pensado para el éxito."
|
||||
features={[
|
||||
{ title: "Seguridad 24/7", descriptions: "Monitoreo constante." },
|
||||
{ title: "Alta Velocidad", descriptions: "Fibra óptica dedicada." },
|
||||
{ title: "Áreas Verdes", descriptions: "Entorno natural." },
|
||||
{ title: "Parking", descriptions: "Acceso exclusivo." },
|
||||
{ title: "Lobby", descriptions: "Recepción de lujo." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Detalles Premium"
|
||||
description="Cada rincón de Quadra Towers ha sido pensado para el éxito."
|
||||
features={[
|
||||
{ title: "Seguridad 24/7", descriptions: ["Monitoreo constante."] },
|
||||
{ title: "Alta Velocidad", descriptions: ["Fibra óptica dedicada."] },
|
||||
{ title: "Áreas Verdes", descriptions: ["Entorno natural."] },
|
||||
{ title: "Parking", descriptions: ["Acceso exclusivo."] },
|
||||
{ title: "Lobby", descriptions: ["Recepción de lujo."] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Agenda tu visita hoy."
|
||||
description="Estamos listos para recibirte. Agenda una visita sin compromiso y conoce las oficinas que llevarán a tu empresa al siguiente nivel."
|
||||
buttons={[{ text: "Enviar Solicitud", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Agenda tu visita hoy."
|
||||
description="Estamos listos para recibirte. Agenda una visita sin compromiso y conoce las oficinas que llevarán a tu empresa al siguiente nivel."
|
||||
buttons={[{ text: "Enviar Solicitud", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="QUADRA TOWERS"
|
||||
columns={[
|
||||
{
|
||||
title: "Espacios", items: [{ label: "Suites Ejecutivas", href: "#" }, { label: "Oficinas PyME", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Información", items: [{ label: "Sobre Nosotros", href: "#" }, { label: "Contacto", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [{ label: "+52 81 8000 0000", href: "tel:+528180000000" }]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="QUADRA TOWERS"
|
||||
columns={[
|
||||
{
|
||||
title: "Espacios", items: [{ label: "Suites Ejecutivas", href: "#" }, { label: "Oficinas PyME", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Información", items: [{ label: "Sobre Nosotros", href: "#" }, { label: "Contacto", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [{ label: "+52 81 8000 0000", href: "tel:+528180000000" }]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user