feat(bf): lead /odoo-black-friday/ with the homepage hero, move the Bootcamp box to the foot

- Hero is the homepage's (same markup/assets): slide-in city image + the server
  location selector below it that slides a chosen city in; headline adapted to the offer.
- Order now: hero > location selector > deal (HOST27, $295 first year / $395 after,
  one-click product-4 buy with redirect=/coupon/HOST27?r=/shop/checkout) > trust bar >
  Black Friday FAQ > features + trial card > FAQ > pricing (buy section) > Bootcamp > footer.
- Bootcamp box restored from webmaster/out/2026-11-02-bootcamp-box-removed-archive.md:
  heading, USD 595.00, mechanism line, deadline, CTA, its meta/og contribution, its JSON-LD
  Product entry and the FAQ answer are all back and consistent.
- Excluded (no blog, no OCA modules, no Project Plan); no dangling refs.
- New /static/black-friday.js = the homepage behaviours this page needs (root-relative
  image paths), with the blog/OCA/project-plan blocks removed.
- Canonical URL unchanged; competitor QC 0 on the page.

odoo-black-friday/index.html

@@ -6,13 +6,13 @@
     <title>Odoo Black Friday 2026: $100 Off Your First Year</title>
     <meta
       name="description"
-      content="Black Friday 2026: $100 off your first year of managed Odoo Community hosting — $295 for year one, then $395 a year. The offer runs 16–30 November 2026."
+      content="Our Black Friday and Cyber Monday offers: $100 off your first year of hosting, and a Bootcamp place with a second hosted year. 16–30 Nov 2026."
     />
     <link rel="canonical" href="https://odoo4projects.com/odoo-black-friday/" />
     <meta property="og:title" content="Odoo Black Friday 2026: $100 Off Your First Year" />
     <meta
       property="og:description"
-      content="Black Friday 2026: $100 off your first year of managed Odoo Community hosting — $295 for year one, then $395 a year. The offer runs 16–30 November 2026."
+      content="Our Black Friday and Cyber Monday offers: $100 off your first year of hosting, and a Bootcamp place with a second hosted year. 16–30 Nov 2026."
     />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://odoo4projects.com/odoo-black-friday/" />
@@ -21,13 +21,14 @@
     <meta property="og:image:height" content="630" />
     <meta
       property="og:image:alt"
-      content="Black Friday 2026 poster: 'Black Friday — 16–30 November', 'Save $100 on Odoo hosting', with the Black Friday code HOST27."
+      content="Black Friday 2026 poster: 'Black Friday — 16–30 November', 'Save $100 on Odoo hosting' with a secret deal on the Bootcamp."
     />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:image" content="https://odoo4projects.com/images/black-friday/bf2026-hosting-og.png" />
     <link rel="icon" href="/images/favicon.ico" />
     <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="stylesheet"
       href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap"
@@ -35,6 +36,13 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
+    <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'"
+    />
+    <noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" /></noscript>
     <link rel="stylesheet" href="/style.css" media="print" onload="this.media='all'" />
     <noscript><link rel="stylesheet" href="/style.css" /></noscript>
     <style>
@@ -51,84 +59,27 @@
         border: 0;
       }
 
