145 lines
8.5 KiB
TypeScript
145 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
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="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="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="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>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |