Public Access
Publish German and Spanish homepage (/de/, /es/) with hreflang cluster and language switcher
Homepage pilot of the website i18n project. Adds the translated homepage for DE and ES, the shared selector at /static/lang.js, and the hreflang cluster on all three language versions (EN included, or the cluster is asymmetric and ignored). - de/index.html, es/index.html: translator output plus the i18n build (html lang, self-referencing canonical, hreflang cluster, lang.js tag, switcher slot in the footer). - index.html: same cluster + lang.js tag + switcher slot; canonical and og:url normalised to the lowercase host. - static/lang.js: the tested selector (client-side language choice, auto-detect on the EN homepage only, once per session; a stored choice or ?lang= always wins). - sitemap.xml: /de/ and /es/ (priority 1.0, lastmod 2026-10-24). - llms.txt: new '## Languages' section. Two gaps in the build recipe were closed while building: a mirrored page cannot use root-relative source paths (style.css, images/* would resolve to /de/style.css -> 404), so the build now re-points assets at the site root and keeps page links on the EN route until the language page exists; and og:url is now this page's own URL instead of the EN one inherited from the source. Not built yet: support.html, odoo-hosting-2027.html, the blog, the bootcamp page, the legal pages.
This commit is contained in:
1 parent
2c7d9a393e
commit
937dbd4dbf
6 files changed
+1417
-2
No files matched your search
+673
@@ -0,0 +1,673 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="description" content="Odoo in 5 Minuten einsatzbereit mit vollständig verwaltetem Hosting. Automatische Backups, SSL, Git-basierte Module und 6 Standorte weltweit." />
|
||||
<title>ODOO4projects | Odoo in 5 Minuten einsatzbereit — vollständig verwaltetes Hosting</title>
|
||||
<link rel="canonical" href="https://odoo4projects.com/de/" />
|
||||
<link rel="alternate" hreflang="en-US" href="https://odoo4projects.com/" />
|
||||
<link rel="alternate" hreflang="de" href="https://odoo4projects.com/de/" />
|
||||
<link rel="alternate" hreflang="es" href="https://odoo4projects.com/es/" />
|
||||
<link rel="alternate" hreflang="x-default" href="https://odoo4projects.com/" />
|
||||
<meta property="og:title" content="ODOO4projects | Odoo in 5 Minuten einsatzbereit — vollständig verwaltetes Hosting" />
|
||||
<meta property="og:description" content="Odoo in 5 Minuten einsatzbereit mit vollständig verwaltetem Hosting. Automatische Backups, SSL und Git-basierte Modulverwaltung." />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://odoo4projects.com/de/" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<link rel="icon" href="/images/favicon.ico" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "ODOO4projects",
|
||||
"url": "https://ODOO4projects.com/",
|
||||
"description": "Odoo-Hosting mit vollständig verwalteter Infrastruktur. In 5 Minuten einsatzbereit — mit automatischen Backups, SSL und Git-basierten Modulen.",
|
||||
"foundingDate": "2020",
|
||||
"contactPoint": { "@type": "ContactPoint", "contactType": "customer support", "url": "https://ODOO4projects.com/support.html#contact" },
|
||||
"sameAs": ["https://www.linkedin.com/company/odoo4projects/"],
|
||||
"offers": [
|
||||
{ "@type": "Offer", "name": "Side Hustle", "price": "214.00", "priceCurrency": "USD", "url": "https://ODOO4projects.com/#pricing" },
|
||||
{ "@type": "Offer", "name": "On the Rise", "price": "395.00", "priceCurrency": "USD", "url": "https://ODOO4projects.com/#pricing" },
|
||||
{ "@type": "Offer", "name": "Powerhouse", "price": "595.00", "priceCurrency": "USD", "url": "https://ODOO4projects.com/#pricing" },
|
||||
{ "@type": "Offer", "name": "Empire", "price": ">950.00", "priceCurrency": "USD", "url": "https://ODOO4projects.com/#pricing" }
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<script type="application/json" id="agent-skills">
|
||||
{
|
||||
"skills": [
|
||||
{
|
||||
"name": "spin_up_free_trial",
|
||||
"description": "Spin up a free trial of ODOO4projects.",
|
||||
"when_to_use": [
|
||||
"User wants to create an ODOO4projects free trial",
|
||||
"User asks to spin up or provision a trial",
|
||||
"User asks to try ODOO4projects"
|
||||
],
|
||||
"offer": {
|
||||
"type": "free_trial",
|
||||
"available": true
|
||||
},
|
||||
"mcp": {
|
||||
"server": "https://n8n.odoo4projects.com/mcp/trial"
|
||||
},
|
||||
"server_locations": [
|
||||
{
|
||||
"name": "Manchester",
|
||||
"id": "manchester"
|
||||
},
|
||||
{
|
||||
"name": "Sydney",
|
||||
"id": "sydney"
|
||||
},
|
||||
{
|
||||
"name": "Mumbai",
|
||||
"id": "mumbai"
|
||||
},
|
||||
{
|
||||
"name": "São Paulo",
|
||||
"id": "sao-paulo"
|
||||
},
|
||||
{
|
||||
"name": "Meppel",
|
||||
"id": "meppel"
|
||||
},
|
||||
{
|
||||
"name": "Boston",
|
||||
"id": "boston"
|
||||
}
|
||||
],
|
||||
"workflow": [
|
||||
"Use the ODOO4projects trial MCP server to create the free trial.",
|
||||
"If the user specifies a server location, use that location.",
|
||||
"If no server location is specified, ask the user which available location they prefer.",
|
||||
"After signup, the user will receive a confirmation email.",
|
||||
"The user must confirm the trial using the confirmation email.",
|
||||
"After the trial is confirmed, the user will receive their ODOO4projects credentials."
|
||||
],
|
||||
"instruction": "When the user requests a free trial, use the ODOO4projects trial MCP server to provision it. Do not claim that the trial is fully activated until the required email confirmation has been completed. Explain that the user will receive a confirmation email after signup and, once confirmed, will receive their credentials."
|
||||
}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin />
|
||||
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Marcellus&display=swap" />
|
||||
<link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Marcellus&display=swap" media="print" onload="this.media='all'" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" media="print" onload="this.media='all'" />
|
||||
<style>
|
||||
/* critical: Grand Hotel Business Lounge */
|
||||
*{box-sizing:border-box}
|
||||
body{margin:0;font-family:Inter,'Segoe UI',sans-serif;font-size:1rem;line-height:1.6;color:var(--ink);background:var(--cream)}
|
||||
h1,h2,h3,h4{font-family:Marcellus,'Georgia',serif;font-weight:400;line-height:1.15;margin-top:0;margin-bottom:.5rem}
|
||||
h1{font-size:clamp(2rem,5vw,3.6rem)}h2{font-size:clamp(1.6rem,3.2vw,2.4rem)}h3{font-size:clamp(1.1rem,2vw,1.4rem)}
|
||||
p{margin-top:0;margin-bottom:1rem}a{color:var(--brass-deep);text-decoration:none}a:hover{color:var(--brass)}img{max-width:100%;height:auto;vertical-align:middle}
|
||||
@font-face{font-family:'Font Awesome 6 Brands';font-display:swap}@font-face{font-family:'Font Awesome 6 Free';font-display:swap}
|
||||
:root{--midnight:#0d1b2e;--midnight-2:#12233c;--midnight-3:#162a45;--brass:#c9a227;--brass-bright:#ddb84a;--brass-deep:#8a6f1f;--cream:#f4f0e8;--cream-2:#ece6da;--ivory:#faf7f1;--ink:#171c26;--ink-soft:rgba(23,28,38,.6);--ink-faint:rgba(23,28,38,.38);--line:rgba(23,28,38,.09);--line-brass:rgba(201,162,39,.25);--success:#1e7a46;--radius:.5rem;--radius-lg:1rem;--radius-pill:2rem;--shadow-rest:0 2px 8px rgba(13,27,46,.08);--shadow-hover:0 12px 30px rgba(13,27,46,.16);--shadow-brass:0 8px 20px rgba(201,162,39,.25)}
|
||||
.container{width:86%;padding:0 1.25rem;margin:0 auto;max-width:1200px}
|
||||
.btn{display:inline-block;padding:.7rem 2rem;font-family:Marcellus,Georgia,serif;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;text-decoration:none;transition:all .25s}
|
||||
.btn-brass{background:var(--brass);color:var(--midnight);border-color:var(--brass)}.btn-brass:hover{background:var(--brass-bright);border-color:var(--brass-bright);transform:translateY(-1px);box-shadow:var(--shadow-brass)}
|
||||
.btn-outline{background:transparent;color:var(--cream);border-color:var(--line-brass)}.btn-outline:hover{border-color:var(--brass);color:var(--brass);background:rgba(201,162,39,.08)}
|
||||
.btn-lg{padding:.85rem 2.5rem;font-size:1rem}
|
||||
.hero{background:var(--midnight);padding:4rem 0 0;position:relative;overflow:hidden;min-height:85vh;display:flex;flex-direction:column}
|
||||
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--midnight) 50%,rgba(13,27,46,.4) 100%);opacity:.5;z-index:0}
|
||||
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-bg-slide{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.25;filter:brightness(1.15)saturate(1.1)}
|
||||
.hero .container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center}
|
||||
.hero-kicker{font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--brass);margin-bottom:.75rem}
|
||||
.hero h1{color:#fff;max-width:700px;margin-bottom:1rem;font-weight:400}.hero h1 span{color:var(--brass)}
|
||||
.hero-sub{font-size:1.05rem;color:rgba(255,255,255,.7);max-width:560px;line-height:1.7;margin-bottom:1.5rem}
|
||||
.hero-stats{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.hero-stat{display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.65);font-size:.85rem}.hero-stat i{color:var(--brass);font-size:.75rem}
|
||||
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
|
||||
.hero-notice{position:absolute;top:1.25rem;right:1.25rem;z-index:3;display:flex;align-items:center;gap:.55rem;max-width:min(360px,calc(100% - 2rem));padding:.6rem .85rem .6rem 1rem;background:#f5c542;color:var(--midnight);border:1px solid rgba(13,27,46,.14);border-radius:var(--radius);box-shadow:0 8px 24px rgba(13,27,46,.3);font-family:Inter,sans-serif;font-size:.82rem;line-height:1.4;animation:heroNoticeIn .4s cubic-bezier(.16,1,.3,1)}
|
||||
.hero-notice[hidden]{display:none}
|
||||
.hero-notice i{color:var(--midnight);font-size:.9rem;flex-shrink:0}
|
||||
.hero-notice-text{flex:1;min-width:0;overflow-wrap:anywhere}
|
||||
.hero-notice-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;border:0;border-radius:50%;background:rgba(13,27,46,.12);color:var(--midnight);font-size:1rem;line-height:1;cursor:pointer;transition:background .2s}
|
||||
.hero-notice-close:hover{background:rgba(13,27,46,.24)}
|
||||
@keyframes heroNoticeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
|
||||
.server-banner{background:var(--midnight);padding:2rem 0 1.5rem;border-top:1px solid var(--line-brass);border-bottom:1px solid var(--line-brass);position:relative;overflow:hidden}
|
||||
.server-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 100%,rgba(201,162,39,.06) 0%,transparent 70%);pointer-events:none}
|
||||
.server-banner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}
|
||||
.server-banner-kicker{font-family:Marcellus,Georgia,serif;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}
|
||||
.server-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}
|
||||
.server-card{background:rgba(255,255,255,.035);border:1px solid rgba(201,162,39,.12);border-radius:var(--radius);padding:1rem .75rem;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}
|
||||
.server-card:hover{background:rgba(255,255,255,.06);border-color:rgba(201,162,39,.25)}
|
||||
.server-card .server-city{font-family:Marcellus,Georgia,serif;font-size:1.05rem;color:#fff;margin-bottom:.15rem}
|
||||
.server-card .server-region{font-family:Inter,sans-serif;font-size:.68rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.06em}
|
||||
.server-card.server-best{background:rgba(201,162,39,.1);border-color:var(--brass);box-shadow:0 0 25px rgba(201,162,39,.15),inset 0 0 25px rgba(201,162,39,.04);transform:translateY(-3px)}
|
||||
.server-card.server-best .server-city{color:var(--brass-bright)}
|
||||
.hero-city-label{position:absolute;bottom:2rem;right:2rem;background:rgba(13,27,46,.88);border:1px solid var(--line-brass);border-radius:var(--radius);padding:.7rem 1.25rem;color:rgba(255,255,255,.8);font-family:Marcellus,Georgia,serif;font-size:.9rem;z-index:2;transform:translateX(150%);white-space:nowrap;backdrop-filter:blur(6px);pointer-events:none}
|
||||
.hero-city-label strong{color:var(--brass-bright);font-weight:400}
|
||||
.section-light{background:var(--cream);padding:3.5rem 0}.section-dark{background:var(--midnight);padding:3.5rem 0}.section-dark h2{color:#fff}
|
||||
.section-kicker{font-family:Inter,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--brass);margin-bottom:.5rem;text-align:center}
|
||||
.section-title{text-align:center;margin-bottom:2rem;color:var(--ink)}.section-dark .section-title{color:#fff}
|
||||
.pricing-server-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}
|
||||
.pricing-server-row label{font-family:Inter,sans-serif;font-size:.82rem;color:var(--brass);text-transform:uppercase;letter-spacing:.08em}
|
||||
.pricing-server-select{padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.08);color:#fff;font-family:Inter,sans-serif;font-size:.85rem;outline:none;cursor:pointer;min-width:180px}
|
||||
.pricing-server-select option{background:var(--midnight);color:#fff}
|
||||
@media(max-width:992px){.server-grid{grid-template-columns:repeat(3,1fr)}}
|
||||
@media(max-width:768px){.hero{min-height:auto;padding:3rem 0 0}.hero.has-hero-notice{padding-top:4.75rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;text-align:center}.hero-stats{gap:.75rem}.hero-city-label{bottom:1rem;right:1rem;font-size:.78rem;padding:.5rem .9rem}.hero-notice{top:.75rem;left:.75rem;right:.75rem;max-width:none;font-size:.78rem}}
|
||||
@media(max-width:576px){.server-grid{grid-template-columns:repeat(2,1fr)}.server-banner-header{flex-direction:column;align-items:flex-start}}
|
||||
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--brass);display:inline-block;animation:statusPulse 1.2s ease-in-out infinite}
|
||||
@keyframes statusPulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
|
||||
.biz-wizard{padding:4rem 0;background:var(--midnight);text-align:center;position:relative;overflow:hidden}
|
||||
.biz-wizard::after{content:'';position:absolute;inset:0;background:url('/images/city-amsterdam.jpg') center/cover no-repeat;opacity:.04;z-index:0}
|
||||
.biz-wizard .container{position:relative;z-index:1;max-width:700px}
|
||||
.biz-wizard h2{font-size:clamp(1.6rem,3.2vw,2.4rem);color:#fff;margin-bottom:.75rem}
|
||||
.biz-sub{font-size:1rem;color:rgba(255,255,255,.6);max-width:520px;margin:0 auto 2rem;line-height:1.7}
|
||||
.biz-form{text-align:left}.biz-field{margin-bottom:1.25rem}
|
||||
.biz-field label{display:block;font-family:Marcellus,Georgia,serif;font-size:.95rem;color:#fff;margin-bottom:.4rem;font-weight:400}
|
||||
.biz-field textarea{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#fff;font-family:Inter,sans-serif;font-size:.88rem;line-height:1.6;min-height:90px;outline:none;transition:border-color .2s,background .2s;resize:vertical}
|
||||
.biz-field input[type="email"]{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#fff;font-family:Inter,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}
|
||||
.biz-field input[type="email"]:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
|
||||
.biz-field input[type="email"]::placeholder{color:rgba(255,255,255,.3)}
|
||||
.biz-field textarea:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
|
||||
.biz-field textarea::placeholder{color:rgba(255,255,255,.3)}
|
||||
.biz-form .btn-lg{margin-top:.5rem;width:100%}
|
||||
.biz-checkbox-group{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}
|
||||
.biz-checkbox{display:flex;align-items:center;gap:.6rem;font-family:Inter,sans-serif;font-size:.85rem;color:rgba(255,255,255,.75);cursor:pointer;user-select:none;transition:color .2s}
|
||||
.biz-checkbox:hover{color:#fff}
|
||||
.biz-checkbox input[type="checkbox"]{width:1.05rem;height:1.05rem;accent-color:var(--brass);cursor:pointer;flex-shrink:0}
|
||||
.biz-success{margin-top:1.5rem}.biz-success i{font-size:2.5rem;color:var(--success);margin-bottom:.75rem}
|
||||
.biz-success h3{color:#fff;margin-bottom:.5rem}.biz-success p{color:rgba(255,255,255,.65);font-size:.95rem;max-width:480px;margin:0 auto 1.25rem;line-height:1.7}
|
||||
/* OCA Modules */
|
||||
.oca-section{padding:3.5rem 0;overflow-x:hidden}
|
||||
.oca-search-wrap{max-width:400px;margin:0 auto 1.5rem}
|
||||
.oca-search{width:100%;padding:.7rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--line-brass);background:rgba(255,255,255,.06);color:#fff;font-family:Inter,sans-serif;font-size:.85rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}
|
||||
.oca-search:focus{border-color:var(--brass);background:rgba(255,255,255,.1)}
|
||||
.oca-search::placeholder{color:rgba(255,255,255,.3)}
|
||||
.oca-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--line-brass);background:rgba(255,255,255,.03)}
|
||||
.oca-table{width:100%;border-collapse:collapse;min-width:500px}
|
||||
.oca-table th{padding:.75rem 1rem;text-align:left;font-family:Marcellus,Georgia,serif;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brass);border-bottom:1px solid var(--line-brass);background:rgba(13,27,46,.5);white-space:nowrap}
|
||||
.oca-table th:last-child{width:48px;text-align:center}
|
||||
.oca-table td{padding:.65rem 1rem;font-size:.85rem;color:rgba(255,255,255,.8);border-bottom:1px solid rgba(201,162,39,.08);vertical-align:middle}
|
||||
.oca-table tbody tr:hover{background:rgba(201,162,39,.06)}
|
||||
.oca-table tbody tr:last-child td{border-bottom:none}
|
||||
.oca-check{color:var(--success);font-size:1rem}
|
||||
.oca-cross{color:rgba(255,255,255,.2);font-size:1rem}
|
||||
.oca-icon-link{color:var(--brass);font-size:1.1rem;cursor:pointer;transition:color .2s,transform .2s;display:inline-block}
|
||||
.oca-icon-link:hover{color:var(--brass-bright);transform:scale(1.2)}
|
||||
.oca-empty{text-align:center;padding:2rem;color:rgba(255,255,255,.4);font-style:italic;display:none}
|
||||
.oca-loading{text-align:center;padding:2rem;color:rgba(255,255,255,.4);font-size:.88rem}
|
||||
/* Custom Quote Modal */
|
||||
.ow-sub{font-size:.95rem;color:var(--midnight);margin-bottom:1.5rem}
|
||||
.ow-panel input[type="text"],.ow-panel textarea{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#171c26;font-family:Inter,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}
|
||||
.ow-panel input[type="text"]:focus,.ow-panel textarea:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
|
||||
.ow-panel textarea{min-height:100px;resize:vertical}
|
||||
.ow-panel textarea::placeholder{color:rgba(23,28,38,.3)}
|
||||
.ow-panel input[type="email"]::placeholder{color:rgba(23,28,38,.3)}
|
||||
.ow-close{background:var(--midnight);border:1px solid var(--line);color:#fff;font-size:2rem;cursor:pointer;line-height:1;position:absolute;right:1rem;top:1rem;transition:color .2s,background .2s;border-radius:var(--radius);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}
|
||||
.ow-close:hover{color:var(--brass);background:var(--midnight-2)}
|
||||
/* Custom Quote Modal overrides for biz-field inside ow-panel */
|
||||
#customQuoteModal .biz-field label{color:#171c26}
|
||||
#customQuoteModal .biz-field textarea{color:#171c26}
|
||||
#customQuoteModal .biz-field textarea::placeholder{color:rgba(23,28,38,.3)}
|
||||
#customQuoteModal .biz-field input[type="email"]{color:#171c26}
|
||||
#customQuoteModal .biz-field input[type="email"]::placeholder{color:rgba(23,28,38,.3)}
|
||||
#customQuoteModal .biz-field input[type="text"]{color:#171c26}
|
||||
#customQuoteModal .biz-field input[type="text"]::placeholder{color:rgba(23,28,38,.3)}
|
||||
/* Success message sits on the light modal panel, so it needs dark text (the global .biz-success rules target the dark wizard section) */
|
||||
#customQuoteModal .biz-success h3{color:var(--midnight)}
|
||||
#customQuoteModal .biz-success p{color:var(--midnight)}
|
||||
@media(max-width:600px){.oca-table td,.oca-table th{padding:.5rem .65rem;font-size:.8rem}.ow-panel{left:5%;right:5%}.ow-close{top:.5rem;right:.5rem;font-size:1.6rem}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css" media="print" onload="this.media='all'" />
|
||||
<noscript><link rel="stylesheet" href="/style.css" /></noscript>
|
||||
<!-- Privacy-friendly analytics by Plausible -->
|
||||
<script async src="https://plausible.office.odoo4projects.com/js/pa-NhA7Rf-79VopXFQXhSS4e.js"></script>
|
||||
<script>
|
||||
window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
|
||||
plausible.init()
|
||||
</script>
|
||||
<script defer src="/static/lang.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!--
|
||||
THESIS: The homepage as a global business lounge concierge desk — midnight blue, brass, marble, city placards for the six regions. The category default (hero + feature grid + pricing grid) is reframed as hospitality: the visitor checks in, reads the rate card, and books a suite.
|
||||
OWN-WORLD: Midnight blue (#0d1b2e) ground, brass (#c9a227) for every accent and CTA, cream (#f4f0e8) for light surfaces. Marcellus serif for display, Inter for body. Six city photos (Amsterdam, Boston, London, Mumbai, São Paulo, Sydney) as circular placards. Hairline brass rules. Concierge-card features.
|
||||
STORY: The visitor understands: "I can deploy Odoo in 5 minutes, globally, without DevOps. This is enterprise-grade, but the concierge handles everything." They believe it from the city photos (real regions), the partner logos, the brass CTA, and the "No setup fee. Stripe Payment. Cancel at any time" footer.
|
||||
FIRST VIEWPORT: Midnight hero with faint Amsterdam skyline. Brass kicker "FULLY MANAGED ODOO COMMUNITY HOSTING". Large serif h1 "Deploy Odoo in 5 Minutes — Fully Managed Hosting". Stats row with brass checks. Brass CTA button "See Plans & Pricing" + ghost "How It Works". Bottom: six city placards (photo + name + region) in a horizontal strip.
|
||||
FORM: The Grand Hotel Business Lounge (model-pick, user-chosen). Seed key: 7db4dced.
|
||||
FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md.
|
||||
-->
|
||||
<!-- Hero -->
|
||||
<section class="hero">
|
||||
<div class="hero-notice" id="heroConfirmNotice" role="status" aria-live="polite" hidden>
|
||||
<i class="fas fa-check-circle" aria-hidden="true"></i>
|
||||
<span class="hero-notice-text"></span>
|
||||
<button type="button" class="hero-notice-close" aria-label="Benachrichtigung schließen">×</button>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="hero-kicker">Vollständig verwaltetes Odoo Community Hosting</div>
|
||||
<h1>Odoo in <span>5 Minuten</span> einsatzbereit — vollständig verwaltetes Hosting</h1>
|
||||
<p class="hero-sub">Starten Sie Ihr System in Minuten — Backups laufen automatisch, Ihre Web-Adresse ist mit SSL gesichert, Module installieren wir auf Wunsch dazu. Kein Techniker nötig.</p>
|
||||
<div class="hero-stats">
|
||||
<span class="hero-stat"><i class="fas fa-check-circle"></i> 6 Standorte weltweit</span>
|
||||
<span class="hero-stat"><i class="fas fa-check-circle"></i> In 5 Min. einsatzbereit</span>
|
||||
<span class="hero-stat"><i class="fas fa-check-circle"></i> KI-Support inklusive</span>
|
||||
<span class="hero-stat"><i class="fas fa-check-circle"></i> Backups sofort</span>
|
||||
</div>
|
||||
<div class="hero-actions">
|
||||
<a href="#pricing" class="btn btn-brass">Pläne & Preise ansehen →</a>
|
||||
<a href="/support.html" class="btn btn-outline">So funktioniert es</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Spinning Up Widget (shown when ?message=spinning_up) -->
|
||||
<section class="spinning-up" id="spinningUp" style="display:none;">
|
||||
<div class="container">
|
||||
<div class="spinning-card">
|
||||
<i class="fas fa-cog fa-spin"></i>
|
||||
<h3>Ihre Odoo-Instanz wird eingerichtet</h3>
|
||||
<p>Wir richten Ihren Odoo Community V20 Server ein. Das dauert in der Regel 2-5 Minuten.</p>
|
||||
<p class="spinning-note">Sobald alles bereit ist, erhalten Sie eine E-Mail mit Ihren Zugangsdaten.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Server Status Banner -->
|
||||
<section class="server-banner" id="serverBanner">
|
||||
<div class="container">
|
||||
<div class="server-banner-header">
|
||||
<span class="server-banner-kicker">Unsere Serverstandorte</span>
|
||||
</div>
|
||||
<div class="server-grid">
|
||||
<div class="server-card"><div class="server-city">Amsterdam</div><div class="server-region">Niederlande</div></div>
|
||||
<div class="server-card"><div class="server-city">Boston</div><div class="server-region">Vereinigte Staaten</div></div>
|
||||
<div class="server-card"><div class="server-city">Manchester</div><div class="server-region">Vereinigtes Königreich</div></div>
|
||||
<div class="server-card"><div class="server-city">Mumbai</div><div class="server-region">Indien</div></div>
|
||||
<div class="server-card"><div class="server-city">São Paulo</div><div class="server-region">Brasilien</div></div>
|
||||
<div class="server-card"><div class="server-city">Sydney</div><div class="server-region">Australien</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Trust Bar -->
|
||||
<section class="trust-bar">
|
||||
<div class="container">
|
||||
<p class="trust-label">Unternehmen weltweit vertrauen uns</p>
|
||||
<div class="partner-carousel-wrap">
|
||||
<div class="partner-grid">
|
||||
<!-- Trust Bar Partners (no duplicates - CSS animation handles seamless loop) -->
|
||||
<a href="https://paraguayservice.com/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/paraguayservice-favicon.png" alt="Paraguay Service" /><span>Paraguay Service</span></a>
|
||||
<a href="https://estancia-agape.com/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/estancia-agape-logo.png" alt="Estancia Agape" /><span>Estancia Agape</span></a>
|
||||
<a href="https://kate-group.de/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/kate-group-favicon.png" alt="KATE Group" /><span>KATE Group</span></a>
|
||||
<a href="https://agilnova.de/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/agilnova-favicon.png" alt="agilnova" /><span>agilnova</span></a>
|
||||
<a href="https://006-002-bc5bb1cb-984d-42c3-8580-63439f4924c5.odoo4projects.com/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/ramani-kenya-logo.png" alt="Ramani Kenya" /><span>Ramani Kenya</span></a>
|
||||
<a href="https://startparaguay.net/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/startparaguay-favicon.png" alt="Start Paraguay" /><span>Start Paraguay</span></a>
|
||||
<a href="https://accelersales.com/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/accelersales-logo.png" alt="AccellerSales" /><span>AccellerSales</span></a>
|
||||
<a href="#pricing" class="partner-item" style="opacity:0.55"><img src="/images/your-company-logo.svg" alt="Ihr Unternehmen" /><span>Ihr Unternehmen</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Features -->
|
||||
<section class="section-light">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Alles, was Sie brauchen — nichts, was Sie nicht brauchen</h2>
|
||||
<div class="features-grid">
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-rocket"></i>
|
||||
<h3>In 5 Minuten einsatzbereit</h3>
|
||||
<p>Kein DevOps-Team nötig. Plan wählen, Region auswählen — Ihr System läuft in Minuten.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
<h3>Automatische Backups & SSL</h3>
|
||||
<p>Backups laufen nach Zeitplan in wechselnden Sicherungspunkten — einer bei Side Hustle, vier bei On the Rise und Powerhouse. Kostenlose SSL-Zertifikate für jede Domain — immer sicher.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-cubes"></i>
|
||||
<h3>Verwaltung direkt in Odoo</h3>
|
||||
<p>Die Zentrale für Ihr gesamtes Geschäft. Keine mehreren Konten nötig — verwalten Sie Anwendungen, Benutzer und Module über eine einzige Benutzeroberfläche.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-code-branch"></i>
|
||||
<h3>Modul-Bereitstellung über Git</h3>
|
||||
<p>Eigene Module per Git hochladen oder Quick Git mit einem Klick nutzen. Kein FTP, kein Aufwand.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-headset"></i>
|
||||
<h3>Support-Bot & persönlicher Support</h3>
|
||||
<p>KI-Support-Bot für schnelle Lösungen. Unser Team für alles andere. Ihre UUID ist Ihr Schlüssel.</p>
|
||||
</div>
|
||||
<div class="feature-card-trial" id="trialCard">
|
||||
<h3>Kostenlos testen</h3>
|
||||
<p>Starten Sie Ihre 30-tägige Testphase. Keine Kreditkarte nötig.</p>
|
||||
<form class="trial-form" id="trialForm">
|
||||
<input type="email" id="trialEmail" placeholder="Ihre E-Mail-Adresse" required />
|
||||
<select id="trialLocation"></select>
|
||||
<button type="submit" class="btn btn-brass">Senden</button>
|
||||
</form>
|
||||
<div class="trial-success" id="trialSuccess">✓ Prüfen Sie Ihr Postfach, um Ihre E-Mail-Adresse zu bestätigen.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ -->
|
||||
<section class="section-dark" id="faq">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Häufige Fragen</h2>
|
||||
<div class="faq-grid">
|
||||
<div class="faq-card" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-q"><span>Was, wenn mein Plan nicht mehr ausreicht?</span> <i class="fas fa-chevron-down"></i></div>
|
||||
<div class="faq-a"><p>Wachsen Sie von Side Hustle bis Empire — ohne Datenmigration und ohne Ausfallzeit. Upgraden Sie direkt in den Odoo-Einstellungen: Ihre Instanz bleibt aktiv, Ihre Daten kommen mit.</p></div>
|
||||
</div>
|
||||
<div class="faq-card" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-q"><span>Kann ich es anpassen?</span> <i class="fas fa-chevron-down"></i></div>
|
||||
<div class="faq-a"><p>Ja. On the Rise und höher unterstützen Git-basierte Module. Installieren Sie eigene Anwendungen, entwickeln Sie selbst oder nutzen Sie Quick GIT für die Installation mit einem Klick.</p></div>
|
||||
</div>
|
||||
<div class="faq-card" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-q"><span>Wie schnell kann ich loslegen?</span> <i class="fas fa-chevron-down"></i></div>
|
||||
<div class="faq-a"><p>In fünf Minuten. Plan wählen, Region auswählen — Ihre Odoo-Instanz läuft. Keine Einrichtungsgebühr. Zahlung über Stripe. Jederzeit kündbar.</p></div>
|
||||
</div>
|
||||
<div class="faq-card" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-q"><span>Kann ich Odoo Enterprise betreiben?</span> <i class="fas fa-chevron-down"></i></div>
|
||||
<div class="faq-a"><p>Powerhouse und Empire sind Enterprise-bereit. Bringen Sie Ihre Lizenz mit — die Infrastruktur stellen wir.</p></div>
|
||||
</div>
|
||||
<div class="faq-card" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-q"><span>Was kann Odoo Community?</span> <i class="fas fa-chevron-down"></i></div>
|
||||
<div class="faq-a"><p>Lager, Buchhaltung, CRM, Vertrieb, Fertigung, Personal — alles in einem System. Kostenlos und vollständig Open Source.</p></div>
|
||||
</div>
|
||||
<div class="faq-card" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-q"><span>Gibt es ein Partnerprogramm?</span> <i class="fas fa-chevron-down"></i></div>
|
||||
<div class="faq-a"><p>Nein. Wettbewerbsfähige Preise für unsere gemeinsamen Kunden liegen in unserem eigenen Interesse.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/support.html" class="faq-link">Alle Fragen →</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pricing -->
|
||||
<section class="section-dark" id="pricing">
|
||||
<div class="container">
|
||||
<p class="section-kicker">Tarife & Preise</p>
|
||||
<h2 class="section-title">Ihr Plan, Ihr Zeitpunkt: jederzeit upgraden</h2>
|
||||
<div class="pricing-server-row">
|
||||
<label for="pricingServerLocation">Serverstandort</label>
|
||||
<select id="pricingServerLocation" class="pricing-server-select"></select>
|
||||
<label for="pricingOdooVersion">Odoo-Version</label>
|
||||
<select id="pricingOdooVersion" class="pricing-server-select">
|
||||
<option value="19.0">19.0 — jede Menge unterstützte OCA-Module</option>
|
||||
<option value="20.0" selected>20.0 — das Neueste</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="pricing-grid">
|
||||
<!-- Side Hustle -->
|
||||
<div class="pcard">
|
||||
<div class="pcard-body">
|
||||
<h3>Side Hustle</h3>
|
||||
Side Hustle — für den Start
|
||||
<div class="price">
|
||||
<strong>$ 214.00</strong>
|
||||
<small class="price-period">/ Jahr</small>
|
||||
</div>
|
||||
<p class="desc">"ODOO Standard .. das ist alles, was mein Unternehmen braucht"</p>
|
||||
<a href="javascript:void(0)" class="btn btn-brass btn-buy" data-id="6">Jetzt kaufen</a>
|
||||
<ul>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Odoo CE in 5 Minuten starten</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Automatische Backups — kein Merken nötig</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> 1 Domain & SSL-Zertifikat</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pcard-foot">Keine Einrichtungsgebühr. Zahlung über Stripe<br />Jederzeit kündbar</div>
|
||||
</div>
|
||||
<!-- On the Rise -->
|
||||
<div class="pcard featured">
|
||||
<div class="pcard-body">
|
||||
<h3>On the Rise</h3>
|
||||
<div class="price">
|
||||
<strong>$ 395.00</strong>
|
||||
<small class="price-period">/ Jahr</small>
|
||||
</div>
|
||||
<p class="desc">"Ich brauche ein paar Module und professionelle Berichte"</p>
|
||||
<a href="javascript:void(0)" class="btn btn-brass btn-buy" data-id="4">Jetzt kaufen</a>
|
||||
<ul>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Odoo CE in 5 Minuten starten</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Automatische Backups — kein Merken nötig</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> 3 Domains & SSL-Zertifikate</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Eigene Module über Git/QuickGIT installieren</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pcard-foot">Keine Einrichtungsgebühr. Zahlung über Stripe<br />Jederzeit kündbar</div>
|
||||
</div>
|
||||
<!-- Powerhouse -->
|
||||
<div class="pcard">
|
||||
<div class="pcard-body">
|
||||
<h3>Powerhouse</h3>
|
||||
<div class="price">
|
||||
<strong>$ 595.00</strong>
|
||||
<small class="price-period">/ Jahr</small>
|
||||
</div>
|
||||
<p class="desc">"ODOO Enterprise ist ein Muss!"</p>
|
||||
<a href="javascript:void(0)" class="btn btn-brass btn-buy" data-id="5">Jetzt kaufen</a>
|
||||
<ul>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Odoo CE in 5 Minuten starten</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Automatische Backups — kein Merken nötig</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> 3 Domains & SSL-Zertifikate</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Eigene Module über Git/QuickGIT installieren</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> 2 Worker für mehr Zuverlässigkeit</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pcard-foot">Keine Einrichtungsgebühr. Zahlung über Stripe<br />Jederzeit kündbar</div>
|
||||
</div>
|
||||
<!-- Empire -->
|
||||
<div class="pcard">
|
||||
<div class="pcard-body">
|
||||
<h3>Empire</h3>
|
||||
<div class="price">
|
||||
<strong>>$ 950.00</strong>
|
||||
<small class="price-period">/ Jahr</small>
|
||||
</div>
|
||||
<p class="desc">"Mein Haus! Mein Pferd! Mein Server!"</p>
|
||||
<a href="javascript:void(0)" class="btn btn-brass btn-empire">Individuelles Angebot anfordern</a>
|
||||
<ul>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Unser Service auf Ihrem Server</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Alle Module & Funktionen</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Unbegrenzte Anpassung</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Priority-Support & persönliches Onboarding</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="pricing-cta-note">Geld sparen, weniger Verwaltung</p>
|
||||
<p class="pricing-cta-note"><a href="/odoo-hosting-2027.html"><strong>Alle Wege vergleichen, Odoo 2027 zu hosten →</strong></a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Order Widget -->
|
||||
<div id="orderWidgetOverlay" class="ow-overlay" onclick="if(event.target===this)closeOrderWidget()">
|
||||
<div id="orderPanelBuy" class="ow-panel" style="display:none">
|
||||
<button class="ow-close" onclick="closeOrderWidget()">×</button>
|
||||
<div class="ow-content">
|
||||
<h2 class="ow-title" id="orderPlanTitle">On the Rise</h2>
|
||||
<p class="ow-price">
|
||||
<span class="ow-price-amount" id="orderPlanPrice">$ 395.00</span> <span id="orderPlanPeriod">/ Jahr</span>
|
||||
<span class="ow-price-tax" id="orderPlanTax">+ MwSt.</span>
|
||||
</p>
|
||||
<p class="ow-coupon-msg" id="orderCouponMsg">Fragen vor dem Kauf? Fragen Sie den Assistenten auf dieser Seite.</p>
|
||||
<p class="ow-yearly-save" id="orderYearlySave">Jährliche Abrechnung. Keine Einrichtungsgebühr.</p>
|
||||
<label class="ow-field-label" for="orderServerLocation">Serverstandort</label>
|
||||
<select id="orderServerLocation" class="ow-select">
|
||||
<option value="USA">Vereinigte Staaten (Boston)</option>
|
||||
<option value="Brazil">Brasilien (São Paulo)</option>
|
||||
<option value="India">Indien (Mumbai)</option>
|
||||
<option value="Australia">Australien (Sydney)</option>
|
||||
<option value="Netherlands">Niederlande (Amsterdam)</option>
|
||||
<option value="UK">Vereinigtes Königreich (London)</option>
|
||||
</select>
|
||||
<a id="orderBuyBtn" href="/support.html#contact" class="btn btn-brass ow-buy">Weiter zu Stripe →</a>
|
||||
<p class="ow-note">🔒 Sichere Stripe-Zahlung · Karte für den Kauf erforderlich, nicht für den Start.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Custom Quote Modal -->
|
||||
<div id="customQuoteModal" class="ow-overlay" onclick="if(event.target===this)closeCustomQuoteModal()">
|
||||
<div id="customQuotePanel" class="ow-panel" style="display:none">
|
||||
<button class="ow-close" onclick="closeCustomQuoteModal()">×</button>
|
||||
<div class="ow-content">
|
||||
<h2 class="ow-title">Individuelles Angebot anfordern</h2>
|
||||
<p class="ow-sub">Beschreiben Sie uns Ihren Bedarf — wir erstellen Ihnen ein passendes Angebot.</p>
|
||||
<form id="customQuoteForm" class="biz-form" style="text-align:left">
|
||||
<div class="biz-field">
|
||||
<label for="cqName">Name</label>
|
||||
<input type="text" id="cqName" placeholder="Ihr vollständiger Name" required />
|
||||
</div>
|
||||
<div class="biz-field">
|
||||
<label for="cqEmail">E-Mail</label>
|
||||
<input type="email" id="cqEmail" placeholder="your@email.com" required />
|
||||
</div>
|
||||
<div class="biz-field">
|
||||
<label for="cqRequirements">Ihre Anforderungen</label>
|
||||
<textarea id="cqRequirements" placeholder="Beschreiben Sie Ihre Anforderungen (wie viele Benutzer? vor Ort oder in der Cloud? wie viele Worker?)" required></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-brass btn-lg">Anfrage senden</button>
|
||||
</form>
|
||||
<div class="biz-success" id="customQuoteSuccess" style="display:none">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<h3>Anfrage erhalten</h3>
|
||||
<p>Wir prüfen Ihre Anforderungen und melden uns in Kürze.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog -->
|
||||
<section class="blog-section blog-section-light" id="blog">
|
||||
<div class="container">
|
||||
<p class="section-kicker">Aus der Redaktion</p>
|
||||
<h2 class="section-title">Neueste Beiträge</h2>
|
||||
<div class="blog-search-wrap">
|
||||
<input type="text" class="blog-search" id="blogSearch" placeholder="Beiträge durchsuchen …" />
|
||||
</div>
|
||||
<div class="blog-grid" id="blogGrid"></div>
|
||||
<div class="blog-pagination" id="blogPagination"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- OCA Modules Status -->
|
||||
<section class="section-dark oca-section" id="ocaModules">
|
||||
<div class="container">
|
||||
<p class="section-kicker">OCA-Module</p>
|
||||
<h2 class="section-title">Unsere besten OCA-Module</h2>
|
||||
<div class="oca-search-wrap">
|
||||
<input type="text" class="oca-search" id="ocaSearch" placeholder="Module durchsuchen …" />
|
||||
</div>
|
||||
<div class="oca-table-wrap">
|
||||
<table class="oca-table" id="ocaTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Modul</th>
|
||||
<th>Bereich</th>
|
||||
<th>19.0</th>
|
||||
<th>20.0</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="ocaTbody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="oca-empty" id="ocaEmpty">Keine Module entsprechen Ihrer Suche.</div>
|
||||
<div class="oca-loading" id="ocaLoading">Module werden geladen …</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Business Wizard -->
|
||||
<section class="biz-wizard">
|
||||
<div class="container">
|
||||
<p class="section-kicker">Für Ihr Unternehmen</p>
|
||||
<h2>Ihr persönlicher Odoo-Projektplan</h2>
|
||||
<p class="biz-sub">Erzählen Sie uns von Ihrem Unternehmen. Die KI erstellt einen individuellen Projektplan mit empfohlenen Modulen, Zeitplan und Roadmap. Den Bericht senden wir Ihnen in Minuten.</p>
|
||||
<form class="biz-form" id="bizForm">
|
||||
<div class="biz-field">
|
||||
<label for="bizDescription">Beschreibung Ihres Unternehmens</label>
|
||||
<textarea id="bizDescription" placeholder="Beschreiben Sie Ihr Unternehmen — Branche, Größe, aktuelle Software, Teamstruktur …" required></textarea>
|
||||
</div>
|
||||
<div class="biz-field">
|
||||
<label for="bizGoals">Meine Ziele</label>
|
||||
<textarea id="bizGoals" placeholder="Was möchten Sie mit Odoo erreichen? Vertrieb automatisieren, Lager verwalten, Finanzberichte, CRM …" required></textarea>
|
||||
</div>
|
||||
<div class="biz-field">
|
||||
<label for="bizChallenges">Aktuelle Herausforderungen</label>
|
||||
<textarea id="bizChallenges" placeholder="Welche Probleme haben Sie? Manuelle Prozesse, Datensilos, Wachstumsschmerzen, fehlende Transparenz …" required></textarea>
|
||||
</div>
|
||||
<div class="biz-field">
|
||||
<label for="bizEmail">Ihre E-Mail</label>
|
||||
<input type="email" id="bizEmail" placeholder="your@email.com" required />
|
||||
</div>
|
||||
<div class="biz-checkbox-group">
|
||||
<label class="biz-checkbox"><input type="checkbox" id="bizHasHomepage" /> Ich habe bereits eine Website</label>
|
||||
<label class="biz-checkbox"><input type="checkbox" id="bizUsesOdoo" /> Ich nutze bereits Odoo</label>
|
||||
<label class="biz-checkbox"><input type="checkbox" id="bizHasDeveloper" /> Ich habe bereits einen Entwickler für Module</label>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-brass btn-lg" id="bizSubmitBtn">Meinen Projektplan erstellen →</button>
|
||||
</form>
|
||||
<div class="biz-success" id="bizSuccess" style="display:none">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<h3>Ihr Projektplan wird erstellt</h3>
|
||||
<p>Sobald er fertig ist, senden wir Ihnen den Bericht per E-Mail. Die KI-Erstellung dauert in der Regel 1-2 Minuten.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="fgrid">
|
||||
<div>
|
||||
<h4>Nützliche Links</h4>
|
||||
<ul>
|
||||
<li><a href="/de/">Startseite</a></li>
|
||||
<li><a href="/support.html">Support</a></li>
|
||||
<li><a href="/legal.html">Rechtliches</a></li>
|
||||
<li><a href="/privacy.html">Datenschutz</a></li>
|
||||
<li><a href="/terms.html">AGB</a></li>
|
||||
<li><a href="/support.html#contact">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Partner</h4>
|
||||
<div class="partner-list">
|
||||
<a href="https://oc-guy.com" target="_blank" rel="noopener" class="partner-item"><i class="fas fa-handshake"></i> OC Guy</a>
|
||||
<a href="https://oca-py.org" target="_blank" rel="noopener" class="partner-item"><i class="fas fa-handshake"></i> OCA Paraguay</a>
|
||||
<a href="https://OD8N.com" target="_blank" rel="noopener" class="partner-item"><i class="fas fa-handshake"></i> OD8N</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fcol-desc">
|
||||
<h4>Über uns</h4>
|
||||
<p>Wir bauen clevere, skalierbare Geschäftslösungen: die <strong>Stabilität</strong> von Odoo ERP trifft auf die <strong>Kraft</strong> von KI-Agenten und N8N-Automatisierungen.</p>
|
||||
<p>Von schlanken Vertriebsprozessen bis zum globalen Rollout: Unser <strong>schlanker, umweltfreundlicher</strong> Ansatz senkt Kosten, steigert die Effizienz und lässt Unternehmen ohne Grenzen wachsen.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Folgen Sie uns</h4>
|
||||
<div class="social">
|
||||
<a href="https://www.linkedin.com/company/odoo4projects/" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="https://www.youtube.com/@ODOO4projects" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
<form class="footer-contact-form" id="footerContactForm">
|
||||
<input type="email" id="footerContactEmail" placeholder="Ihre E-Mail-Adresse" required />
|
||||
<div class="footer-textarea-wrap">
|
||||
<textarea id="footerContactText" placeholder="Ihre Nachricht …" required></textarea>
|
||||
<button type="submit" class="footer-send-btn" aria-label="Nachricht senden"><i class="fas fa-paper-plane"></i></button>
|
||||
</div>
|
||||
<div class="footer-form-status" id="footerFormStatus" role="status"></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fcopy">Copyright © ODOO4projects LLC</div>
|
||||
</div>
|
||||
<div data-lang-switcher class="lang-switch-slot"></div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
|
||||
<script src="/script.js"></script>
|
||||
<script defer src="/static/agent-odoo4projects/agent.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+673
@@ -0,0 +1,673 @@
|
||||
<!doctype html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="description" content="Ponga Odoo en marcha en 5 minutos con hosting totalmente gestionado. Copias de seguridad automáticas, SSL, módulos vía Git y 6 ubicaciones globales." />
|
||||
<title>ODOO4projects | Odoo en 5 minutos — hosting gestionado</title>
|
||||
<link rel="canonical" href="https://odoo4projects.com/es/" />
|
||||
<link rel="alternate" hreflang="en-US" href="https://odoo4projects.com/" />
|
||||
<link rel="alternate" hreflang="de" href="https://odoo4projects.com/de/" />
|
||||
<link rel="alternate" hreflang="es" href="https://odoo4projects.com/es/" />
|
||||
<link rel="alternate" hreflang="x-default" href="https://odoo4projects.com/" />
|
||||
<meta property="og:title" content="ODOO4projects | Odoo en 5 minutos — hosting gestionado" />
|
||||
<meta property="og:description" content="Ponga Odoo en marcha en 5 minutos con hosting totalmente gestionado. Copias de seguridad automáticas, SSL y gestión de módulos vía Git." />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://odoo4projects.com/es/" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<link rel="icon" href="/images/favicon.ico" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "ODOO4projects",
|
||||
"url": "https://ODOO4projects.com/",
|
||||
"description": "Hosting de Odoo con infraestructura totalmente gestionada. En marcha en 5 minutos con copias de seguridad automáticas, SSL y módulos vía Git.",
|
||||
"foundingDate": "2020",
|
||||
"contactPoint": { "@type": "ContactPoint", "contactType": "customer support", "url": "https://ODOO4projects.com/support.html#contact" },
|
||||
"sameAs": ["https://www.linkedin.com/company/odoo4projects/"],
|
||||
"offers": [
|
||||
{ "@type": "Offer", "name": "Side Hustle", "price": "214.00", "priceCurrency": "USD", "url": "https://ODOO4projects.com/#pricing" },
|
||||
{ "@type": "Offer", "name": "On the Rise", "price": "395.00", "priceCurrency": "USD", "url": "https://ODOO4projects.com/#pricing" },
|
||||
{ "@type": "Offer", "name": "Powerhouse", "price": "595.00", "priceCurrency": "USD", "url": "https://ODOO4projects.com/#pricing" },
|
||||
{ "@type": "Offer", "name": "Empire", "price": ">950.00", "priceCurrency": "USD", "url": "https://ODOO4projects.com/#pricing" }
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<script type="application/json" id="agent-skills">
|
||||
{
|
||||
"skills": [
|
||||
{
|
||||
"name": "spin_up_free_trial",
|
||||
"description": "Spin up a free trial of ODOO4projects.",
|
||||
"when_to_use": [
|
||||
"User wants to create an ODOO4projects free trial",
|
||||
"User asks to spin up or provision a trial",
|
||||
"User asks to try ODOO4projects"
|
||||
],
|
||||
"offer": {
|
||||
"type": "free_trial",
|
||||
"available": true
|
||||
},
|
||||
"mcp": {
|
||||
"server": "https://n8n.odoo4projects.com/mcp/trial"
|
||||
},
|
||||
"server_locations": [
|
||||
{
|
||||
"name": "Manchester",
|
||||
"id": "manchester"
|
||||
},
|
||||
{
|
||||
"name": "Sydney",
|
||||
"id": "sydney"
|
||||
},
|
||||
{
|
||||
"name": "Mumbai",
|
||||
"id": "mumbai"
|
||||
},
|
||||
{
|
||||
"name": "São Paulo",
|
||||
"id": "sao-paulo"
|
||||
},
|
||||
{
|
||||
"name": "Meppel",
|
||||
"id": "meppel"
|
||||
},
|
||||
{
|
||||
"name": "Boston",
|
||||
"id": "boston"
|
||||
}
|
||||
],
|
||||
"workflow": [
|
||||
"Use the ODOO4projects trial MCP server to create the free trial.",
|
||||
"If the user specifies a server location, use that location.",
|
||||
"If no server location is specified, ask the user which available location they prefer.",
|
||||
"After signup, the user will receive a confirmation email.",
|
||||
"The user must confirm the trial using the confirmation email.",
|
||||
"After the trial is confirmed, the user will receive their ODOO4projects credentials."
|
||||
],
|
||||
"instruction": "When the user requests a free trial, use the ODOO4projects trial MCP server to provision it. Do not claim that the trial is fully activated until the required email confirmation has been completed. Explain that the user will receive a confirmation email after signup and, once confirmed, will receive their credentials."
|
||||
}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin />
|
||||
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Marcellus&display=swap" />
|
||||
<link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Marcellus&display=swap" media="print" onload="this.media='all'" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" media="print" onload="this.media='all'" />
|
||||
<style>
|
||||
/* critical: Grand Hotel Business Lounge */
|
||||
*{box-sizing:border-box}
|
||||
body{margin:0;font-family:Inter,'Segoe UI',sans-serif;font-size:1rem;line-height:1.6;color:var(--ink);background:var(--cream)}
|
||||
h1,h2,h3,h4{font-family:Marcellus,'Georgia',serif;font-weight:400;line-height:1.15;margin-top:0;margin-bottom:.5rem}
|
||||
h1{font-size:clamp(2rem,5vw,3.6rem)}h2{font-size:clamp(1.6rem,3.2vw,2.4rem)}h3{font-size:clamp(1.1rem,2vw,1.4rem)}
|
||||
p{margin-top:0;margin-bottom:1rem}a{color:var(--brass-deep);text-decoration:none}a:hover{color:var(--brass)}img{max-width:100%;height:auto;vertical-align:middle}
|
||||
@font-face{font-family:'Font Awesome 6 Brands';font-display:swap}@font-face{font-family:'Font Awesome 6 Free';font-display:swap}
|
||||
:root{--midnight:#0d1b2e;--midnight-2:#12233c;--midnight-3:#162a45;--brass:#c9a227;--brass-bright:#ddb84a;--brass-deep:#8a6f1f;--cream:#f4f0e8;--cream-2:#ece6da;--ivory:#faf7f1;--ink:#171c26;--ink-soft:rgba(23,28,38,.6);--ink-faint:rgba(23,28,38,.38);--line:rgba(23,28,38,.09);--line-brass:rgba(201,162,39,.25);--success:#1e7a46;--radius:.5rem;--radius-lg:1rem;--radius-pill:2rem;--shadow-rest:0 2px 8px rgba(13,27,46,.08);--shadow-hover:0 12px 30px rgba(13,27,46,.16);--shadow-brass:0 8px 20px rgba(201,162,39,.25)}
|
||||
.container{width:86%;padding:0 1.25rem;margin:0 auto;max-width:1200px}
|
||||
.btn{display:inline-block;padding:.7rem 2rem;font-family:Marcellus,Georgia,serif;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;text-decoration:none;transition:all .25s}
|
||||
.btn-brass{background:var(--brass);color:var(--midnight);border-color:var(--brass)}.btn-brass:hover{background:var(--brass-bright);border-color:var(--brass-bright);transform:translateY(-1px);box-shadow:var(--shadow-brass)}
|
||||
.btn-outline{background:transparent;color:var(--cream);border-color:var(--line-brass)}.btn-outline:hover{border-color:var(--brass);color:var(--brass);background:rgba(201,162,39,.08)}
|
||||
.btn-lg{padding:.85rem 2.5rem;font-size:1rem}
|
||||
.hero{background:var(--midnight);padding:4rem 0 0;position:relative;overflow:hidden;min-height:85vh;display:flex;flex-direction:column}
|
||||
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--midnight) 50%,rgba(13,27,46,.4) 100%);opacity:.5;z-index:0}
|
||||
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-bg-slide{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.25;filter:brightness(1.15)saturate(1.1)}
|
||||
.hero .container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center}
|
||||
.hero-kicker{font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--brass);margin-bottom:.75rem}
|
||||
.hero h1{color:#fff;max-width:700px;margin-bottom:1rem;font-weight:400}.hero h1 span{color:var(--brass)}
|
||||
.hero-sub{font-size:1.05rem;color:rgba(255,255,255,.7);max-width:560px;line-height:1.7;margin-bottom:1.5rem}
|
||||
.hero-stats{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.hero-stat{display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.65);font-size:.85rem}.hero-stat i{color:var(--brass);font-size:.75rem}
|
||||
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
|
||||
.hero-notice{position:absolute;top:1.25rem;right:1.25rem;z-index:3;display:flex;align-items:center;gap:.55rem;max-width:min(360px,calc(100% - 2rem));padding:.6rem .85rem .6rem 1rem;background:#f5c542;color:var(--midnight);border:1px solid rgba(13,27,46,.14);border-radius:var(--radius);box-shadow:0 8px 24px rgba(13,27,46,.3);font-family:Inter,sans-serif;font-size:.82rem;line-height:1.4;animation:heroNoticeIn .4s cubic-bezier(.16,1,.3,1)}
|
||||
.hero-notice[hidden]{display:none}
|
||||
.hero-notice i{color:var(--midnight);font-size:.9rem;flex-shrink:0}
|
||||
.hero-notice-text{flex:1;min-width:0;overflow-wrap:anywhere}
|
||||
.hero-notice-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;border:0;border-radius:50%;background:rgba(13,27,46,.12);color:var(--midnight);font-size:1rem;line-height:1;cursor:pointer;transition:background .2s}
|
||||
.hero-notice-close:hover{background:rgba(13,27,46,.24)}
|
||||
@keyframes heroNoticeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
|
||||
.server-banner{background:var(--midnight);padding:2rem 0 1.5rem;border-top:1px solid var(--line-brass);border-bottom:1px solid var(--line-brass);position:relative;overflow:hidden}
|
||||
.server-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 100%,rgba(201,162,39,.06) 0%,transparent 70%);pointer-events:none}
|
||||
.server-banner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}
|
||||
.server-banner-kicker{font-family:Marcellus,Georgia,serif;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}
|
||||
.server-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}
|
||||
.server-card{background:rgba(255,255,255,.035);border:1px solid rgba(201,162,39,.12);border-radius:var(--radius);padding:1rem .75rem;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}
|
||||
.server-card:hover{background:rgba(255,255,255,.06);border-color:rgba(201,162,39,.25)}
|
||||
.server-card .server-city{font-family:Marcellus,Georgia,serif;font-size:1.05rem;color:#fff;margin-bottom:.15rem}
|
||||
.server-card .server-region{font-family:Inter,sans-serif;font-size:.68rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.06em}
|
||||
.server-card.server-best{background:rgba(201,162,39,.1);border-color:var(--brass);box-shadow:0 0 25px rgba(201,162,39,.15),inset 0 0 25px rgba(201,162,39,.04);transform:translateY(-3px)}
|
||||
.server-card.server-best .server-city{color:var(--brass-bright)}
|
||||
.hero-city-label{position:absolute;bottom:2rem;right:2rem;background:rgba(13,27,46,.88);border:1px solid var(--line-brass);border-radius:var(--radius);padding:.7rem 1.25rem;color:rgba(255,255,255,.8);font-family:Marcellus,Georgia,serif;font-size:.9rem;z-index:2;transform:translateX(150%);white-space:nowrap;backdrop-filter:blur(6px);pointer-events:none}
|
||||
.hero-city-label strong{color:var(--brass-bright);font-weight:400}
|
||||
.section-light{background:var(--cream);padding:3.5rem 0}.section-dark{background:var(--midnight);padding:3.5rem 0}.section-dark h2{color:#fff}
|
||||
.section-kicker{font-family:Inter,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--brass);margin-bottom:.5rem;text-align:center}
|
||||
.section-title{text-align:center;margin-bottom:2rem;color:var(--ink)}.section-dark .section-title{color:#fff}
|
||||
.pricing-server-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}
|
||||
.pricing-server-row label{font-family:Inter,sans-serif;font-size:.82rem;color:var(--brass);text-transform:uppercase;letter-spacing:.08em}
|
||||
.pricing-server-select{padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.08);color:#fff;font-family:Inter,sans-serif;font-size:.85rem;outline:none;cursor:pointer;min-width:180px}
|
||||
.pricing-server-select option{background:var(--midnight);color:#fff}
|
||||
@media(max-width:992px){.server-grid{grid-template-columns:repeat(3,1fr)}}
|
||||
@media(max-width:768px){.hero{min-height:auto;padding:3rem 0 0}.hero.has-hero-notice{padding-top:4.75rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;text-align:center}.hero-stats{gap:.75rem}.hero-city-label{bottom:1rem;right:1rem;font-size:.78rem;padding:.5rem .9rem}.hero-notice{top:.75rem;left:.75rem;right:.75rem;max-width:none;font-size:.78rem}}
|
||||
@media(max-width:576px){.server-grid{grid-template-columns:repeat(2,1fr)}.server-banner-header{flex-direction:column;align-items:flex-start}}
|
||||
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--brass);display:inline-block;animation:statusPulse 1.2s ease-in-out infinite}
|
||||
@keyframes statusPulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
|
||||
.biz-wizard{padding:4rem 0;background:var(--midnight);text-align:center;position:relative;overflow:hidden}
|
||||
.biz-wizard::after{content:'';position:absolute;inset:0;background:url('/images/city-amsterdam.jpg') center/cover no-repeat;opacity:.04;z-index:0}
|
||||
.biz-wizard .container{position:relative;z-index:1;max-width:700px}
|
||||
.biz-wizard h2{font-size:clamp(1.6rem,3.2vw,2.4rem);color:#fff;margin-bottom:.75rem}
|
||||
.biz-sub{font-size:1rem;color:rgba(255,255,255,.6);max-width:520px;margin:0 auto 2rem;line-height:1.7}
|
||||
.biz-form{text-align:left}.biz-field{margin-bottom:1.25rem}
|
||||
.biz-field label{display:block;font-family:Marcellus,Georgia,serif;font-size:.95rem;color:#fff;margin-bottom:.4rem;font-weight:400}
|
||||
.biz-field textarea{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#fff;font-family:Inter,sans-serif;font-size:.88rem;line-height:1.6;min-height:90px;outline:none;transition:border-color .2s,background .2s;resize:vertical}
|
||||
.biz-field input[type="email"]{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#fff;font-family:Inter,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}
|
||||
.biz-field input[type="email"]:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
|
||||
.biz-field input[type="email"]::placeholder{color:rgba(255,255,255,.3)}
|
||||
.biz-field textarea:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
|
||||
.biz-field textarea::placeholder{color:rgba(255,255,255,.3)}
|
||||
.biz-form .btn-lg{margin-top:.5rem;width:100%}
|
||||
.biz-checkbox-group{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}
|
||||
.biz-checkbox{display:flex;align-items:center;gap:.6rem;font-family:Inter,sans-serif;font-size:.85rem;color:rgba(255,255,255,.75);cursor:pointer;user-select:none;transition:color .2s}
|
||||
.biz-checkbox:hover{color:#fff}
|
||||
.biz-checkbox input[type="checkbox"]{width:1.05rem;height:1.05rem;accent-color:var(--brass);cursor:pointer;flex-shrink:0}
|
||||
.biz-success{margin-top:1.5rem}.biz-success i{font-size:2.5rem;color:var(--success);margin-bottom:.75rem}
|
||||
.biz-success h3{color:#fff;margin-bottom:.5rem}.biz-success p{color:rgba(255,255,255,.65);font-size:.95rem;max-width:480px;margin:0 auto 1.25rem;line-height:1.7}
|
||||
/* OCA Modules */
|
||||
.oca-section{padding:3.5rem 0;overflow-x:hidden}
|
||||
.oca-search-wrap{max-width:400px;margin:0 auto 1.5rem}
|
||||
.oca-search{width:100%;padding:.7rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--line-brass);background:rgba(255,255,255,.06);color:#fff;font-family:Inter,sans-serif;font-size:.85rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}
|
||||
.oca-search:focus{border-color:var(--brass);background:rgba(255,255,255,.1)}
|
||||
.oca-search::placeholder{color:rgba(255,255,255,.3)}
|
||||
.oca-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--line-brass);background:rgba(255,255,255,.03)}
|
||||
.oca-table{width:100%;border-collapse:collapse;min-width:500px}
|
||||
.oca-table th{padding:.75rem 1rem;text-align:left;font-family:Marcellus,Georgia,serif;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brass);border-bottom:1px solid var(--line-brass);background:rgba(13,27,46,.5);white-space:nowrap}
|
||||
.oca-table th:last-child{width:48px;text-align:center}
|
||||
.oca-table td{padding:.65rem 1rem;font-size:.85rem;color:rgba(255,255,255,.8);border-bottom:1px solid rgba(201,162,39,.08);vertical-align:middle}
|
||||
.oca-table tbody tr:hover{background:rgba(201,162,39,.06)}
|
||||
.oca-table tbody tr:last-child td{border-bottom:none}
|
||||
.oca-check{color:var(--success);font-size:1rem}
|
||||
.oca-cross{color:rgba(255,255,255,.2);font-size:1rem}
|
||||
.oca-icon-link{color:var(--brass);font-size:1.1rem;cursor:pointer;transition:color .2s,transform .2s;display:inline-block}
|
||||
.oca-icon-link:hover{color:var(--brass-bright);transform:scale(1.2)}
|
||||
.oca-empty{text-align:center;padding:2rem;color:rgba(255,255,255,.4);font-style:italic;display:none}
|
||||
.oca-loading{text-align:center;padding:2rem;color:rgba(255,255,255,.4);font-size:.88rem}
|
||||
/* Custom Quote Modal */
|
||||
.ow-sub{font-size:.95rem;color:var(--midnight);margin-bottom:1.5rem}
|
||||
.ow-panel input[type="text"],.ow-panel textarea{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#171c26;font-family:Inter,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}
|
||||
.ow-panel input[type="text"]:focus,.ow-panel textarea:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
|
||||
.ow-panel textarea{min-height:100px;resize:vertical}
|
||||
.ow-panel textarea::placeholder{color:rgba(23,28,38,.3)}
|
||||
.ow-panel input[type="email"]::placeholder{color:rgba(23,28,38,.3)}
|
||||
.ow-close{background:var(--midnight);border:1px solid var(--line);color:#fff;font-size:2rem;cursor:pointer;line-height:1;position:absolute;right:1rem;top:1rem;transition:color .2s,background .2s;border-radius:var(--radius);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}
|
||||
.ow-close:hover{color:var(--brass);background:var(--midnight-2)}
|
||||
/* Custom Quote Modal overrides for biz-field inside ow-panel */
|
||||
#customQuoteModal .biz-field label{color:#171c26}
|
||||
#customQuoteModal .biz-field textarea{color:#171c26}
|
||||
#customQuoteModal .biz-field textarea::placeholder{color:rgba(23,28,38,.3)}
|
||||
#customQuoteModal .biz-field input[type="email"]{color:#171c26}
|
||||
#customQuoteModal .biz-field input[type="email"]::placeholder{color:rgba(23,28,38,.3)}
|
||||
#customQuoteModal .biz-field input[type="text"]{color:#171c26}
|
||||
#customQuoteModal .biz-field input[type="text"]::placeholder{color:rgba(23,28,38,.3)}
|
||||
/* Success message sits on the light modal panel, so it needs dark text (the global .biz-success rules target the dark wizard section) */
|
||||
#customQuoteModal .biz-success h3{color:var(--midnight)}
|
||||
#customQuoteModal .biz-success p{color:var(--midnight)}
|
||||
@media(max-width:600px){.oca-table td,.oca-table th{padding:.5rem .65rem;font-size:.8rem}.ow-panel{left:5%;right:5%}.ow-close{top:.5rem;right:.5rem;font-size:1.6rem}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css" media="print" onload="this.media='all'" />
|
||||
<noscript><link rel="stylesheet" href="/style.css" /></noscript>
|
||||
<!-- Privacy-friendly analytics by Plausible -->
|
||||
<script async src="https://plausible.office.odoo4projects.com/js/pa-NhA7Rf-79VopXFQXhSS4e.js"></script>
|
||||
<script>
|
||||
window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
|
||||
plausible.init()
|
||||
</script>
|
||||
<script defer src="/static/lang.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!--
|
||||
THESIS: The homepage as a global business lounge concierge desk — midnight blue, brass, marble, city placards for the six regions. The category default (hero + feature grid + pricing grid) is reframed as hospitality: the visitor checks in, reads the rate card, and books a suite.
|
||||
OWN-WORLD: Midnight blue (#0d1b2e) ground, brass (#c9a227) for every accent and CTA, cream (#f4f0e8) for light surfaces. Marcellus serif for display, Inter for body. Six city photos (Amsterdam, Boston, London, Mumbai, São Paulo, Sydney) as circular placards. Hairline brass rules. Concierge-card features.
|
||||
STORY: The visitor understands: "I can deploy Odoo in 5 minutes, globally, without DevOps. This is enterprise-grade, but the concierge handles everything." They believe it from the city photos (real regions), the partner logos, the brass CTA, and the "No setup fee. Stripe Payment. Cancel at any time" footer.
|
||||
FIRST VIEWPORT: Midnight hero with faint Amsterdam skyline. Brass kicker "FULLY MANAGED ODOO COMMUNITY HOSTING". Large serif h1 "Deploy Odoo in 5 Minutes — Fully Managed Hosting". Stats row with brass checks. Brass CTA button "See Plans & Pricing" + ghost "How It Works". Bottom: six city placards (photo + name + region) in a horizontal strip.
|
||||
FORM: The Grand Hotel Business Lounge (model-pick, user-chosen). Seed key: 7db4dced.
|
||||
FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md.
|
||||
-->
|
||||
<!-- Hero -->
|
||||
<section class="hero">
|
||||
<div class="hero-notice" id="heroConfirmNotice" role="status" aria-live="polite" hidden>
|
||||
<i class="fas fa-check-circle" aria-hidden="true"></i>
|
||||
<span class="hero-notice-text"></span>
|
||||
<button type="button" class="hero-notice-close" aria-label="Cerrar notificación">×</button>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="hero-kicker">Hosting de Odoo Community totalmente gestionado</div>
|
||||
<h1>Odoo en marcha en <span>5 minutos</span> — hosting gestionado</h1>
|
||||
<p class="hero-sub">Ponga su sistema en marcha en minutos: las copias de seguridad se ejecutan solas, su dirección web va con SSL y los módulos los instalamos nosotros. Sin informáticos.</p>
|
||||
<div class="hero-stats">
|
||||
<span class="hero-stat"><i class="fas fa-check-circle"></i> 6 ubicaciones globales</span>
|
||||
<span class="hero-stat"><i class="fas fa-check-circle"></i> Listo en 5 min</span>
|
||||
<span class="hero-stat"><i class="fas fa-check-circle"></i> Soporte con IA incluido</span>
|
||||
<span class="hero-stat"><i class="fas fa-check-circle"></i> Copias de seguridad al instante</span>
|
||||
</div>
|
||||
<div class="hero-actions">
|
||||
<a href="#pricing" class="btn btn-brass">Ver planes y precios →</a>
|
||||
<a href="/support.html" class="btn btn-outline">Cómo funciona</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Spinning Up Widget (shown when ?message=spinning_up) -->
|
||||
<section class="spinning-up" id="spinningUp" style="display:none;">
|
||||
<div class="container">
|
||||
<div class="spinning-card">
|
||||
<i class="fas fa-cog fa-spin"></i>
|
||||
<h3>Preparando su instancia de Odoo</h3>
|
||||
<p>Estamos preparando su servidor de Odoo Community V20. Normalmente tarda 2-5 minutos.</p>
|
||||
<p class="spinning-note">En cuanto esté listo, recibirá un correo con sus credenciales de acceso.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Server Status Banner -->
|
||||
<section class="server-banner" id="serverBanner">
|
||||
<div class="container">
|
||||
<div class="server-banner-header">
|
||||
<span class="server-banner-kicker">Nuestras ubicaciones de servidor</span>
|
||||
</div>
|
||||
<div class="server-grid">
|
||||
<div class="server-card"><div class="server-city">Amsterdam</div><div class="server-region">Países Bajos</div></div>
|
||||
<div class="server-card"><div class="server-city">Boston</div><div class="server-region">Estados Unidos</div></div>
|
||||
<div class="server-card"><div class="server-city">Manchester</div><div class="server-region">Reino Unido</div></div>
|
||||
<div class="server-card"><div class="server-city">Mumbai</div><div class="server-region">India</div></div>
|
||||
<div class="server-card"><div class="server-city">São Paulo</div><div class="server-region">Brasil</div></div>
|
||||
<div class="server-card"><div class="server-city">Sydney</div><div class="server-region">Australia</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Trust Bar -->
|
||||
<section class="trust-bar">
|
||||
<div class="container">
|
||||
<p class="trust-label">Empresas de todo el mundo confían en nosotros</p>
|
||||
<div class="partner-carousel-wrap">
|
||||
<div class="partner-grid">
|
||||
<!-- Trust Bar Partners (no duplicates - CSS animation handles seamless loop) -->
|
||||
<a href="https://paraguayservice.com/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/paraguayservice-favicon.png" alt="Paraguay Service" /><span>Paraguay Service</span></a>
|
||||
<a href="https://estancia-agape.com/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/estancia-agape-logo.png" alt="Estancia Agape" /><span>Estancia Agape</span></a>
|
||||
<a href="https://kate-group.de/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/kate-group-favicon.png" alt="KATE Group" /><span>KATE Group</span></a>
|
||||
<a href="https://agilnova.de/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/agilnova-favicon.png" alt="agilnova" /><span>agilnova</span></a>
|
||||
<a href="https://006-002-bc5bb1cb-984d-42c3-8580-63439f4924c5.odoo4projects.com/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/ramani-kenya-logo.png" alt="Ramani Kenya" /><span>Ramani Kenya</span></a>
|
||||
<a href="https://startparaguay.net/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/startparaguay-favicon.png" alt="Start Paraguay" /><span>Start Paraguay</span></a>
|
||||
<a href="https://accelersales.com/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/accelersales-logo.png" alt="AccellerSales" /><span>AccellerSales</span></a>
|
||||
<a href="#pricing" class="partner-item" style="opacity:0.55"><img src="/images/your-company-logo.svg" alt="Su empresa" /><span>Su empresa</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Features -->
|
||||
<section class="section-light">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Todo lo que necesita, nada que no necesite</h2>
|
||||
<div class="features-grid">
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-rocket"></i>
|
||||
<h3>En marcha en 5 minutos</h3>
|
||||
<p>Sin necesidad de equipo DevOps. Elija un plan, escoja su región y su sistema estará listo en minutos.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
<h3>Copias de seguridad automáticas y SSL</h3>
|
||||
<p>Las copias de seguridad se ejecutan según un calendario y van rotando: una en Side Hustle, cuatro en On the Rise y Powerhouse. Certificados SSL gratuitos en cada dominio, siempre seguros.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-cubes"></i>
|
||||
<h3>Gestión dentro de Odoo</h3>
|
||||
<p>El punto único para todo su negocio. Sin necesidad de varias cuentas: gestione sus aplicaciones, usuarios y módulos desde un solo panel.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-code-branch"></i>
|
||||
<h3>Despliegue de módulos vía Git</h3>
|
||||
<p>Suba módulos personalizados vía Git o use Quick Git con un clic. Sin FTP, sin complicaciones.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-headset"></i>
|
||||
<h3>Bot de soporte y soporte humano</h3>
|
||||
<p>Bot de soporte con IA para soluciones inmediatas. Equipo humano para todo lo demás. Su UUID es su llave.</p>
|
||||
</div>
|
||||
<div class="feature-card-trial" id="trialCard">
|
||||
<h3>Prueba gratuita</h3>
|
||||
<p>Empiece su prueba gratuita de 30 días. Sin tarjeta de crédito.</p>
|
||||
<form class="trial-form" id="trialForm">
|
||||
<input type="email" id="trialEmail" placeholder="Su dirección de correo" required />
|
||||
<select id="trialLocation"></select>
|
||||
<button type="submit" class="btn btn-brass">Enviar</button>
|
||||
</form>
|
||||
<div class="trial-success" id="trialSuccess">✓ Revise su bandeja de entrada para confirmar su correo.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ -->
|
||||
<section class="section-dark" id="faq">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Preguntas frecuentes</h2>
|
||||
<div class="faq-grid">
|
||||
<div class="faq-card" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-q"><span>¿Y si mi plan se me queda corto?</span> <i class="fas fa-chevron-down"></i></div>
|
||||
<div class="faq-a"><p>Crezca de Side Hustle a Empire sin migrar datos ni perder disponibilidad. Cambie de plan en los ajustes de Odoo: su instancia sigue activa y sus datos vienen con usted.</p></div>
|
||||
</div>
|
||||
<div class="faq-card" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-q"><span>¿Puedo personalizarlo?</span> <i class="fas fa-chevron-down"></i></div>
|
||||
<div class="faq-a"><p>Sí. On the Rise y los planes superiores admiten módulos vía Git. Instale aplicaciones personalizadas, desarrolle las suyas o use Quick GIT para instalarlas con un clic.</p></div>
|
||||
</div>
|
||||
<div class="faq-card" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-q"><span>¿En cuánto tiempo puedo empezar?</span> <i class="fas fa-chevron-down"></i></div>
|
||||
<div class="faq-a"><p>Cinco minutos. Elija un plan, escoja su región y su instancia de Odoo estará activa. Sin cuota de alta. Pago con Stripe. Cancele cuando quiera.</p></div>
|
||||
</div>
|
||||
<div class="faq-card" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-q"><span>¿Puedo usar Odoo Enterprise?</span> <i class="fas fa-chevron-down"></i></div>
|
||||
<div class="faq-a"><p>Powerhouse y Empire están listos para Enterprise. Traiga su licencia; nosotros ponemos la infraestructura.</p></div>
|
||||
</div>
|
||||
<div class="faq-card" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-q"><span>¿Odoo Community? ¿Qué puede hacer?</span> <i class="fas fa-chevron-down"></i></div>
|
||||
<div class="faq-a"><p>Inventario, contabilidad, CRM, ventas, fabricación, RR. HH.: todo en un solo sistema. Gratuito y totalmente de código abierto.</p></div>
|
||||
</div>
|
||||
<div class="faq-card" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-q"><span>¿Tienen un programa de afiliados?</span> <i class="fas fa-chevron-down"></i></div>
|
||||
<div class="faq-a"><p>No. Creemos que unos precios competitivos para nuestros clientes compartidos están en nuestro propio interés.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/support.html" class="faq-link">Todas las preguntas →</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pricing -->
|
||||
<section class="section-dark" id="pricing">
|
||||
<div class="container">
|
||||
<p class="section-kicker">Planes y precios</p>
|
||||
<h2 class="section-title">Su plan, su ritmo: cambie de plan cuando quiera</h2>
|
||||
<div class="pricing-server-row">
|
||||
<label for="pricingServerLocation">Ubicación del servidor</label>
|
||||
<select id="pricingServerLocation" class="pricing-server-select"></select>
|
||||
<label for="pricingOdooVersion">Versión de Odoo</label>
|
||||
<select id="pricingOdooVersion" class="pricing-server-select">
|
||||
<option value="19.0">19.0 — gran cantidad de módulos OCA compatibles</option>
|
||||
<option value="20.0" selected>20.0 — lo más nuevo</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="pricing-grid">
|
||||
<!-- Side Hustle -->
|
||||
<div class="pcard">
|
||||
<div class="pcard-body">
|
||||
<h3>Side Hustle</h3>
|
||||
Side Hustle — para empezar
|
||||
<div class="price">
|
||||
<strong>$ 214.00</strong>
|
||||
<small class="price-period">/ año</small>
|
||||
</div>
|
||||
<p class="desc">"ODOO Estándar... es todo lo que mi negocio necesita"</p>
|
||||
<a href="javascript:void(0)" class="btn btn-brass btn-buy" data-id="6">Comprar ahora</a>
|
||||
<ul>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Lance Odoo CE en 5 minutos</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Copias automáticas, sin acordarse</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> 1 dominio y certificado SSL</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pcard-foot">Sin cuota de alta. Pago con Stripe<br />Cancele cuando quiera</div>
|
||||
</div>
|
||||
<!-- On the Rise -->
|
||||
<div class="pcard featured">
|
||||
<div class="pcard-body">
|
||||
<h3>On the Rise</h3>
|
||||
<div class="price">
|
||||
<strong>$ 395.00</strong>
|
||||
<small class="price-period">/ año</small>
|
||||
</div>
|
||||
<p class="desc">"Necesito algunos módulos e informes profesionales"</p>
|
||||
<a href="javascript:void(0)" class="btn btn-brass btn-buy" data-id="4">Comprar ahora</a>
|
||||
<ul>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Lance Odoo CE en 5 minutos</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Copias automáticas, sin acordarse</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> 3 dominios y certificados SSL</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Instale módulos personalizados vía Git/QuickGIT</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pcard-foot">Sin cuota de alta. Pago con Stripe<br />Cancele cuando quiera</div>
|
||||
</div>
|
||||
<!-- Powerhouse -->
|
||||
<div class="pcard">
|
||||
<div class="pcard-body">
|
||||
<h3>Powerhouse</h3>
|
||||
<div class="price">
|
||||
<strong>$ 595.00</strong>
|
||||
<small class="price-period">/ año</small>
|
||||
</div>
|
||||
<p class="desc">"¡ODOO Enterprise es imprescindible!"</p>
|
||||
<a href="javascript:void(0)" class="btn btn-brass btn-buy" data-id="5">Comprar ahora</a>
|
||||
<ul>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Lance Odoo CE en 5 minutos</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Copias automáticas, sin acordarse</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> 3 dominios y certificados SSL</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Instale módulos personalizados vía Git/QuickGIT</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> 2 workers para mayor fiabilidad</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pcard-foot">Sin cuota de alta. Pago con Stripe<br />Cancele cuando quiera</div>
|
||||
</div>
|
||||
<!-- Empire -->
|
||||
<div class="pcard">
|
||||
<div class="pcard-body">
|
||||
<h3>Empire</h3>
|
||||
<div class="price">
|
||||
<strong>>$ 950.00</strong>
|
||||
<small class="price-period">/ año</small>
|
||||
</div>
|
||||
<p class="desc">"¡Mi casa! ¡Mi caballo! ¡Mi servidor!"</p>
|
||||
<a href="javascript:void(0)" class="btn btn-brass btn-empire">Solicitar presupuesto</a>
|
||||
<ul>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Nuestro servicio en su servidor</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Todos los módulos y funciones</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Personalización ilimitada</li>
|
||||
<li><i class="fas fa-check" style="color: var(--success)"></i> Soporte prioritario y onboarding dedicado</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="pricing-cta-note">Ahorre dinero, menos administración</p>
|
||||
<p class="pricing-cta-note"><a href="/odoo-hosting-2027.html"><strong>Compare todas las formas de alojar Odoo en 2027 →</strong></a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Order Widget -->
|
||||
<div id="orderWidgetOverlay" class="ow-overlay" onclick="if(event.target===this)closeOrderWidget()">
|
||||
<div id="orderPanelBuy" class="ow-panel" style="display:none">
|
||||
<button class="ow-close" onclick="closeOrderWidget()">×</button>
|
||||
<div class="ow-content">
|
||||
<h2 class="ow-title" id="orderPlanTitle">On the Rise</h2>
|
||||
<p class="ow-price">
|
||||
<span class="ow-price-amount" id="orderPlanPrice">$ 395.00</span> <span id="orderPlanPeriod">/ año</span>
|
||||
<span class="ow-price-tax" id="orderPlanTax">+ impuestos</span>
|
||||
</p>
|
||||
<p class="ow-coupon-msg" id="orderCouponMsg">¿Dudas antes de comprar? Pregunte al asistente en esta página.</p>
|
||||
<p class="ow-yearly-save" id="orderYearlySave">Facturación anual. Sin cuota de alta.</p>
|
||||
<label class="ow-field-label" for="orderServerLocation">Ubicación del servidor</label>
|
||||
<select id="orderServerLocation" class="ow-select">
|
||||
<option value="USA">Estados Unidos (Boston)</option>
|
||||
<option value="Brazil">Brasil (São Paulo)</option>
|
||||
<option value="India">India (Mumbai)</option>
|
||||
<option value="Australia">Australia (Sydney)</option>
|
||||
<option value="Netherlands">Países Bajos (Amsterdam)</option>
|
||||
<option value="UK">Reino Unido (London)</option>
|
||||
</select>
|
||||
<a id="orderBuyBtn" href="/support.html#contact" class="btn btn-brass ow-buy">Continuar a Stripe →</a>
|
||||
<p class="ow-note">🔒 Pago seguro con Stripe · Se requiere tarjeta para comprar, no para empezar.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Custom Quote Modal -->
|
||||
<div id="customQuoteModal" class="ow-overlay" onclick="if(event.target===this)closeCustomQuoteModal()">
|
||||
<div id="customQuotePanel" class="ow-panel" style="display:none">
|
||||
<button class="ow-close" onclick="closeCustomQuoteModal()">×</button>
|
||||
<div class="ow-content">
|
||||
<h2 class="ow-title">Solicitar presupuesto</h2>
|
||||
<p class="ow-sub">Cuéntenos qué necesita y le prepararemos una oferta a medida.</p>
|
||||
<form id="customQuoteForm" class="biz-form" style="text-align:left">
|
||||
<div class="biz-field">
|
||||
<label for="cqName">Nombre</label>
|
||||
<input type="text" id="cqName" placeholder="Su nombre completo" required />
|
||||
</div>
|
||||
<div class="biz-field">
|
||||
<label for="cqEmail">Correo electrónico</label>
|
||||
<input type="email" id="cqEmail" placeholder="your@email.com" required />
|
||||
</div>
|
||||
<div class="biz-field">
|
||||
<label for="cqRequirements">Sus requisitos</label>
|
||||
<textarea id="cqRequirements" placeholder="Describa sus requisitos (¿cuántos usuarios? ¿en local o en la nube? ¿cuántos workers?)" required></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-brass btn-lg">Enviar solicitud</button>
|
||||
</form>
|
||||
<div class="biz-success" id="customQuoteSuccess" style="display:none">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<h3>Solicitud recibida</h3>
|
||||
<p>Revisaremos sus requisitos y le responderemos en breve.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog -->
|
||||
<section class="blog-section blog-section-light" id="blog">
|
||||
<div class="container">
|
||||
<p class="section-kicker">Desde la redacción</p>
|
||||
<h2 class="section-title">Lo último del blog</h2>
|
||||
<div class="blog-search-wrap">
|
||||
<input type="text" class="blog-search" id="blogSearch" placeholder="Buscar entradas..." />
|
||||
</div>
|
||||
<div class="blog-grid" id="blogGrid"></div>
|
||||
<div class="blog-pagination" id="blogPagination"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- OCA Modules Status -->
|
||||
<section class="section-dark oca-section" id="ocaModules">
|
||||
<div class="container">
|
||||
<p class="section-kicker">Módulos OCA</p>
|
||||
<h2 class="section-title">Nuestros módulos OCA destacados</h2>
|
||||
<div class="oca-search-wrap">
|
||||
<input type="text" class="oca-search" id="ocaSearch" placeholder="Buscar módulos..." />
|
||||
</div>
|
||||
<div class="oca-table-wrap">
|
||||
<table class="oca-table" id="ocaTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Módulo</th>
|
||||
<th>Área</th>
|
||||
<th>19.0</th>
|
||||
<th>20.0</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="ocaTbody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="oca-empty" id="ocaEmpty">Ningún módulo coincide con su búsqueda.</div>
|
||||
<div class="oca-loading" id="ocaLoading">Cargando módulos...</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Business Wizard -->
|
||||
<section class="biz-wizard">
|
||||
<div class="container">
|
||||
<p class="section-kicker">Para su negocio</p>
|
||||
<h2>Su plan de proyecto Odoo personalizado</h2>
|
||||
<p class="biz-sub">Cuéntenos sobre su negocio. La IA prepara un plan de proyecto a medida con módulos recomendados, plazos y hoja de ruta. Le enviaremos el informe en unos minutos.</p>
|
||||
<form class="biz-form" id="bizForm">
|
||||
<div class="biz-field">
|
||||
<label for="bizDescription">Descripción del negocio</label>
|
||||
<textarea id="bizDescription" placeholder="Describa su negocio: sector, tamaño, software actual, estructura del equipo..." required></textarea>
|
||||
</div>
|
||||
<div class="biz-field">
|
||||
<label for="bizGoals">Mis objetivos</label>
|
||||
<textarea id="bizGoals" placeholder="¿Qué quiere conseguir con Odoo? Automatizar ventas, gestionar inventario, informes financieros, CRM..." required></textarea>
|
||||
</div>
|
||||
<div class="biz-field">
|
||||
<label for="bizChallenges">Retos actuales</label>
|
||||
<textarea id="bizChallenges" placeholder="¿Qué problemas tiene? Procesos manuales, datos aislados, problemas de crecimiento, falta de visibilidad..." required></textarea>
|
||||
</div>
|
||||
<div class="biz-field">
|
||||
<label for="bizEmail">Su correo electrónico</label>
|
||||
<input type="email" id="bizEmail" placeholder="your@email.com" required />
|
||||
</div>
|
||||
<div class="biz-checkbox-group">
|
||||
<label class="biz-checkbox"><input type="checkbox" id="bizHasHomepage" /> Ya tengo una página web</label>
|
||||
<label class="biz-checkbox"><input type="checkbox" id="bizUsesOdoo" /> Ya uso Odoo</label>
|
||||
<label class="biz-checkbox"><input type="checkbox" id="bizHasDeveloper" /> Ya tengo un desarrollador para módulos</label>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-brass btn-lg" id="bizSubmitBtn">Generar mi plan de proyecto →</button>
|
||||
</form>
|
||||
<div class="biz-success" id="bizSuccess" style="display:none">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<h3>Su plan de proyecto se está preparando</h3>
|
||||
<p>Le enviaremos el informe por correo en cuanto esté listo. La generación con IA suele tardar 1-2 minutos.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="fgrid">
|
||||
<div>
|
||||
<h4>Enlaces útiles</h4>
|
||||
<ul>
|
||||
<li><a href="/es/">Inicio</a></li>
|
||||
<li><a href="/support.html">Soporte</a></li>
|
||||
<li><a href="/legal.html">Aviso legal</a></li>
|
||||
<li><a href="/privacy.html">Privacidad</a></li>
|
||||
<li><a href="/terms.html">Términos</a></li>
|
||||
<li><a href="/support.html#contact">Contáctenos</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Socios</h4>
|
||||
<div class="partner-list">
|
||||
<a href="https://oc-guy.com" target="_blank" rel="noopener" class="partner-item"><i class="fas fa-handshake"></i> OC Guy</a>
|
||||
<a href="https://oca-py.org" target="_blank" rel="noopener" class="partner-item"><i class="fas fa-handshake"></i> OCA Paraguay</a>
|
||||
<a href="https://OD8N.com" target="_blank" rel="noopener" class="partner-item"><i class="fas fa-handshake"></i> OD8N</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fcol-desc">
|
||||
<h4>Sobre nosotros</h4>
|
||||
<p>Creamos soluciones de negocio inteligentes y escalables combinando la <strong>estabilidad</strong> de Odoo ERP con la <strong>potencia</strong> de los agentes de IA y las automatizaciones N8N.</p>
|
||||
<p>Desde unas ventas ágiles hasta despliegues globales, nuestro enfoque <strong>lean y ecológico</strong> ayuda a las empresas a reducir costes, ganar eficiencia y crecer sin límites.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Síganos</h4>
|
||||
<div class="social">
|
||||
<a href="https://www.linkedin.com/company/odoo4projects/" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="https://www.youtube.com/@ODOO4projects" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
<form class="footer-contact-form" id="footerContactForm">
|
||||
<input type="email" id="footerContactEmail" placeholder="Su dirección de correo" required />
|
||||
<div class="footer-textarea-wrap">
|
||||
<textarea id="footerContactText" placeholder="Su mensaje..." required></textarea>
|
||||
<button type="submit" class="footer-send-btn" aria-label="Enviar mensaje"><i class="fas fa-paper-plane"></i></button>
|
||||
</div>
|
||||
<div class="footer-form-status" id="footerFormStatus" role="status"></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fcopy">Copyright © ODOO4projects LLC</div>
|
||||
</div>
|
||||
<div data-lang-switcher class="lang-switch-slot"></div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
|
||||
<script src="/script.js"></script>
|
||||
<script defer src="/static/agent-odoo4projects/agent.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+8
-2
@@ -5,11 +5,15 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="description" content="Deploy Odoo in 5 minutes with fully managed hosting. Automatic backups, SSL, Git-based modules, and 6 global locations." />
|
||||
<title>ODOO4projects | Deploy Odoo in 5 Minutes — Fully Managed Hosting</title>
|
||||
<link rel="canonical" href="https://ODOO4projects.com/" />
|
||||
<link rel="canonical" href="https://odoo4projects.com/" />
|
||||
<link rel="alternate" hreflang="en-US" href="https://odoo4projects.com/" />
|
||||
<link rel="alternate" hreflang="de" href="https://odoo4projects.com/de/" />
|
||||
<link rel="alternate" hreflang="es" href="https://odoo4projects.com/es/" />
|
||||
<link rel="alternate" hreflang="x-default" href="https://odoo4projects.com/" />
|
||||
<meta property="og:title" content="ODOO4projects | Deploy Odoo in 5 Minutes — Fully Managed Hosting" />
|
||||
<meta property="og:description" content="Deploy Odoo in 5 minutes with fully managed hosting. Automatic backups, SSL, and Git-based module management." />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://ODOO4projects.com/" />
|
||||
<meta property="og:url" content="https://odoo4projects.com/" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<link rel="icon" href="images/favicon.ico" />
|
||||
<script type="application/ld+json">
|
||||
@@ -218,6 +222,7 @@
|
||||
window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
|
||||
plausible.init()
|
||||
</script>
|
||||
<script defer src="/static/lang.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!--
|
||||
@@ -657,6 +662,7 @@
|
||||
</div>
|
||||
<div class="fcopy">Copyright © ODOO4projects LLC</div>
|
||||
</div>
|
||||
<div data-lang-switcher class="lang-switch-slot"></div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
|
||||
|
||||
@@ -42,3 +42,12 @@
|
||||
|
||||
- Prices are list prices captured on 21 October 2026 and are re-checked before each publishing year.
|
||||
- Findability: [sitemap.xml](https://odoo4projects.com/sitemap.xml).
|
||||
|
||||
## Languages
|
||||
|
||||
- German: https://odoo4projects.com/de/ — the site's pages mirrored under `/de/`.
|
||||
- Spanish: https://odoo4projects.com/es/ — the site's pages mirrored under `/es/`.
|
||||
- Language selection is client-side (`/static/lang.js`): a German- or
|
||||
Spanish-preferring browser is sent to `/de/` or `/es/` once per session.
|
||||
An explicit choice — `?lang=de|es|en` or the EN | DE | ES switcher — is
|
||||
remembered and always wins. Deep links (`/de/...`) are never redirected.
|
||||
+12
@@ -84,4 +84,16 @@
|
||||
<changefreq>yearly</changefreq>
|
||||
<priority>0.3</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://odoo4projects.com/de/</loc>
|
||||
<lastmod>2026-10-24</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://odoo4projects.com/es/</loc>
|
||||
<lastmod>2026-10-24</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
</urlset>
|
||||
@@ -0,0 +1,42 @@
|
||||
/* ODOO4projects lang selector + EN-homepage auto-detect, <script defer src="/static/lang.js">.
|
||||
Inert on /de/ & /es/; stored choice (?lang= or click) wins forever; detect once per session; no loop.
|
||||
ES5, no deps. Contract: work/i18n/I18N-BUILD-PLAN.md */
|
||||
(function () {
|
||||
"use strict";
|
||||
var HOME={en:"/",de:"/de/",es:"/es/"},ORDER=["en","de","es"],KEY="o4p_lang",SESS="o4p_lang_checked",YEAR=31536000;
|
||||
function ls(){try{return window.localStorage||null}catch(e){return null}}
|
||||
function ss(){try{return window.sessionStorage||null}catch(e){return null}}
|
||||
function rd(s,k){try{return s?s.getItem(k):null}catch(e){return null}}
|
||||
function wr(s,k,v){try{if(s)s.setItem(k,v)}catch(e){}}
|
||||
function gck(k){try{var m=(document.cookie||"").match(new RegExp("(?:^|;\\s*)"+k+"=([^;]*)"));return m?decodeURIComponent(m[1]):null}catch(e){return null}}
|
||||
function sck(k,v){try{document.cookie=k+"="+encodeURIComponent(v)+";path=/;max-age="+YEAR+";SameSite=Lax"}catch(e){}}
|
||||
function stored(){return rd(ls(),KEY)||gck(KEY)}
|
||||
function remember(l){wr(ls(),KEY,l);sck(KEY,l)}
|
||||
function cur(){var p=location.pathname||"/";return /^\/de(\/|$)/.test(p)?"de":/^\/es(\/|$)/.test(p)?"es":"en"}
|
||||
function enHome(){var p=location.pathname||"/";return p==="/"||p===""||/^\/index\.html$/i.test(p)}
|
||||
/* equivalent page in another lang: this page's hreflang alternate, else that lang's homepage */
|
||||
function urlFor(l){var a,i,h;try{a=document.querySelectorAll('link[rel="alternate"][hreflang]')}catch(e){a=[]}
|
||||
for(i=0;i<(a?a.length:0);i++){h=(a[i].getAttribute("hreflang")||"").toLowerCase();if(!h)continue;
|
||||
if(l==="en"&&(h==="en"||h.indexOf("en-")===0))return a[i].href;if(h===l)return a[i].href}return HOME[l]}
|
||||
var c=cur();
|
||||
/* (1) explicit ?lang= wins and is remembered */
|
||||
var q=(location.search||"").match(/[?&]lang=(en|de|es)(?:&|$)/i);
|
||||
if(q){var pick=q[1].toLowerCase();remember(pick);if(pick!==c){location.replace(urlFor(pick));return}}
|
||||
/* (2) auto-detect: EN homepage only, once per session, never over a stored choice */
|
||||
if(c==="en"&&enHome()&&!stored()&&rd(ss(),SESS)!=="1"){wr(ss(),SESS,"1");var pref="";
|
||||
try{pref=(navigator.languages&&navigator.languages[0])||navigator.language||""}catch(e){pref=""}
|
||||
pref=String(pref).toLowerCase();
|
||||
if(pref.indexOf("de")===0){location.replace(HOME.de);return}
|
||||
if(pref.indexOf("es")===0){location.replace(HOME.es);return}}
|
||||
/* (3) switcher EN | DE | ES */
|
||||
render(c);
|
||||
function render(current){var nav=document.createElement("nav"),i,a;nav.className="lang-switch";nav.setAttribute("aria-label","Language");
|
||||
for(i=0;i<ORDER.length;i++){a=document.createElement("a");a.href=urlFor(ORDER[i]);a.textContent=ORDER[i].toUpperCase();
|
||||
a.setAttribute("hreflang",ORDER[i]==="en"?"en-US":ORDER[i]);if(ORDER[i]===current)a.setAttribute("aria-current","true");
|
||||
nav.appendChild(a);if(i<ORDER.length-1)nav.appendChild(document.createTextNode(" | "))}
|
||||
var slot=null;try{slot=document.querySelector("[data-lang-switcher]")}catch(e){slot=null}
|
||||
try{if(!document.getElementById("o4p-lang-style")){var s=document.createElement("style");s.id="o4p-lang-style";
|
||||
s.appendChild(document.createTextNode(".lang-switch{font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;white-space:nowrap}.lang-switch a{color:inherit;text-decoration:none}.lang-switch a[aria-current=true]{color:#a3801a;text-decoration:underline}.lang-switch--float{position:fixed;top:10px;right:12px;z-index:99;background:rgba(244,240,232,.92);border:1px solid rgba(201,162,39,.4);border-radius:999px;padding:6px 12px;color:#0d1b2e}"));
|
||||
document.head.appendChild(s)}
|
||||
if(slot){slot.appendChild(nav)}else{nav.className="lang-switch lang-switch--float";document.body.appendChild(nav)}}catch(e){}}
|
||||
})();
|
||||
Reference in new issue
Block a user