[ADD] theme_buzzy: add new theme buzzy

task-2582420

closes odoo/design-themes#501

X-original-commit: b48fe33a0b
Related: odoo/odoo#77123
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

test_themes/__manifest__.py

@@ -21,6 +21,7 @@
         'theme_bewise',
         'theme_bistro',
         'theme_bookstore',
+        'theme_buzzy',
         'theme_clean',
         'theme_cobalt',
         'theme_enark',

theme_buzzy/LICENSE

@@ -0,0 +1,27 @@
+Odoo Proprietary License v1.0
+
+This software and associated files (the "Software") may only be used (executed,
+modified, executed after modifications) if you have purchased a valid license
+from the authors, typically via Odoo Apps, or if you have received a written
+agreement from the authors of the Software (see the COPYRIGHT file).
+
+You may develop Odoo modules that use the Software as a library (typically
+by depending on it, importing it and using its resources), but without copying
+any source code or material from the Software. You may distribute those
+modules under the license of your choice, provided that this license is
+compatible with the terms of the Odoo Proprietary License (For example:
+LGPL, MIT, or proprietary licenses similar to this one).
+
+It is forbidden to publish, distribute, sublicense, or sell copies of the Software
+or modified copies of the Software.
+
+The above copyright notice and this permission notice must be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+DEALINGS IN THE SOFTWARE.

theme_buzzy/__init__.py

@@ -0,0 +1,3 @@
+# -*- coding: utf-8 -*-
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from . import models

theme_buzzy/__manifest__.py

@@ -0,0 +1,56 @@
+{
+    'name': 'Buzzy Theme',
+    'description': 'Buzzy Theme - Responsive Bootstrap Theme for Odoo CMS',
+    'category': 'Theme/Corporate',
+    'summary': 'Corporate, Services, Technology, Shapes, Illustrations',
+    'sequence': 140,
+    'version': '1.0.0',
+    'author': 'Odoo S.A.',
+    'depends': ['website'],
+    'data': [
+        'data/ir_asset.xml',
+        'views/images_library.xml',
+
+        'views/snippets/s_title.xml',
+        'views/snippets/s_banner.xml',
+        'views/snippets/s_image_text.xml',
+        'views/snippets/s_text_image.xml',
+        'views/snippets/s_cover.xml',
+        'views/snippets/s_text_block.xml',
+        'views/snippets/s_numbers.xml',
+        'views/snippets/s_three_columns.xml',
+        'views/snippets/s_color_blocks_2.xml',
+        'views/snippets/s_features.xml',
+        'views/snippets/s_image_gallery.xml',
+        'views/snippets/s_media_list.xml',
+        'views/snippets/s_showcase.xml',
+        'views/snippets/s_comparisons.xml',
+        'views/snippets/s_company_team.xml',
+        'views/snippets/s_call_to_action.xml',
+        'views/snippets/s_features_grid.xml',
+        'views/snippets/s_table_of_content.xml',
+        'views/snippets/s_product_catalog.xml',
+        'views/snippets/s_product_list.xml',
+        'views/snippets/s_tabs.xml',
+        'views/snippets/s_references.xml',
+        'views/snippets/s_faq_collapse.xml',
+        'views/snippets/s_timeline.xml',
+        'views/snippets/s_process_steps.xml',
+        'views/snippets/s_quotes_carousel.xml',
+        'views/snippets/s_countdown.xml',
+        'views/snippets/s_text_highlight.xml',
+        'views/snippets/s_blockquote.xml',
+    
+    ],
+    'images': [
+        'static/description/buzzy_cover.jpg',
+        'static/description/buzzy_screenshot.jpg',
+    ],
+    'license': 'LGPL-3',
+    'live_test_url': 'https://theme-buzzy.odoo.com',
+    'assets': {
+        'website.assets_editor': [
+            'theme_buzzy/static/src/js/tour.js',
+        ],
+    }
+}

