Public Access
Same defect the bootcamp carried (2aa9b19), fixed site-wide in one mechanical pass.
P0 (17 pages): /style.css was deferred via media="print" onload=... -> unstyled
first paint -> a BODY layout shift. Now a normal render-blocking
<link rel="stylesheet">; the now-redundant no-JS <noscript> for style.css is
dropped. Web fonts + Font Awesome keep their legitimate deferral.
Pages: index.html, odoo-black-friday/, odoo-hosting-offers/, de/index.html,
es/index.html, odoo-hosting-2027.html (+de/+es), odoo-community-upgrade.html
(+de/+es), odoo-staging-environment/, odoo-community-ai/,
odoo-n8n-masterclass/, australia.html, workshops/, what-can-i-use-odoo-for/.
P1 (1 page): /odoo-black-friday/ footer form action mailto: -> CRM webhook
(Lighthouse is-on-https). Changed only because the page already loads a handler
for #footerContactForm (static/black-friday.js). The other 13 mailto-form pages
load no handler and are left alone on purpose (no drive-by handler copy-in).
Added the no-JS <noscript> fallback so a JS-off visitor keeps a path.
P2 (35 pages): add a single <main> landmark wrapping the primary content; top
bar and footer stay outside. Additive only, no redesign.
Guards held: bootcamp EN/DE/ES and every JS/static file untouched; Buy forms
product_id 4/17 intact; one [data-bc-seats]; ads-consent gate intact.
verify-html.py PROBLEMS 0; competitor QC 74 pre-existing, 0 added.
679 lines
48 KiB
HTML
679 lines
48 KiB
HTML
<!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}
|
|
/* Language selector — top-right of the hero's own top area (page has no site header). CI §1/§2:
|
|
brass marks the active language, body colour for the other two; lang.js owns the markup. */
|
|
.hero .lang-switch-slot{display:flex;justify-content:flex-end;margin-bottom:1rem}
|
|
.hero .lang-switch{color:rgba(255,255,255,.65)}
|
|
.hero .lang-switch a:hover,.hero .lang-switch a:focus-visible{color:var(--brass-bright)}
|
|
.hero .lang-switch a[aria-current="true"]{color:var(--brass);text-decoration:underline;text-underline-offset:3px}
|
|
.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" />
|
|
<!-- 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 -->
|
|
<main>
|
|
<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 data-lang-switcher class="lang-switch-slot"></div>
|
|
<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="/de/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 plausible-event-name=FAQ" 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 plausible-event-name=FAQ" 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 plausible-event-name=FAQ" 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 plausible-event-name=FAQ" 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 plausible-event-name=FAQ" 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 plausible-event-name=FAQ" 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="/de/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 plausible-event-name=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 plausible-event-name=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 plausible-event-name=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="/de/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">inkl. 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="/de/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 -->
|
|
</main>
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="fgrid">
|
|
<div>
|
|
<h4>Nützliche Links</h4>
|
|
<ul>
|
|
<li><a href="/de/odoo-erp-automation-bootcamp/">ODOO Bootcamp</a></li>
|
|
<li><a href="/de/odoo-hosting-2027.html">ODOO Hosting in 2027</a></li>
|
|
<li><a href="/de/support.html">Support</a></li>
|
|
<li><a href="/legal.html">Rechtliches</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>
|
|
</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>
|