Public Access
467 lines
34 KiB
HTML
467 lines
34 KiB
HTML
<!doctype html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<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/" />
|
|
<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 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 with fully managed infrastructure. Deploy in 5 minutes with automatic backups, SSL, and Git-based modules.",
|
|
"foundingDate": "2020",
|
|
"contactPoint": { "@type": "ContactPoint", "contactType": "customer support", "url": "https://ODOO4projects.com/contactus" },
|
|
"sameAs": ["https://www.linkedin.com/company/odoo4projects/"]
|
|
}
|
|
</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}
|
|
.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}
|
|
@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-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}}
|
|
@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}
|
|
</style>
|
|
<link rel="stylesheet" href="style.css" media="print" onload="this.media='all'" />
|
|
<noscript><link rel="stylesheet" href="style.css" /></noscript>
|
|
</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 "satisfied or reimbursed" footer.
|
|
FIRST VIEWPORT: Midnight hero with faint Amsterdam skyline. Brass kicker "FULLY MANAGED ODOO 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="container">
|
|
<div class="hero-kicker">Fully Managed Odoo Hosting</div>
|
|
<h1>Deploy Odoo in <span>5 Minutes</span> — Fully Managed Hosting</h1>
|
|
<p class="hero-sub">Launch a production-ready Odoo Community instance with automatic backups, free SSL, and Git-based module management. No DevOps required.</p>
|
|
<div class="hero-stats">
|
|
<span class="hero-stat"><i class="fas fa-check-circle"></i> 6 global locations</span>
|
|
<span class="hero-stat"><i class="fas fa-check-circle"></i> Deploy in 5 min</span>
|
|
<span class="hero-stat"><i class="fas fa-check-circle"></i> AI support included</span>
|
|
<span class="hero-stat"><i class="fas fa-check-circle"></i> Instant backups</span>
|
|
</div>
|
|
<div class="hero-actions">
|
|
<a href="#pricing" class="btn btn-brass">See Plans & Pricing →</a>
|
|
<a href="support.html" class="btn btn-outline">How It Works</a>
|
|
</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">Our Server Locations</span>
|
|
</div>
|
|
<div class="server-grid">
|
|
<div class="server-card"><div class="server-city">Amsterdam</div><div class="server-region">Netherlands</div></div>
|
|
<div class="server-card"><div class="server-city">Boston</div><div class="server-region">United States</div></div>
|
|
<div class="server-card"><div class="server-city">Manchester</div><div class="server-region">United Kingdom</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">Brazil</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">Trusted by businesses worldwide</p>
|
|
<div class="partner-carousel-wrap">
|
|
<div class="partner-grid">
|
|
<a href="https://paraguayservice.com/" target="_blank" rel="noopener" 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" 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" 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" 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" 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" 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" 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="Your Company" /><span>Your Company</span></a>
|
|
<!-- duplicate for seamless scroll -->
|
|
<a href="https://paraguayservice.com/" target="_blank" rel="noopener" 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" 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" 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" 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" 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" 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" 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="Your Company" /><span>Your Company</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features -->
|
|
<section class="section-light">
|
|
<div class="container">
|
|
<h2 class="section-title">Everything you need, nothing you don't</h2>
|
|
<div class="features-grid">
|
|
<div class="feature-card">
|
|
<i class="fas fa-rocket"></i>
|
|
<h3>5-Minute Deployment</h3>
|
|
<p>No DevOps team needed. Pick a plan, choose your region, and your Odoo instance is live in minutes.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<i class="fas fa-shield-alt"></i>
|
|
<h3>Automatic Backups & SSL</h3>
|
|
<p>Daily backups stored in redundant slots. Free SSL certificates on every domain — always secure.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<i class="fas fa-cubes"></i>
|
|
<h3>Management Within Odoo</h3>
|
|
<p>The one-stop shop for your entire business. No need for several accounts — manage your applications, users, and modules from one control panel.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<i class="fas fa-code-branch"></i>
|
|
<h3>Git-Based Module Deployment</h3>
|
|
<p>Push custom modules via Git or use one-click Quick Git. No FTP, no hassle.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<i class="fas fa-headset"></i>
|
|
<h3>Support Bot & Human Support</h3>
|
|
<p>AI support bot for instant fixes. Human team for everything else. Your UUID is your key.</p>
|
|
</div>
|
|
<div class="feature-card-trial" id="trialCard">
|
|
<h3>Free Trial</h3>
|
|
<p>Start your 30-day free trial. No credit card required.</p>
|
|
<form class="trial-form" id="trialForm">
|
|
<input type="email" id="trialEmail" placeholder="Your email address" required />
|
|
<select id="trialLocation"></select>
|
|
<button type="submit" class="btn btn-brass">Send</button>
|
|
</form>
|
|
<div class="trial-success" id="trialSuccess">✓ Check your inbox to confirm your email address.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ -->
|
|
<section class="section-dark" id="faq">
|
|
<div class="container">
|
|
<h2 class="section-title">Frequently asked questions</h2>
|
|
<div class="faq-grid">
|
|
<div class="faq-card" onclick="this.classList.toggle('open')">
|
|
<div class="faq-q"><span>How fast can I get started?</span> <i class="fas fa-chevron-down"></i></div>
|
|
<div class="faq-a"><p>Pick a plan, choose your region — your instance is live in under 5 minutes. Instant setup, satisfied or reimbursed.</p></div>
|
|
</div>
|
|
<div class="faq-card" onclick="this.classList.toggle('open')">
|
|
<div class="faq-q"><span>Can I install custom modules?</span> <i class="fas fa-chevron-down"></i></div>
|
|
<div class="faq-a"><p>Yes. Starting with On the Rise we fully support Git-based modules. Quick Git is included for one-click installs.</p></div>
|
|
</div>
|
|
<div class="faq-card" onclick="this.classList.toggle('open')">
|
|
<div class="faq-q"><span>What if I outgrow my plan?</span> <i class="fas fa-chevron-down"></i></div>
|
|
<div class="faq-a"><p>Upgrade instantly from your Odoo Settings panel. No data migration, no downtime.</p></div>
|
|
</div>
|
|
<div class="faq-card" onclick="this.classList.toggle('open')">
|
|
<div class="faq-q"><span>Can I run Odoo Enterprise?</span> <i class="fas fa-chevron-down"></i></div>
|
|
<div class="faq-a"><p>Powerhouse and above are Enterprise-ready. You bring your license; we provide the infrastructure.</p></div>
|
|
</div>
|
|
<div class="faq-card" onclick="this.classList.toggle('open')">
|
|
<div class="faq-q"><span>What's included in the free trial?</span> <i class="fas fa-chevron-down"></i></div>
|
|
<div class="faq-a"><p>Use coupon <strong>FREE TRIAL</strong> at checkout for 1 month free on any plan. Full features, no limitations.</p></div>
|
|
</div>
|
|
<div class="faq-card" onclick="this.classList.toggle('open')">
|
|
<div class="faq-q"><span>Do I need a credit card?</span> <i class="fas fa-chevron-down"></i></div>
|
|
<div class="faq-a"><p>Yes, credit card is required at checkout. You can cancel anytime — satisfied or reimbursed.</p></div>
|
|
</div>
|
|
</div>
|
|
<a href="support.html" class="faq-link">Full FAQ →</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Pricing -->
|
|
<section class="section-dark" id="pricing">
|
|
<div class="container">
|
|
<p class="section-kicker">Rates & Suites</p>
|
|
<h2 class="section-title">Your Plan, Your Timing: Upgrade Anytime</h2>
|
|
<div class="pricing-grid">
|
|
<!-- Side Hustle -->
|
|
<div class="pcard">
|
|
<div class="pcard-body">
|
|
<h3>Side Hustle</h3>
|
|
<div class="price">
|
|
<strong>$ 214.00</strong>
|
|
<small class="price-period">/ year</small>
|
|
<div class="price-save">Save 8%</div>
|
|
</div>
|
|
<p class="desc">“ODOO Standard .. that is all my business needs”</p>
|
|
<a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('Side Hustle', 214.00, false)">Buy Now</a>
|
|
<ul>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> ODOO CE Hosting</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> Automatic Backups</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> Domain Mapping, SSL Cert</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pcard-foot">Instant setup, satisfied or reimbursed.</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">/ year</small>
|
|
<div class="price-save">Save 9%</div>
|
|
</div>
|
|
<p class="desc">“I need some modules and professional reports”</p>
|
|
<a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('On the Rise', 395.00, false)">Buy Now</a>
|
|
<ul>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> ODOO CE Hosting</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> Automatic Backups</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> Domain Mapping, SSL Cert</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> Module installation via GIT / quickGIT</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pcard-foot">Instant setup, satisfied or reimbursed.</div>
|
|
</div>
|
|
<!-- Powerhouse -->
|
|
<div class="pcard">
|
|
<div class="pcard-body">
|
|
<h3>Powerhouse</h3>
|
|
<div class="price">
|
|
<strong>$ 535.00</strong>
|
|
<small class="price-period">/ year</small>
|
|
<div class="price-save">Save 10%</div>
|
|
</div>
|
|
<p class="desc">“ODOO Enterprise is a must have!”</p>
|
|
<a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('Powerhouse', 535.00, false)">Buy Now</a>
|
|
<ul>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> ODOO CE Hosting</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> Automatic Backups</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> 3 Domain Mapping, SSL Cert</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> Module installation via GIT / quickGIT</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> 2 Workers</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> 2GB HDD</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pcard-foot">Instant setup, satisfied or reimbursed.</div>
|
|
</div>
|
|
<!-- Empire -->
|
|
<div class="pcard">
|
|
<div class="pcard-body">
|
|
<h3>Empire</h3>
|
|
<div class="price">
|
|
<strong>>$ 950.00</strong>
|
|
<small class="price-period">/ year</small>
|
|
<div class="price-save"></div>
|
|
</div>
|
|
<p class="desc">“My house! My Horse! My Server!”</p>
|
|
<a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('Empire', 950.00, true)">Get Custom Quote</a>
|
|
<ul>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> Our service on your server</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> All modules & features</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> Unlimited customization</li>
|
|
<li><i class="fas fa-check" style="color: var(--success)"></i> Priority support & dedicated onboarding</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pcard-foot">Instant setup, satisfied or reimbursed.</div>
|
|
</div>
|
|
</div>
|
|
<p class="pricing-cta-note">Save money, less administration</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">/ year</span>
|
|
<span class="ow-price-tax" id="orderPlanTax">+ tax</span>
|
|
</p>
|
|
<p class="ow-coupon-msg" id="orderCouponMsg">Use coupon <strong>FREE TRIAL</strong> at checkout for 1 month free</p>
|
|
<p class="ow-yearly-save" id="orderYearlySave">Save <span id="orderSavePercent">15</span>% with yearly billing</p>
|
|
<label class="ow-field-label" for="orderServerLocation">Server Location</label>
|
|
<select id="orderServerLocation" class="ow-select">
|
|
<option value="USA">United States (Boston)</option>
|
|
<option value="Brazil">Brazil (São Paulo)</option>
|
|
<option value="India">India (Mumbai)</option>
|
|
<option value="Australia">Australia (Sydney)</option>
|
|
<option value="Netherlands">Netherlands (Amsterdam)</option>
|
|
<option value="UK">United Kingdom (London)</option>
|
|
</select>
|
|
<div style="margin-bottom:1rem">
|
|
<label class="ow-field-label" for="orderCouponInput">Coupon Code</label>
|
|
<div class="ow-coupon-row">
|
|
<input id="orderCouponInput" type="text" value="FREE TRIAL" class="ow-input" />
|
|
<button class="ow-btn-apply" onclick="applyCoupon()">Apply</button>
|
|
</div>
|
|
<p class="ow-coupon-status" id="orderCouponStatus">✓ Coupon applied</p>
|
|
</div>
|
|
<a id="orderBuyBtn" href="/contactus" class="btn btn-brass ow-buy">Continue to Stripe →</a>
|
|
<p class="ow-note">🔒 Secure Stripe checkout · Credit card required</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Blog -->
|
|
<section class="blog-section blog-section-light" id="blog">
|
|
<div class="container">
|
|
<p class="section-kicker">From the Desk</p>
|
|
<h2 class="section-title">Latest from the Blog</h2>
|
|
<div class="blog-search-wrap">
|
|
<input type="text" class="blog-search" id="blogSearch" placeholder="Search posts..." />
|
|
</div>
|
|
<div class="blog-grid" id="blogGrid"></div>
|
|
<div class="blog-pagination" id="blogPagination"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Business Wizard -->
|
|
<section class="biz-wizard">
|
|
<div class="container">
|
|
<p class="section-kicker">Bring Your Business</p>
|
|
<h2>Your Personalized Odoo Project Plan</h2>
|
|
<p class="biz-sub">Tell us about your business. AI prepares a custom project plan with recommended modules, timeline, and roadmap. We will send the report in minutes.</p>
|
|
<form class="biz-form" id="bizForm">
|
|
<div class="biz-field">
|
|
<label for="bizDescription">Business Description</label>
|
|
<textarea id="bizDescription" placeholder="Describe your business — industry, size, current software, team structure..." required></textarea>
|
|
</div>
|
|
<div class="biz-field">
|
|
<label for="bizGoals">My Goals</label>
|
|
<textarea id="bizGoals" placeholder="What do you want to achieve with Odoo? Automate sales, manage inventory, financial reporting, CRM..." required></textarea>
|
|
</div>
|
|
<div class="biz-field">
|
|
<label for="bizChallenges">Current Challenges</label>
|
|
<textarea id="bizChallenges" placeholder="What problems are you facing? Manual processes, data silos, growth pains, lack of visibility..." required></textarea>
|
|
</div>
|
|
<div class="biz-field">
|
|
<label for="bizEmail">Your Email</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" /> I already have a homepage</label>
|
|
<label class="biz-checkbox"><input type="checkbox" id="bizUsesOdoo" /> I already use ODOO</label>
|
|
<label class="biz-checkbox"><input type="checkbox" id="bizHasDeveloper" /> I already have a developer for modules</label>
|
|
</div>
|
|
<button type="submit" class="btn btn-brass btn-lg" id="bizSubmitBtn">Generate My Project Plan →</button>
|
|
</form>
|
|
<div class="biz-success" id="bizSuccess" style="display:none">
|
|
<i class="fas fa-check-circle"></i>
|
|
<h3>Your project plan is being prepared</h3>
|
|
<p>We will email you the report once it is ready. AI generation typically takes 1-2 minutes.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="fgrid">
|
|
<div>
|
|
<h4>Useful Links</h4>
|
|
<ul>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="support.html">Support</a></li>
|
|
<li><a href="legal.html">Legal</a></li>
|
|
<li><a href="/contactus">Contact us</a></li>
|
|
<li>Partner: <a href="https://OD8N.com">OD8N</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4>About us</h4>
|
|
<p>We build smart, scalable business solutions by combining the <strong>stability</strong> of Odoo ERP with the <strong>power</strong> of AI and N8N automation.</p>
|
|
<p>From streamlined sales to global rollouts, our <strong>lean, eco-friendly</strong> approach helps businesses cut costs, boost efficiency, and grow without limits.</p>
|
|
</div>
|
|
<div>
|
|
<h4>Follow us on</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="/" target="_blank" aria-label="Home"><i class="fas fa-home"></i></a>
|
|
<a href="https://www.youtube.com/@ODOO4projects" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
|
</div>
|
|
</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="https://static.odoo4projects.com/agent-odoo4projects/agent.js"></script>
|
|
</body>
|
|
</html> |