Public Access
474 lines
35 KiB
HTML
474 lines
35 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}
|
|
.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-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 "No setup fee. Stripe Payment. Cancel at any time" 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. No setup fee. Stripe Payment. Cancel at any time</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>ODOO Community? What can it do?</span> <i class="fas fa-chevron-down"></i></div>
|
|
<div class="faq-a"><p>Inventory, accounting, CRM, sales, manufacturing, HR, and more — all in one system. Community is free and fully open-source.</p></div>
|
|
</div>
|
|
<div class="faq-card" onclick="this.classList.toggle('open')">
|
|
<div class="faq-q"><span>Do you have an affiliate program?</span> <i class="fas fa-chevron-down"></i></div>
|
|
<div class="faq-a"><p>No. We believe it is in our best interest to have competitive prices for our shared clients. We offer coupon codes for startups and NGOs.</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-server-row">
|
|
<label for="pricingServerLocation">Server Location</label>
|
|
<select id="pricingServerLocation" class="pricing-server-select"></select>
|
|
</div>
|
|
<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="buyNow(54)">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">No setup fee. Stripe Payment<br />Cancel at any time</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="buyNow(55)">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">No setup fee. Stripe Payment<br />Cancel at any time</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="buyNow(56)">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">No setup fee. Stripe Payment<br />Cancel at any time</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>
|
|
</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> |