-      /* Top bar (page-scoped: the site has no global header) */
-      .bf-topbar {
-        background: var(--midnight-2);
-        border-bottom: 1px solid var(--line-brass);
-        padding: 0.85rem 0;
-      }
-      .bf-topbar .container {
+      /* Language selector in the hero — copied from the homepage's inline critical CSS, because
+         style.css does not carry the hero variant of the switcher slot. */
+      .hero .lang-switch-slot {
         display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 1rem;
-        flex-wrap: wrap;
+        justify-content: flex-end;
+        margin-bottom: 1rem;
       }
-      .bf-brand {
-        font-family: Marcellus, Georgia, serif;
-        font-size: 1.15rem;
-        letter-spacing: 0.04em;
-        color: #fff;
+      .hero .lang-switch {
+        color: rgba(255, 255, 255, 0.65);
       }
-      .bf-brand span {
-        color: var(--brass);
-      }
-      .bf-topbar-links {
-        display: flex;
-        gap: 1.25rem;
-        font-size: 0.82rem;
-        margin-left: auto;
-      }
-      .bf-topbar-links a {
-        color: rgba(255, 255, 255, 0.7);
-      }
-      .bf-topbar-links a:hover {
-        color: var(--brass);
-      }
-      /* Language selector — slides into the top-bar row, right of the links, behind a hairline brass
-         divider. CI §1/§2: brass marks the active language; lang.js owns the markup. */
-      .bf-topbar .lang-switch-slot {
-        display: flex;
-        align-items: center;
-        padding-left: 1rem;
-        border-left: 1px solid rgba(201, 162, 39, 0.45);
-      }
-      .bf-topbar .lang-switch {
-        color: rgba(255, 255, 255, 0.7);
-      }
-      .bf-topbar .lang-switch a:hover,
-      .bf-topbar .lang-switch a:focus-visible {
+      .hero .lang-switch a:hover,
+      .hero .lang-switch a:focus-visible {
         color: var(--brass-bright);
       }
-      .bf-topbar .lang-switch a[aria-current="true"] {
+      .hero .lang-switch a[aria-current="true"] {
         color: var(--brass);
         text-decoration: underline;
         text-underline-offset: 3px;
       }
 
-      /* Hero */
-      .bf-hero {
-        min-height: 0;
-        padding: 3.5rem 0 3rem;
-      }
-      .bf-hero .hero-sub {
-        max-width: 640px;
-      }
-      .bf-hero .hero-window {
-        font-size: 0.95rem;
-        color: rgba(255, 255, 255, 0.78);
-        line-height: 1.6;
-        margin: 0 0 0.25rem;
-      }
-      .bf-hero .hero-deadline {
-        font-size: 0.95rem;
-        color: rgba(255, 255, 255, 0.6);
-        line-height: 1.6;
-        margin: 0 0 1.5rem;
-      }
-
-      /* One offer box now: a single centred column, so removing the Bootcamp box leaves no empty
-         cell beside the Hosting card. Narrower than the old half-width card, centred on the page. */
+      /* The offer boxes (Hosting, then Bootcamp at the foot of the page): one centred column. */
       .bf-box .container {
         display: grid;
         grid-template-columns: minmax(0, 620px);
@@ -405,7 +356,6 @@
       }
 
       .btn:focus-visible,
-      .bf-topbar-links a:focus-visible,
       .bf-links a:focus-visible {
         outline: 3px solid var(--brass-bright);
         outline-offset: 2px;
@@ -434,11 +384,12 @@
             "@id": "https://odoo4projects.com/odoo-black-friday/",
             "url": "https://odoo4projects.com/odoo-black-friday/",
             "name": "Odoo Black Friday 2026: $100 Off Your First Year",
-            "description": "Black Friday 2026: $100 off your first year of managed Odoo Community hosting — $295 for year one, then $395 a year. The offer runs 16–30 November 2026.",
+            "description": "Our Black Friday and Cyber Monday offers: $100 off your first year of hosting, and a Bootcamp place with a second hosted year. 16–30 Nov 2026.",
             "isPartOf": { "@id": "https://odoo4projects.com/#organization" },
             "about": [
               { "@type": "Thing", "name": "Odoo Black Friday" },
-              { "@type": "Thing", "name": "managed Odoo Community hosting" }
+              { "@type": "Thing", "name": "managed Odoo Community hosting" },
+              { "@type": "Thing", "name": "Odoo ERP automation Bootcamp" }
             ]
           },
           {
@@ -463,6 +414,21 @@
               }
             ]
           },
+          {
+            "@type": "Product",
+            "name": "Odoo ERP automation Bootcamp",
+            "description": "A ten-session live Bootcamp that ends with your business running on a working Odoo system: ten live Thursday sessions, 18:00–19:00 Central Time, starting Thursday 21 January 2027, with a year of hosted Odoo Community Edition included.",
+            "brand": { "@id": "https://odoo4projects.com/#organization" },
+            "offers": [
+              {
+                "@type": "Offer",
+                "name": "Odoo ERP automation Bootcamp — January 2027 cohort",
+                "price": "595.00",
+                "priceCurrency": "USD",
+                "url": "https://odoo4projects.com/odoo-erp-automation-bootcamp/"
+              }
+            ]
+          },
           {
             "@type": "FAQPage",
             "mainEntity": [
@@ -487,7 +453,7 @@
                 "name": "Is the Bootcamp part of the Black Friday offer?",
                 "acceptedAnswer": {
                   "@type": "Answer",
-                  "text": "No. This page covers the hosting offer only. The Bootcamp is a separate programme with its own page and its own campaign."
+                  "text": "Yes. The Bootcamp's Black Friday offer is a second year of hosted Odoo Community Edition, on top of the one that is already included. It runs 16–30 November 2026, and the cohort is six seats."
                 }
               },
               {
@@ -528,33 +494,49 @@
     <script defer src="/static/lang.js"></script>
   </head>
   <body>
-    <!-- Page-scoped top bar: the site has no global header, so the page carries its own way home. -->
-    <div class="bf-topbar">
+    <!-- Hero — copied from the homepage (index.html): same component, same behaviour. On load the
+         fastest server's city photo slides in with a "fits your location" label; the Location
+         Selector below slides any city into it on click. The headline and copy are adapted to the
+         Black Friday offer so the page leads with the deal; the stats row is the homepage's. -->
+    <section class="hero" id="hero">
+      <div class="hero-bg"></div>
       <div class="container">
-        <a class="bf-brand" href="/">ODOO4<span>projects</span></a>
-        <nav class="bf-topbar-links" aria-label="Page links">
-          <a href="/index.html#pricing">Plans &amp; pricing</a>
-          <a href="/support.html">Support</a>
-        </nav>
         <div data-lang-switcher class="lang-switch-slot"></div>
-      </div>
-    </div>
-
-    <!-- Hero -->
-    <section class="hero bf-hero">
-      <div class="container">
-        <p class="hero-kicker">16–30 NOVEMBER 2026 · ONCE A YEAR</p>
-        <h1>Odoo Black Friday 2026</h1>
-        <p class="hero-sub">One Black Friday offer: $100 off your first year of hosting — $295 for year one, then $395 a year after that.</p>
-        <p class="hero-window">The window is 16–30 November 2026.</p>
-        <p class="hero-deadline">Last day to use it: Monday 30 November 2026.</p>
+        <div class="hero-kicker">Black Friday 2026 · Fully Managed Odoo Community Hosting</div>
+        <h1>Odoo Hosting: <span>$100 Off</span> Your First Year</h1>
+        <p class="hero-sub">Black Friday 2026: $100 off your first year of managed Odoo Community hosting — $295 for year one, then $395 a year. Code HOST27, 16–30 November 2026.</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="/index.html#trialCard" class="btn btn-brass btn-lg">Start the 30-day free trial</a>
+          <a href="#offer" class="btn btn-brass">See the Black Friday deal &rarr;</a>
+          <a href="#trialCard" class="btn btn-outline">Start the 30-day free trial</a>
         </div>
       </div>
     </section>
 
-    <!-- The Black Friday offer — one section, one box. The card is always open: the price and the
+    <!-- Location selector — the homepage's server banner. Picking a location slides that city's
+         photo into the hero above; the fastest server is chosen automatically on load. -->
+    <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&atilde;o Paulo</div><div class="server-region">Brazil</div></div>
+          <div class="server-card"><a class="server-city" href="/australia.html" title="Managed Odoo hosting in Australia — Sydney">Sydney</a><div class="server-region">Australia</div></div>
+        </div>
+      </div>
+    </section>
+
+    <!-- The Black Friday offer — Hosting, On the Rise. The card is always open: the price and the
          code are readable on arrival, with no reveal and no click. -->
     <section class="section-light bf-box" id="offer">
       <div class="container">
@@ -585,7 +567,28 @@
       </div>
     </section>
 
-    <!-- FAQ -->
+    <!-- Trust bar — the homepage's section#trust-bar -->
+    <section class="trust-bar" id="trust-bar">
+      <div class="container">
+        <p class="trust-label">Trusted by businesses worldwide</p>
+        <div class="partner-carousel-wrap">
+          <div class="partner-grid">
+            <!-- Trust Bar Partners (no duplicates - CSS animation handles seamless loop) -->
+            <a href="https://paraguayservice.com/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/paraguayservice-favicon.png" alt="Paraguay Service" /><span>Paraguay Service</span></a>
+            <a href="https://estancia-agape.com/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/estancia-agape-logo.png" alt="Estancia Agape" /><span>Estancia Agape</span></a>
+            <a href="https://kate-group.de/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/kate-group-favicon.png" alt="KATE Group" /><span>KATE Group</span></a>
+            <a href="https://agilnova.de/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/agilnova-favicon.png" alt="agilnova" /><span>agilnova</span></a>
+            <a href="https://006-002-bc5bb1cb-984d-42c3-8580-63439f4924c5.odoo4projects.com/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/ramani-kenya-logo.png" alt="Ramani Kenya" /><span>Ramani Kenya</span></a>
+            <a href="https://startparaguay.net/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/startparaguay-favicon.png" alt="Start Paraguay" /><span>Start Paraguay</span></a>
+            <a href="https://accelersales.com/" target="_blank" rel="noopener noreferrer" class="partner-item"><img src="/images/accelersales-logo.png" alt="AccellerSales" /><span>AccellerSales</span></a>
+            <a href="#pricing" class="partner-item" style="opacity:0.55"><img src="/images/your-company-logo.svg" alt="Your Company" /><span>Your Company</span></a>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- Black Friday questions — the page's own deal FAQ (native details/summary, no JS). The
+         Bootcamp answer matches what the page now shows: the Bootcamp box is back, at the foot. -->
     <section class="section-light" id="faq">
       <div class="container">
         <h2 class="section-title">Black Friday questions</h2>
@@ -600,7 +603,7 @@
           </details>
           <details class="cmp-faq">
             <summary class="plausible-event-name=FAQ">Is the Bootcamp part of the Black Friday offer?</summary>
-            <div class="faq-a"><p>No. This page covers the hosting offer only. The Bootcamp is a separate programme with its own page and its own campaign.</p></div>
+            <div class="faq-a"><p>Yes. The Bootcamp's Black Friday offer is a second year of hosted Odoo Community Edition, on top of the one that is already included. It runs 16–30 November 2026, and the cohort is six seats.</p></div>
           </details>
           <details class="cmp-faq">
             <summary class="plausible-event-name=FAQ">What does On the Rise cost in the offer?</summary>
@@ -617,13 +620,249 @@
         </div>
 
         <nav class="bf-links" aria-label="Related pages">
+          <a href="/odoo-hosting-offers/">Everything a year of hosting includes</a>
           <a href="/odoo-hosting-2027.html">Odoo hosting in 2027, compared</a>
-          <a href="/blog/posts/community-vs-enterprise-cost.html">What Community costs compared with Enterprise</a>
-          <a href="/index.html#trialCard">Start the 30-day free trial</a>
+          <a href="#trialCard">Start the 30-day free trial</a>
         </nav>
       </div>
     </section>
 
+    <!-- Features + free-trial card — the homepage's section -->
+    <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 &amp; SSL</h3>
+            <p>Backups run on a schedule and are kept in rotating slots — one on Side Hustle, four on On the Rise and Powerhouse. 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 &amp; 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">&#10003; Check your inbox to confirm your email address.</div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- FAQ — the homepage's section -->
+    <section class="section-dark" id="faq-general">
+      <div class="container">
+        <h2 class="section-title">Frequently asked questions</h2>
+        <div class="faq-grid">
+          <div class="faq-card plausible-event-name=FAQ" 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>Grow from Side Hustle to Empire without data migration or downtime. Upgrade in your Odoo Settings panel — your instance stays live, your data moves with you.</p></div>
+          </div>
+          <div class="faq-card plausible-event-name=FAQ" onclick="this.classList.toggle('open')">
+            <div class="faq-q"><span>Can I customize it?</span> <i class="fas fa-chevron-down"></i></div>
+            <div class="faq-a"><p>Yes. On the Rise and above support Git-based modules. Install custom apps, build your own, or use Quick GIT for one-click installs.</p></div>
+          </div>
+          <div class="faq-card plausible-event-name=FAQ" 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>Five minutes. Pick a plan, choose your region — your Odoo instance is live. No setup fee. Stripe payment. Cancel anytime.</p></div>
+          </div>
+          <div class="faq-card plausible-event-name=FAQ" 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 Empire are Enterprise-ready. Bring your license; we provide the infrastructure.</p></div>
+          </div>
+          <div class="faq-card plausible-event-name=FAQ" 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 — all in one system. Free and fully open-source. <a href="/what-can-i-use-odoo-for/">What you can use Odoo for, in plain English</a>.</p></div>
+          </div>
+          <div class="faq-card plausible-event-name=FAQ" onclick="this.classList.toggle('open')">
+            <div class="faq-q"><span>Do you need an Odoo staging environment?</span> <i class="fas fa-chevron-down"></i></div>
+            <div class="faq-a"><p>Most small businesses do not. If you change Odoo's code you do; if you install a finished module, a backup and a careful test is enough. <a href="/odoo-staging-environment/">Do you need an Odoo staging environment?</a></p></div>
+          </div>
+          <div class="faq-card plausible-event-name=FAQ" 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.</p></div>
+          </div>
+        </div>
+        <a href="/support.html" class="faq-link">Full FAQ &rarr;</a>
+      </div>
+    </section>
+
+    <!-- Pricing / buy section — the homepage's section -->
+    <section class="section-dark" id="pricing">
+      <div class="container">
+        <p class="section-kicker">Order & Pricing</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>
+          <label for="pricingOdooVersion">Odoo Version</label>
+          <select id="pricingOdooVersion" class="pricing-server-select">
+            <option value="19.0">19.0 — Tons of OCA supported modules</option>
+            <option value="20.0" selected>20.0 — Latest Greatest</option>
+          </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>
+              <p class="desc">"ODOO Standard .. that is all my business needs"</p>
+              <a href="javascript:void(0)" class="btn btn-brass btn-buy plausible-event-name=Buy" data-id="6">Buy Now</a>
+              <ul>
+                <li><i class="fas fa-check" style="color: var(--success)"></i> Launch Odoo CE in 5 minutes</li>
+                <li><i class="fas fa-check" style="color: var(--success)"></i> Automatic backups — no remembering</li>
+                <li><i class="fas fa-check" style="color: var(--success)"></i> 1 domain & 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>
+              <p class="desc">"I need some modules and professional reports"</p>
+              <a href="javascript:void(0)" class="btn btn-brass btn-buy plausible-event-name=Buy" data-id="4">Buy Now</a>
+              <ul>
+                <li><i class="fas fa-check" style="color: var(--success)"></i> Launch Odoo CE in 5 minutes</li>
+                <li><i class="fas fa-check" style="color: var(--success)"></i> Automatic backups — no remembering</li>
+                <li><i class="fas fa-check" style="color: var(--success)"></i> 3 domains & SSL certs</li>
+                <li><i class="fas fa-check" style="color: var(--success)"></i> Install custom modules 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>$ 595.00</strong>
+                <small class="price-period">/ year</small>
+              </div>
+              <p class="desc">"ODOO Enterprise is a must have!"</p>
+              <a href="javascript:void(0)" class="btn btn-brass btn-buy plausible-event-name=Buy" data-id="5">Buy Now</a>
+              <ul>
+                <li><i class="fas fa-check" style="color: var(--success)"></i> Launch Odoo CE in 5 minutes</li>
+                <li><i class="fas fa-check" style="color: var(--success)"></i> Automatic backups — no remembering</li>
+                <li><i class="fas fa-check" style="color: var(--success)"></i> 3 domains & SSL certs</li>
+                <li><i class="fas fa-check" style="color: var(--success)"></i> Install custom modules via Git/QuickGIT</li>
+                <li><i class="fas fa-check" style="color: var(--success)"></i> 2 workers for reliability</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>&gt;$ 950.00</strong>
+                <small class="price-period">/ year</small>
+              </div>
+              <p class="desc">"My house! My Horse! My Server!"</p>
+              <a href="javascript:void(0)" class="btn btn-brass btn-empire">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>
+        <p class="pricing-cta-note"><a href="/odoo-hosting-2027.html"><strong>Compare every way to host Odoo in 2027 &rarr;</strong></a></p>
+      </div>
+    </section>
+
+    <!-- Custom Quote Modal — the homepage's modal (Empire CTA) -->
+    <div id="customQuoteModal" class="ow-overlay" onclick="if(event.target===this)closeCustomQuoteModal()">
+      <div id="customQuotePanel" class="ow-panel" style="display:none">
+        <button class="ow-close" onclick="closeCustomQuoteModal()">&times;</button>
+        <div class="ow-content">
+          <h2 class="ow-title">Get Custom Quote</h2>
+          <p class="ow-sub">Tell us about your needs and we'll prepare a tailored offer.</p>
+          <form id="customQuoteForm" class="biz-form" style="text-align:left">
+            <div class="biz-field">
+              <label for="cqName">Name</label>
+              <input type="text" id="cqName" placeholder="Your full name" required />
+            </div>
+            <div class="biz-field">
+              <label for="cqEmail">Email</label>
+              <input type="email" id="cqEmail" placeholder="your@email.com" required />
+            </div>
+            <div class="biz-field">
+              <label for="cqRequirements">Your Requirements</label>
+              <textarea id="cqRequirements" placeholder="Describe your requirements (how many users? onsite, cloud? how many workers?)" required></textarea>
+            </div>
+            <button type="submit" class="btn btn-brass btn-lg">Submit Request</button>
+          </form>
+          <div class="biz-success" id="customQuoteSuccess" style="display:none">
+            <i class="fas fa-check-circle"></i>
+            <h3>Request received</h3>
+            <p>We'll review your requirements and get back to you shortly.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- The Bootcamp offer — restored from the 2026-11-02 archive (webmaster/out/
+         2026-11-02-bootcamp-box-removed-archive.md) and moved here, to the foot of the page:
+         the last content section before the footer. Heading, USD 595.00 price, mechanism line,
+         deadline and CTA are exactly as archived. -->
+    <section class="section-light bf-box" id="bootcamp">
+      <div class="container">
+        <!-- Box — Bootcamp -->
+        <div class="bf-box-inner">
+          <h2 class="bf-box-title">Bootcamp: ten live sessions to a working system</h2>
+          <div class="bf-panel">
+            <p class="bf-teaser">A working system for your business in ten live sessions, USD 595 — with a second hosted year added for Black Friday.</p>
+            <p class="bf-price"><strong>USD 595.00</strong> for the full programme. Black Friday adds <strong>a second year of hosted Odoo Community Edition</strong>, on top of the one already included.</p>
+            <p class="bf-included">Ten live Thursday sessions, 18:00–19:00 Central Time, starting Thursday 21 January 2027. Six seats, and no more. Your first hosted year is included as standard; the second year is the Black Friday add-on.</p>
+            <!-- Bootcamp mechanism string — ONE reusable line, isolated exactly as the Hosting box's is
+                 (copy §3b). Whether the discount code applies to the Bootcamp is UNCONFIRMED
+                 (BOOTCAMP-CONFIRM), so the discounted figure stays a build placeholder and is NOT
+                 printed. Swap this one line when it is confirmed. -->
+            <p class="bf-mechanism">Black Friday: <strong>a second year of hosted Odoo Community Edition</strong>. One redemption per customer.<!-- OPEN-SLOT: bootcamp Black Friday price line --></p>
+            <p class="bf-deadline">Ends Monday 30 November 2026.</p>
+            <!-- Buy = CLICK PROXY (offer-CTA click), NOT a sale. The real purchase event is fired on the
+                 checkout host (20.odoo4projects.com) by odoo-dev. See wiki/concepts/conversion-tracking-contract. -->
+            <p class="bf-cta"><a class="plausible-event-name=Buy" href="/odoo-erp-automation-bootcamp/">See the Bootcamp and what you build</a></p>
+          </div>
+        </div>
+      </div>
+    </section>
+
     <!-- Footer (copied from index.html; icon-font glyphs replaced with inline SVG so the page
          carries no external icon dependency) -->
     <footer class="footer">
@@ -672,5 +911,8 @@
         <div class="fcopy">Copyright &copy; ODOO4projects LLC</div>
       </div>
     </footer>
+
+    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
+    <script defer src="/static/black-friday.js"></script>
   </body>
 </html>