Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
266
src/app/page.tsx
266
src/app/page.tsx
@@ -33,39 +33,23 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Inicio", id: "#hero"},
|
||||
{
|
||||
name: "Problema-Solución",
|
||||
id: "#problema-solucion",
|
||||
},
|
||||
name: "Problema-Solución", id: "#problema-solucion"},
|
||||
{
|
||||
name: "Características",
|
||||
id: "#caracteristicas",
|
||||
},
|
||||
name: "Características", id: "#caracteristicas"},
|
||||
{
|
||||
name: "Por qué Key&Cloud",
|
||||
id: "#porque-keyandcloud",
|
||||
},
|
||||
name: "Por qué Key&Cloud", id: "#porque-keyandcloud"},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "#testimonios",
|
||||
},
|
||||
name: "Testimonios", id: "#testimonios"},
|
||||
{
|
||||
name: "Planes",
|
||||
id: "#planes",
|
||||
},
|
||||
name: "Planes", id: "#planes"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contacto",
|
||||
},
|
||||
name: "Contacto", id: "#contacto"},
|
||||
]}
|
||||
brandName="Key&Cloud"
|
||||
button={{
|
||||
text: "Solicitar Demo",
|
||||
href: "#contacto",
|
||||
}}
|
||||
text: "Solicitar Demo", href: "#contacto"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -75,39 +59,23 @@ export default function LandingPage() {
|
||||
description="Software profesional para agencias y administradores que no aceptan el segundo puesto."
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar Demo",
|
||||
href: "#contacto",
|
||||
},
|
||||
text: "Solicitar Demo", href: "#contacto"},
|
||||
{
|
||||
text: "Ver cómo funciona",
|
||||
href: "#caracteristicas",
|
||||
},
|
||||
text: "Ver cómo funciona", href: "#caracteristicas"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90543.jpg",
|
||||
imageAlt: "Abstract cinematic tech background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90543.jpg", imageAlt: "Abstract cinematic tech background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473192.jpg",
|
||||
imageAlt: "Modern dark architectural photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473192.jpg", imageAlt: "Modern dark architectural photography"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-techno-wave-background-design_1048-12577.jpg",
|
||||
imageAlt: "Digital waveforms and data streams",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-techno-wave-background-design_1048-12577.jpg", imageAlt: "Digital waveforms and data streams"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-wavy-background_23-2150534035.jpg",
|
||||
imageAlt: "Ethereal cloudscape with geometric grid",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-wavy-background_23-2150534035.jpg", imageAlt: "Ethereal cloudscape with geometric grid"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841697.jpg",
|
||||
imageAlt: "Dark server room with glowing accents",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841697.jpg", imageAlt: "Dark server room with glowing accents"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103083.jpg",
|
||||
imageAlt: "Interconnected digital nodes and lines",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103083.jpg", imageAlt: "Interconnected digital nodes and lines"},
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
showDimOverlay={true}
|
||||
@@ -119,14 +87,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InmoGestión",
|
||||
"AdministraPro",
|
||||
"HabitatElite",
|
||||
"GestionPremier",
|
||||
"UrbanSphere",
|
||||
"InmoSolutions Pro",
|
||||
"KeyReal Estate",
|
||||
]}
|
||||
"InmoGestión", "AdministraPro", "HabitatElite", "GestionPremier", "UrbanSphere", "InmoSolutions Pro", "KeyReal Estate"]}
|
||||
title="Más de 500 empresas confían en Key&Cloud"
|
||||
description="Descubre por qué somos la elección preferida de los profesionales inmobiliarios. ★★★★★ 4.9/5 en Google Reviews."
|
||||
speed={60}
|
||||
@@ -140,17 +101,11 @@ export default function LandingPage() {
|
||||
description="El software inmobiliario tradicional es lento, fragmentado y no soporta el ritmo del mercado actual. Key&Cloud ofrece una solución unificada y potente diseñada para la excelencia."
|
||||
metrics={[
|
||||
{
|
||||
value: "Software Anticuado",
|
||||
title: "Interfaz lenta y funcionalidades limitadas que ralentizan sus operaciones diarias.",
|
||||
},
|
||||
value: "Software Anticuado", title: "Interfaz lenta y funcionalidades limitadas que ralentizan sus operaciones diarias."},
|
||||
{
|
||||
value: "Herramientas Desconectadas",
|
||||
title: "Múltiples plataformas que no se comunican, causando errores y duplicidad de trabajo.",
|
||||
},
|
||||
value: "Herramientas Desconectadas", title: "Múltiples plataformas que no se comunican, causando errores y duplicidad de trabajo."},
|
||||
{
|
||||
value: "Soporte Insuficiente",
|
||||
title: "Respuestas tardías y soluciones genéricas que no resuelven sus problemas reales.",
|
||||
},
|
||||
value: "Soporte Insuficiente", title: "Respuestas tardías y soluciones genéricas que no resuelven sus problemas reales."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-programmers-having-discussion_1098-13979.jpg"
|
||||
imageAlt="Transition from fragmented old software to integrated cloud solution"
|
||||
@@ -167,35 +122,15 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
title: "Gestión de Propiedades",
|
||||
description: "Organice, catalogue y comercialice sus propiedades con herramientas intuitivas y eficientes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg",
|
||||
imageAlt: "Property management interface",
|
||||
},
|
||||
title: "Gestión de Propiedades", description: "Organice, catalogue y comercialice sus propiedades con herramientas intuitivas y eficientes.", imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg", imageAlt: "Property management interface"},
|
||||
{
|
||||
title: "Contratos Digitales",
|
||||
description: "Cree, envíe y firme contratos de alquiler y compraventa de forma segura y 100% digital.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-stairs_1359-1006.jpg",
|
||||
imageAlt: "Digital contracts and e-signature",
|
||||
},
|
||||
title: "Contratos Digitales", description: "Cree, envíe y firme contratos de alquiler y compraventa de forma segura y 100% digital.", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-stairs_1359-1006.jpg", imageAlt: "Digital contracts and e-signature"},
|
||||
{
|
||||
title: "Portal del Cliente",
|
||||
description: "Ofrezca a sus clientes un acceso transparente a documentos, estado de propiedades y comunicaciones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-two-businessmen-having-meeting_181624-8120.jpg",
|
||||
imageAlt: "Client portal dashboard",
|
||||
},
|
||||
title: "Portal del Cliente", description: "Ofrezca a sus clientes un acceso transparente a documentos, estado de propiedades y comunicaciones.", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-two-businessmen-having-meeting_181624-8120.jpg", imageAlt: "Client portal dashboard"},
|
||||
{
|
||||
title: "Informes en Tiempo Real",
|
||||
description: "Acceda a métricas clave y análisis de rendimiento al instante para tomar decisiones informadas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings_1359-788.jpg",
|
||||
imageAlt: "Real-time reports and analytics",
|
||||
},
|
||||
title: "Informes en Tiempo Real", description: "Acceda a métricas clave y análisis de rendimiento al instante para tomar decisiones informadas.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings_1359-788.jpg", imageAlt: "Real-time reports and analytics"},
|
||||
{
|
||||
title: "Soporte Dedicado",
|
||||
description: "Cuente con un equipo de expertos a su disposición para cualquier duda o necesidad técnica.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/call-center-employee-handling-customer-complaints-assisting-with-technical-issues-customer-service_482257-136067.jpg",
|
||||
imageAlt: "Dedicated customer support",
|
||||
},
|
||||
title: "Soporte Dedicado", description: "Cuente con un equipo de expertos a su disposición para cualquier duda o necesidad técnica.", imageSrc: "http://img.b2bpic.net/free-photo/call-center-employee-handling-customer-complaints-assisting-with-technical-issues-customer-service_482257-136067.jpg", imageAlt: "Dedicated customer support"},
|
||||
]}
|
||||
title="Características que Impulsan tu Negocio"
|
||||
description="Descubre los módulos de Key&Cloud diseñados para optimizar cada aspecto de tu gestión inmobiliaria y llevar tu agencia al siguiente nivel."
|
||||
@@ -204,39 +139,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="porque-keyandcloud" data-section="porque-keyandcloud">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
metrics={[
|
||||
{
|
||||
id: "years-market",
|
||||
value: "+10",
|
||||
title: "Años en el Mercado",
|
||||
items: [
|
||||
"Experiencia consolidada",
|
||||
"Liderazgo en innovación",
|
||||
"Miles de usuarios satisfechos",
|
||||
],
|
||||
id: "years-market", value: "+10", title: "Años en el Mercado", items: [
|
||||
"Experiencia consolidada", "Liderazgo en innovación", "Miles de usuarios satisfechos"],
|
||||
},
|
||||
{
|
||||
id: "support",
|
||||
value: "Soporte",
|
||||
title: "Personalizado 24/7",
|
||||
items: [
|
||||
"Atención prioritaria",
|
||||
"Resolución rápida de incidencias",
|
||||
"Asesoramiento experto continuo",
|
||||
],
|
||||
id: "support", value: "Soporte", title: "Personalizado 24/7", items: [
|
||||
"Atención prioritaria", "Resolución rápida de incidencias", "Asesoramiento experto continuo"],
|
||||
},
|
||||
{
|
||||
id: "cloud",
|
||||
value: "100%",
|
||||
title: "En la Nube",
|
||||
items: [
|
||||
"Acceso desde cualquier lugar",
|
||||
"Actualizaciones automáticas gratuitas",
|
||||
"Máxima seguridad de datos",
|
||||
],
|
||||
id: "cloud", value: "100%", title: "En la Nube", items: [
|
||||
"Acceso desde cualquier lugar", "Actualizaciones automáticas gratuitas", "Máxima seguridad de datos"],
|
||||
},
|
||||
]}
|
||||
title="La Ventaja Key&Cloud"
|
||||
@@ -249,45 +167,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1",
|
||||
name: "Mónica Martínez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg",
|
||||
imageAlt: "Mónica Martínez, CEO",
|
||||
cardTag: "★★★★★ 5/5",
|
||||
cardTitle: "Key&Cloud ha revolucionado la forma en que gestionamos nuestras propiedades. La interfaz es intuitiva y el soporte es inmejorable. Un cambio de juego para nuestra agencia.",
|
||||
},
|
||||
id: "testimonial-1", name: "Mónica Martínez", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg", imageAlt: "Mónica Martínez, CEO"},
|
||||
{
|
||||
id: "testimonial-2",
|
||||
name: "Eva Cañadas Roig",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-showing-approval_23-2148269236.jpg",
|
||||
imageAlt: "Eva Cañadas Roig, Directora de Operaciones",
|
||||
cardTag: "★★★★★ 5/5",
|
||||
cardTitle: "La integración de contratos digitales y el portal del cliente nos han ahorrado horas de trabajo. Ahora podemos enfocarnos en lo que realmente importa: nuestros clientes.",
|
||||
},
|
||||
id: "testimonial-2", name: "Eva Cañadas Roig", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-showing-approval_23-2148269236.jpg", imageAlt: "Eva Cañadas Roig, Directora de Operaciones"},
|
||||
{
|
||||
id: "testimonial-3",
|
||||
name: "COIA Andorra",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salina-turda-salt-mine-romania_1268-20549.jpg",
|
||||
imageAlt: "Logo de COIA Andorra",
|
||||
cardTag: "★★★★★ 5/5",
|
||||
cardTitle: "Como administradores, la eficiencia es clave. Key&Cloud nos proporciona las herramientas y los informes en tiempo real necesarios para una gestión impecable en Andorra.",
|
||||
},
|
||||
id: "testimonial-3", name: "COIA Andorra", imageSrc: "http://img.b2bpic.net/free-photo/salina-turda-salt-mine-romania_1268-20549.jpg", imageAlt: "Logo de COIA Andorra"},
|
||||
{
|
||||
id: "testimonial-4",
|
||||
name: "Tara Cruz",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",
|
||||
imageAlt: "Tara Cruz, Gerente de Marketing",
|
||||
cardTag: "★★★★★ 5/5",
|
||||
cardTitle: "El software es potente y muy fácil de usar. Mis agentes están encantados y la información está siempre disponible, lo que agiliza todas nuestras operaciones.",
|
||||
},
|
||||
id: "testimonial-4", name: "Tara Cruz", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg", imageAlt: "Tara Cruz, Gerente de Marketing"},
|
||||
{
|
||||
id: "testimonial-5",
|
||||
name: "Alejandro Ruiz",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9669.jpg",
|
||||
imageAlt: "Alejandro Ruiz, Propietario de Agencia",
|
||||
cardTag: "★★★★★ 5/5",
|
||||
cardTitle: "Invertir en Key&Cloud fue la mejor decisión para nuestro negocio. Nos ha permitido escalar y ofrecer un servicio premium a nuestros clientes, marcando una clara diferencia.",
|
||||
},
|
||||
id: "testimonial-5", name: "Alejandro Ruiz", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9669.jpg", imageAlt: "Alejandro Ruiz, Propietario de Agencia"},
|
||||
]}
|
||||
cardTitle="Lo que dicen nuestros clientes"
|
||||
cardTag="Opiniones Verificadas"
|
||||
@@ -302,64 +190,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Básico",
|
||||
price: "€499",
|
||||
period: "/ mes",
|
||||
features: [
|
||||
"Gestión de propiedades (hasta 50)",
|
||||
"Portal del cliente",
|
||||
"Soporte Estándar",
|
||||
"Informes Básicos",
|
||||
"Acceso multi-usuario (hasta 5)",
|
||||
],
|
||||
id: "basic", title: "Básico", price: "€499", period: "/ mes", features: [
|
||||
"Gestión de propiedades (hasta 50)", "Portal del cliente", "Soporte Estándar", "Informes Básicos", "Acceso multi-usuario (hasta 5)"],
|
||||
button: {
|
||||
text: "Empezar Ahora",
|
||||
href: "#contacto",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037295.jpg",
|
||||
imageAlt: "Basic plan icon",
|
||||
},
|
||||
text: "Empezar Ahora", href: "#contacto"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037295.jpg", imageAlt: "Basic plan icon"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Profesional",
|
||||
price: "€899",
|
||||
period: "/ mes",
|
||||
features: [
|
||||
"Gestión de propiedades (ilimitado)",
|
||||
"Contratos Digitales Avanzados",
|
||||
"Portal del cliente Premium",
|
||||
"Soporte Dedicado 24/7",
|
||||
"Informes Avanzados & Analytics",
|
||||
"Acceso multi-usuario (ilimitado)",
|
||||
],
|
||||
id: "pro", title: "Profesional", price: "€899", period: "/ mes", features: [
|
||||
"Gestión de propiedades (ilimitado)", "Contratos Digitales Avanzados", "Portal del cliente Premium", "Soporte Dedicado 24/7", "Informes Avanzados & Analytics", "Acceso multi-usuario (ilimitado)"],
|
||||
button: {
|
||||
text: "Solicitar Demo",
|
||||
href: "#contacto",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-colorful-vibrant-medusas-aquarium_181624-59342.jpg",
|
||||
imageAlt: "Professional plan icon",
|
||||
},
|
||||
text: "Solicitar Demo", href: "#contacto"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-colorful-vibrant-medusas-aquarium_181624-59342.jpg", imageAlt: "Professional plan icon"},
|
||||
{
|
||||
id: "enterprise",
|
||||
title: "Corporativo",
|
||||
price: "Contáctanos",
|
||||
period: "",
|
||||
features: [
|
||||
"Solución Personalizada",
|
||||
"Integraciones a medida",
|
||||
"Consultoría Estratégica",
|
||||
"Servicios de Implementación",
|
||||
"Seguridad Empresarial",
|
||||
"Soporte Prioritario",
|
||||
],
|
||||
id: "enterprise", title: "Corporativo", price: "Contáctanos", period: "", features: [
|
||||
"Solución Personalizada", "Integraciones a medida", "Consultoría Estratégica", "Servicios de Implementación", "Seguridad Empresarial", "Soporte Prioritario"],
|
||||
button: {
|
||||
text: "Hablar con Ventas",
|
||||
href: "#contacto",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cups-composition_52683-103094.jpg",
|
||||
imageAlt: "Enterprise plan icon",
|
||||
},
|
||||
text: "Hablar con Ventas", href: "#contacto"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cups-composition_52683-103094.jpg", imageAlt: "Enterprise plan icon"},
|
||||
]}
|
||||
title="Planes Flexibles para Cada Necesidad"
|
||||
description="Elija la solución que mejor se adapte al tamaño y ambición de su agencia inmobiliaria. Descubra nuestras opciones premium."
|
||||
@@ -370,8 +217,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contáctanos"
|
||||
title="¿Listo para llevar tu gestión al siguiente nivel?"
|
||||
description="Rellene el formulario a continuación para solicitar una demo personalizada y descubra cómo Key&Cloud puede transformar su negocio inmobiliario."
|
||||
@@ -388,19 +234,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/keyandcloud",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/keyandcloud", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/keyandcloud",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/keyandcloud", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/keyandcloud",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/keyandcloud", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user