Merge version_1 into main #2
372
src/app/page.tsx
372
src/app/page.tsx
@@ -31,93 +31,40 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Proceso",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Proceso", id: "about" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Cristal Cash"
|
||||
button={{
|
||||
text: "Acceder",
|
||||
href: "#",
|
||||
}}
|
||||
button={{ text: "Acceder", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
title="Riqueza sin límites, gestión de cristal."
|
||||
description="Potenciamos tu patrimonio con soluciones financieras a medida, transparencia absoluta y ejecución de primer nivel."
|
||||
buttons={[
|
||||
{
|
||||
text: "Descubrir Servicios",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Consultoría",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Descubrir Servicios", href: "#features" },
|
||||
{ text: "Consultoría", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-view-urban-scene-skyscrapers_53876-14116.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-view-urban-scene-skyscrapers_53876-14116.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Más de 500 clientes confían en nuestra gestión."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Gestión Patrimonial",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Banca Privada",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Consultoría Fiscal",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Inversiones Globales",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Estrategia de Riesgo",
|
||||
},
|
||||
{ type: "text", text: "Gestión Patrimonial" },
|
||||
{ type: "text", text: "Banca Privada" },
|
||||
{ type: "text", text: "Consultoría Fiscal" },
|
||||
{ type: "text", text: "Inversiones Globales" },
|
||||
{ type: "text", text: "Estrategia de Riesgo" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,36 +73,13 @@ export default function LandingPage() {
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$2.4B+",
|
||||
title: "Capital Gestionado",
|
||||
description: "Respaldo y seguridad global",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Satisfacción",
|
||||
description: "Clientes premium satisfechos",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15",
|
||||
title: "Años Trayectoria",
|
||||
description: "Experiencia en mercado",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "40+",
|
||||
title: "Países",
|
||||
description: "Alcance global inmediato",
|
||||
icon: Globe,
|
||||
},
|
||||
{ id: "m1", value: "$2.4B+", title: "Capital Gestionado", description: "Respaldo y seguridad global", icon: TrendingUp },
|
||||
{ id: "m2", value: "98%", title: "Satisfacción", description: "Clientes premium satisfechos", icon: Award },
|
||||
{ id: "m3", value: "15", title: "Años Trayectoria", description: "Experiencia en mercado", icon: ShieldCheck },
|
||||
{ id: "m4", value: "40+", title: "Países", description: "Alcance global inmediato", icon: Globe },
|
||||
]}
|
||||
title="El estándar premium"
|
||||
description="Nuestros números respaldan la confianza de nuestros clientes."
|
||||
@@ -168,54 +92,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Gestión Patrimonial",
|
||||
description: "Estrategias de inversión optimizadas con enfoque en preservación de capital.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Briefcase,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-view-urban-scene-skyscrapers_53876-14116.jpg?_wi=2",
|
||||
imageAlt: "luxury black gold abstract background",
|
||||
},
|
||||
{
|
||||
title: "Finanzas Digitales",
|
||||
description: "Acceso a mercados globables con infraestructura de última generación.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smartphone,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-office-lobby-with-wooden-bench_1262-3579.jpg?_wi=1",
|
||||
imageAlt: "modern luxury glass office interior",
|
||||
},
|
||||
{
|
||||
title: "Consultoría de Riesgo",
|
||||
description: "Mitigación de riesgos basada en análisis predictivos avanzados.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: AlertTriangle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basketball-trophy_187299-46107.jpg",
|
||||
imageAlt: "gold financial icon growth",
|
||||
},
|
||||
{
|
||||
title: "Banca Privada",
|
||||
description: "Atención personalizada para perfiles de alto valor patrimonial.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CreditCard,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg?_wi=1",
|
||||
imageAlt: "professional executive portrait",
|
||||
},
|
||||
{
|
||||
title: "Estrategia Fiscal",
|
||||
description: "Optimización legal de activos en múltiples jurisdicciones.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: FileText,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-view-urban-scene-skyscrapers_53876-14116.jpg?_wi=3",
|
||||
imageAlt: "luxury black gold abstract background",
|
||||
},
|
||||
{
|
||||
title: "Proyectos de Cristal",
|
||||
description: "Inversiones transparentes con resultados auditables en tiempo real.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Diamond,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-office-lobby-with-wooden-bench_1262-3579.jpg?_wi=2",
|
||||
imageAlt: "modern luxury glass office interior",
|
||||
},
|
||||
{ title: "Gestión Patrimonial", description: "Estrategias de inversión optimizadas con enfoque en preservación de capital.", bentoComponent: "reveal-icon", icon: Briefcase },
|
||||
{ title: "Finanzas Digitales", description: "Acceso a mercados globables con infraestructura de última generación.", bentoComponent: "reveal-icon", icon: Smartphone },
|
||||
{ title: "Consultoría de Riesgo", description: "Mitigación de riesgos basada en análisis predictivos avanzados.", bentoComponent: "reveal-icon", icon: AlertTriangle },
|
||||
{ title: "Banca Privada", description: "Atención personalizada para perfiles de alto valor patrimonial.", bentoComponent: "reveal-icon", icon: CreditCard },
|
||||
{ title: "Estrategia Fiscal", description: "Optimización legal de activos en múltiples jurisdicciones.", bentoComponent: "reveal-icon", icon: FileText },
|
||||
{ title: "Proyectos de Cristal", description: "Inversiones transparentes con resultados auditables en tiempo real.", bentoComponent: "reveal-icon", icon: Diamond },
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Soluciones diseñadas para proteger y multiplicar tus activos bajo estándares de élite."
|
||||
@@ -227,9 +109,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="El Proceso Cristal"
|
||||
description={[
|
||||
"Nuestro método de trabajo combina una transparencia absoluta con una ejecución técnica rigurosa.",
|
||||
"Cada etapa está diseñada para garantizar que la seguridad de tus activos sea siempre nuestra prioridad principal, manteniendo la elegancia en cada interacción.",
|
||||
]}
|
||||
"Nuestro método de trabajo combina una transparencia absoluta con una ejecución técnica rigurosa.", "Cada etapa está diseñada para garantizar que la seguridad de tus activos sea siempre nuestra prioridad principal, manteniendo la elegancia en cada interacción."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -239,57 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Esencial",
|
||||
price: "Consultar",
|
||||
period: "/año",
|
||||
description: "Acceso básico a nuestra red.",
|
||||
button: {
|
||||
text: "Contactar",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Lo que incluye:",
|
||||
features: [
|
||||
"Consultoría inicial",
|
||||
"Soporte 24/7",
|
||||
"App Cristal Cash",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Premium",
|
||||
price: "Consultar",
|
||||
period: "/año",
|
||||
description: "Estrategias de alto impacto.",
|
||||
button: {
|
||||
text: "Contactar",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Todo en Esencial +:",
|
||||
features: [
|
||||
"Gestión Patrimonial",
|
||||
"Asesor fiscal exclusivo",
|
||||
"Acceso eventos élite",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "Élite",
|
||||
price: "Personalizado",
|
||||
period: "/anual",
|
||||
description: "La máxima exclusividad.",
|
||||
button: {
|
||||
text: "Contactar",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Todo en Premium +:",
|
||||
features: [
|
||||
"Family Office",
|
||||
"Estrategia Global",
|
||||
"Soporte VIP 1:1",
|
||||
],
|
||||
},
|
||||
{ id: "p1", tag: "Esencial", price: "Consultar", period: "/año", description: "Acceso básico a nuestra red.", button: { text: "Contactar", href: "#contact" }, featuresTitle: "Lo que incluye:", features: ["Consultoría inicial", "Soporte 24/7", "App Cristal Cash"] },
|
||||
{ id: "p2", tag: "Premium", price: "Consultar", period: "/año", description: "Estrategias de alto impacto.", button: { text: "Contactar", href: "#contact" }, featuresTitle: "Todo en Esencial +:", features: ["Gestión Patrimonial", "Asesor fiscal exclusivo", "Acceso eventos élite"] },
|
||||
{ id: "p3", tag: "Élite", price: "Personalizado", period: "/anual", description: "La máxima exclusividad.", button: { text: "Contactar", href: "#contact" }, featuresTitle: "Todo en Premium +:", features: ["Family Office", "Estrategia Global", "Soporte VIP 1:1"] },
|
||||
]}
|
||||
title="Niveles de Membresía"
|
||||
description="Elige el nivel de acompañamiento que mejor se adapte a tus objetivos financieros."
|
||||
@@ -302,60 +134,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
role: "CEO Tech",
|
||||
company: "Global Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus V.",
|
||||
role: "Inversionista",
|
||||
company: "V Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia L.",
|
||||
role: "Empresaria",
|
||||
company: "L Interior",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Javier D.",
|
||||
role: "Director",
|
||||
company: "D Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Isabel P.",
|
||||
role: "Founder",
|
||||
company: "P & Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg?_wi=6",
|
||||
},
|
||||
{ id: "1", name: "Elena R.", role: "CEO Tech", company: "Global Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg" },
|
||||
{ id: "2", name: "Marcus V.", role: "Inversionista", company: "V Ventures", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg" },
|
||||
{ id: "3", name: "Sofia L.", role: "Empresaria", company: "L Interior", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg" },
|
||||
{ id: "4", name: "Javier D.", role: "Director", company: "D Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg" },
|
||||
{ id: "5", name: "Isabel P.", role: "Founder", company: "P & Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Años",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfacción",
|
||||
},
|
||||
{
|
||||
value: "40+",
|
||||
label: "Países",
|
||||
},
|
||||
{ value: "15+", label: "Años" },
|
||||
{ value: "98%", label: "Satisfacción" },
|
||||
{ value: "40+", label: "Países" },
|
||||
]}
|
||||
title="Resultados Premium"
|
||||
description="La confianza de nuestros clientes es nuestro activo más valioso."
|
||||
@@ -365,9 +153,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contacto Privado"
|
||||
title="Inicia tu camino"
|
||||
description="Estamos listos para gestionar tu futuro financiero. Déjanos tus datos y nos pondremos en contacto."
|
||||
@@ -378,74 +164,10 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Cristal Cash"
|
||||
columns={[
|
||||
{
|
||||
title: "Compañía",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Equipo",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Carreras",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
{
|
||||
label: "Patrimonial",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Finanzas",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Fiscal",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Seguridad",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Soporte",
|
||||
items: [
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ayuda",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Compañía", items: [{ label: "Sobre Nosotros", href: "#about" }, { label: "Equipo", href: "#" }, { label: "Carreras", href: "#" }] },
|
||||
{ title: "Servicios", items: [{ label: "Patrimonial", href: "#features" }, { label: "Finanzas", href: "#features" }, { label: "Fiscal", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }, { label: "Seguridad", href: "#" }] },
|
||||
{ title: "Soporte", items: [{ label: "Contacto", href: "#contact" }, { label: "FAQ", href: "#" }, { label: "Ayuda", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Cristal Cash. Elegancia financiera global."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user