theme_buzzy/data/ir_asset.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<record id="theme_buzzy.primary_variables_scss" model="theme.ir.asset">
+    <field name="key">theme_buzzy.primary_variables_scss</field>
+    <field name="name">Primary variables SCSS</field>
+    <field name="bundle">web._assets_primary_variables</field>
+    <field name="path">theme_buzzy/static/src/scss/primary_variables.scss</field>
+</record>
+
+<record id="theme_buzzy.bootstrap_overridden_scss" model="theme.ir.asset">
+    <field name="key">theme_buzzy.bootstrap_overridden_scss</field>
+    <field name="name">Bootstrap overridden SCSS</field>
+    <field name="bundle">web._assets_frontend_helpers</field>
+    <field name="directive">prepend</field>
+    <field name="path">theme_buzzy/static/src/scss/bootstrap_overridden.scss</field>
+</record>
+
+</odoo>

theme_buzzy/models/__init__.py

@@ -0,0 +1,3 @@
+# -*- coding: utf-8 -*-
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from . import theme_buzzy

theme_buzzy/models/theme_buzzy.py

@@ -0,0 +1,9 @@
+from odoo import models
+
+
+class ThemeBuzzy(models.AbstractModel):
+    _inherit = 'theme.utils'
+
+    def _theme_buzzy_post_copy(self, mod):
+        self.disable_view('website.footer_custom')
+        self.enable_view('website.template_footer_minimalist')

theme_buzzy/static/description/index.html

@@ -0,0 +1 @@
+<section></section>

theme_buzzy/static/src/js/tour.js

@@ -0,0 +1,41 @@
+/** @odoo-module */
+
+import wTourUtils from 'website.tour_utils';
+
+const snippets = [
+    {
+        id: 's_banner',
+        name: 'Banner',
+    },
+    {
+        id: 's_text_image',
+        name: 'Text - Image',
+    },
+    {
+        id: 's_three_columns',
+        name: 'Columns',
+    },
+    {
+        id: 's_image_text',
+        name: 'Image - Text',
+    },
+    {
+        id: 's_numbers',
+        name: 'Numbers',
+    },
+    {
+        id: 's_call_to_action',
+        name: 'Call to Action',
+    },
+];
+
+wTourUtils.registerThemeHomepageTour("buzzy_tour", [
+    wTourUtils.dragNDrop(snippets[0]),
+    wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
+    wTourUtils.goBackToBlocks(),
+    wTourUtils.dragNDrop(snippets[1]),
+    wTourUtils.dragNDrop(snippets[2]),
+    wTourUtils.dragNDrop(snippets[3]),
+    wTourUtils.dragNDrop(snippets[4]),
+    wTourUtils.dragNDrop(snippets[5]),
+]);

theme_buzzy/static/src/scss/bootstrap_overridden.scss

@@ -0,0 +1,15 @@
+//------------------------------------------------------------------------------//
+// Bootstrap
+//------------------------------------------------------------------------------//
+
+// Typography
+//
+// Font, line-height, and color for body text, headings, and more.
+
+$headings-font-weight:                      $o-theme-headings-font-weight !default;
+
+// Buttons + Forms
+//
+// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
+
+$btn-font-weight:                           600 !default;

theme_buzzy/static/src/scss/primary_variables.scss

@@ -0,0 +1,129 @@
+//------------------------------------------------------------------------------
+// Presets
+//------------------------------------------------------------------------------
+
+$o-website-values-palettes: (
+    (
+        'color-palettes-name':              'kiddo-2',
+
+        // Header
+        'logo-height':                      2.75rem,
+        'fixed-logo-height':                2rem,
+        'header-template':                  'template_header_default',
+
+        // Font
+        'font':                             'Montserrat',
+        'headings-font':                    'Montserrat',
+        'navbar-font':                      'Montserrat',
+        'buttons-font':                     'Montserrat',
+
+        // Buttons
+        'btn-padding-y':                    .45rem,
+        'btn-padding-x':                    1.35rem,
+        'btn-padding-y-sm':                 .3rem,
+        'btn-padding-x-sm':                 .9rem,
+        'btn-padding-y-lg':                 .6rem,
+        'btn-padding-x-lg':                 1.8rem,
+        'btn-border-radius':                10rem,
+        'btn-border-radius-sm':             10rem,
+        'btn-border-radius-lg':             10rem,
+        'btn-ripple':                       true,
+
+        'input-padding-y':                  .45rem,
+        'input-padding-y-sm':               .3rem,
+        'input-padding-y-lg':               .6rem,
+
+        // Footer
+        'footer-template':                  'minimalist',
+        'footer-effect':                    'slideout_slide_hover',
+        'footer-scrolltop':                 true,
+    ),
+);
+
+
+
+//------------------------------------------------------------------------------
+// Fonts
+//------------------------------------------------------------------------------
+
+
+$o-theme-font-configs: (
+    
+    'Abel': (
+        'family': ('Abel', sans-serif),
+        'url': 'Abel:300,300i,400,400i,700,700i',
+        'properties' : (
+            'base': (
+                'font-size-base':           (18 / 16) * 1rem,
+                'header-font-size':         (18 / 16) * 1rem,
+            ),
+        )
+    ),
+    'Dosis': (
+        'family': ('Dosis', sans-serif),
+        'url': 'Dosis:300,300i,400,400i,700,700i',
+        'properties' : (
+            'base': (
+                'font-size-base':           (18 / 16) * 1rem,
+                'header-font-size':         (18 / 16) * 1rem,
+            ),
+        )
+    ),
+    'Karla': (
+        'family': ('Karla', sans-serif),
+        'url': 'Karla:300,300i,400,400i,700,700i',
+    ),
+    'Laila': (
+        'family': ('Laila', serif),
+        'url': 'Laila:300,300i,400,400i,600,600i',
+    ),
+    'Lato': (
+        'family': ('Lato', sans-serif),
+        'url': 'Lato:300,300i,400,400i,700,700i',
+    ),
+    'Poppins': (
+        'family': ('Poppins', sans-serif),
+        'url': 'Poppins:300,300i,400,400i,600,600i',
+        'properties': (
+            'base': (
+                'header-font-size':         (14 / 16) * 1rem,
+                'font-size-base':           (14 / 16) * 1rem,
+            ),
+        )
+    ),
+    'Raleway': (
+        'family': ('Raleway', sans-serif),
+        'url': 'Raleway:300,300i,400,400i,700,700i',
+    ),
+    'Montserrat': (
+        'family': ('Montserrat', serif),
+        'url': 'Montserrat:300,300i,400,400i,600,600i',
+    ),
+);
+
+// Headings
+
+$o-theme-h1-font-size-multiplier:           3;
+$o-theme-h2-font-size-multiplier:           2.5;
+$o-theme-h3-font-size-multiplier:           2;
+$o-theme-h4-font-size-multiplier:           1.75;
+$o-theme-h5-font-size-multiplier:           1.5;
+
+$o-theme-headings-font-weight:              600;
+
+// Texts
+
+$o-theme-font-size-lg-multiplier:           1.25;
+$o-theme-font-size-sm-multiplier:           .875;
+
+//------------------------------------------------------------------------------
+// Shapes
+//------------------------------------------------------------------------------
+
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/02_001', (4: 2, 5: 4));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Rainy/08_001', (1: 4, 4: 4));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/11', (1: 5, 4: 5));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/03_001', (5: 3));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Zigs/02_001', (2: 3));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/13_001', (1: 1, 4: 2));
+$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Wavy/11', 'second', (1: 4, 4: 4));

theme_buzzy/views/images_library.xml

@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<!-- Library_image - Image_gallery & Images_wall-->
+<record id="library_image_08" model="theme.ir.attachment">
+    <field name="key">website.library_image_08</field>
+    <field name="name">website.library_image_08</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/library_image_08.jpg</field>
+</record>
+<record id="library_image_03" model="theme.ir.attachment">
+    <field name="key">website.library_image_03</field>
+    <field name="name">website.library_image_03</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/library_image_03.jpg</field>
+</record>
+<record id="library_image_02" model="theme.ir.attachment">
+    <field name="key">website.library_image_02</field>
+    <field name="name">website.library_image_02</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/library_image_02.jpg</field>
+</record>
+<record id="library_image_10" model="theme.ir.attachment">
+    <field name="key">website.library_image_10</field>
+    <field name="name">website.library_image_10</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/library_image_10.jpg</field>
+</record>
+<record id="library_image_13" model="theme.ir.attachment">
+    <field name="key">website.library_image_13</field>
+    <field name="name">website.library_image_13</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/library_image_13.jpg</field>
+</record>
+<record id="library_image_05" model="theme.ir.attachment">
+    <field name="key">website.library_image_05</field>
+    <field name="name">website.library_image_05</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/library_image_05.jpg</field>
+</record>
+<record id="library_image_14" model="theme.ir.attachment">
+    <field name="key">website.library_image_14</field>
+    <field name="name">website.library_image_14</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/library_image_14.jpg</field>
+</record>
+<record id="library_image_16" model="theme.ir.attachment">
+    <field name="key">website.library_image_16</field>
+    <field name="name">website.library_image_16</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/library_image_16.jpg</field>
+</record>
+<!-- Picture -->
+<record id="s_picture_default_image" model="theme.ir.attachment">
+    <field name="key">website.s_picture_default_image</field>
+    <field name="name">website.s_picture_default_image</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/s_picture_default_image.jpg</field>
+</record>
+<!-- Masonry -->
+<record id="s_masonry_block_default_image_1" model="theme.ir.attachment">
+    <field name="key">website.s_masonry_block_default_image_1</field>
+    <field name="name">website.s_masonry_block_default_image_1</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/s_masonry_block_default_image_1.jpg</field>
+</record>
+<!-- Carousel -->
+<record id="s_carousel_default_image_1" model="theme.ir.attachment">
+    <field name="key">website.s_carousel_default_image_1</field>
+    <field name="name">website.s_carousel_default_image_1</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/s_carousel_default_image_1.jpg</field>
+</record>
+<record id="s_carousel_default_image_2" model="theme.ir.attachment">
+    <field name="key">website.s_carousel_default_image_2</field>
+    <field name="name">website.s_carousel_default_image_2</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/s_carousel_default_image_2.jpg</field>
+</record>
+<record id="s_carousel_default_image_3" model="theme.ir.attachment">
+    <field name="key">website.s_carousel_default_image_3</field>
+    <field name="name">website.s_carousel_default_image_3</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/s_carousel_default_image_3.jpg</field>
+</record>
+<!-- Popup -->
+<record id="s_popup_default_image" model="theme.ir.attachment">
+    <field name="key">website.s_popup_default_image</field>
+    <field name="name">website.s_popup_default_image</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/s_popup_default_image.jpg</field>
+</record>
+<!-- Parallax -->
+<record id="s_parallax_default_image" model="theme.ir.attachment">
+    <field name="key">website.s_parallax_default_image</field>
+    <field name="name">website.s_parallax_default_image</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/s_parallax_default_image.jpg</field>
+</record>
+<!-- Cover -->
+<record id="s_cover_default_image" model="theme.ir.attachment">
+    <field name="key">website.s_cover_default_image</field>
+    <field name="name">website.s_cover_default_image</field>
+    <field name="url">/theme_buzzy/static/src/img/photos/s_cover_default_image.jpg</field>
+</record>
+
+</odoo>

