Parece que no encontramos lo que estás buscando. Puede que una búsqueda te ayude.
tailwind.config = {
theme: {
extend: {
colors: {
brand: {
white: '#ffffff',
light: '#fdfdfd',
gray: '#f8fafc',
text: '#0a1629',
muted: '#334155',
blue: '#004bac',
orange: '#e66022',
gold: '#c5a059',
}
},
fontFamily: {
sans: ['Montserrat', 'sans-serif'],
montserrat: ['Montserrat', 'sans-serif'],
}
}
}
}
body {
background-color: #ffffff;
color: #0a1629;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, .font-title {
font-family: 'Montserrat', sans-serif !important;
font-weight: 800 !important;
font-style: normal !important;
letter-spacing: -0.02em;
}
.font-title { font-family: 'Montserrat', sans-serif; letter-spacing: -0.02em; }
.hero-gradient { background: radial-gradient(circle at 10% 30%, rgba(230, 96, 34, 0.05) 0%, transparent 50%), radial-gradient(circle at 90% 80%, rgba(0, 75, 172, 0.03) 0%, transparent 50%); }
.premium-card { transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); border: 1px solid rgba(0, 75, 172, 0.08); }
.premium-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -12px rgba(0, 75, 172, 0.1); border-color: rgba(230, 96, 34, 0.15); }
.organic-underline { background-image: linear-gradient(120deg, rgba(230, 96, 34, 0.2) 0%, rgba(230, 96, 34, 0.2) 100%); background-repeat: no-repeat; background-size: 100% 0.3em; background-position: 0 88%; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-up { animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.grain::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://grainy-gradients.vercel.app/noise.svg'); opacity: 0.03; pointer-events: none; z-index: 1; }
.reveal { opacity: 0; transform: translateY(20px); transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal.active { opacity: 1; transform: translateY(0); }
button, .btn { font-style: normal !important; }
{ "imports": { "react": "https://esm.sh/react@18.2.0", "react-dom": "https://esm.sh/react-dom@18.2.0", "react-dom/client": "https://esm.sh/react-dom@18.2.0/client", "lucide-react": "https://esm.sh/lucide-react@0.460.0?external=react" } } import React, { useState, useEffect } from 'react'; import { createRoot } from 'react-dom/client'; import { RotateCcw, Building2, GraduationCap, Users, Heart, Zap, CheckCircle2, ArrowRight, Menu, X, Instagram, Linkedin, Facebook, Youtube, Mail, Quote, ArrowUpRight, PiggyBank, Gem, CheckSquare, MinusCircle, Briefcase, ShieldCheck, Sparkles, AlertCircle, ChevronDown, Landmark, Brain, Award, Star, Calendar, Download, FileText, PlayCircle, Smartphone, LayoutGrid, Layout, Phone } from 'lucide-react'; const WHATSAPP_URL = "https://wa.me/573185882624?text=Hola%20Fernando,%20quiero%20agendar%20mi%20sesión%20estratégica%20gratuita."; const LOGO_URL = "https://finanzer.club/wp-content/uploads/2025/11/cropped-log.png"; const PRIVACY_POLICY = `Última actualización: 19/02/2026\n\nLa presente Política de Privacidad describe cómo FinanZer, representada por Fernando Lora Leiva...`; const TERMS_CONDITIONS = `Última actualización: 19/01/2026\n\nBienvenido a FinanZer...`; const NAV_LINKS = [ { label: 'Inicio', href: 'https://finanzer.club/' }, { label: 'Sobre mí', href: 'https://finanzer.club/pw/sobre-mi/' }, { label: 'Servicios Empresariales', href: 'https://finanzer.club/pw/servicios-empresariales/' }, { label: 'Servicios Personales', href: 'https://finanzer.club/pw/servicios-personales/' }, { label: 'Contacto', href: 'https://finanzer.club/pw/contacto/' }, ]; const Button = ({ children, variant = 'primary', className = '', ...props }) => { const variants = { primary: "bg-[#e66022] text-white hover:bg-[#004bac] shadow-md shadow-orange-600/10", outline: "border-2 border-[#004bac]/20 text-[#004bac] hover:border-[#e66022] hover:text-[#e66022]" }; return ( ); }; const Modal = ({ isOpen, onClose, title, children }) => { if (!isOpen) return null; return (
Servicios
Servicios
Agenda tu Sesión
Solicitar
WhoAmI />
background-color: #ffffff;
color: #0a1629;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, .font-title {
font-family: 'Montserrat', sans-serif !important;
font-weight: 800 !important;
font-style: normal !important;
letter-spacing: -0.02em;
}
.font-title { font-family: 'Montserrat', sans-serif; letter-spacing: -0.02em; }
.hero-gradient { background: radial-gradient(circle at 10% 30%, rgba(230, 96, 34, 0.05) 0%, transparent 50%), radial-gradient(circle at 90% 80%, rgba(0, 75, 172, 0.03) 0%, transparent 50%); }
.premium-card { transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); border: 1px solid rgba(0, 75, 172, 0.08); }
.premium-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -12px rgba(0, 75, 172, 0.1); border-color: rgba(230, 96, 34, 0.15); }
.organic-underline { background-image: linear-gradient(120deg, rgba(230, 96, 34, 0.2) 0%, rgba(230, 96, 34, 0.2) 100%); background-repeat: no-repeat; background-size: 100% 0.3em; background-position: 0 88%; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-up { animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.grain::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://grainy-gradients.vercel.app/noise.svg'); opacity: 0.03; pointer-events: none; z-index: 1; }
.reveal { opacity: 0; transform: translateY(20px); transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal.active { opacity: 1; transform: translateY(0); }
button, .btn { font-style: normal !important; }
{ "imports": { "react": "https://esm.sh/react@18.2.0", "react-dom": "https://esm.sh/react-dom@18.2.0", "react-dom/client": "https://esm.sh/react-dom@18.2.0/client", "lucide-react": "https://esm.sh/lucide-react@0.460.0?external=react" } } import React, { useState, useEffect } from 'react'; import { createRoot } from 'react-dom/client'; import { RotateCcw, Building2, GraduationCap, Users, Heart, Zap, CheckCircle2, ArrowRight, Menu, X, Instagram, Linkedin, Facebook, Youtube, Mail, Quote, ArrowUpRight, PiggyBank, Gem, CheckSquare, MinusCircle, Briefcase, ShieldCheck, Sparkles, AlertCircle, ChevronDown, Landmark, Brain, Award, Star, Calendar, Download, FileText, PlayCircle, Smartphone, LayoutGrid, Layout, Phone } from 'lucide-react'; const WHATSAPP_URL = "https://wa.me/573185882624?text=Hola%20Fernando,%20quiero%20agendar%20mi%20sesión%20estratégica%20gratuita."; const LOGO_URL = "https://finanzer.club/wp-content/uploads/2025/11/cropped-log.png"; const PRIVACY_POLICY = `Última actualización: 19/02/2026\n\nLa presente Política de Privacidad describe cómo FinanZer, representada por Fernando Lora Leiva...`; const TERMS_CONDITIONS = `Última actualización: 19/01/2026\n\nBienvenido a FinanZer...`; const NAV_LINKS = [ { label: 'Inicio', href: 'https://finanzer.club/' }, { label: 'Sobre mí', href: 'https://finanzer.club/pw/sobre-mi/' }, { label: 'Servicios Empresariales', href: 'https://finanzer.club/pw/servicios-empresariales/' }, { label: 'Servicios Personales', href: 'https://finanzer.club/pw/servicios-personales/' }, { label: 'Contacto', href: 'https://finanzer.club/pw/contacto/' }, ]; const Button = ({ children, variant = 'primary', className = '', ...props }) => { const variants = { primary: "bg-[#e66022] text-white hover:bg-[#004bac] shadow-md shadow-orange-600/10", outline: "border-2 border-[#004bac]/20 text-[#004bac] hover:border-[#e66022] hover:text-[#e66022]" }; return ( ); }; const Modal = ({ isOpen, onClose, title, children }) => { if (!isOpen) return null; return (
{title}
{children}
); }; const Header = ({ mobileOpen, setMobileOpen }) => { const [scrolled, setScrolled] = useState(false); useEffect(() => { const handleScroll = () => setScrolled(window.scrollY > 20); window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); return (
FINAN
ZER
); }; const Hero = () => (
Estrategia & Bienestar Financiero
Transforma tu Relación con el Dinero y Alcanza tu Libertad Financiera.
Consultoría financiera integral + Coaching con PNL y Mindfulness. Porque las finanzas no son solo números, son transformación personal.
); const ServiceShortcuts = () => (
Crecimiento Individual
Servicios
Personales
Coaching, banca privada y planeación financiera para transformar tu vida.
Ver Servicios Personales
Estrategia Corporativa
Servicios
Empresariales
Consultoría Pyme, conferencias y estructura técnica de alto impacto.
Ver Servicios Empresariales
); const CredibilityBar = () => (
{[ { icon: Award, text: "Planeador Financiero" }, { icon: Brain, text: "Coach PNL & Mindfulness" }, { icon: Calendar, text: "20+ Años de Experiencia" }, { icon: Users, text: "500+ Clientes" }, { icon: Landmark, text: "Aliado Banca Privada" } ].map((item, i) => (
{item.text}
))}
); const WhoAmI = () => (
¿Quién Soy?
Más allá del asesor tradicional.
"No solo ordeno tus finanzas, transformo tu mentalidad para que el cambio sea permanente."
{[ { icon: ShieldCheck, t: "Estrategia Técnica", d: "Finanzas con rigor bancario." }, { icon: Zap, t: "Transformación PNL", d: "Reprogramación de creencias." }, { icon: Heart, t: "Bienestar", d: "Mindfulness para decidir en calma." } ].map((item, i) => (
{item.t}
{item.d}
))}
"Combino la estructura técnica de la banca con la profundidad de la PNL para que tu éxito financiero sea un estado mental permanente."
Fernando Lora — Estratega Financiero Integral
); const WhyChooseMe = () => (
¿Por qué elegirme?
{[ { t: "Enfoque Integral", d: "Números ordenados Y mente en paz.", icon: Layout }, { t: "Metodología Probada", d: "Cambio permanente, no solo parches.", icon: ShieldCheck }, { t: "Portafolio Completo", d: "Coaching y soluciones bancarias.", icon: Briefcase }, { t: "Exp. Corporativa", d: "Bienestar y productividad real.", icon: Building2 } ].map((item, i) => (
{item.t}
{item.d}
))}
); const HowIWork = () => (
¿Cómo trabajo?
Una metodología diseñada para resultados tangibles y duraderos.
{[ { s: "Fase 01", t: "Diagnóstico", d: "Evaluación inicial integral para definir tu punto de partida real y objetivos inmediatos." }, { s: "Fase 02", t: "Estrategia", d: "Diseño de un plan de alto impacto basado en tus metas y reprogramación mental con PNL." }, { s: "Fase 03", t: "Ejecución", d: "Acompañamiento directo en la implementación técnica y cambio de hábitos financieros." }, { s: "Fase 04", t: "Seguimiento", d: "Soporte constante y ajustes periódicos para asegurar resultados sostenibles en el tiempo." } ].map((step, i) => (
{step.s.split(' ')[1]}
{step.t}
{step.d}
))}
); const Testimonials = () => (
Testimonios
{[ { n: "Elena M.", role: "Coaching Individual", q: "Fernando transformó mi miedo en poder. Mis deudas ya no me quitan el sueño.", icon: Heart, video: "#" }, { n: "Roberto D.", role: "Soluciones Bancarias", q: "Logré unificar mi cartera con tasas que no creí posibles.", icon: Landmark, video: "#" }, { n: "Recursos Humanos", role: "Impacto Grupal", q: "La conferencia mejoró notablemente el clima del equipo.", icon: Building2, video: "#" } ].map((t, i) => (
))}
); const FreeResources = () => (
Recursos Gratuitos
Crece sin costo
{[ { icon: FileText, t: "Guía 7 Pasos", d: "Estrategias fundamentales diseñadas para transformar tu relación con el dinero hoy mismo y sin complicaciones.", cta: "Descargar Guía" }, { icon: Smartphone, t: "Test de Perfil", d: "Descubre tu ADN financiero real y entiende por qué tomas las decisiones que tomas en momentos de estrés.", cta: "Iniciar Test" }, { icon: CheckSquare, t: "¿Listo para invertir?", d: "Checklist detallado de preparación patrimonial esencial antes de entrar a cualquier mercado de inversión.", cta: "Ver Checklist" }, { icon: PlayCircle, t: "Tips Mindfulness", d: "Serie de micro-videos exclusivos con técnicas de respiración y enfoque para decidir en total calma financiera.", cta: "Ver Videos" } ].map((res, i) => (
{res.t}
{res.d}
))}
); const FinalCTA = () => (
Agenda tu Sesión
Estratégica Gratuita.
El primer paso hacia tu libertad financiera real comienza con una conversación honesta.
Solicitar
Diagnóstico Gratis
); const App = () => { const [modal, setModal] = useState({ isOpen: false, title: '', content: '' }); const [mobileOpen, setMobileOpen] = useState(false); useEffect(() => { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('active'); }); }, { threshold: 0.1 }); document.querySelectorAll('.reveal').forEach(el => observer.observe(el)); }, []); const openModal = (title, content) => setModal({ isOpen: true, title, content }); const closeModal = () => setModal({ ...modal, isOpen: false }); return (
{modal.content}
); }; const container = document.getElementById('root'); if (container) { createRoot(container).render(); }