[IMP] website: introduce s_cta_box snippet

This commit introduces a new snippet named `s_cta_box`.

task-4094396
Part of task-4077427

closes odoo#175703

Related: odoo/design-themes#863
Signed-off-by: Soukéina Bojabza (sobo) <[email protected]>

Author: chgo-odoo

addons/website/__manifest__.py

@@ -70,6 +70,7 @@
         'views/snippets/s_parallax.xml',
         'views/snippets/s_quotes_carousel.xml',
         'views/snippets/s_numbers.xml',
+        'views/snippets/s_cta_box.xml',
         'views/snippets/s_masonry_block.xml',
         'views/snippets/s_media_list.xml',
         'views/snippets/s_showcase.xml',

addons/website/data/image_library.xml

@@ -709,5 +709,11 @@
     <field name="type">url</field>
     <field name="url">/website/static/src/img/snippets_demo/s_popup.jpg</field>
 </record>
+<record id="website.s_cta_box_default_image" model="ir.attachment">
+    <field name="public" eval="True"/>
+    <field name="name">s_cta_box_default_image.jpg</field>
+    <field name="type">url</field>
+    <field name="url">/website/static/src/img/snippets_demo/s_cta_box_default_image.jpg</field>
+</record>
 
 </odoo>

addons/website/static/src/img/snippets_demo/s_cta_box_default_image.jpg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_cta_box" name="Box Call to Action">
+    <section class="s_cta_box pt80 pb80">
+        <div class="container">
+            <div class="s_card o_card_img_horizontal flex-lg-row-reverse card o_cc o_cc4" data-snippet="s_card" data-vcss="001" data-vxml="001" data-name="Card" style="--card-spacer-x: 64px; --card-spacer-y: 64px; border-width: 0px !important;">
+                <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">
+                    <img class="o_card_img rounded-end" src="/web/image/website.s_cta_box_default_image"/>
+                </figure>
+                <div class="card-body">
+                    <h2 class="card-title">50,000+ companies run Odoo<br/>to grow their businesses.</h2>
+                    <p class="card-text">Join us and make your company a better place.<br/><br/></p>
+                    <a t-att-href="cta_btn_href" class="btn btn-lg btn-secondary">Contact Us</a>
+                </div>
+             </div>
+        </div>
+    </section>
+</template>
+
+</odoo>

addons/website/views/snippets/s_cta_box.xml

@@ -63,6 +63,9 @@
                 <t t-snippet="website.s_call_to_action" string="Call to Action" group="content">
                     <keywords>CTA</keywords>
                 </t>
+                <t t-snippet="website.s_cta_box" string="Box Call to Action" group="content">
+                    <keywords>CTA, button, btn, action, engagement, link, offer, appeal, call to action, prompt, interact, trigger</keywords>
+                </t>
                 <t t-snippet="website.s_product_catalog" string="Pricelist" group="content">
                     <keywords>menu, pricing</keywords>
                 </t>