807 lines
57 KiB
HTML
807 lines
57 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Odoo Expertos — Soluciones ERP empresariales con Odoo Community</title>
|
|
<meta name="description" content="Consultoría especializada en Odoo Community ERP. Implementación, personalización, hosting y soporte para empresas en España y Latinoamérica.">
|
|
<link rel="canonical" href="https://odoo-expertos.com/">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Odoo Expertos — Soluciones ERP empresariales con Odoo Community">
|
|
<meta property="og:description" content="Consultoría especializada en Odoo Community ERP.">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: #f8fafc; color: #0f172a; -webkit-font-smoothing: antialiased; }
|
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
|
|
|
/* Glass nav */
|
|
.glass-nav { background: rgba(248,250,252,0.85); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid rgba(0,0,0,0.05); }
|
|
|
|
/* Gradient text */
|
|
.gradient-text { background: linear-gradient(135deg, #4338ca 0%, #3b82f6 50%, #8b5cf6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
|
|
|
|
/* Hero gradient */
|
|
.hero-gradient { background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 40%, #ede9fe 70%, #f8fafc 100%); }
|
|
.hero-glow { position: absolute; width: 600px; height: 600px; border-radius: 50%; filter: blur(100px); opacity: 0.15; pointer-events: none; }
|
|
.hero-glow-1 { background: #4338ca; top: -200px; right: -100px; }
|
|
.hero-glow-2 { background: #8b5cf6; bottom: -200px; left: -100px; }
|
|
|
|
/* Glass card */
|
|
.glass-card { background: rgba(255,255,255,0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 8px 32px rgba(0,0,0,0.06); }
|
|
|
|
/* Premium cards */
|
|
.premium-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }
|
|
.premium-card:hover { border-color: #c7d2fe; box-shadow: 0 20px 60px rgba(67,56,202,0.08), 0 8px 24px rgba(0,0,0,0.04); transform: translateY(-4px); }
|
|
|
|
/* Feature card */
|
|
.feature-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 32px; transition: all 0.3s ease; }
|
|
.feature-card:hover { border-color: #c7d2fe; box-shadow: 0 12px 40px rgba(67,56,202,0.06); }
|
|
|
|
/* Bento grid cells */
|
|
.bento-cell { background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; overflow: hidden; transition: all 0.3s ease; }
|
|
.bento-cell:hover { border-color: #c7d2fe; box-shadow: 0 16px 48px rgba(67,56,202,0.06); }
|
|
|
|
/* Pricing card */
|
|
.pricing-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 24px; padding: 40px; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative; }
|
|
.pricing-card:hover { transform: translateY(-8px); box-shadow: 0 24px 64px rgba(67,56,202,0.1); }
|
|
.pricing-featured { border-color: #4338ca; box-shadow: 0 8px 32px rgba(67,56,202,0.15); transform: scale(1.02); z-index: 2; }
|
|
.pricing-featured:hover { transform: scale(1.02) translateY(-8px); box-shadow: 0 32px 80px rgba(67,56,202,0.18); }
|
|
|
|
/* Buttons */
|
|
.btn-primary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; background: linear-gradient(135deg, #4338ca, #3b82f6); color: #fff; border-radius: 12px; font-weight: 600; font-size: 0.9375rem; border: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); text-decoration: none; }
|
|
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(67,56,202,0.25); }
|
|
.btn-secondary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; background: #fff; color: #4338ca; border: 1px solid #e2e8f0; border-radius: 12px; font-weight: 600; font-size: 0.9375rem; cursor: pointer; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); text-decoration: none; }
|
|
.btn-secondary:hover { border-color: #c7d2fe; box-shadow: 0 4px 16px rgba(67,56,202,0.08); transform: translateY(-2px); }
|
|
|
|
/* Animations */
|
|
.fade-up { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
|
|
.fade-up.visible { opacity: 1; transform: translateY(0); }
|
|
.fade-in { opacity: 0; transition: opacity 0.8s ease; }
|
|
.fade-in.visible { opacity: 1; }
|
|
.scale-in { opacity: 0; transform: scale(0.92); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
|
|
.scale-in.visible { opacity: 1; transform: scale(1); }
|
|
|
|
/* Floating animation */
|
|
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
|
|
.float { animation: float 6s ease-in-out infinite; }
|
|
.float-delayed { animation: float 6s ease-in-out 3s infinite; }
|
|
|
|
/* Pulse dot */
|
|
@keyframes pulse-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
|
|
.pulse-dot { animation: pulse-dot 2s ease-in-out infinite; }
|
|
|
|
/* Gradient shift */
|
|
@keyframes gradient-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
|
|
.gradient-shift { background-size: 200% 200%; animation: gradient-shift 8s ease infinite; }
|
|
|
|
/* Section spacing */
|
|
section { padding: 100px 0; }
|
|
@media (max-width: 768px) { section { padding: 60px 0; } }
|
|
|
|
/* Dashboard mockup */
|
|
.dashboard-mockup { background: #0f172a; border-radius: 16px; border: 1px solid #1e293b; box-shadow: 0 32px 80px rgba(0,0,0,0.2); overflow: hidden; }
|
|
.dashboard-header { height: 40px; background: #1e293b; display: flex; align-items: center; padding: 0 16px; gap: 8px; }
|
|
.dashboard-dot { width: 10px; height: 10px; border-radius: 50%; }
|
|
.sidebar-item { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 8px; color: #94a3b8; font-size: 0.8125rem; transition: all 0.2s; }
|
|
.sidebar-item.active { background: rgba(67,56,202,0.15); color: #a5b4fc; }
|
|
.sidebar-item:hover { background: rgba(255,255,255,0.05); }
|
|
|
|
/* Stats card */
|
|
.stat-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 24px; transition: all 0.3s ease; }
|
|
.stat-card:hover { box-shadow: 0 8px 32px rgba(67,56,202,0.06); border-color: #c7d2fe; }
|
|
|
|
/* Client logo */
|
|
.client-logo { height: 32px; opacity: 0.4; filter: grayscale(1); transition: all 0.3s ease; }
|
|
.client-logo:hover { opacity: 0.7; filter: grayscale(0); }
|
|
|
|
/* Testimonial card */
|
|
.testimonial-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 32px; transition: all 0.3s ease; }
|
|
.testimonial-card:hover { border-color: #c7d2fe; box-shadow: 0 12px 40px rgba(67,56,202,0.06); }
|
|
|
|
/* CTA section */
|
|
.cta-gradient { background: linear-gradient(135deg, #1e1b4b 0%, #312e81 30%, #3730a3 60%, #4338ca 100%); }
|
|
|
|
/* Scrollbar */
|
|
::-webkit-scrollbar { width: 8px; }
|
|
::-webkit-scrollbar-track { background: #f1f5f9; }
|
|
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
|
|
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
|
|
|
|
/* Responsive */
|
|
@media (max-width: 768px) {
|
|
.hero-title { font-size: 2.5rem !important; line-height: 1.1 !important; }
|
|
.pricing-featured { transform: none; }
|
|
.pricing-featured:hover { transform: translateY(-8px); }
|
|
}
|
|
|
|
/* Counter animation */
|
|
@keyframes countUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
|
|
.count-animate { animation: countUp 0.6s ease forwards; }
|
|
|
|
/* Shimmer */
|
|
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
|
|
.shimmer { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); background-size: 200% 100%; animation: shimmer 3s infinite; }
|
|
|
|
/* Grid pattern */
|
|
.grid-pattern { background-image: radial-gradient(#e2e8f0 1px, transparent 1px); background-size: 24px 24px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- ===== NAVIGATION ===== -->
|
|
<nav class="glass-nav fixed top-0 left-0 right-0 z-50" style="height:64px;">
|
|
<div class="container h-full flex items-center justify-between">
|
|
<a href="/" class="flex items-center gap-2.5" style="text-decoration:none;">
|
|
<div style="width:32px;height:32px;background:linear-gradient(135deg,#4338ca,#3b82f6);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;">OE</div>
|
|
<span style="font-weight:600;font-size:1rem;color:#0f172a;">Odoo Expertos</span>
|
|
</a>
|
|
<div class="hidden md:flex items-center gap-8">
|
|
<a href="/blog/" style="color:#475569;font-size:0.875rem;font-weight:500;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#4338ca'" onmouseout="this.style.color='#475569'">Blog</a>
|
|
<a href="/about.html" style="color:#475569;font-size:0.875rem;font-weight:500;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#4338ca'" onmouseout="this.style.color='#475569'">Sobre Nosotros</a>
|
|
<a href="/contact.html" style="color:#475569;font-size:0.875rem;font-weight:500;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#4338ca'" onmouseout="this.style.color='#475569'">Contacto</a>
|
|
<a href="https://ODOO4projects.com/?utm_campaign=expertos" class="btn-primary" style="padding:10px 24px;font-size:0.875rem;" rel="nofollow sponsored" target="_blank">Hosting Odoo</a>
|
|
</div>
|
|
<button id="mobileToggle" class="md:hidden" style="background:none;border:none;cursor:pointer;padding:8px;" onclick="document.getElementById('mobileMenu').classList.toggle('hidden')">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#0f172a" stroke-width="2" stroke-linecap="round"><path d="M3 12h18M3 6h18M3 18h18"/></svg>
|
|
</button>
|
|
</div>
|
|
<div id="mobileMenu" class="hidden md:hidden" style="background:#fff;border-top:1px solid #e2e8f0;padding:16px;">
|
|
<div style="display:flex;flex-direction:column;gap:16px;">
|
|
<a href="/blog/" style="color:#475569;font-size:0.9375rem;font-weight:500;text-decoration:none;">Blog</a>
|
|
<a href="/about.html" style="color:#475569;font-size:0.9375rem;font-weight:500;text-decoration:none;">Sobre Nosotros</a>
|
|
<a href="/contact.html" style="color:#475569;font-size:0.9375rem;font-weight:500;text-decoration:none;">Contacto</a>
|
|
<a href="https://ODOO4projects.com/?utm_campaign=expertos" class="btn-primary" style="justify-content:center;" rel="nofollow sponsored" target="_blank">Hosting Odoo</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- ===== HERO ===== -->
|
|
<section class="hero-gradient" style="padding-top: 140px; padding-bottom: 80px; position: relative; overflow: hidden;">
|
|
<div class="hero-glow hero-glow-1"></div>
|
|
<div class="hero-glow hero-glow-2"></div>
|
|
<div class="container" style="position: relative; z-index: 1;">
|
|
<div class="flex flex-col lg:flex-row items-center gap-16">
|
|
<!-- Left: Text -->
|
|
<div class="flex-1 fade-up visible">
|
|
<div style="display:inline-flex;align-items:center;gap:8px;background:rgba(67,56,202,0.08);border:1px solid rgba(67,56,202,0.12);border-radius:100px;padding:6px 16px 6px 8px;margin-bottom:24px;">
|
|
<span style="background:#4338ca;color:#fff;font-size:0.6875rem;font-weight:600;padding:2px 8px;border-radius:100px;">Nuevo</span>
|
|
<span style="color:#4338ca;font-size:0.8125rem;font-weight:500;">Odoo 18 — Novedades y guía de actualización</span>
|
|
</div>
|
|
<h1 class="hero-title" style="font-size:clamp(3rem,5vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-0.04em;color:#0f172a;margin-bottom:24px;">
|
|
El ERP que transforma<br>
|
|
<span class="gradient-text">tu empresa</span>
|
|
</h1>
|
|
<p style="font-size:1.1875rem;line-height:1.7;color:#475569;max-width:520px;margin-bottom:36px;font-weight:400;">
|
|
Implementación, personalización y hosting de Odoo Community para empresas que exigen excelencia operativa. Sin costes de licencia. Con resultados reales.
|
|
</p>
|
|
<div class="flex flex-wrap gap-4">
|
|
<a href="/blog/implementar-odoo-erp-pyme.html" class="btn-primary" style="font-size:1rem;padding:16px 36px;">
|
|
Iniciar implementación
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
|
</a>
|
|
<a href="/blog/" class="btn-secondary" style="font-size:1rem;padding:16px 36px;">
|
|
Explorar guías
|
|
</a>
|
|
</div>
|
|
<div style="display:flex;align-items:center;gap:24px;margin-top:40px;flex-wrap:wrap;">
|
|
<div style="display:flex;align-items:center;gap:4px;">
|
|
<span style="color:#10b981;font-size:1.25rem;">★</span>
|
|
<span style="color:#10b981;font-size:1.25rem;">★</span>
|
|
<span style="color:#10b981;font-size:1.25rem;">★</span>
|
|
<span style="color:#10b981;font-size:1.25rem;">★</span>
|
|
<span style="color:#10b981;font-size:1.25rem;">★</span>
|
|
</div>
|
|
<span style="color:#64748b;font-size:0.875rem;">4.9/5 — 120+ implementaciones exitosas</span>
|
|
</div>
|
|
</div>
|
|
<!-- Right: Dashboard Mockup -->
|
|
<div class="flex-1 fade-in visible" style="max-width: 560px;">
|
|
<div class="dashboard-mockup float">
|
|
<div class="dashboard-header">
|
|
<div class="dashboard-dot" style="background:#ef4444;"></div>
|
|
<div class="dashboard-dot" style="background:#f59e0b;"></div>
|
|
<div class="dashboard-dot" style="background:#10b981;"></div>
|
|
<span style="color:#64748b;font-size:0.75rem;margin-left:12px;">Odoo Expertos — Panel de Control</span>
|
|
</div>
|
|
<div style="display:flex;height:280px;">
|
|
<div style="width:160px;background:#0f172a;padding:12px;border-right:1px solid #1e293b;">
|
|
<div class="sidebar-item active">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>
|
|
Dashboard
|
|
</div>
|
|
<div class="sidebar-item">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
|
Clientes
|
|
</div>
|
|
<div class="sidebar-item">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12V7H5a2 2 0 0 1 0-4h14v4"/><path d="M3 5v14a2 2 0 0 0 2 2h16v-5"/><path d="M18 12a2 2 0 0 0 0 4h4v-4Z"/></svg>
|
|
Facturación
|
|
</div>
|
|
<div class="sidebar-item">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>
|
|
Inventario
|
|
</div>
|
|
</div>
|
|
<div style="flex:1;padding:16px;background:#0f172a;">
|
|
<div style="display:flex;gap:12px;margin-bottom:16px;">
|
|
<div style="flex:1;background:#1e293b;border-radius:10px;padding:12px;">
|
|
<div style="color:#64748b;font-size:0.6875rem;margin-bottom:4px;">Ingresos mensuales</div>
|
|
<div style="color:#e2e8f0;font-size:1.125rem;font-weight:700;">€284,500</div>
|
|
<div style="color:#10b981;font-size:0.6875rem;">+12.5% vs mes anterior</div>
|
|
</div>
|
|
<div style="flex:1;background:#1e293b;border-radius:10px;padding:12px;">
|
|
<div style="color:#64748b;font-size:0.6875rem;margin-bottom:4px;">Órdenes activas</div>
|
|
<div style="color:#e2e8f0;font-size:1.125rem;font-weight:700;">1,247</div>
|
|
<div style="color:#10b981;font-size:0.6875rem;">+8.3% vs mes anterior</div>
|
|
</div>
|
|
</div>
|
|
<div style="background:#1e293b;border-radius:10px;padding:12px;height:80px;display:flex;align-items:flex-end;gap:4px;">
|
|
<div style="flex:1;height:40%;background:linear-gradient(to top,rgba(67,56,202,0.4),transparent);border-radius:3px 3px 0 0;"></div>
|
|
<div style="flex:1;height:60%;background:linear-gradient(to top,rgba(67,56,202,0.6),transparent);border-radius:3px 3px 0 0;"></div>
|
|
<div style="flex:1;height:35%;background:linear-gradient(to top,rgba(67,56,202,0.3),transparent);border-radius:3px 3px 0 0;"></div>
|
|
<div style="flex:1;height:75%;background:linear-gradient(to top,rgba(67,56,202,0.7),transparent);border-radius:3px 3px 0 0;"></div>
|
|
<div style="flex:1;height:50%;background:linear-gradient(to top,rgba(67,56,202,0.5),transparent);border-radius:3px 3px 0 0;"></div>
|
|
<div style="flex:1;height:90%;background:linear-gradient(to top,#4338ca,transparent);border-radius:3px 3px 0 0;"></div>
|
|
<div style="flex:1;height:65%;background:linear-gradient(to top,rgba(67,56,202,0.65),transparent);border-radius:3px 3px 0 0;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Client logos -->
|
|
<div class="fade-in visible" style="margin-top:80px;text-align:center;">
|
|
<p style="color:#94a3b8;font-size:0.8125rem;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:24px;">Confían en nuestra plataforma</p>
|
|
<div style="display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap;opacity:0.5;">
|
|
<span style="font-weight:700;font-size:1.25rem;color:#94a3b8;">TechCorp</span>
|
|
<span style="font-weight:700;font-size:1.25rem;color:#94a3b8;">Industrias GL</span>
|
|
<span style="font-weight:700;font-size:1.25rem;color:#94a3b8;">Distribuidora MX</span>
|
|
<span style="font-weight:700;font-size:1.25rem;color:#94a3b8;">Grupo Logístico</span>
|
|
<span style="font-weight:700;font-size:1.25rem;color:#94a3b8;">BioFarma</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== STATS ===== -->
|
|
<section style="padding:60px 0;border-bottom:1px solid #e2e8f0;">
|
|
<div class="container">
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
|
|
<div class="stat-card text-center fade-up">
|
|
<div style="font-size:2.5rem;font-weight:800;color:#4338ca;line-height:1;" id="stat1">0</div>
|
|
<div style="color:#64748b;font-size:0.875rem;margin-top:8px;">Implementaciones</div>
|
|
</div>
|
|
<div class="stat-card text-center fade-up">
|
|
<div style="font-size:2.5rem;font-weight:800;color:#4338ca;line-height:1;" id="stat2">0</div>
|
|
<div style="color:#64748b;font-size:0.875rem;margin-top:8px;">Módulos configurados</div>
|
|
</div>
|
|
<div class="stat-card text-center fade-up">
|
|
<div style="font-size:2.5rem;font-weight:800;color:#4338ca;line-height:1;" id="stat3">0</div>
|
|
<div style="color:#64748b;font-size:0.875rem;margin-top:8px;">Guías publicadas</div>
|
|
</div>
|
|
<div class="stat-card text-center fade-up">
|
|
<div style="font-size:2.5rem;font-weight:800;color:#4338ca;line-height:1;" id="stat4">0</div>
|
|
<div style="color:#64748b;font-size:0.875rem;margin-top:8px;">Usuarios activos</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== PROBLEM ===== -->
|
|
<section style="padding:100px 0;">
|
|
<div class="container">
|
|
<div class="text-center max-w-3xl mx-auto mb-20 fade-up">
|
|
<div style="display:inline-flex;align-items:center;gap:8px;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.12);border-radius:100px;padding:6px 16px;margin-bottom:20px;">
|
|
<span style="color:#ef4444;font-size:0.8125rem;font-weight:500;">El desafío</span>
|
|
</div>
|
|
<h2 style="font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#0f172a;margin-bottom:16px;">
|
|
El ERP sigue siendo el <span style="color:#4338ca;">mayor dolor</span> de las empresas
|
|
</h2>
|
|
<p style="font-size:1.125rem;color:#64748b;line-height:1.7;max-width:600px;margin:0 auto;">
|
|
Las soluciones tradicionales son caras, rígidas y difíciles de implementar. El 70% de las pymes siguen gestionando su operación con hojas de cálculo.
|
|
</p>
|
|
</div>
|
|
<div class="grid md:grid-cols-3 gap-6">
|
|
<div class="premium-card p-8 fade-up">
|
|
<div style="width:48px;height:48px;background:rgba(239,68,68,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="10"/><path d="M16 16s-1.5-2-4-2-4 2-4 2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg>
|
|
</div>
|
|
<h3 style="font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:12px;">Licencias que cuestan una fortuna</h3>
|
|
<p style="color:#64748b;font-size:0.9375rem;line-height:1.7;">SAP, Sage y Microsoft Dynamics cobran entre 70€ y 200€ por usuario al mes. Para 50 usuarios, hablamos de más de 50.000€ anuales solo en licencias.</p>
|
|
</div>
|
|
<div class="premium-card p-8 fade-up">
|
|
<div style="width:48px;height:48px;background:rgba(239,68,68,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18"/><path d="M9 3v18"/></svg>
|
|
</div>
|
|
<h3 style="font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:12px;">Implementaciones que nunca terminan</h3>
|
|
<p style="color:#64748b;font-size:0.9375rem;line-height:1.7;">El 40% de los proyectos ERP superan el presupuesto. El 30% no logra implementarse completamente. El 20% se abandona.</p>
|
|
</div>
|
|
<div class="premium-card p-8 fade-up">
|
|
<div style="width:48px;height:48px;background:rgba(239,68,68,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
|
|
</div>
|
|
<h3 style="font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:12px;">Datos dispersos sin integración</h3>
|
|
<p style="color:#64748b;font-size:0.9375rem;line-height:1.7;">Contabilidad en un sistema, ventas en otro, inventario en Excel. Sin una vista unificada, tomar decisiones es como conducir con los ojos cerrados.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== SOLUTION ===== -->
|
|
<section style="padding:100px 0;background:#f1f5f9;">
|
|
<div class="container">
|
|
<div class="text-center max-w-3xl mx-auto mb-20 fade-up">
|
|
<div style="display:inline-flex;align-items:center;gap:8px;background:rgba(67,56,202,0.08);border:1px solid rgba(67,56,202,0.12);border-radius:100px;padding:6px 16px;margin-bottom:20px;">
|
|
<span style="color:#4338ca;font-size:0.8125rem;font-weight:500;">La solución</span>
|
|
</div>
|
|
<h2 style="font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#0f172a;margin-bottom:16px;">
|
|
Odoo Community. Libertad empresarial.<br>
|
|
<span class="gradient-text">Sin costes de licencia.</span>
|
|
</h2>
|
|
<p style="font-size:1.125rem;color:#64748b;line-height:1.7;max-width:600px;margin:0 auto;">
|
|
La misma potencia que un ERP empresarial. Cero coste de licencia. Implementación en semanas, no en meses.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Bento Grid -->
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4" style="max-width:1000px;margin:0 auto;">
|
|
<div class="bento-cell p-8 md:col-span-2 fade-up" style="min-height:280px;display:flex;flex-direction:column;justify-content:space-between;">
|
|
<div>
|
|
<div style="width:44px;height:44px;background:linear-gradient(135deg,rgba(67,56,202,0.1),rgba(59,130,246,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
|
|
</div>
|
|
<h3 style="font-size:1.375rem;font-weight:600;color:#0f172a;margin-bottom:8px;">Implementación en 4 semanas</h3>
|
|
<p style="color:#64748b;font-size:0.9375rem;line-height:1.7;max-width:400px;">Metodología probada: análisis, configuración, migración y formación. Resultados medibles desde el día 30.</p>
|
|
</div>
|
|
<div style="display:flex;gap:24px;margin-top:24px;">
|
|
<div><span style="font-weight:700;font-size:1.5rem;color:#4338ca;">96%</span><br><span style="color:#64748b;font-size:0.8125rem;">Satisfacción</span></div>
|
|
<div><span style="font-weight:700;font-size:1.5rem;color:#4338ca;">4x</span><br><span style="color:#64748b;font-size:0.8125rem;">Más rápido que ERP privativo</span></div>
|
|
<div><span style="font-weight:700;font-size:1.5rem;color:#10b981;">0€</span><br><span style="color:#64748b;font-size:0.8125rem;">Coste de licencia</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="bento-cell p-8 fade-up" style="min-height:280px;display:flex;flex-direction:column;justify-content:space-between;">
|
|
<div style="width:44px;height:44px;background:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(59,130,246,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
|
|
</div>
|
|
<h3 style="font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:8px;">Soporte experto</h3>
|
|
<p style="color:#64748b;font-size:0.9375rem;line-height:1.7;">Equipo de consultores certificados con experiencia en más de 100 implementaciones en España y LATAM.</p>
|
|
</div>
|
|
<div class="bento-cell p-8 fade-up" style="min-height:200px;display:flex;flex-direction:column;justify-content:space-between;">
|
|
<div style="width:44px;height:44px;background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(59,130,246,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>
|
|
</div>
|
|
<h3 style="font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:6px;">Hosting optimizado</h3>
|
|
<p style="color:#64748b;font-size:0.875rem;line-height:1.7;">Servidores preconfigurados para Odoo con rendimiento 3x superior al hosting genérico.</p>
|
|
</div>
|
|
<div class="bento-cell p-8 fade-up" style="min-height:200px;display:flex;flex-direction:column;justify-content:space-between;">
|
|
<div style="width:44px;height:44px;background:linear-gradient(135deg,rgba(245,158,11,0.1),rgba(59,130,246,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
|
|
</div>
|
|
<h3 style="font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:6px;">Seguridad empresarial</h3>
|
|
<p style="color:#64748b;font-size:0.875rem;line-height:1.7;">Backups automatizados, cifrado, monitoreo 24/7 y cumplimiento RGPD.</p>
|
|
</div>
|
|
<div class="bento-cell p-8 md:col-span-2 fade-up" style="min-height:200px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#4338ca;">
|
|
<div style="display:flex;align-items:center;gap:16px;flex-wrap:wrap;">
|
|
<div style="flex:1;">
|
|
<h3 style="font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:6px;">¿Listo para transformar tu operación?</h3>
|
|
<p style="color:#a5b4fc;font-size:0.9375rem;line-height:1.7;">Descubre cómo Odoo Community puede adaptarse a tu negocio sin costes de licencia.</p>
|
|
</div>
|
|
<a href="/blog/implementar-odoo-erp-pyme.html" class="btn-primary" style="white-space:nowrap;background:#fff;color:#4338ca;">Comenzar ahora</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== MODULES ===== -->
|
|
<section style="padding:100px 0;">
|
|
<div class="container">
|
|
<div class="text-center max-w-3xl mx-auto mb-20 fade-up">
|
|
<h2 style="font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#0f172a;margin-bottom:16px;">
|
|
Un ecosistema completo de módulos
|
|
</h2>
|
|
<p style="font-size:1.125rem;color:#64748b;line-height:1.7;max-width:600px;margin:0 auto;">
|
|
Más de 30 módulos nativos que cubren cada área de tu negocio. Todos incluidos sin coste adicional.
|
|
</p>
|
|
</div>
|
|
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
|
|
<div class="feature-card text-center fade-up" style="padding:24px 16px;">
|
|
<div style="width:40px;height:40px;background:rgba(67,56,202,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>
|
|
</div>
|
|
<h4 style="font-size:0.875rem;font-weight:600;color:#0f172a;margin-bottom:4px;">CRM</h4>
|
|
<p style="color:#94a3b8;font-size:0.75rem;line-height:1.5;">Ventas y pipeline</p>
|
|
</div>
|
|
<div class="feature-card text-center fade-up" style="padding:24px 16px;">
|
|
<div style="width:40px;height:40px;background:rgba(67,56,202,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><path d="M21 12V7H5a2 2 0 0 1 0-4h14v4"/><path d="M3 5v14a2 2 0 0 0 2 2h16v-5"/><path d="M18 12a2 2 0 0 0 0 4h4v-4Z"/></svg>
|
|
</div>
|
|
<h4 style="font-size:0.875rem;font-weight:600;color:#0f172a;margin-bottom:4px;">Ventas</h4>
|
|
<p style="color:#94a3b8;font-size:0.75rem;line-height:1.5;">Pedidos y facturación</p>
|
|
</div>
|
|
<div class="feature-card text-center fade-up" style="padding:24px 16px;">
|
|
<div style="width:40px;height:40px;background:rgba(67,56,202,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>
|
|
</div>
|
|
<h4 style="font-size:0.875rem;font-weight:600;color:#0f172a;margin-bottom:4px;">Inventario</h4>
|
|
<p style="color:#94a3b8;font-size:0.75rem;line-height:1.5;">Almacenes y stock</p>
|
|
</div>
|
|
<div class="feature-card text-center fade-up" style="padding:24px 16px;">
|
|
<div style="width:40px;height:40px;background:rgba(67,56,202,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
|
|
</div>
|
|
<h4 style="font-size:0.875rem;font-weight:600;color:#0f172a;margin-bottom:4px;">Contabilidad</h4>
|
|
<p style="color:#94a3b8;font-size:0.75rem;line-height:1.5;">Finanzas e informes</p>
|
|
</div>
|
|
<div class="feature-card text-center fade-up" style="padding:24px 16px;">
|
|
<div style="width:40px;height:40px;background:rgba(67,56,202,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5C7 4 7 7 7 7"/><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5C17 4 17 7 17 7"/><path d="M4 22h16"/><path d="M10 22V8h4v14"/></svg>
|
|
</div>
|
|
<h4 style="font-size:0.875rem;font-weight:600;color:#0f172a;margin-bottom:4px;">Fabricación</h4>
|
|
<p style="color:#94a3b8;font-size:0.75rem;line-height:1.5;">Producción y BOM</p>
|
|
</div>
|
|
<div class="feature-card text-center fade-up" style="padding:24px 16px;">
|
|
<div style="width:40px;height:40px;background:rgba(67,56,202,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
|
|
</div>
|
|
<h4 style="font-size:0.875rem;font-weight:600;color:#0f172a;margin-bottom:4px;">Proyectos</h4>
|
|
<p style="color:#94a3b8;font-size:0.75rem;line-height:1.5;">Tareas y tiempos</p>
|
|
</div>
|
|
</div>
|
|
<div class="text-center mt-12 fade-up">
|
|
<a href="/blog/mejores-modulos-odoo-community.html" class="btn-secondary">Ver todos los módulos</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== PRICING ===== -->
|
|
<section style="padding:100px 0;background:#f1f5f9;">
|
|
<div class="container">
|
|
<div class="text-center max-w-3xl mx-auto mb-16 fade-up">
|
|
<div style="display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.12);border-radius:100px;padding:6px 16px;margin-bottom:20px;">
|
|
<span style="color:#10b981;font-size:0.8125rem;font-weight:500;">Precios transparentes</span>
|
|
</div>
|
|
<h2 style="font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#0f172a;margin-bottom:16px;">
|
|
Inversión predecible.<br>Resultados reales.
|
|
</h2>
|
|
<p style="font-size:1.125rem;color:#64748b;line-height:1.7;max-width:500px;margin:0 auto;">
|
|
Sin costes ocultos. Sin sorpresas. Pagas solo por la implementación y el hosting.
|
|
</p>
|
|
</div>
|
|
<div class="flex flex-col lg:flex-row items-center justify-center gap-6">
|
|
<!-- Basic -->
|
|
<div class="pricing-card flex-1 max-w-sm fade-up">
|
|
<div style="margin-bottom:24px;">
|
|
<h3 style="font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:4px;">Growth</h3>
|
|
<p style="color:#64748b;font-size:0.875rem;">Para empresas en crecimiento</p>
|
|
</div>
|
|
<div style="margin-bottom:32px;">
|
|
<span style="font-size:2.5rem;font-weight:800;color:#0f172a;">Gratis</span>
|
|
<span style="color:#94a3b8;font-size:0.9375rem;"> licencia</span>
|
|
<div style="color:#64748b;font-size:0.875rem;margin-top:4px;">+ hosting desde 29€/mes</div>
|
|
</div>
|
|
<ul style="display:flex;flex-direction:column;gap:12px;margin-bottom:32px;">
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Odoo Community completo
|
|
</li>
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Hasta 10 usuarios
|
|
</li>
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Actualizaciones incluidas
|
|
</li>
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Soporte por email
|
|
</li>
|
|
</ul>
|
|
<a href="/blog/implementar-odoo-erp-pyme.html" class="btn-secondary" style="width:100%;justify-content:center;">Comenzar gratis</a>
|
|
</div>
|
|
<!-- Professional (Featured) -->
|
|
<div class="pricing-card pricing-featured flex-1 max-w-sm fade-up">
|
|
<div style="position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#4338ca,#3b82f6);color:#fff;font-size:0.75rem;font-weight:600;padding:4px 16px;border-radius:100px;white-space:nowrap;">Más popular</div>
|
|
<div style="margin-bottom:24px;">
|
|
<h3 style="font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:4px;">Professional</h3>
|
|
<p style="color:#64748b;font-size:0.875rem;">Para empresas con operaciones completas</p>
|
|
</div>
|
|
<div style="margin-bottom:32px;">
|
|
<span style="font-size:2.5rem;font-weight:800;color:#0f172a;">Gratis</span>
|
|
<span style="color:#94a3b8;font-size:0.9375rem;"> licencia</span>
|
|
<div style="color:#64748b;font-size:0.875rem;margin-top:4px;">+ hosting desde 79€/mes</div>
|
|
</div>
|
|
<ul style="display:flex;flex-direction:column;gap:12px;margin-bottom:32px;">
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Todo Growth
|
|
</li>
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Hasta 50 usuarios
|
|
</li>
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Backups automatizados
|
|
</li>
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Soporte prioritario 24/7
|
|
</li>
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Monitorización avanzada
|
|
</li>
|
|
</ul>
|
|
<a href="https://ODOO4projects.com/?utm_campaign=expertos" class="btn-primary" style="width:100%;justify-content:center;" rel="nofollow sponsored" target="_blank">Elegir Professional</a>
|
|
</div>
|
|
<!-- Enterprise -->
|
|
<div class="pricing-card flex-1 max-w-sm fade-up">
|
|
<div style="margin-bottom:24px;">
|
|
<h3 style="font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:4px;">Enterprise</h3>
|
|
<p style="color:#64748b;font-size:0.875rem;">Para grandes volúmenes y personalización</p>
|
|
</div>
|
|
<div style="margin-bottom:32px;">
|
|
<span style="font-size:2.5rem;font-weight:800;color:#0f172a;">Gratis</span>
|
|
<span style="color:#94a3b8;font-size:0.9375rem;"> licencia</span>
|
|
<div style="color:#64748b;font-size:0.875rem;margin-top:4px;">+ hosting desde 199€/mes</div>
|
|
</div>
|
|
<ul style="display:flex;flex-direction:column;gap:12px;margin-bottom:32px;">
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Todo Professional
|
|
</li>
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Usuarios ilimitados
|
|
</li>
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Personalización a medida
|
|
</li>
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
SLA garantizado 99.9%
|
|
</li>
|
|
<li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
|
Gerente de cuenta dedicado
|
|
</li>
|
|
</ul>
|
|
<a href="/contact.html" class="btn-secondary" style="width:100%;justify-content:center;">Contactar</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== TESTIMONIALS ===== -->
|
|
<section style="padding:100px 0;">
|
|
<div class="container">
|
|
<div class="text-center max-w-3xl mx-auto mb-20 fade-up">
|
|
<h2 style="font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#0f172a;margin-bottom:16px;">
|
|
Lo que dicen nuestros clientes
|
|
</h2>
|
|
<p style="font-size:1.125rem;color:#64748b;line-height:1.7;max-width:500px;margin:0 auto;">
|
|
Más de 120 empresas confían en nuestra metodología.
|
|
</p>
|
|
</div>
|
|
<div class="grid md:grid-cols-3 gap-6">
|
|
<div class="testimonial-card fade-up">
|
|
<div style="display:flex;gap:2px;margin-bottom:16px;">
|
|
<span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span>
|
|
</div>
|
|
<p style="color:#334155;font-size:0.9375rem;line-height:1.7;margin-bottom:20px;">"Implementamos Odoo en 6 semanas. El equipo de Odoo Expertos entendió nuestras necesidades desde el primer día. Redujimos costes operativos un 40%."</p>
|
|
<div style="display:flex;align-items:center;gap:12px;">
|
|
<div style="width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#4338ca,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:0.875rem;">JM</div>
|
|
<div>
|
|
<div style="font-weight:600;font-size:0.875rem;color:#0f172a;">Javier Martínez</div>
|
|
<div style="font-size:0.8125rem;color:#94a3b8;">CEO, TechCorp</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="testimonial-card fade-up">
|
|
<div style="display:flex;gap:2px;margin-bottom:16px;">
|
|
<span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span>
|
|
</div>
|
|
<p style="color:#334155;font-size:0.9375rem;line-height:1.7;margin-bottom:20px;">"Pasamos de SAP a Odoo Community. El ahorro anual en licencias supera los 60.000€. La migración fue limpia y el equipo soporte excepcional."</p>
|
|
<div style="display:flex;align-items:center;gap:12px;">
|
|
<div style="width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:0.875rem;">AG</div>
|
|
<div>
|
|
<div style="font-weight:600;font-size:0.875rem;color:#0f172a;">Ana Gómez</div>
|
|
<div style="font-size:0.8125rem;color:#94a3b8;">CTO, Industrias GL</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="testimonial-card fade-up">
|
|
<div style="display:flex;gap:2px;margin-bottom:16px;">
|
|
<span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span>
|
|
</div>
|
|
<p style="color:#334155;font-size:0.9375rem;line-height:1.7;margin-bottom:20px;">"El hosting optimizado para Odoo marcó la diferencia. Pasamos de tiempos de carga de 8 segundos a respuestas instantáneas. Nuestros usuarios notaron el cambio inmediatamente."</p>
|
|
<div style="display:flex;align-items:center;gap:12px;">
|
|
<div style="width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#10b981,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:0.875rem;">CR</div>
|
|
<div>
|
|
<div style="font-weight:600;font-size:0.875rem;color:#0f172a;">Carlos Ruiz</div>
|
|
<div style="font-size:0.8125rem;color:#94a3b8;">Director IT, Distribuidora MX</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== FEATURED CONTENT ===== -->
|
|
<section style="padding:100px 0;background:#f1f5f9;">
|
|
<div class="container">
|
|
<div class="text-center max-w-3xl mx-auto mb-16 fade-up">
|
|
<h2 style="font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#0f172a;margin-bottom:16px;">
|
|
Recursos para tu implementación
|
|
</h2>
|
|
</div>
|
|
<div class="grid md:grid-cols-3 gap-6">
|
|
<a href="/blog/implementar-odoo-erp-pyme.html" class="premium-card p-8 fade-up" style="text-decoration:none;">
|
|
<div style="display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;">
|
|
<span style="background:rgba(67,56,202,0.1);color:#4338ca;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:100px;">Guía</span>
|
|
<span style="background:rgba(16,185,129,0.1);color:#10b981;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:100px;">15 min</span>
|
|
</div>
|
|
<h3 style="font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:8px;line-height:1.4;">Cómo implementar Odoo en una pyme paso a paso</h3>
|
|
<p style="color:#64748b;font-size:0.875rem;line-height:1.7;">Guía completa desde la planificación hasta el despliegue en producción.</p>
|
|
</a>
|
|
<a href="/blog/odoo-community-vs-enterprise.html" class="premium-card p-8 fade-up" style="text-decoration:none;">
|
|
<div style="display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;">
|
|
<span style="background:rgba(245,158,11,0.1);color:#f59e0b;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:100px;">Comparativa</span>
|
|
<span style="background:rgba(16,185,129,0.1);color:#10b981;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:100px;">12 min</span>
|
|
</div>
|
|
<h3 style="font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:8px;line-height:1.4;">Odoo Community vs Enterprise</h3>
|
|
<p style="color:#64748b;font-size:0.875rem;line-height:1.7;">Diferencias reales. ¿Qué versión necesitas para tu empresa?</p>
|
|
</a>
|
|
<a href="/blog/guia-hosting-odoo-servidores.html" class="premium-card p-8 fade-up" style="text-decoration:none;">
|
|
<div style="display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;">
|
|
<span style="background:rgba(139,92,246,0.1);color:#8b5cf6;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:100px;">Infraestructura</span>
|
|
<span style="background:rgba(16,185,129,0.1);color:#10b981;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:100px;">13 min</span>
|
|
</div>
|
|
<h3 style="font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:8px;line-height:1.4;">Guía de hosting para Odoo</h3>
|
|
<p style="color:#64748b;font-size:0.875rem;line-height:1.7;">Cómo elegir el servidor adecuado para tu proyecto ERP.</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== CTA ===== -->
|
|
<section class="cta-gradient" style="padding:120px 0;position:relative;overflow:hidden;">
|
|
<div style="position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255,255,255,0.05) 1px,transparent 1px);background-size:24px 24px;"></div>
|
|
<div class="container text-center" style="position:relative;z-index:1;">
|
|
<div class="max-w-3xl mx-auto fade-up">
|
|
<div style="display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);border-radius:100px;padding:6px 16px;margin-bottom:24px;">
|
|
<span style="color:#a5b4fc;font-size:0.8125rem;font-weight:500;">Transformación digital</span>
|
|
</div>
|
|
<h2 style="font-size:clamp(2rem,3.5vw,3.5rem);font-weight:700;line-height:1.05;letter-spacing:-0.03em;color:#fff;margin-bottom:20px;">
|
|
Tu empresa merece un ERP<br>
|
|
<span style="background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;">que funcione para ti</span>
|
|
</h2>
|
|
<p style="font-size:1.125rem;color:#a5b4fc;line-height:1.7;max-width:500px;margin:0 auto 36px;">
|
|
Sin costes de licencia. Sin implementaciones interminables. Sin compromisos.
|
|
</p>
|
|
<div class="flex flex-wrap justify-center gap-4">
|
|
<a href="/blog/implementar-odoo-erp-pyme.html" class="btn-primary" style="background:#fff;color:#4338ca;font-size:1rem;padding:16px 36px;">
|
|
Iniciar mi proyecto
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
|
</a>
|
|
<a href="/blog/" class="btn-secondary" style="background:transparent;color:#fff;border-color:rgba(255,255,255,0.2);font-size:1rem;padding:16px 36px;">
|
|
Explorar recursos
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ===== FOOTER ===== -->
|
|
<footer style="background:#0f172a;border-top:1px solid #1e293b;padding:80px 0 40px;">
|
|
<div class="container">
|
|
<div class="grid md:grid-cols-4 gap-12 mb-12">
|
|
<div>
|
|
<div style="display:flex;align-items:center;gap:10px;margin-bottom:16px;">
|
|
<div style="width:28px;height:28px;background:linear-gradient(135deg,#4338ca,#3b82f6);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#fff;">OE</div>
|
|
<span style="font-weight:600;color:#fff;">Odoo Expertos</span>
|
|
</div>
|
|
<p style="color:#64748b;font-size:0.875rem;line-height:1.7;max-width:280px;">La referencia en español para Odoo Community ERP. Conocimiento práctico de consultores con experiencia real.</p>
|
|
</div>
|
|
<div>
|
|
<h4 style="color:#94a3b8;font-size:0.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;">Secciones</h4>
|
|
<div style="display:flex;flex-direction:column;gap:10px;">
|
|
<a href="/blog/" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Blog</a>
|
|
<a href="/blog/" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Tutoriales</a>
|
|
<a href="/blog/" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Guías</a>
|
|
<a href="/blog/" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Comparativas</a>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h4 style="color:#94a3b8;font-size:0.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;">Recursos</h4>
|
|
<div style="display:flex;flex-direction:column;gap:10px;">
|
|
<a href="https://ODOO4projects.com/?utm_campaign=expertos" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" rel="nofollow sponsored" target="_blank" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Hosting Odoo</a>
|
|
<a href="https://www.odoo.com/documentation" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" target="_blank" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Documentación oficial</a>
|
|
<a href="https://github.com/odoo/odoo" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" target="_blank" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Odoo en GitHub</a>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h4 style="color:#94a3b8;font-size:0.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;">Empresa</h4>
|
|
<div style="display:flex;flex-direction:column;gap:10px;">
|
|
<a href="/about.html" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Sobre nosotros</a>
|
|
<a href="/contact.html" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Contacto</a>
|
|
<a href="/privacy.html" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Privacidad</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="border-top:1px solid #1e293b;padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;">
|
|
<span style="color:#475569;font-size:0.8125rem;">© 2026 Odoo Expertos. Independiente y no afiliado a Odoo S.A.</span>
|
|
<span style="color:#475569;font-size:0.8125rem;">Odoo es una marca registrada de Odoo S.A.</span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- ===== SCROLL ANIMATIONS ===== -->
|
|
<script>
|
|
// Mobile menu toggle
|
|
document.getElementById('mobileToggle').addEventListener('click', function() {
|
|
document.getElementById('mobileMenu').classList.toggle('hidden');
|
|
});
|
|
|
|
// Scroll animations
|
|
const observer = new IntersectionObserver((entries) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.classList.add('visible');
|
|
}
|
|
});
|
|
}, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
|
|
|
|
document.querySelectorAll('.fade-up, .fade-in, .scale-in').forEach(el => observer.observe(el));
|
|
|
|
// Counter animation
|
|
function animateCounter(id, target, suffix = '') {
|
|
const el = document.getElementById(id);
|
|
if (!el) return;
|
|
const observer = new IntersectionObserver((entries) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
let current = 0;
|
|
const step = Math.ceil(target / 60);
|
|
const interval = setInterval(() => {
|
|
current += step;
|
|
if (current >= target) {
|
|
current = target;
|
|
clearInterval(interval);
|
|
}
|
|
el.textContent = current.toLocaleString() + suffix;
|
|
}, 25);
|
|
observer.unobserve(el);
|
|
}
|
|
});
|
|
}, { threshold: 0.5 });
|
|
observer.observe(el);
|
|
}
|
|
|
|
animateCounter('stat1', 120, '+');
|
|
animateCounter('stat2', 340, '+');
|
|
animateCounter('stat3', 10);
|
|
animateCounter('stat4', 2800, '+');
|
|
</script>
|
|
|
|
<!-- Schema -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "Organization",
|
|
"name": "Odoo Expertos",
|
|
"url": "https://odoo-expertos.com",
|
|
"description": "Consultoría especializada en Odoo Community ERP.",
|
|
"sameAs": ["https://github.com/odoo-expertos"]
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |