Update src/app/page.tsx
This commit is contained in:
480
src/app/page.tsx
480
src/app/page.tsx
@@ -28,362 +28,148 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Espacios",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="BC 125"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Espacios", id: "features" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="BC 125"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Espacios de trabajo premium rodeados de naturaleza"
|
||||
description="Oficinas modernas y espacios coworking en una de las mejores zonas de Cali. Productividad y exclusividad en Pance."
|
||||
tag="Centro Empresarial Business Center 125"
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar visita",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Ver espacios",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-designers-sitting-together-working-laptops-coworking-space_74855-9739.jpg",
|
||||
imageAlt: "Business Center 125 Facade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797710.jpg",
|
||||
imageAlt: "Premium Office Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-working-together-project_23-2149273699.jpg",
|
||||
imageAlt: "Team working together on project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-people_23-2151099218.jpg",
|
||||
imageAlt: "Middle aged hispanic business people",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-smartphone_23-2150384775.jpg",
|
||||
imageAlt: "Front view woman holding smartphone",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Más de 50 empresas satisfechas"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Espacios de trabajo premium rodeados de naturaleza"
|
||||
description="Oficinas modernas y espacios coworking en una de las mejores zonas de Cali. Productividad y exclusividad en Pance."
|
||||
tag="Centro Empresarial Business Center 125"
|
||||
buttons={[
|
||||
{ text: "Agendar visita", href: "#contact" },
|
||||
{ text: "Ver espacios", href: "#features" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/concentrated-designers-sitting-together-working-laptops-coworking-space_74855-9739.jpg", imageAlt: "Business Center 125 Facade" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797710.jpg", imageAlt: "Premium Office Interior" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Más de 50 empresas satisfechas"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Arquitectura y Naturaleza",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg",
|
||||
alt: "BC 125 Ambiente",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Arquitectura y Naturaleza" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg", alt: "BC 125 Ambiente" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Oficinas Privadas",
|
||||
description: "Soluciones exclusivas con seguridad y privacidad total.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-home-office_23-2151944805.jpg",
|
||||
},
|
||||
{
|
||||
title: "Coworking Flexible",
|
||||
description: "Espacios colaborativos con ambiente empresarial premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571033.jpg",
|
||||
},
|
||||
{
|
||||
title: "Salas de Reuniones",
|
||||
description: "Equipadas con la última tecnología y vistas naturales.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-armchairs-around-table-windows_181624-28629.jpg",
|
||||
},
|
||||
]}
|
||||
title="Infraestructura Premium"
|
||||
description="Espacios diseñados para el alto rendimiento y la comodidad absoluta."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Oficinas Privadas", description: "Soluciones exclusivas con seguridad y privacidad total.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-home-office_23-2151944805.jpg" },
|
||||
{ title: "Coworking Flexible", description: "Espacios colaborativos con ambiente empresarial premium.", imageSrc: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571033.jpg" },
|
||||
{ title: "Salas de Reuniones", description: "Equipadas con la última tecnología y vistas naturales.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-armchairs-around-table-windows_181624-28629.jpg" },
|
||||
]}
|
||||
title="Infraestructura Premium"
|
||||
description="Espacios diseñados para el alto rendimiento y la comodidad absoluta."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "BC 125",
|
||||
name: "Fachada Principal",
|
||||
price: "Ubicación Pance",
|
||||
rating: 5,
|
||||
reviewCount: "5.0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-landscape_1127-205.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "BC 125",
|
||||
name: "Lobby Corporativo",
|
||||
price: "Ambiente Exclusivo",
|
||||
rating: 5,
|
||||
reviewCount: "5.0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrance-stairs_1127-2032.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "BC 125",
|
||||
name: "Coworking Suite",
|
||||
price: "Diseño Moderno",
|
||||
rating: 5,
|
||||
reviewCount: "5.0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-businesswomen-working-cafe_1157-26380.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "BC 125",
|
||||
name: "Oficina Ejecutiva",
|
||||
price: "Vistas Naturales",
|
||||
rating: 5,
|
||||
reviewCount: "5.0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-column-with-orange-hut_23-2148106967.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "BC 125",
|
||||
name: "Sala de Juntas",
|
||||
price: "Alta Tecnología",
|
||||
rating: 5,
|
||||
reviewCount: "5.0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-woman-drinking-coffee-working_171337-16851.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "BC 125",
|
||||
name: "Zona Cafetería",
|
||||
price: "Networking Premium",
|
||||
rating: 5,
|
||||
reviewCount: "5.0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-business-meeting-working-room-executive-office_105762-1993.jpg",
|
||||
},
|
||||
]}
|
||||
title="Galería"
|
||||
description="Conoce nuestros espacios diseñados con elegancia."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "BC 125", name: "Fachada Principal", price: "Ubicación Pance", rating: 5, reviewCount: "5.0", imageSrc: "http://img.b2bpic.net/free-photo/architecture-landscape_1127-205.jpg" },
|
||||
{ id: "p2", brand: "BC 125", name: "Lobby Corporativo", price: "Ambiente Exclusivo", rating: 5, reviewCount: "5.0", imageSrc: "http://img.b2bpic.net/free-photo/entrance-stairs_1127-2032.jpg" },
|
||||
{ id: "p3", brand: "BC 125", name: "Coworking Suite", price: "Diseño Moderno", rating: 5, reviewCount: "5.0", imageSrc: "http://img.b2bpic.net/free-photo/two-businesswomen-working-cafe_1157-26380.jpg" },
|
||||
]}
|
||||
title="Galería"
|
||||
description="Conoce nuestros espacios diseñados con elegancia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Nuestro Centro en Cifras"
|
||||
tag="Excelencia Empresarial"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "125+",
|
||||
description: "Oficinas y estaciones de trabajo",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Seguridad y monitoreo constante",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Salas de reuniones equipadas",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "100%",
|
||||
description: "Satisfacción de clientes premium",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Nuestro Centro en Cifras"
|
||||
tag="Excelencia Empresarial"
|
||||
metrics={[
|
||||
{ id: "m1", value: "125+", description: "Oficinas y estaciones de trabajo" },
|
||||
{ id: "m2", value: "24/7", description: "Seguridad y monitoreo constante" },
|
||||
{ id: "m3", value: "15+", description: "Salas de reuniones equipadas" },
|
||||
{ id: "m4", value: "100%", description: "Satisfacción de clientes premium" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excelente experiencia",
|
||||
quote: "Excelente lugar para trabajar con impresionantes vistas naturales. Muy recomendado.",
|
||||
name: "Juan Carlos Pérez",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Espacio ideal",
|
||||
quote: "Un espacio moderno y tranquilo lejos del tráfico de la ciudad. Increíble para la concentración.",
|
||||
name: "María Fernanda López",
|
||||
role: "Emprendedora",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-businesswoman-screams-celebrates-lifts-hands-up-does-hooray-gesture-celebrates-victory-achieve-goal-stands-street_1258-123440.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Ambiente top",
|
||||
quote: "Ambiente profesional con arquitectura elegante y tecnología de punta.",
|
||||
name: "Ricardo Montoya",
|
||||
role: "Arquitecto",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Productividad total",
|
||||
quote: "Es el mejor centro empresarial en Cali. El servicio es impecable y la ubicación es perfecta.",
|
||||
name: "Valentina Castro",
|
||||
role: "Consultora",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1670.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Servicio de lujo",
|
||||
quote: "La atención es de primer nivel. Todo está diseñado para el éxito empresarial.",
|
||||
name: "Andrés Felipe Ruiz",
|
||||
role: "Director Comercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21129.jpg",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen nuestros miembros"
|
||||
description="Experiencias de líderes y emprendedores en Business Center 125."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Excelente experiencia", quote: "Excelente lugar para trabajar con impresionantes vistas naturales. Muy recomendado.", name: "Juan Carlos Pérez", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg" },
|
||||
{ id: "t2", title: "Espacio ideal", quote: "Un espacio moderno y tranquilo lejos del tráfico de la ciudad. Increíble para la concentración.", name: "María Fernanda López", role: "Emprendedora", imageSrc: "http://img.b2bpic.net/free-photo/excited-businesswoman-screams-celebrates-lifts-hands-up-does-hooray-gesture-celebrates-victory-achieve-goal-stands-street_1258-123440.jpg" },
|
||||
]}
|
||||
title="Lo que dicen nuestros miembros"
|
||||
description="Experiencias de líderes y emprendedores en Business Center 125."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Tienen parqueadero para visitantes?",
|
||||
content: "Sí, contamos con un parqueadero amplio y seguro para todos nuestros miembros y sus invitados.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Cuál es la ubicación exacta?",
|
||||
content: "Estamos ubicados en la Av. La Maria #3-69, Pance, una zona exclusiva con fácil acceso en el sur de Cali.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Ofrecen contratos flexibles?",
|
||||
content: "Sí, nuestras soluciones son escalables y adaptables a las necesidades de tu empresa.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber antes de empezar."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "¿Tienen parqueadero para visitantes?", content: "Sí, contamos con un parqueadero amplio y seguro para todos nuestros miembros y sus invitados." },
|
||||
{ id: "f2", title: "¿Cuál es la ubicación exacta?", content: "Estamos ubicados en la Av. La Maria #3-69, Pance, una zona exclusiva con fácil acceso en el sur de Cali." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber antes de empezar."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Agenda tu Visita"
|
||||
description="Contáctanos hoy para conocer nuestros espacios premium en Pance, Cali."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Tu Nombre",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu Correo",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Coméntanos qué buscas",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-reception-desk-lounge-area-with-trendy-decorations_482257-87402.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Agenda tu Visita"
|
||||
description="Contáctanos hoy para conocer nuestros espacios premium en Pance, Cali."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Tu Nombre" },
|
||||
{ name: "email", type: "email", placeholder: "Tu Correo" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Coméntanos qué buscas" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-reception-desk-lounge-area-with-trendy-decorations_482257-87402.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Business Center 125"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Espacios",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
{
|
||||
label: "Av. La Maria #3-69",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+57 324 2129999",
|
||||
href: "tel:+573242129999",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Business Center 125 Multi-Use. Cali, Colombia."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Business Center 125"
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "Inicio", href: "#hero" }, { label: "Nosotros", href: "#about" }] },
|
||||
{ title: "Contacto", items: [{ label: "Av. La Maria #3-69", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Business Center 125 Multi-Use. Cali, Colombia."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user