Files
ODOO4projects.com/index.html
T

743 lines
42 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="preload"
as="style"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&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=Inter+Tight:wght@500;600;700;800&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'"
/>
<link rel="stylesheet" href="style.css" />
<style>
/* ---- Hero ---- */
.hero {
background: linear-gradient(135deg, #1b1319 0%, #2a1a26 50%, #3d2235 100%);
padding: 5rem 0 4rem;
position: relative;
overflow: hidden;
}
.hero::after {
content: '';
position: absolute;
inset: 0;
background: url('images/holland.webp') center/cover no-repeat;
opacity: 0.08;
z-index: 0;
}
.hero .container { position: relative; z-index: 1; }
.hero h1 {
font-size: clamp(2rem, 4.5vw, 3.2rem);
font-weight: 800;
color: #fff;
max-width: 720px;
margin-bottom: 1rem;
line-height: 1.15;
}
.hero h1 span { color: #f0cda8; }
.hero .hero-sub {
font-size: 1.05rem;
color: rgba(255,255,255,0.7);
max-width: 580px;
line-height: 1.7;
margin-bottom: 1.5rem;
}
.hero-stats {
display: flex;
gap: 2rem;
margin-bottom: 2rem;
flex-wrap: wrap;
}
.hero-stat {
display: flex;
align-items: center;
gap: 0.4rem;
color: rgba(255,255,255,0.6);
font-size: 0.82rem;
}
.hero-stat i { color: #28a745; font-size: 0.75rem; }
.hero .btn-hero {
display: inline-block;
padding: 0.85rem 2.5rem;
background: #f0cda8;
color: #1b1319;
border-radius: 0.5rem;
font-family: "Inter Tight", sans-serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
transition: opacity 0.2s, transform 0.2s;
}
.hero .btn-hero:hover {
opacity: 0.9;
transform: translateY(-2px);
}
.hero .btn-hero-sub {
display: inline-block;
margin-left: 1rem;
padding: 0.85rem 1.5rem;
color: rgba(255,255,255,0.7);
text-decoration: none;
font-size: 0.9rem;
border: 1px solid rgba(255,255,255,0.2);
border-radius: 0.5rem;
transition: all 0.2s;
}
.hero .btn-hero-sub:hover {
border-color: #f0cda8;
color: #f0cda8;
}
@media (max-width: 768px) {
.hero { padding: 3rem 0 2.5rem; }
.hero-stats { gap: 1rem; }
.hero .btn-hero { width: 100%; text-align: center; }
.hero .btn-hero-sub { margin-left: 0; margin-top: 0.75rem; width: 100%; text-align: center; display: block; }
}
/* ---- Trust Bar ---- */
.trust-bar {
background: #f6f5f4;
padding: 1.25rem 0;
text-align: center;
border-bottom: 1px solid var(--border);
overflow: hidden;
}
.trust-bar p {
color: rgba(33,37,41,0.45);
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 0.75rem;
}
.trust-bar .partner-item {
color: rgba(33,37,41,0.55);
}
.trust-bar .partner-item img {
width: 40px;
height: 40px;
}
@media (max-width: 768px) {
.trust-bar .partner-item img {
width: 34px;
height: 34px;
}
}
/* ---- Features Strip ---- */
.features-strip {
padding: 3rem 0;
background: #fff;
}
.features-strip .grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1.5rem;
}
.features-strip .item {
text-align: center;
padding: 1.5rem 1rem;
border: 1px solid var(--border);
border-radius: var(--radius-lg);
background: #fff;
transition: box-shadow 0.2s, transform 0.2s;
}
.features-strip .item:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
transform: translateY(-2px);
}
.features-strip .item i {
font-size: 1.5rem;
color: var(--primary);
margin-bottom: 0.75rem;
display: block;
}
.features-strip .item h3 {
font-size: 0.9rem;
font-weight: 600;
margin-bottom: 0.3rem;
color: var(--dark);
}
.features-strip .item p {
font-size: 0.8rem;
color: rgba(33,37,41,0.6);
margin: 0;
}
/* ---- How It Works ---- */
.how-section {
padding: 3rem 0;
background: var(--light);
border-top: 1px solid var(--border);
}
.how-section h2 {
text-align: center;
margin-bottom: 2.5rem;
color: var(--dark);
}
.how-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
max-width: 800px;
margin: 0 auto;
}
.how-step {
text-align: center;
}
.how-step .num {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
background: var(--primary);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-family: "Inter Tight", sans-serif;
font-weight: 700;
font-size: 1rem;
margin: 0 auto 0.75rem;
}
.how-step h3 {
font-size: 0.9rem;
font-weight: 600;
margin-bottom: 0.3rem;
color: var(--dark);
}
.how-step p {
font-size: 0.8rem;
color: rgba(33,37,41,0.6);
margin: 0;
}
@media (max-width: 768px) {
.how-grid { grid-template-columns: 1fr; gap: 1.5rem; }
}
/* ---- Tabs retain existing style.css classes ---- */
/* ---- Pricing CTA enhancement ---- */
.pricing-cta-note {
text-align: center;
margin-top: 1rem;
font-size: 0.82rem;
color: rgba(33,37,41,0.5);
}
.pricing-cta-note strong {
color: var(--primary);
}
</style>
</head>
<body>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<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> Instant setup</span>
<span class="hero-stat"><i class="fas fa-check-circle"></i> Instant backups</span>
</div>
<div>
<a href="#pricing" class="btn-hero">See Plans &amp; Pricing →</a>
<a href="support.html" class="btn-hero-sub">How It Works</a>
</div>
</div>
</section>
<!-- Trust Bar -->
<section class="trust-bar">
<div class="container">
<p>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 Strip -->
<section class="features-strip">
<div class="container">
<div class="grid">
<div class="item">
<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="item">
<i class="fas fa-shield-alt"></i>
<h3>Automatic Backups &amp; SSL</h3>
<p>Daily backups stored in redundant slots. Free SSL certificates on every domain — always secure.</p>
</div>
<div class="item">
<i class="fas fa-globe"></i>
<h3>6 Global Locations</h3>
<p>US, UK, Brazil, India, Australia, Netherlands. Choose your data region at deploy time.</p>
</div>
<div class="item">
<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 shenanigans.</p>
</div>
<div class="item">
<i class="fas fa-headset"></i>
<h3>Support Bot &amp; Human Support</h3>
<p>AI support bot for instant fixes. Human team for everything else. Your UUID is your key.</p>
</div>
</div>
</div>
</section>
<!-- Tabs Section -->
<section class="tabs-section">
<div class="container">
<h2 style="text-align: center; margin-bottom: 2rem; color: var(--dark);">Our Mission</h2>
<div class="tabs-wrap">
<nav class="tabs-nav">
<button class="tab-btn active" data-t="tab1">
Our Mission
<small>What makes us different</small>
</button>
<button class="tab-btn" data-t="tab2">
Competitive Edge
<small>We practice what we preach</small>
</button>
<button class="tab-btn" data-t="tab3">
Infrastructure
<small>How we scale with you</small>
</button>
<button class="tab-btn" data-t="tab4">
FAQ
<small>Answers to common questions</small>
</button>
</nav>
<div class="tabs-content">
<div class="tab-pane active" id="tab1">
<p>
<strong>Our Mission</strong>
</p>
<p>
Most Odoo hosting solutions stop at infrastructure. We bridge the gap with
hassle-free, <strong>enterprise-grade ODOO</strong> hosting that's fully
managed, secure, and built for growing businesses.
</p>
<ol style="padding-left: 1.25rem; color: rgba(33,37,41,0.7); font-size: 0.9rem; line-height: 1.7;">
<li style="margin-bottom: 0.5rem;">
<strong>Automatic daily backups</strong> &mdash; stored in redundant slots
with FIFO rotation, so your data is always safe.
</li>
<li style="margin-bottom: 0.5rem;">
<strong>Free SSL on every domain</strong> &mdash; automatically provisioned
and renewed. No manual certificate management.
</li>
<li style="margin-bottom: 0.5rem;">
<strong>Git-based module deployment</strong> &mdash; push custom modules
via Git or use one-click Quick Git. No FTP, no hassle.
</li>
<li style="margin-bottom: 0.5rem;">
<strong>Full management through your <strong>ODOO Settings Panel</strong></strong>
&mdash; no SSH, no terminal, no DevOps team required.
</li>
</ol>
<p>
We use modern automation, AI agents, and streamlined operations to deliver
fast support, reliable service, and a <strong>seamless customer experience</strong>.
</p>
</div>
<div class="tab-pane" id="tab2">
<p>
🌎 <strong>ODOO Community hosting</strong><br />
ODOO Community keeps your costs near zero while you validate your workflow.
Enterprise is there when you need it &mdash; both run on the same infrastructure,
so migration takes minutes, not weeks.
</p>
<p>
🤖 <strong>Automation-ready, not locked in</strong><br />
Connect N8N, AI agents, or custom scripts through standard APIs. Automate
invoicing, customer follow-ups, inventory alerts, and reporting &mdash; without
being forced into a proprietary stack.
</p>
<p>
✈️ <strong>6 regions, one click</strong><br />
Deploy in the US, UK, Brazil, India, Australia, or Netherlands. Add
instances in new regions as you grow. Your data stays where you need it.
</p>
</div>
<div class="tab-pane" id="tab3">
<p>
We don't build data centers. We partner with top-tier cloud providers
across 6 global regions and handle everything with fully automated
orchestration &mdash; so you get enterprise infrastructure without
the enterprise overhead.
</p>
<ul style="padding-left: 1.25rem; color: rgba(33,37,41,0.7); font-size: 0.9rem; line-height: 1.8;">
<li>
<strong>Easy to scale</strong> &mdash; add ODOO Workers as you grow,
no infrastructure changes needed.
</li>
<li>
<strong>Best backbone provider per region</strong> &mdash; we select the
optimal provider in each location for performance and reliability.
</li>
<li>
<strong>Automatic management, updates &amp; audits</strong> &mdash;
daily security audits on all servers, with automated patching and
compliance checks.
</li>
<li>
<strong>Continuous performance monitoring</strong> &mdash; proactive
alerting and real-time metrics so issues are caught before they
affect you.
</li>
</ul>
</div>
<div class="tab-pane" id="tab4">
<p><strong>How fast can I get started?</strong><br />Pick a plan, choose your region &mdash; your instance is live in under 5 minutes. No credit card needed to see plans.</p>
<p><strong>Can I install custom modules?</strong><br />Yes. All plans support Git-based module deployment. On the Rise and above include Quick Git for one-click installs.</p>
<p><strong>What if I outgrow my plan?</strong><br />Upgrade instantly from your Odoo Settings panel. No data migration. No downtime.</p>
<p><strong>Can I run Odoo Enterprise?</strong><br />Powerhouse and above are Enterprise-ready. You bring your license; we provide the infrastructure.</p>
<p><a href="support.html" style="color: var(--primary);">Full FAQ &rarr;</a></p>
</div>
</div>
</div>
</div>
</section>
<!-- How It Works -->
<section class="how-section">
<div class="container">
<h2>From Signup to Live Odoo in 3 Steps</h2>
<div class="how-grid">
<div class="how-step">
<div class="num">1</div>
<h3>Choose Your Plan</h3>
<p>Side Hustle for small teams, Powerhouse for growing businesses. All plans include automatic backups and SSL.</p>
</div>
<div class="how-step">
<div class="num">2</div>
<h3>Select Your Region</h3>
<p>Pick from 6 global data locations. Your instance deploys in the region that works best for you.</p>
</div>
<div class="how-step">
<div class="num">3</div>
<h3>Start Building</h3>
<p>Install apps, configure modules, set up your workflows. Your Odoo is live and ready in minutes.</p>
</div>
</div>
</div>
</section>
<!-- Pricing -->
<section class="psection" id="pricing">
<div class="container">
<div class="text-center mb-4">
<h2>Your Plan, Your Timing: Upgrade Anytime</h2>
</div>
<div class="billing-toggle-wrap">
<span class="toggle-label toggle-label-monthly active">Monthly <small>1 month free</small></span>
<div class="toggle-switch" id="billingSwitch"><div class="thumb"></div></div>
<span class="toggle-label toggle-label-yearly">Yearly <small>up to -10%</small></span>
</div>
<div class="pgrid">
<!-- Side Hustle -->
<div class="pcard">
<div class="pcard-body">
<h3>Side Hustle</h3>
<div class="price">
<strong class="price-amount" data-monthly="19.40" data-yearly="214.00">$ 19.40</strong>
<small class="price-period">/ month</small>
<div class="price-save" style="display: none" data-monthly-text="FREE TRIAL coupon = 1 month free" data-yearly-text="Save 8%">1 month free</div>
</div>
<p class="desc">&ldquo;ODOO Standard .. that is all my business needs&rdquo;</p>
<a href="javascript:void(0)" class="btn btn-primary" onclick="openOrderWidget('Side Hustle', 19.40, 214.0, false)">Buy Now</a>
<ul>
<li><i class="fas fa-check" style="color: #28a745"></i> ODOO CE Hosting</li>
<li><i class="fas fa-check" style="color: #28a745"></i> Automatic Backups</li>
<li><i class="fas fa-check" style="color: #28a745"></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 class="price-amount" data-monthly="36.25" data-yearly="395.00">$ 36.25</strong>
<small class="price-period">/ month</small>
<div class="price-save" style="display: none" data-monthly-text="FREE TRIAL coupon = 1 month free" data-yearly-text="Save 9%">1 month free</div>
</div>
<p class="desc">&ldquo;I need some modules and professional reports&rdquo;</p>
<a href="javascript:void(0)" class="btn btn-primary" onclick="openOrderWidget('On the Rise', 36.25, 395.0, false)">Buy Now</a>
<ul>
<li><i class="fas fa-check" style="color: #28a745"></i> ODOO CE Hosting</li>
<li><i class="fas fa-check" style="color: #28a745"></i> Automatic Backups</li>
<li><i class="fas fa-check" style="color: #28a745"></i> Domain Mapping, SSL Cert</li>
<li><i class="fas fa-check" style="color: #28a745"></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 class="price-amount" data-monthly="49.60" data-yearly="535.00">$ 49.60</strong>
<small class="price-period">/ month</small>
<div class="price-save" style="display: none" data-monthly-text="FREE TRIAL coupon = 1 month free" data-yearly-text="Save 10%">1 month free</div>
</div>
<p class="desc">&ldquo;ODOO Enterprise is a must have!&rdquo;</p>
<a href="javascript:void(0)" class="btn btn-primary" onclick="openOrderWidget('Powerhouse', 49.60, 535.0, false)">Buy Now</a>
<ul>
<li><i class="fas fa-check" style="color: #28a745"></i> ODOO CE Hosting</li>
<li><i class="fas fa-check" style="color: #28a745"></i> Automatic Backups</li>
<li><i class="fas fa-check" style="color: #28a745"></i> 3 Domain Mapping, SSL Cert</li>
<li><i class="fas fa-check" style="color: #28a745"></i> Module installation via GIT / quickGIT</li>
<li><i class="fas fa-check" style="color: #28a745"></i> 2 Workers</li>
<li><i class="fas fa-check" style="color: #28a745"></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 class="price-amount" data-monthly="80.00" data-yearly="950.00">&gt;$ 80.00</strong>
<small class="price-period">/ month</small>
<div class="price-save empire-no-save" style="display: none" data-monthly-text="" data-yearly-text=""></div>
</div>
<p class="desc">&ldquo;My house! My Horse! My Server!&rdquo;</p>
<a href="javascript:void(0)" class="btn btn-outline-primary" onclick="openOrderWidget('Empire', 80.0, 950.0, true)">Contact Us</a>
<ul>
<li><i class="fas fa-check" style="color: #28a745"></i> Our service on your server</li>
<li><i class="fas fa-check" style="color: #28a745"></i> All modules &amp; features</li>
<li><i class="fas fa-check" style="color: #28a745"></i> Unlimited customization</li>
<li><br /></li>
</ul>
</div>
<div class="pcard-foot">Instant setup, satisfied or reimbursed.</div>
</div>
</div>
<p class="pricing-cta-note" id="pricingCtaNote">&#128274; Secure Stripe checkout &middot; Cancel anytime &middot; <strong>Satisfied or reimbursed</strong></p>
</div>
</section>
<!-- Order Widget -->
<div id="orderWidgetOverlay" style="display:none;position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0.6);align-items:center;justify-content:center;">
<div id="orderPanelBuy" style="display:none;">
<div style="background:#fff;border-radius:1rem;max-width:460px;width:90%;overflow:hidden;position:relative;">
<button onclick="closeOrderWidget()" style="position:absolute;top:0.75rem;right:0.75rem;z-index:10;background:#fff;border:none;width:2.4rem;height:2.4rem;border-radius:50%;cursor:pointer;font-size:1.3rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);color:#555;">&times;</button>
<div style="padding:2rem;">
<h2 style="font-size:clamp(1rem,2vw,1.24rem);margin-bottom:0.5rem;color:#1b1319;" id="orderPlanTitle">On the Rise</h2>
<p style="font-size:0.8rem;color:rgba(33,37,41,0.6);margin-bottom:1rem;">
<span id="orderPlanPrice">$ 36.25</span> <span id="orderPlanPeriod">/ month</span>
<span id="orderPlanTax" style="font-size:0.7rem;color:rgba(33,37,41,0.45);">+ tax</span>
</p>
<p id="orderCouponMsg" style="font-size:0.78rem;color:#28a745;margin-bottom:1rem;display:none;">Use coupon <strong>FREE TRIAL</strong> at checkout for 1 month free</p>
<p id="orderYearlySave" style="font-size:0.78rem;color:#28a745;margin-bottom:1rem;display:none;">Save <span id="orderSavePercent">15</span>% with yearly billing</p>
<label style="font-size:0.78rem;font-weight:500;display:block;margin-bottom:0.25rem;color:#1b1319;">Server Location</label>
<select id="orderServerLocation" style="width:100%;padding:0.6rem 0.8rem;font-size:0.82rem;border:1px solid #e5e3e0;border-radius:0.5rem;background:#fff;color:#1b1319;margin-bottom:1.5rem;font-family:Inter,sans-serif;cursor:pointer;">
<option value="USA">&#127482;&#127480; United States</option>
<option value="Brazil">&#127463;&#127479; Brazil</option>
<option value="India">&#127470;&#127475; India</option>
<option value="Australia">&#127462;&#127482; Australia</option>
<option value="Netherlands">&#127475;&#127473; Netherlands</option>
<option value="UK">&#127468;&#127463; United Kingdom</option>
</select>
<div style="margin-bottom:1rem;">
<label style="font-size:0.78rem;font-weight:500;display:block;margin-bottom:0.25rem;color:#1b1319;">Coupon Code</label>
<div style="display:flex;gap:0.5rem;">
<input id="orderCouponInput" type="text" value="FREE TRIAL" style="flex:1;padding:0.55rem 0.8rem;font-size:0.82rem;border:1px solid #e5e3e0;border-radius:0.5rem;background:#fff;color:#1b1319;font-family:Inter,sans-serif;" />
<button onclick="applyCoupon()" style="padding:0.55rem 1rem;font-size:0.78rem;background:#714b67;color:#fff;border:none;border-radius:0.5rem;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;">Apply</button>
</div>
<p id="orderCouponStatus" style="font-size:0.7rem;color:#28a745;margin-top:0.3rem;display:none;">&#10003; Coupon applied</p>
</div>
<a id="orderBuyBtn" href="/contactus" class="btn btn-primary btn-lg" style="width:100%;text-align:center;display:block;">Continue to Stripe &rarr;</a>
<p style="font-size:0.68rem;color:rgba(33,37,41,0.45);text-align:center;margin-top:0.6rem;">&#128274; Secure Stripe checkout &middot; Credit card required</p>
</div>
</div>
</div>
</div>
<!-- Blog -->
<section class="blog-section blog-section-light" id="blog">
<div class="container">
<div class="text-center mb-4">
<h2>Latest from the Blog</h2>
</div>
<div class="blog-search-wrap">
<input
type="text"
class="blog-search"
id="blogSearch"
placeholder="Search posts..."
style="background: #fff; border: 1px solid var(--border); color: var(--dark);"
/>
</div>
<div class="blog-grid" id="blogGrid"></div>
<div class="blog-pagination" id="blogPagination"></div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="fgrid">
<div>
<h5>Useful Links</h5>
<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>
<h5>About us</h5>
<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>
<h5>Follow us on</h5>
<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 &copy; ODOO4projects LLC</div>
</div>
</footer>
<script src="script.js"></script>
<script defer src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"></script>
</body>
</html>