Bootcamp page: CTAs say 'Buy for 790 USD' and post the basket natively

The three CTAs (hero, mid-page, §7) were <a class="btn-buy"> that only worked
through JavaScript. They are now native <form method="post" target="_blank">
elements posting basket=[{"product_id":12,"qty":1}] + clear=1 to
https://20.odoo4projects.com/shop/post_basket, so the buy works with JavaScript
disabled; the button keeps the brass styling and the same size classes.

static/buy.js no longer builds a form on click. It is now pure progressive
enhancement: a capture-phase submit listener appends the utm_source/medium/
campaign hidden inputs from the cookies and lets the native submit proceed.

One page-scoped declaration keeps the button height at 55px: a <button> takes
line-height:normal from the UA font shorthand where the <a>s inherited the body
line-height (measured 49.19px vs 54.78px without it).

odoo-erp-automation-bootcamp/index.html

@@ -137,6 +137,13 @@
         text-align: center;
         margin-top: 0.5rem;
       }
+      /* The three CTAs are native basket <form>s with a <button> (they were <a>s).
+         A <button> takes `line-height: normal` from the UA font shorthand while
+         the <a>s inherited the body line-height, which would make the button
+         5.6px shorter. Match the anchors' height: one declaration, no new look. */
+      form[action$="/shop/post_basket"] .btn {
+        line-height: inherit;
+      }
 
       /* Grids — auto-fit so no breakpoint is needed */
       .bc-list {
@@ -527,7 +534,11 @@
           <span class="hero-stat"><i aria-hidden="true">&#10003;</i> One year of Odoo Community Edition included</span>
         </div>
         <div class="hero-actions">
-          <a href="javascript:void(0)" class="btn btn-brass btn-lg btn-buy" data-id="12">Reserve your seat</a>
+          <form method="post" action="https://20.odoo4projects.com/shop/post_basket" target="_blank">
+            <input type="hidden" name="basket" value='[{"product_id":12,"qty":1}]' />
+            <input type="hidden" name="clear" value="1" />
+            <button type="submit" class="btn btn-brass btn-lg">Buy for 790 USD</button>
+          </form>
         </div>
       </div>
     </section>
@@ -546,7 +557,11 @@
         </p>
         <p class="bc-subline">Three months. Ten hours of teaching. One system that runs your company.</p>
         <div class="bc-action">
-          <a href="javascript:void(0)" class="btn btn-brass btn-lg btn-buy" data-id="12">Reserve your seat</a>
+          <form method="post" action="https://20.odoo4projects.com/shop/post_basket" target="_blank">
+            <input type="hidden" name="basket" value='[{"product_id":12,"qty":1}]' />
+            <input type="hidden" name="clear" value="1" />
+            <button type="submit" class="btn btn-brass btn-lg">Buy for 790 USD</button>
+          </form>
         </div>
       </div>
     </section>
@@ -715,7 +730,11 @@
           alumni community and the expert review.
         </p>
         <div class="bc-action">
-          <a href="javascript:void(0)" class="btn btn-brass btn-lg btn-buy" data-id="12">Reserve your seat</a>
+          <form method="post" action="https://20.odoo4projects.com/shop/post_basket" target="_blank">
+            <input type="hidden" name="basket" value='[{"product_id":12,"qty":1}]' />
+            <input type="hidden" name="clear" value="1" />
+            <button type="submit" class="btn btn-brass btn-lg">Buy for 790 USD</button>
+          </form>
         </div>
         <ul class="bc-related">
           <li><a href="/support.html#contact">Questions before you book? Talk to us first</a></li>