[IMP] theme_*: review s_cta_box occurrences

*: anelusia, artists, avantgarde, aviato, beauty, bewise, bistro,
bookstore, buzzy, clean, cobalt, enark, graphene, kea, kiddo, loftspace,
monglia, nano, notes, odoo_experts, orchid, paptic, real_estate,
treehouse,vehicle, yes, zap.

This commit customizes the new `s_cta_box` snippet across all the design
themes.

task-4094396
Part of task-4077427

closes odoo/design-themes#863

Related: odoo/odoo#175703
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>

theme_bookstore/__manifest__.py

@@ -11,6 +11,7 @@
         'data/ir_asset.xml',
         'views/images.xml',
 
+        'views/snippets/s_cta_box.xml',
         'views/snippets/s_title.xml',
         'views/snippets/s_three_columns.xml',
         'views/snippets/s_picture.xml',

theme_bookstore/views/images.xml

@@ -251,5 +251,10 @@ Check in theme_loftspace's primary_variables.scss and theme.scss -->
     <field name="name">website.s_unveil_bookstore_5</field>
     <field name="url">/theme_bookstore/static/src/img/snippets/s_unveil_5.jpg</field>
 </record>
+<record id="s_cta_box_default_image" model="theme.ir.attachment">
+    <field name="key">website.s_cta_box_default_image</field>
+    <field name="name">website.s_cta_box_default_image</field>
+    <field name="url">/theme_bookstore/static/src/img/snippets/s_cta_box_default_image.jpg</field>
+</record>
 
 </odoo>

theme_bookstore/views/snippets/s_cta_box.xml

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_cta_box" inherit_id="website.s_cta_box">
+   <!-- Section -->
+   <xpath expr="//section" position="attributes">
+      <attribute name="class" add="o_cc o_cc4" separator=" "/>
+   </xpath>
+    <!-- Card -->
+    <xpath expr="//div[hasclass('card')]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc4" separator=" "/>
+    </xpath>
+    <!-- Title -->
+    <xpath expr="//h2" position="replace">
+        <h2 class="card-title h1-fs">Discover new reads,<br/> shop our bestsellers today!</h2>
+    </xpath>
+    <!-- Paragraphs -->
+    <xpath expr="//p" position="replace" mode="inner">
+        Uncover hidden gems, indulge in literary adventures now<br/><br/>
+    </xpath>
+    <!-- Button -->
+    <xpath expr="//a[hasclass('btn')]" position="replace">
+        <a t-att-href="cta_btn_href" class="btn btn-lg btn-primary"><span class="fa fa-shopping-cart"/> Shop Now</a>
+    </xpath>
+</template>
+
+</odoo>