Oliver/ODOO4projects.com
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Complete redesign: Grand Hotel Business Lounge world — midnight/brass/cream, Marcellus serif, 6 city placards, concierge FAQ, redesigned pricing

Browse Source
This commit is contained in:
reef
2026-08-15 09:52:55 +00:00
parent 85334fc4d2
commit b55c121257
8 changed files with 1045 additions and 1945 deletions
Download Patch File Download Diff File Expand all files Collapse all files
images/city-amsterdam.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 121 KiB

images/city-boston.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 381 KiB

images/city-london.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 338 KiB

images/city-mumbai.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 381 KiB

images/city-saopaulo.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

images/city-sydney.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 316 KiB

index.html
+132 -507
View File
@@ -3,20 +3,11 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta <meta name="description" content="Deploy Odoo in 5 minutes with fully managed hosting. Automatic backups, SSL, Git-based modules, and 6 global locations." />
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> <title>ODOO4projects | Deploy Odoo in 5 Minutes — Fully Managed Hosting</title>
<link rel="canonical" href="https://ODOO4projects.com/" /> <link rel="canonical" href="https://ODOO4projects.com/" />
<meta <meta property="og:title" content="ODOO4projects | Deploy Odoo in 5 Minutes — Fully Managed Hosting" />
property="og:title" <meta property="og:description" content="Deploy Odoo in 5 minutes with fully managed hosting. Automatic backups, SSL, and Git-based module management." />
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:type" content="website" />
<meta property="og:url" content="https://ODOO4projects.com/" /> <meta property="og:url" content="https://ODOO4projects.com/" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
@@ -29,548 +20,189 @@
"url": "https://ODOO4projects.com/", "url": "https://ODOO4projects.com/",
"description": "Odoo hosting with fully managed infrastructure. Deploy in 5 minutes with automatic backups, SSL, and Git-based modules.", "description": "Odoo hosting with fully managed infrastructure. Deploy in 5 minutes with automatic backups, SSL, and Git-based modules.",
"foundingDate": "2020", "foundingDate": "2020",
"contactPoint": { "contactPoint": { "@type": "ContactPoint", "contactType": "customer support", "url": "https://ODOO4projects.com/contactus" },
"@type": "ContactPoint",
"contactType": "customer support",
"url": "https://ODOO4projects.com/contactus"
},
"sameAs": ["https://www.linkedin.com/company/odoo4projects/"] "sameAs": ["https://www.linkedin.com/company/odoo4projects/"]
} }
</script> </script>
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Marcellus&display=swap" />
rel="preload" <link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
as="style" <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'" />
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="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="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" /> <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: inline-flex;
align-items: center;
justify-content: center;
width: 3.25rem;
height: 3.25rem;
border-radius: 1rem;
background: linear-gradient(135deg, rgba(113,75,103,0.12), rgba(113,75,103,0.04));
border: 1px solid rgba(113,75,103,0.1);
box-shadow: 0 4px 12px rgba(113, 75, 103, 0.12);
}
.features-strip .item h2 {
font-size: 1.02rem;
font-weight: 700;
line-height: 1.3;
margin-bottom: 0.35rem;
color: var(--dark);
letter-spacing: -0.01em;
}
.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> </head>
<body> <body>
<!-- Hero Section --> <!--
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"> <section class="hero">
<div class="container"> <div class="container">
<div class="hero-kicker">Fully Managed Odoo Hosting</div>
<h1>Deploy Odoo in <span>5 Minutes</span> — Fully Managed Hosting</h1> <h1>Deploy Odoo in <span>5 Minutes</span> — Fully Managed Hosting</h1>
<p class="hero-sub"> <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>
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"> <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> 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> 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> AI support included</span>
<span class="hero-stat"><i class="fas fa-check-circle"></i> Instant backups</span> <span class="hero-stat"><i class="fas fa-check-circle"></i> Instant backups</span>
</div> </div>
<div> <div class="hero-actions">
<a href="#pricing" class="btn-hero">See Plans &amp; Pricing →</a> <a href="#pricing" class="btn btn-brass">See Plans &amp; Pricing &rarr;</a>
<a href="support.html" class="btn-hero-sub">How It Works</a> <a href="support.html" class="btn btn-outline">How It Works</a>
</div> </div>
</div> </div>
</section> </section>
<!-- City Placards -->
<div class="city-placards">
<a href="#pricing" class="city-placard">
<img src="images/city-amsterdam.jpg" alt="Amsterdam" loading="lazy" />
<span class="city-name">Amsterdam</span>
<span class="city-region">Netherlands</span>
</a>
<a href="#pricing" class="city-placard">
<img src="images/city-boston.jpg" alt="Boston" loading="lazy" />
<span class="city-name">Boston</span>
<span class="city-region">United States</span>
</a>
<a href="#pricing" class="city-placard">
<img src="images/city-london.jpg" alt="London" loading="lazy" />
<span class="city-name">London</span>
<span class="city-region">United Kingdom</span>
</a>
<a href="#pricing" class="city-placard">
<img src="images/city-mumbai.jpg" alt="Mumbai" loading="lazy" />
<span class="city-name">Mumbai</span>
<span class="city-region">India</span>
</a>
<a href="#pricing" class="city-placard">
<img src="images/city-saopaulo.jpg" alt="São Paulo" loading="lazy" />
<span class="city-name">S&atilde;o Paulo</span>
<span class="city-region">Brazil</span>
</a>
<a href="#pricing" class="city-placard">
<img src="images/city-sydney.jpg" alt="Sydney" loading="lazy" />
<span class="city-name">Sydney</span>
<span class="city-region">Australia</span>
</a>
</div>
<!-- Trust Bar --> <!-- Trust Bar -->
<section class="trust-bar"> <section class="trust-bar">
<div class="container"> <div class="container">
<p>Trusted by businesses worldwide</p> <p class="trust-label">Trusted by businesses worldwide</p>
<div class="partner-carousel-wrap"> <div class="partner-carousel-wrap">
<div class="partner-grid"> <div class="partner-grid">
<a href="https://paraguayservice.com/" target="_blank" rel="noopener" class="partner-item"> <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>
<img src="images/paraguayservice-favicon.png" alt="Paraguay Service" /> <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>
<span>Paraguay Service</span> <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> <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://estancia-agape.com/" target="_blank" rel="noopener" class="partner-item"> <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>
<img src="images/estancia-agape-logo.png" alt="Estancia Agape" /> <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>
<span>Estancia Agape</span> <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> <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>
<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 --> <!-- duplicate for seamless scroll -->
<a href="https://paraguayservice.com/" target="_blank" rel="noopener" class="partner-item"> <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>
<img src="images/paraguayservice-favicon.png" alt="Paraguay Service" /> <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>
<span>Paraguay Service</span> <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> <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://estancia-agape.com/" target="_blank" rel="noopener" class="partner-item"> <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>
<img src="images/estancia-agape-logo.png" alt="Estancia Agape" /> <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>
<span>Estancia Agape</span> <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> <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>
<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> </div>
</div> </div>
</section> </section>
<!-- Features Strip --> <!-- Features -->
<section class="features-strip"> <section class="section-light">
<div class="container"> <div class="container">
<div class="grid"> <p class="section-kicker">The Concierge Standard</p>
<div class="item"> <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> <i class="fas fa-rocket"></i>
<h2>5-Minute Deployment</h2> <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> <p>No DevOps team needed. Pick a plan, choose your region, and your Odoo instance is live in minutes.</p>
</div> </div>
<div class="item"> <div class="feature-card">
<i class="fas fa-shield-alt"></i> <i class="fas fa-shield-alt"></i>
<h2>Automatic Backups &amp; SSL</h2> <h3>Automatic Backups &amp; SSL</h3>
<p>Daily backups stored in redundant slots. Free SSL certificates on every domain — always secure.</p> <p>Daily backups stored in redundant slots. Free SSL certificates on every domain — always secure.</p>
</div> </div>
<div class="item"> <div class="feature-card">
<i class="fas fa-globe"></i> <i class="fas fa-globe"></i>
<h2>6 Global Locations</h2> <h3>6 Global Locations</h3>
<p>US, UK, Brazil, India, Australia, Netherlands. Choose your data region at deploy time.</p> <p>US, UK, Brazil, India, Australia, Netherlands. Choose your data region at deploy time.</p>
</div> </div>
<div class="item"> <div class="feature-card">
<i class="fas fa-code-branch"></i> <i class="fas fa-code-branch"></i>
<h2>Git-Based Module Deployment</h2> <h3>Git-Based Module Deployment</h3>
<p>Push custom modules via Git or use one-click Quick Git. No FTP, no hassle.</p> <p>Push custom modules via Git or use one-click Quick Git. No FTP, no hassle.</p>
</div> </div>
<div class="item"> <div class="feature-card">
<i class="fas fa-headset"></i> <i class="fas fa-headset"></i>
<h2>Support Bot &amp; Human Support</h2> <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> <p>AI support bot for instant fixes. Human team for everything else. Your UUID is your key.</p>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- Tabs Section --> <!-- FAQ -->
<section class="tabs-section"> <section class="section-dark" id="faq">
<div class="container"> <div class="container">
<h2 style="text-align: center; margin-bottom: 2rem; color: var(--dark);">Our Mission</h2> <p class="section-kicker">Guest Services</p>
<div class="tabs-wrap"> <h2 class="section-title">Frequently asked questions</h2>
<nav class="tabs-nav"> <div class="faq-grid">
<button class="tab-btn active" data-t="tab1"> <div class="faq-card" onclick="this.classList.toggle('open')">
Our Mission <div class="faq-q"><span>How fast can I get started?</span> <i class="fas fa-chevron-down"></i></div>
<small>What makes us different</small> <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>
</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 ODOO Settings Panel</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>
<div class="tab-pane" id="tab2"> <div class="faq-card" onclick="this.classList.toggle('open')">
<p> <div class="faq-q"><span>Can I install custom modules?</span> <i class="fas fa-chevron-down"></i></div>
Most hosting services treat ODOO Community like a budget option. <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>
We treat it like what it is: a powerful ERP that deserves
enterprise-grade infrastructure &mdash; without the enterprise price tag.
</p>
<p>
<strong>AI-first, global from day one.</strong> Your instance is
ready to connect with AI tools and automation, deployed across
6 world regions. Going global is a setting, not a project.
</p>
<p>
<strong>Built for business owners, not sysadmins.</strong> Our
custom server management tools handle deployment, scaling, and
maintenance so you never touch a command line. You focus on your
business &mdash; we keep ODOO running.
</p>
</div> </div>
<div class="tab-pane" id="tab3"> <div class="faq-card" onclick="this.classList.toggle('open')">
<p> <div class="faq-q"><span>What if I outgrow my plan?</span> <i class="fas fa-chevron-down"></i></div>
We don't build data centers. We partner with top-tier cloud providers <div class="faq-a"><p>Upgrade instantly from your Odoo Settings panel. No data migration, no downtime.</p></div>
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>
<div class="tab-pane" id="tab4"> <div class="faq-card" onclick="this.classList.toggle('open')">
<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.</p> <div class="faq-q"><span>Can I run Odoo Enterprise?</span> <i class="fas fa-chevron-down"></i></div>
<p><strong>Can I install custom modules?</strong><br />Yes. Starting with On the Rise we fully support Git-based modules. Quick Git is included for one-click installs.</p> <div class="faq-a"><p>Powerhouse and above are Enterprise-ready. You bring your license; we provide the infrastructure.</p></div>
<p><strong>What if I outgrow my plan?</strong><br />Upgrade instantly from your Odoo Settings panel. No data migration.</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 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>
</div> <div class="faq-card" onclick="this.classList.toggle('open')">
</div> <div class="faq-q"><span>Do I need a credit card?</span> <i class="fas fa-chevron-down"></i></div>
</section> <div class="faq-a"><p>Yes, credit card is required at checkout. You can cancel anytime — satisfied or reimbursed.</p></div>
<!-- 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> </div>
<a href="support.html" class="faq-link">Full FAQ &rarr;</a>
</div> </div>
</section> </section>
<!-- Pricing --> <!-- Pricing -->
<section class="psection" id="pricing"> <section class="section-dark" id="pricing">
<div class="container"> <div class="container">
<div class="text-center mb-4"> <p class="section-kicker">Rates &amp; Suites</p>
<h2>Your Plan, Your Timing: Upgrade Anytime</h2> <h2 class="section-title">Your Plan, Your Timing: Upgrade Anytime</h2>
</div>
<div class="billing-toggle-wrap"> <div class="billing-toggle-wrap">
<span class="toggle-label toggle-label-monthly active">Monthly <small>1 month free</small></span> <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> <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> <span class="toggle-label toggle-label-yearly">Yearly <small>up to -10%</small></span>
</div> </div>
<div class="pgrid"> <div class="pricing-grid">
<!-- Side Hustle --> <!-- Side Hustle -->
<div class="pcard"> <div class="pcard">
<div class="pcard-body"> <div class="pcard-body">
@@ -581,7 +213,7 @@
<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 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> </div>
<p class="desc">&ldquo;ODOO Standard .. that is all my business needs&rdquo;</p> <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> <a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('Side Hustle', 19.40, 214.0, false)">Buy Now</a>
<ul> <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> 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> Automatic Backups</li>
@@ -600,7 +232,7 @@
<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 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> </div>
<p class="desc">&ldquo;I need some modules and professional reports&rdquo;</p> <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> <a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('On the Rise', 36.25, 395.0, false)">Buy Now</a>
<ul> <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> 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> Automatic Backups</li>
@@ -620,7 +252,7 @@
<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 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> </div>
<p class="desc">&ldquo;ODOO Enterprise is a must have!&rdquo;</p> <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> <a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('Powerhouse', 49.60, 535.0, false)">Buy Now</a>
<ul> <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> 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> Automatic Backups</li>
@@ -642,7 +274,7 @@
<div class="price-save empire-no-save" style="display:none" data-monthly-text="" data-yearly-text=""></div> <div class="price-save empire-no-save" style="display:none" data-monthly-text="" data-yearly-text=""></div>
</div> </div>
<p class="desc">&ldquo;My house! My Horse! My Server!&rdquo;</p> <p class="desc">&ldquo;My house! My Horse! My Server!&rdquo;</p>
<a href="javascript:void(0)" class="btn btn-primary" onclick="openOrderWidget('Empire', 80.0, 950.0, true)">Get Custom Quote</a> <a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('Empire', 80.0, 950.0, true)">Get Custom Quote</a>
<ul> <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> Our service on your server</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> All modules &amp; features</li> <li><i class="fas fa-check" style="color: var(--success)"></i> All modules &amp; features</li>
@@ -671,12 +303,12 @@
<p class="ow-yearly-save" id="orderYearlySave">Save <span id="orderSavePercent">15</span>% with yearly billing</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> <label class="ow-field-label" for="orderServerLocation">Server Location</label>
<select id="orderServerLocation" class="ow-select"> <select id="orderServerLocation" class="ow-select">
<option value="USA">&#127482;&#127480; United States</option> <option value="USA">United States (Boston)</option>
<option value="Brazil">&#127463;&#127479; Brazil</option> <option value="Brazil">Brazil (S&atilde;o Paulo)</option>
<option value="India">&#127470;&#127475; India</option> <option value="India">India (Mumbai)</option>
<option value="Australia">&#127462;&#127482; Australia</option> <option value="Australia">Australia (Sydney)</option>
<option value="Netherlands">&#127475;&#127473; Netherlands</option> <option value="Netherlands">Netherlands (Amsterdam)</option>
<option value="UK">&#127468;&#127463; United Kingdom</option> <option value="UK">United Kingdom (London)</option>
</select> </select>
<div style="margin-bottom:1rem"> <div style="margin-bottom:1rem">
<label class="ow-field-label" for="orderCouponInput">Coupon Code</label> <label class="ow-field-label" for="orderCouponInput">Coupon Code</label>
@@ -686,7 +318,7 @@
</div> </div>
<p class="ow-coupon-status" id="orderCouponStatus">&#10003; Coupon applied</p> <p class="ow-coupon-status" id="orderCouponStatus">&#10003; Coupon applied</p>
</div> </div>
<a id="orderBuyBtn" href="/contactus" class="btn btn-primary btn-lg ow-buy">Continue to Stripe &rarr;</a> <a id="orderBuyBtn" href="/contactus" class="btn btn-brass ow-buy">Continue to Stripe &rarr;</a>
<p class="ow-note">&#128274; Secure Stripe checkout &middot; Credit card required</p> <p class="ow-note">&#128274; Secure Stripe checkout &middot; Credit card required</p>
</div> </div>
</div> </div>
@@ -695,17 +327,10 @@
<!-- Blog --> <!-- Blog -->
<section class="blog-section blog-section-light" id="blog"> <section class="blog-section blog-section-light" id="blog">
<div class="container"> <div class="container">
<div class="text-center mb-4"> <p class="section-kicker">From the Desk</p>
<h2>Latest from the Blog</h2> <h2 class="section-title">Latest from the Blog</h2>
</div>
<div class="blog-search-wrap"> <div class="blog-search-wrap">
<input <input type="text" class="blog-search" id="blogSearch" placeholder="Search posts..." />
type="text"
class="blog-search"
id="blogSearch"
placeholder="Search posts..."
style="background: #fff; border: 1px solid var(--border); color: var(--dark);"
/>
</div> </div>
<div class="blog-grid" id="blogGrid"></div> <div class="blog-grid" id="blogGrid"></div>
<div class="blog-pagination" id="blogPagination"></div> <div class="blog-pagination" id="blogPagination"></div>
@@ -715,9 +340,9 @@
<!-- Final CTA --> <!-- Final CTA -->
<section class="final-cta"> <section class="final-cta">
<div class="container"> <div class="container">
<h2>Ready to deploy your Odoo?</h2> <h2>Ready to check in?</h2>
<p>Pick a plan, choose your region, and your instance is live in under 5 minutes. No DevOps required.</p> <p>Pick a plan, choose your region, and your instance is live in under 5 minutes. No DevOps required.</p>
<a href="#pricing" class="btn-hero">See Plans &amp; Pricing &rarr;</a> <a href="#pricing" class="btn btn-brass btn-lg">See Plans &amp; Pricing &rarr;</a>
</div> </div>
</section> </section>
style.css
+554 -1079
View File
File diff suppressed because it is too large Load Diff