theme_buzzy/views/snippets/s_banner.xml

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_banner" inherit_id="website.s_banner">
+   <!-- Section -->
+   <xpath expr="//section" position="attributes">
+      <attribute name="class" add="pb120 pt256 oe_img_bg o_bg_img_center" remove="pt96 pb96 parallax s_parallax_is_fixed" separator=" "/>
+      <attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/02_001","flip":[]}</attribute>
+      <attribute name="data-scroll-background-ratio">0</attribute>
+      <!-- Enable SVG dynamic color functionality -->
+      <attribute name="style">background-image:url('/web_editor/shape/theme_buzzy/s_banner.svg?c1=o-color-1'); background-position: 50% 37%</attribute>
+   </xpath>
+   <!-- Remove parallax -->
+   <xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
+   <!-- Shape -->
+   <xpath expr="//div[hasclass('container')]" position="before">
+      <div class="o_we_shape o_web_editor_Origins_02_001"/>
+   </xpath>
+   <!-- Jumbotron -->
+   <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
+      <attribute name="class" add="shadow" separator=" "/>
+   </xpath>
+   <!-- Title -->
+   <xpath expr="//h1" position="replace" mode="inner">
+      Great software <br/>for great people
+   </xpath>
+   <!-- Paragraph -->
+   <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
+      Every clever company deserve to work with clever tools.
+   </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_blockquote.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_blockquote" inherit_id="website.s_blockquote">
+    <!-- Icon -->
+    <xpath expr="//i" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-o-color-2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_call_to_action.xml

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_call_to_action" inherit_id="website.s_call_to_action">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5 pt88 pb48" remove="o_cc3 pt48 pb24" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/08_001","flip":[]}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//div[hasclass('container')]" position="before">
+        <div class="o_we_shape o_web_editor_Rainy_08_001"/>
+    </xpath>
+    <!-- Container -->
+    <xpath expr="//div[hasclass('container')]" position="attributes">
+        <attribute name="class" add="o_container_small" remove="container" separator=" "/>
+    </xpath>
+    <!-- Left Column -->
+    <xpath expr="//div[hasclass('row')]//div" position="attributes">
+        <attribute name="class" add="col-lg-8" remove="col-lg-9" separator=" "/>
+    </xpath>
+    <!-- Title -->
+    <xpath expr="//h3" position="replace" mode="inner">
+        <b>Start to build</b> your robust activity with these powerful tools
+    </xpath>
+    <!-- Paragraph -->
+    <xpath expr="//div[hasclass('row')]//p" position="replace" mode="inner">
+        Make your company a better place.
+    </xpath>
+    <!-- Right Column -->
+    <xpath expr="//div[hasclass('row')]//div[2]" position="attributes">
+        <attribute name="class" add="col-lg-4" remove="col-lg-3" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_color_blocks_2.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_color_blocks_2" inherit_id="website.s_color_blocks_2">
+    <!-- Left block -->
+    <xpath expr="//div[hasclass('row')]//div" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc3" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":["y","x"]}</attribute>
+    </xpath>
+    <!-- Left block - Shape -->
+    <xpath expr="//div[hasclass('row')]//div//i" position="before">
+        <div class="o_we_shape o_web_editor_Wavy_11 o_we_flip_y o_we_flip_x"/>
+    </xpath>
+    <!-- Right block -->
+    <xpath expr="//div[hasclass('row')]//div[2]" position="attributes">
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":[]}</attribute>
+    </xpath>
+    <!-- Right block - Shape -->
+    <xpath expr="//div[hasclass('row')]//div[2]//i" position="before">
+        <div class="o_we_shape o_web_editor_Wavy_11 o_second_extra_shape_mapping"/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_company_team.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_company_team" inherit_id="website.s_company_team">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_comparisons.xml

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_comparisons" inherit_id="website.s_comparisons">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2 o_colored_level" separator=" "/>
+    </xpath>
+    <!-- Box #1 -->
+    <xpath expr="//div[hasclass('row')]//div" position="attributes">
+        <attribute name="class" add="pt88" remove="pt32" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('row')]//div/div" position="attributes">
+        <attribute name="class" add="shadow bg-o-color-5" remove="bg-200" separator=" "/>
+    </xpath>
+    <!-- Box #2 -->
+    <xpath expr="//div[hasclass('row')]//div[2]/div" position="attributes">
+        <attribute name="class" add="shadow bg-o-color-1" remove="bg-o-color-5" separator=" "/>
+    </xpath>
+    <!-- Box #3 -->
+    <xpath expr="//div[hasclass('row')]//div[3]" position="attributes">
+        <attribute name="class" add="pt88" remove="pt32" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('row')]//div[3]/div" position="attributes">
+        <attribute name="class" add="shadow bg-o-color-5" remove="bg-secondary" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_countdown.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_countdown" inherit_id="website.s_countdown">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_cover.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_cover" inherit_id="website.s_cover">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5 pt112 pb112" remove="pt96 pb96 bg-black-50" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/03_001","flip":[]}</attribute>
+    </xpath>
+    <!-- Filter -->
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
+        <div class="o_we_bg_filter" style="background-color: rgba(52,54,67,0.75) !important;"/>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="after">
+        <div class="o_we_shape o_web_editor_Airy_03_001"/>
+    </xpath>
+    <!-- Title -->
+    <xpath expr="//h1" position="replace" mode="inner">
+        Faster, lighter and more powerful
+    </xpath>
+    <xpath expr="//h1" position="after">
+        <p><br/></p>
+    </xpath>
+    <!-- Paragraph -->
+    <xpath expr="//p[2]" position="replace" mode="inner">
+        Bring the best for your team, start the journey with our amazing tools <br/>and collaborate no matter where you are.
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_faq_collapse.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_faq_collapse" inherit_id="website.s_faq_collapse">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_features.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_features" inherit_id="website.s_features">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/09_001","flip":[]}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//div[hasclass('container')]" position="before">
+        <div class="o_we_shape o_web_editor_Rainy_09_001"/>
+    </xpath>
+    <!-- Feature #2 - Icon -->
+    <xpath expr="//div[hasclass('row')]//div[2]//i" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-o-color-5" separator=" "/>
+    </xpath>
+    <!-- Feature #3 - Icon -->
+    <xpath expr="//div[hasclass('row')]//div[3]//i" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-secondary" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_features_grid.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_features_grid" inherit_id="website.s_features_grid">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+    <!-- Icons -->
+    <xpath expr="//i" position="attributes">
+        <attribute name="class" add="bg-o-color-2" remove="fa-2x bg-o-color-1" separator=" "/>
+    </xpath>
+    <xpath expr="(//i)[2]" position="attributes">
+        <attribute name="class" add="bg-o-color-2" remove="fa-2x bg-o-color-1" separator=" "/>
+    </xpath>
+    <xpath expr="(//i)[3]" position="attributes">
+        <attribute name="class" add="bg-o-color-2" remove="fa-2x bg-o-color-1" separator=" "/>
+    </xpath>
+    <xpath expr="(//i)[4]" position="attributes">
+        <attribute name="class" add="rounded-circle" remove="rounded fa-2x" separator=" "/>
+    </xpath>
+    <xpath expr="(//i)[5]" position="attributes">
+        <attribute name="class" add="rounded-circle" remove="rounded fa-2x" separator=" "/>
+    </xpath>
+    <xpath expr="(//i)[6]" position="attributes">
+        <attribute name="class" add="rounded-circle" remove="rounded fa-2x" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_image_gallery.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_gallery" inherit_id="website.s_image_gallery">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_full_screen_height pt56 pb56 o_cc o_cc2 s_image_gallery_indicators_arrows_rounded" remove="pt24" separator=" "/>
+    </xpath>
+</template>
+
+<template id="s_images_wall" inherit_id="website.s_images_wall">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_image_text.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_text" inherit_id="website.s_image_text">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2 pt72 pb72" remove="pt32 pb32" separator=" "/>
+    </xpath>
+    <!-- Title -->
+    <xpath expr="//h2" position="replace" mode="inner">
+        A new open world
+    </xpath>
+    <xpath expr="//h2" position="after">
+        <p><br/></p>
+    </xpath>
+    <!-- Img -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="style">padding: 32px !important;</attribute>
+        <!-- Enable SVG dynamic color functionality -->
+        <attribute name="src">/web_editor/shape/theme_buzzy/s_image_text.svg?c1=o-color-1</attribute>
+    </xpath>
+    <!-- Paragraphs -->
+    <xpath expr="//p[2]" position="replace" mode="inner">
+        Working at the office is good, but working where we want without distraction is better. With our Cloud service accessing to your data has never been so easy.
+    </xpath>
+    <xpath expr="//p[3]" position="replace" mode="inner">
+        Get what you want, where and when you want.
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_media_list.xml

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_media_list" inherit_id="website.s_media_list">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_colored_level" separator=" "/>
+    </xpath>
+    <!-- Media item #1 -->
+    <xpath expr="//div[hasclass('s_media_list_item')]/div" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
+    </xpath>
+    <!-- Media item #1 - Img -->
+    <xpath expr="//div[hasclass('s_media_list_item')]//img" position="attributes">
+        <attribute name="style">padding: 32px !important;</attribute>
+        <!-- Enable SVG dynamic color functionality -->
+        <attribute name="src">/web_editor/shape/theme_buzzy/s_media_list-01.svg?c1=o-color-1</attribute>
+    </xpath>
+    <!-- Media item #2 -->
+    <xpath expr="//div[hasclass('s_media_list_item')][2]/div" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
+    </xpath>
+    <!-- Media item #2 - Img -->
+    <xpath expr="//div[hasclass('s_media_list_item')][2]//img" position="attributes">
+        <attribute name="style">padding: 32px !important;</attribute>
+        <!-- Enable SVG dynamic color functionality -->
+        <attribute name="src">/web_editor/shape/theme_buzzy/s_media_list-02.svg?c1=o-color-1</attribute>
+    </xpath>
+    <!-- Media item #3 -->
+    <xpath expr="//div[hasclass('s_media_list_item')][3]/div" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
+    </xpath>
+    <!-- Media item #3 - Img -->
+    <xpath expr="//div[hasclass('s_media_list_item')][3]//img" position="attributes">
+        <attribute name="style">padding: 32px !important;</attribute>
+        <!-- Enable SVG dynamic color functionality -->
+        <attribute name="src">/web_editor/shape/theme_buzzy/s_media_list-03.svg?c1=o-color-1</attribute>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_numbers.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers" inherit_id="website.s_numbers">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc4 pt96 pb96" remove="o_cc2 pt24 pb24" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Zigs/02_001","flip":[]}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//div[hasclass('container')]" position="before">
+        <div class="o_we_shape o_web_editor_Zigs_02_001"/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_process_steps.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_process_steps" inherit_id="website.s_process_steps">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/08_001","flip":[]}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//div[hasclass('container')]" position="before">
+        <div class="o_we_shape o_web_editor_Rainy_08_001"/>
+    </xpath>
+    <!-- Icon #2 -->
+    <xpath expr="(//i)[2]" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-o-color-5" separator=" "/>
+    </xpath>
+    <!-- Icon #3 -->
+    <xpath expr="(//i)[3]" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-secondary" separator=" "/>
+    </xpath>
+    <!-- Icon #4 -->
+    <xpath expr="(//i)[4]" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-o-color-3" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_product_catalog.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_product_catalog" inherit_id="website.s_product_catalog">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc4 pb88 pt88" remove="pb32 pt48" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/07","flip":[]}</attribute>
+        <!-- Enable SVG dynamic color functionality -->
+        <attribute name="style">background-image: url('/web_editor/shape/theme_buzzy/s_product_catalog.svg?c1=o-color-1'); background-position: 50% 0%;</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//section/*" position="before">
+        <div class="o_we_shape o_web_editor_Airy_07"/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_product_list.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_product_list" inherit_id="website.s_product_list">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_quotes_carousel.xml

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
+    <!-- Carousel -->
+    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
+        <attribute name="class" add="s_carousel_rounded o_cc5" remove="s_carousel_default o_cc2" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/10","flip":[]}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//ol[hasclass('carousel-indicators')]" position="before">
+        <div class="o_we_shape o_web_editor_Rainy_10"/>
+    </xpath>
+    <!-- Icons quote -->
+    <xpath expr="//i" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-o-color-2" separator=" "/>
+    </xpath>
+    <xpath expr="(//i)[2]" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-o-color-2" separator=" "/>
+    </xpath>
+    <xpath expr="(//i)[3]" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-o-color-2" separator=" "/>
+    </xpath>
+    <!-- Carousel items - Remove background image -->
+    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
+        <attribute name="style"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
+        <attribute name="style"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('carousel-item')])[3]" position="attributes">
+        <attribute name="style"/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_references.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_references" inherit_id="website.s_references">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_showcase.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_showcase" inherit_id="website.s_showcase">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blocks/03","flip":[]}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//div[hasclass('container')]" position="before">
+        <div class="o_we_shape o_web_editor_Blocks_03"/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_table_of_content.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_table_of_content" inherit_id="website.s_table_of_content">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
+    </xpath>
+    <!-- Vertical navbar -->
+    <xpath expr="//div[hasclass('s_table_of_content_navbar_wrap')]" position="attributes">
+        <attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_tabs.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_tabs" inherit_id="website.s_tabs">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_text_block.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_text_block" inherit_id="website.s_text_block">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+    <!-- Container -->
+    <xpath expr="//div[hasclass('container')]" position="attributes">
+        <attribute name="class" add="o_container_small" remove="container" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_text_highlight.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_text_highlight" inherit_id="website.s_text_highlight">
+    <!-- Main div -->
+    <xpath expr="//div[hasclass('s_text_highlight')]" position="attributes">
+        <attribute name="class" add="o_cc o_cc4" remove="bg-secondary" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_text_image.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_text_image" inherit_id="website.s_text_image">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2 pt72 pb72" remove="pt32 pb32" separator=" "/>
+    </xpath>
+    <!-- Title -->
+    <xpath expr="//h2" position="replace" mode="inner">
+        Improve your efficiency
+    </xpath>
+    <xpath expr="//h2" position="after">
+        <p><br/></p>
+    </xpath>
+    <!-- Img -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="style">padding: 32px !important;</attribute>
+        <!-- Enable SVG dynamic color functionality -->
+        <attribute name="src">/web_editor/shape/theme_buzzy/s_text_image.svg?c1=o-color-1</attribute>
+    </xpath>
+    <!-- Paragraphs -->
+    <xpath expr="//p[2]" position="replace" mode="inner">
+        It's not that easy to be efficient if we don't have the correct tools than we need. Can you imagine Batman saving Gotham City without his bat-tools?
+    </xpath>
+    <xpath expr="//p[3]" position="replace" mode="inner">
+        There is no magic, it's time to get the tools you deserve.
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_three_columns.xml

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_three_columns" inherit_id="website.s_three_columns">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_colored_level" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_001","flip":[]}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//div[hasclass('container')]" position="before">
+        <div class="o_we_shape o_web_editor_Airy_12_001"/>
+    </xpath>
+
+    <!-- Column #1 -->
+    <!-- Img -->
+    <xpath expr="//div[hasclass('card')]//img" position="attributes">
+        <attribute name="style">padding: 32px !important;</attribute>
+        <!-- Enable SVG dynamic color functionality -->
+        <attribute name="src">/web_editor/shape/theme_buzzy/s_three_columns-01.svg?c1=o-color-1</attribute>
+    </xpath>
+    <!-- Title -->
+    <xpath expr="//div[hasclass('card')]//h3" position="replace" mode="inner">
+        Built to <br/>your effigy
+    </xpath>
+    <!-- Paragraph -->
+    <xpath expr="//div[hasclass('card')]//p" position="replace" mode="inner">
+        You will always find the ideal choice adapted to your needs. From the basic website based on our attractive templates to the tailor-made website reflecting your company's values.
+    </xpath>
+
+    <!-- Column #2 -->
+    <!-- Img -->
+    <xpath expr="(//div[hasclass('card')])[2]//img" position="attributes">
+        <attribute name="style">padding: 32px !important;</attribute>
+        <!-- Enable SVG dynamic color functionality -->
+        <attribute name="src">/web_editor/shape/theme_buzzy/s_three_columns-02.svg?c1=o-color-1</attribute>
+    </xpath>
+    <!-- Title -->
+    <xpath expr="(//div[hasclass('card')])[2]//h3" position="replace" mode="inner">
+        Editable from <br/>A to Z
+    </xpath>
+    <!-- Paragraph -->
+    <xpath expr="(//div[hasclass('card')])[2]//p" position="replace" mode="inner">
+        Feel free to edit your content the way like you want. You don't need to know any technical and complex computer language. You will helped by our intuitive tools.
+    </xpath>
+
+    <!-- Column #3 -->
+    <!-- Img -->
+    <xpath expr="(//div[hasclass('card')])[3]//img" position="attributes">
+        <attribute name="style">padding: 32px !important;</attribute>
+        <!-- Enable SVG dynamic color functionality -->
+        <attribute name="src">/web_editor/shape/theme_buzzy/s_three_columns-03.svg?c1=o-color-1</attribute>
+    </xpath>
+    <!-- Title -->
+    <xpath expr="(//div[hasclass('card')])[3]//h3" position="replace" mode="inner">
+        All data <br/>on your hands
+    </xpath>
+    <!-- Paragraph -->
+    <xpath expr="(//div[hasclass('card')])[3]//p" position="replace" mode="inner">
+        Don't miss any data anymore and get all reports you need when and where you want. Analyze them easily with our friendly interface and grow your activity.
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_timeline.xml

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_timeline" inherit_id="website.s_timeline">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+    <!-- Icon #1 -->
+    <xpath expr="//i" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-secondary" separator=" "/>
+    </xpath>
+    <!-- Icon #2 -->
+    <xpath expr="(//i)[2]" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-secondary" separator=" "/>
+    </xpath>
+    <!-- Icon #3 -->
+    <xpath expr="(//i)[3]" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-secondary" separator=" "/>
+    </xpath>
+    <!-- Icon #4 -->
+    <xpath expr="(//i)[4]" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-secondary" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_buzzy/views/snippets/s_title.xml

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_title" inherit_id="website.s_title">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc4 pt152 pb152 oe_img_bg o_bg_img_center" remove="pb40 pt40" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/13_001","flip":[]}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//section/*" position="before">
+        <div class="o_we_shape o_web_editor_Airy_13_001"/>
+    </xpath>
+    <!-- Title -->
+    <xpath expr="//h1" position="replace" mode="inner">
+        Increase your productivity
+    </xpath>
+</template>
+
+</odoo>