From 971d29625ba0f3e19b0b43ed37974c8854dc4807 Mon Sep 17 00:00:00 2001
From: mano-odoo <mano@odoo.com>
Date: Thu, 26 Sep 2024 16:49:21 +0200
Subject: [PATCH] [IMP] theme_artists: adapt existing snippets

wip

[IMP] theme_artists: test

to squash
---
 theme_artists/__manifest__.py                 | 35 +++++++++++++++
 theme_artists/views/images.xml                | 24 +++++-----
 theme_artists/views/new_page_template.xml     | 44 +++----------------
 theme_artists/views/snippets/s_cards_grid.xml |  2 +-
 theme_artists/views/snippets/s_cards_soft.xml | 21 +++++++++
 .../views/snippets/s_closer_look.xml          | 10 +++++
 .../views/snippets/s_company_team_detail.xml  | 11 +++++
 .../views/snippets/s_contact_info.xml         | 11 +++++
 theme_artists/views/snippets/s_countdown.xml  | 11 +++++
 theme_artists/views/snippets/s_cover.xml      |  8 +++-
 theme_artists/views/snippets/s_cta_card.xml   | 11 +++++
 .../views/snippets/s_cta_mockups.xml          | 11 +++++
 theme_artists/views/snippets/s_discovery.xml  | 11 +++++
 .../views/snippets/s_faq_collapse.xml         | 11 +++++
 .../views/snippets/s_faq_horizontal.xml       | 11 +++++
 theme_artists/views/snippets/s_faq_list.xml   | 11 +++++
 .../views/snippets/s_features_wall.xml        |  8 ++--
 theme_artists/views/snippets/s_freegrid.xml   |  4 ++
 .../views/snippets/s_image_text_box.xml       | 15 +++++++
 .../views/snippets/s_image_text_overlap.xml   | 11 +++++
 theme_artists/views/snippets/s_intro_pill.xml | 11 +++++
 .../views/snippets/s_key_benefits.xml         |  4 ++
 theme_artists/views/snippets/s_kickoff.xml    | 15 +++++++
 .../views/snippets/s_masonry_block.xml        | 11 +++++
 .../views/snippets/s_mockup_image.xml         | 14 ++++++
 theme_artists/views/snippets/s_motto.xml      | 12 +++++
 .../views/snippets/s_numbers_charts.xml       | 25 +++++++++++
 .../views/snippets/s_numbers_list.xml         | 11 +++++
 .../views/snippets/s_opening_hours.xml        | 19 ++++++++
 .../views/snippets/s_pricelist_cafe.xml       | 14 ++++++
 .../views/snippets/s_process_steps.xml        | 11 +++++
 theme_artists/views/snippets/s_references.xml | 11 +++++
 .../views/snippets/s_references_grid.xml      | 11 +++++
 .../views/snippets/s_references_social.xml    | 11 +++++
 theme_artists/views/snippets/s_searchbar.xml  | 11 +++++
 theme_artists/views/snippets/s_showcase.xml   | 12 +++++
 theme_artists/views/snippets/s_striped.xml    | 15 +++++++
 .../views/snippets/s_striped_center_top.xml   |  8 ++++
 .../views/snippets/s_striped_top.xml          |  8 ++++
 .../views/snippets/s_table_of_content.xml     | 14 ++++++
 theme_artists/views/snippets/s_text_block.xml | 11 +++++
 .../views/snippets/s_three_columns.xml        |  9 ++++
 theme_artists/views/snippets/s_timeline.xml   | 25 +++++++++++
 .../views/snippets/s_timeline_list.xml        | 11 +++++
 theme_artists/views/snippets/s_title_form.xml | 11 +++++
 theme_artists/views/snippets/s_unveil.xml     | 11 +++++
 theme_artists/views/snippets/s_wavy_grid.xml  |  6 +--
 47 files changed, 554 insertions(+), 59 deletions(-)
 create mode 100644 theme_artists/views/snippets/s_cards_soft.xml
 create mode 100644 theme_artists/views/snippets/s_closer_look.xml
 create mode 100644 theme_artists/views/snippets/s_company_team_detail.xml
 create mode 100644 theme_artists/views/snippets/s_contact_info.xml
 create mode 100644 theme_artists/views/snippets/s_countdown.xml
 create mode 100644 theme_artists/views/snippets/s_cta_card.xml
 create mode 100644 theme_artists/views/snippets/s_cta_mockups.xml
 create mode 100644 theme_artists/views/snippets/s_discovery.xml
 create mode 100644 theme_artists/views/snippets/s_faq_collapse.xml
 create mode 100644 theme_artists/views/snippets/s_faq_horizontal.xml
 create mode 100644 theme_artists/views/snippets/s_faq_list.xml
 create mode 100644 theme_artists/views/snippets/s_image_text_box.xml
 create mode 100644 theme_artists/views/snippets/s_image_text_overlap.xml
 create mode 100644 theme_artists/views/snippets/s_intro_pill.xml
 create mode 100644 theme_artists/views/snippets/s_kickoff.xml
 create mode 100644 theme_artists/views/snippets/s_masonry_block.xml
 create mode 100644 theme_artists/views/snippets/s_mockup_image.xml
 create mode 100644 theme_artists/views/snippets/s_motto.xml
 create mode 100644 theme_artists/views/snippets/s_numbers_charts.xml
 create mode 100644 theme_artists/views/snippets/s_numbers_list.xml
 create mode 100644 theme_artists/views/snippets/s_opening_hours.xml
 create mode 100644 theme_artists/views/snippets/s_pricelist_cafe.xml
 create mode 100644 theme_artists/views/snippets/s_process_steps.xml
 create mode 100644 theme_artists/views/snippets/s_references.xml
 create mode 100644 theme_artists/views/snippets/s_references_grid.xml
 create mode 100644 theme_artists/views/snippets/s_references_social.xml
 create mode 100644 theme_artists/views/snippets/s_searchbar.xml
 create mode 100644 theme_artists/views/snippets/s_showcase.xml
 create mode 100644 theme_artists/views/snippets/s_striped.xml
 create mode 100644 theme_artists/views/snippets/s_table_of_content.xml
 create mode 100644 theme_artists/views/snippets/s_text_block.xml
 create mode 100644 theme_artists/views/snippets/s_timeline.xml
 create mode 100644 theme_artists/views/snippets/s_timeline_list.xml
 create mode 100644 theme_artists/views/snippets/s_title_form.xml
 create mode 100644 theme_artists/views/snippets/s_unveil.xml

diff --git a/theme_artists/__manifest__.py b/theme_artists/__manifest__.py
index c62ae2bdd3..5034560b95 100644
--- a/theme_artists/__manifest__.py
+++ b/theme_artists/__manifest__.py
@@ -13,6 +13,9 @@
 
         'views/snippets/s_striped_top.xml',
         'views/snippets/s_cta_box.xml',
+        'views/snippets/s_countdown.xml',
+        'views/snippets/s_company_team_detail.xml',
+        'views/snippets/s_contact_info.xml',
         'views/snippets/s_parallax.xml',
         'views/snippets/s_text_image.xml',
         'views/snippets/s_framed_intro.xml',
@@ -20,18 +23,30 @@
         'views/snippets/s_three_columns.xml',
         'views/snippets/s_call_to_action.xml',
         'views/snippets/s_cards_grid.xml',
+        'views/snippets/s_cards_soft.xml',
         'views/snippets/s_carousel.xml',
         'views/snippets/s_carousel_intro.xml',
+        'views/snippets/s_cta_mockups.xml',
+        'views/snippets/s_cta_card.xml',
+        'views/snippets/s_faq_list.xml',
+        'views/snippets/s_faq_collapse.xml',
+        'views/snippets/s_faq_horizontal.xml',
         'views/snippets/s_title.xml',
         'views/snippets/s_image_gallery.xml',
         'views/snippets/s_image_punchy.xml',
         'views/snippets/s_sidegrid.xml',
         'views/snippets/s_banner.xml',
+        'views/snippets/s_opening_hours.xml',
         'views/snippets/s_cover.xml',
         'views/snippets/s_features.xml',
         'views/snippets/s_media_list.xml',
+        'views/snippets/s_masonry_block.xml',
+        'views/snippets/s_numbers_list.xml',
         'views/snippets/s_image_title.xml',
         'views/snippets/s_numbers.xml',
+        'views/snippets/s_numbers_charts.xml',
+        'views/snippets/s_motto.xml',
+        'views/snippets/s_closer_look.xml',
         'views/snippets/s_quadrant.xml',
         'views/snippets/s_numbers_grid.xml',
         'views/snippets/s_picture.xml',
@@ -50,17 +65,37 @@
         'views/snippets/s_color_blocks_2.xml',
         'views/snippets/s_company_team_shapes.xml',
         'views/snippets/s_numbers_showcase.xml',
+        'views/snippets/s_mockup_image.xml',
         'views/snippets/s_accordion_image.xml',
         'views/snippets/s_image_hexagonal.xml',
+        'views/snippets/s_intro_pill.xml',
         'views/snippets/s_key_benefits.xml',
+        'views/snippets/s_kickoff.xml',
+        'views/snippets/s_discovery.xml',
         'views/snippets/s_pricelist_boxed.xml',
         'views/snippets/s_striped_center_top.xml',
         'views/snippets/s_key_images.xml',
         'views/snippets/s_big_number.xml',
         'views/snippets/s_image_frame.xml',
+        'views/snippets/s_references.xml',
+        'views/snippets/s_references_social.xml',
+        'views/snippets/s_references_grid.xml',
         'views/snippets/s_wavy_grid.xml',
         'views/snippets/s_shape_image.xml',
+        'views/snippets/s_showcase.xml',
         'views/snippets/s_text_cover.xml',
+        'views/snippets/s_text_block.xml',
+        'views/snippets/s_image_text_box.xml',
+        'views/snippets/s_image_text_overlap.xml',
+        'views/snippets/s_process_steps.xml',
+        'views/snippets/s_pricelist_cafe.xml',
+        'views/snippets/s_searchbar.xml',
+        'views/snippets/s_striped.xml',
+        'views/snippets/s_table_of_content.xml',
+        'views/snippets/s_timeline.xml',
+        'views/snippets/s_timeline_list.xml',
+        'views/snippets/s_title_form.xml',
+        'views/snippets/s_unveil.xml',
         'views/snippets/s_empowerment.xml',
         'views/new_page_template.xml',
     ],
diff --git a/theme_artists/views/images.xml b/theme_artists/views/images.xml
index 2c7ceea8a0..dd62cd5029 100644
--- a/theme_artists/views/images.xml
+++ b/theme_artists/views/images.xml
@@ -388,33 +388,37 @@ Check in theme_monglia's primary_variables.scss, theme.scss and theme_common's m
 <record id="s_sidegrid_default_image_1" model="theme.ir.attachment">
     <field name="key">website.s_sidegrid_default_image_1</field>
     <field name="name">website.s_sidegrid_default_image_1</field>
-    <field name="url">website.s_text_image_default_image</field>
+    <field name="url">/theme_artists/static/src/img/snippets/s_text_image.jpg</field>
 </record>
 <record id="s_sidegrid_default_image_2" model="theme.ir.attachment">
     <field name="key">website.s_sidegrid_default_image_2</field>
     <field name="name">website.s_sidegrid_default_image_2</field>
-    <field name="url">website.s_banner_default_image_2</field>
+    <field name="url">/theme_artists/static/src/img/snippets/s_banner_2.jpg</field>
 </record>
 <record id="s_sidegrid_default_image_3" model="theme.ir.attachment">
     <field name="key">website.s_sidegrid_default_image_3</field>
     <field name="name">website.s_sidegrid_default_image_3</field>
-    <field name="url">/web/image/website.s_banner_default_image</field>
+    <field name="url">/theme_artists/static/src/img/snippets/s_banner_3.jpg</field>
 </record>
 <record id="s_sidegrid_default_image_4" model="theme.ir.attachment">
     <field name="key">website.s_sidegrid_default_image_4</field>
     <field name="name">website.s_sidegrid_default_image_4</field>
-    <field name="url">/web/image/website.library_image_08</field>
+    <field name="url">/theme_artists/static/src/img/snippets/library_image_08.jpg</field>
 </record>
 <record id="s_image_frame_default_image" model="theme.ir.attachment">
     <field name="key">website.s_image_frame_default_image</field>
     <field name="name">website.s_image_frame_default_image</field>
-    <field name="url">website.s_cover_default_image</field>
+    <field name="url">/theme_artists/static/src/img/snippets/s_cover.jpg</field>
+</record>
+<record id="s_cta_box_default_image" model="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_artists/static/src/img/snippets/library_image_02.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.library_image_02</field>
+<record id="s_showcase_default_image" model="ir.attachment">
+    <field name="key">website.s_showcase_default_image</field>
+    <field name="name">website.s_showcase_default_image</field>
+    <field name="url">/theme_artists/static/src/img/snippets/s_carousel_1.jpg</field>
 </record>
 
 </odoo>
diff --git a/theme_artists/views/new_page_template.xml b/theme_artists/views/new_page_template.xml
index 454619045e..fffa151442 100644
--- a/theme_artists/views/new_page_template.xml
+++ b/theme_artists/views/new_page_template.xml
@@ -84,7 +84,7 @@
 
 <template id="new_page_template_basic_2_s_text_block_h1" inherit_id="website.new_page_template_basic_2_s_text_block_h1">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc5" remove="o_cc2" separator=" "/>
+        <attribute name="class" remove="o_cc2" separator=" "/>
     </xpath>
 </template>
 
@@ -107,12 +107,6 @@
     </xpath>
 </template>
 
-<template id="new_page_template_about_s_text_block_h1" inherit_id="website.new_page_template_about_s_text_block_h1">
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc5" separator=" "/>
-    </xpath>
-</template> 
-
 <template id="new_page_template_about_full_s_image_text" inherit_id="website.new_page_template_about_full_s_image_text">
     <xpath expr="//section" position="attributes">
         <attribute name="class" remove="pt48" separator=" "/>
@@ -137,24 +131,12 @@
     </xpath>
 </template>
 
-<template id="new_page_template_about_full_1_s_text_block_h2" inherit_id="website.new_page_template_about_full_1_s_text_block_h2">
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc5" separator=" "/>
-    </xpath>
-</template>
-
 <template id="new_page_template_about_map_s_text_block_h1" inherit_id="website.new_page_template_about_map_s_text_block_h1">
     <xpath expr="//section" position="attributes">
         <attribute name="class" add="pb0" remove="pb0 o_cc5" separator=" "/>
     </xpath>
 </template>
 
-<template id="new_page_template_about_map_s_text_block_h2" inherit_id="website.new_page_template_about_map_s_text_block_h2">
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc5" separator=" "/>
-    </xpath>
-</template>
-
 <template id="new_page_template_about_personal_s_numbers" inherit_id="website.new_page_template_about_personal_s_numbers">
     <xpath expr="//section" position="attributes">
         <attribute name="class" remove="o_cc3 pt0" separator=" "/>
@@ -163,7 +145,7 @@
 
 <template id="new_page_template_about_personal_s_text_block_h2" inherit_id="website.new_page_template_about_personal_s_text_block_h2">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc5" remove="o_cc3" separator=" "/>
+        <attribute name="class" remove="o_cc o_cc3" separator=" "/>
     </xpath>
 </template>
 
@@ -189,13 +171,13 @@
 
 <template id="new_page_template_landing_2_s_text_block_h2" inherit_id="website.new_page_template_landing_2_s_text_block_h2">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+        <attribute name="class" add="o_cc4" remove="o_cc2 o_cc5" separator=" "/>
     </xpath>
 </template>
 
 <template id="new_page_template_landing_3_s_text_block_h2" inherit_id="website.new_page_template_landing_3_s_text_block_h2">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+        <attribute name="class" add="o_cc4" remove="o_cc2 o_cc5" separator=" "/>
     </xpath>
 </template>
 
@@ -235,18 +217,6 @@
     </xpath>
 </template>
 
-<template id="new_page_template_gallery_s_text_block_2nd" inherit_id="website.new_page_template_gallery_s_text_block_2nd">
-    <xpath expr="//section" position="attributes">
-       <attribute name="class" add="o_cc5" separator=" "/>
-    </xpath>
-</template>
-
-<template id="new_page_template_gallery_s_text_block_h2" inherit_id="website.new_page_template_gallery_s_text_block_h2">
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc5" separator=" "/>
-    </xpath>
-</template>
-
 <!-- Snippet customization Services Pages -->
 
 <template id="new_page_template_services_s_image_text_2nd" inherit_id="website.new_page_template_services_s_image_text_2nd">
@@ -320,7 +290,7 @@
 
 <template id="new_page_template_team_s_text_block_h1" inherit_id="website.new_page_template_team_s_text_block_h1">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc4" separator=" "/>
+        <attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
     </xpath>
 </template>
 
@@ -338,13 +308,13 @@
 
 <template id="new_page_template_team_1_s_text_block_h1" inherit_id="website.new_page_template_team_1_s_text_block_h1">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc5 pb0" remove="o_cc4 pb40" separator=" "/>
+        <attribute name="class" add="pb0" remove="o_cc4 pb40" separator=" "/>
     </xpath>
 </template>
 
 <template id="new_page_template_team_2_s_text_block_h1" inherit_id="website.new_page_template_team_2_s_text_block_h1">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc5" remove="o_cc4" separator=" "/>
+        <attribute name="class" remove="o_cc4" separator=" "/>
     </xpath>
 </template>
 
diff --git a/theme_artists/views/snippets/s_cards_grid.xml b/theme_artists/views/snippets/s_cards_grid.xml
index fd0e0b1108..a480b97075 100644
--- a/theme_artists/views/snippets/s_cards_grid.xml
+++ b/theme_artists/views/snippets/s_cards_grid.xml
@@ -4,7 +4,7 @@
 <template id="s_cards_grid" inherit_id="website.s_cards_grid">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+        <attribute name="class" add="o_cc5" remove="o_cc2" separator=" "/>
     </xpath>
 
     <!-- Title -->
diff --git a/theme_artists/views/snippets/s_cards_soft.xml b/theme_artists/views/snippets/s_cards_soft.xml
new file mode 100644
index 0000000000..6c1d5a4127
--- /dev/null
+++ b/theme_artists/views/snippets/s_cards_soft.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_cards_soft" inherit_id="website.s_cards_soft">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5 pt56 pb48" remove="o_cc1 pt48 pb32" separator=" "/>
+    </xpath>
+    <!-- Cards -->
+    <xpath expr="//div[hasclass('s_card')]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('s_card')])[2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('s_card')])[3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_closer_look.xml b/theme_artists/views/snippets/s_closer_look.xml
new file mode 100644
index 0000000000..b9dd1a6832
--- /dev/null
+++ b/theme_artists/views/snippets/s_closer_look.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_closer_look" inherit_id="website.s_closer_look">
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_company_team_detail.xml b/theme_artists/views/snippets/s_company_team_detail.xml
new file mode 100644
index 0000000000..1138f18a8f
--- /dev/null
+++ b/theme_artists/views/snippets/s_company_team_detail.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_company_team_detail" inherit_id="website.s_company_team_detail">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_contact_info.xml b/theme_artists/views/snippets/s_contact_info.xml
new file mode 100644
index 0000000000..740cc40b41
--- /dev/null
+++ b/theme_artists/views/snippets/s_contact_info.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_contact_info" inherit_id="website.s_contact_info">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_countdown.xml b/theme_artists/views/snippets/s_countdown.xml
new file mode 100644
index 0000000000..a6a9ef16f2
--- /dev/null
+++ b/theme_artists/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_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_cover.xml b/theme_artists/views/snippets/s_cover.xml
index fbb9349276..0b0b3efe6a 100644
--- a/theme_artists/views/snippets/s_cover.xml
+++ b/theme_artists/views/snippets/s_cover.xml
@@ -5,11 +5,11 @@
     <!-- Section -->
     <xpath expr="//section" position="attributes">
         <attribute name="class" add="pt200 pb200" remove="pt232 pb232 s_parallax_bg parallax s_parallax_is_fixed bg-black-50" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Floats/02','colors':{'c1':'o-color-1','c2':'o-color-1'},'flip':[]}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/04_001','colors':{'c3': 'o-color-1'},'flip':[], 'showOnMobile':true}</attribute>
     </xpath>
     <!-- Shape -->
     <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Floats_02 o_we_animated" style="background-image: url('/web_editor/shape/web_editor/Floats/02.svg?c1=o-color-1&amp;c2=o-color-1');"/>
+        <div class="o_we_shape o_web_editor_Origins_04_001 o_we_animated" style="background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-1'); background-position: 50% 100%;"/>
     </xpath>
     <!-- Remove filter & parallax -->
     <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
@@ -21,6 +21,10 @@
     <xpath expr="//h1" position="after">
         <p><br/></p>
     </xpath>
+    <!-- Button -->
+    <xpath expr="//a[hasclass('btn-secondary')]" position="attributes">
+        <attribute name="class" add="btn-primary" remove="btn-secondary" separator=" "/>
+    </xpath>
 </template>
 
 </odoo>
diff --git a/theme_artists/views/snippets/s_cta_card.xml b/theme_artists/views/snippets/s_cta_card.xml
new file mode 100644
index 0000000000..ab34f263ac
--- /dev/null
+++ b/theme_artists/views/snippets/s_cta_card.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_cta_card" inherit_id="website.s_cta_card">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_cta_mockups.xml b/theme_artists/views/snippets/s_cta_mockups.xml
new file mode 100644
index 0000000000..bd8861354b
--- /dev/null
+++ b/theme_artists/views/snippets/s_cta_mockups.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_cta_mockups" inherit_id="website.s_cta_mockups">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_discovery.xml b/theme_artists/views/snippets/s_discovery.xml
new file mode 100644
index 0000000000..5f53ff5ccd
--- /dev/null
+++ b/theme_artists/views/snippets/s_discovery.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_discovery" inherit_id="website.s_discovery">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_faq_collapse.xml b/theme_artists/views/snippets/s_faq_collapse.xml
new file mode 100644
index 0000000000..6665c246cc
--- /dev/null
+++ b/theme_artists/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_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_faq_horizontal.xml b/theme_artists/views/snippets/s_faq_horizontal.xml
new file mode 100644
index 0000000000..d496c8db30
--- /dev/null
+++ b/theme_artists/views/snippets/s_faq_horizontal.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_faq_horizontal" inherit_id="website.s_faq_horizontal">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_faq_list.xml b/theme_artists/views/snippets/s_faq_list.xml
new file mode 100644
index 0000000000..03243c2b1f
--- /dev/null
+++ b/theme_artists/views/snippets/s_faq_list.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_faq_list" inherit_id="website.s_faq_list">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_features_wall.xml b/theme_artists/views/snippets/s_features_wall.xml
index ea924a8582..e3a4c81118 100644
--- a/theme_artists/views/snippets/s_features_wall.xml
+++ b/theme_artists/views/snippets/s_features_wall.xml
@@ -4,13 +4,11 @@
 <template id="s_features_wall" inherit_id="website.s_features_wall">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc4" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/02"}</attribute>
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+        <attribute name="data-oe-shape-data"/>
     </xpath>
     <!-- Shape -->
-    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Floats_02 o_we_animated"/>
-    </xpath>
+    <xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
     <!-- Card 1 -->
     <xpath expr="//div[hasclass('g-col-lg-3')]//h3" position="replace" mode="inner">
         Custom Art Commissions
diff --git a/theme_artists/views/snippets/s_freegrid.xml b/theme_artists/views/snippets/s_freegrid.xml
index aa22eedfa4..bd79c59661 100644
--- a/theme_artists/views/snippets/s_freegrid.xml
+++ b/theme_artists/views/snippets/s_freegrid.xml
@@ -2,6 +2,10 @@
 <odoo>
 
 <template id="s_freegrid" inherit_id="website.s_freegrid">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5 pt56 pb56" remove="o_cc1 pt64 pb64" separator=" "/>
+    </xpath>
     <!-- Title -->
     <xpath expr="//h2" position="replace" mode="inner">
         Where Creativity Meets Innovation in Art
diff --git a/theme_artists/views/snippets/s_image_text_box.xml b/theme_artists/views/snippets/s_image_text_box.xml
new file mode 100644
index 0000000000..2c5ce0e8fa
--- /dev/null
+++ b/theme_artists/views/snippets/s_image_text_box.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_text_box" inherit_id="website.s_image_text_box">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <!-- Text box -->
+    <xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes">
+        <attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_image_text_overlap.xml b/theme_artists/views/snippets/s_image_text_overlap.xml
new file mode 100644
index 0000000000..f73f230ab3
--- /dev/null
+++ b/theme_artists/views/snippets/s_image_text_overlap.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_image_text_overlap" inherit_id="website.s_image_text_overlap">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc4" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_intro_pill.xml b/theme_artists/views/snippets/s_intro_pill.xml
new file mode 100644
index 0000000000..bb201f1eaf
--- /dev/null
+++ b/theme_artists/views/snippets/s_intro_pill.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_intro_pill" inherit_id="website.s_intro_pill">
+    <!-- Bg Image -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5 pt56 pb56" remove="pt40 pb40" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_key_benefits.xml b/theme_artists/views/snippets/s_key_benefits.xml
index 47b6c01af5..800b331fda 100644
--- a/theme_artists/views/snippets/s_key_benefits.xml
+++ b/theme_artists/views/snippets/s_key_benefits.xml
@@ -2,6 +2,10 @@
 <odoo>
 
 <template id="s_key_benefits" inherit_id="website.s_key_benefits">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5 pt56 pb56" remove="pt48 pb48" separator=" "/>
+    </xpath>
     <!-- Titles -->
     <xpath expr="(//h3)[1]" position="replace" mode="inner">
         Bespoke Art Creations
diff --git a/theme_artists/views/snippets/s_kickoff.xml b/theme_artists/views/snippets/s_kickoff.xml
new file mode 100644
index 0000000000..f9d4b3f659
--- /dev/null
+++ b/theme_artists/views/snippets/s_kickoff.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_kickoff" inherit_id="website.s_kickoff">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="data-oe-shape-data">{'shape': 'web_editor/Origins/14_001', 'colors': {'c3': 'o-color-5', 'c4': 'rgba(255, 0, 0, 0)'}, 'flip': [], 'showOnMobile': false}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
+        <attribute name="style">background-image: url('/web_editor/shape/web_editor/Origins/14_001.svg?c3=o-color-5&amp;c4=rgba(255, 0, 0, 0.04)');</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_masonry_block.xml b/theme_artists/views/snippets/s_masonry_block.xml
new file mode 100644
index 0000000000..d8ebf5d615
--- /dev/null
+++ b/theme_artists/views/snippets/s_masonry_block.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_masonry_block" inherit_id="website.s_masonry_block">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_mockup_image.xml b/theme_artists/views/snippets/s_mockup_image.xml
new file mode 100644
index 0000000000..0d504e77ca
--- /dev/null
+++ b/theme_artists/views/snippets/s_mockup_image.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_mockup_image" inherit_id="website.s_mockup_image">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
+        <attribute name="data-oe-shape-data"/>
+    </xpath>
+    <!-- Image -->
+    <xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_motto.xml b/theme_artists/views/snippets/s_motto.xml
new file mode 100644
index 0000000000..84c1b93a75
--- /dev/null
+++ b/theme_artists/views/snippets/s_motto.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_motto" inherit_id="website.s_motto">
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
+        <attribute name="data-oe-shape-data"/>
+    </xpath>
+    <xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_numbers_charts.xml b/theme_artists/views/snippets/s_numbers_charts.xml
new file mode 100644
index 0000000000..d2ea98efc0
--- /dev/null
+++ b/theme_artists/views/snippets/s_numbers_charts.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_charts" inherit_id="website.s_numbers_charts">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <!-- Chart card -->
+    <xpath expr="//div[hasclass('o_grid_item')]" position="attributes">
+        <attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
+    </xpath>
+    <!-- Progress bars -->
+    <xpath expr="//div[hasclass('progress-bar')]" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-o-color-2" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('progress-bar')])[2]" position="attributes">
+        <attribute name="class" add="bg-o-color-1" remove="bg-o-color-2" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('s_chart')])" position="attributes">
+        <attribute name="data-data">{"labels":["First","Second"],"datasets":[{"label":"One","data":["25","75"],"backgroundColor":["o-color-1","o-color-2"],"borderColor":["",""]}]}</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_numbers_list.xml b/theme_artists/views/snippets/s_numbers_list.xml
new file mode 100644
index 0000000000..9154b51cc5
--- /dev/null
+++ b/theme_artists/views/snippets/s_numbers_list.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_list" inherit_id="website.s_numbers_list">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_opening_hours.xml b/theme_artists/views/snippets/s_opening_hours.xml
new file mode 100644
index 0000000000..35798e9094
--- /dev/null
+++ b/theme_artists/views/snippets/s_opening_hours.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_opening_hours" inherit_id="website.s_opening_hours">
+    <xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('o_grid_item')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('o_grid_item')][4]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('o_grid_item')][5]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_pricelist_cafe.xml b/theme_artists/views/snippets/s_pricelist_cafe.xml
new file mode 100644
index 0000000000..efacbf5b2c
--- /dev/null
+++ b/theme_artists/views/snippets/s_pricelist_cafe.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_pricelist_cafe" inherit_id="website.s_pricelist_cafe">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc4" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('s_pricelist_cafe_col')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_process_steps.xml b/theme_artists/views/snippets/s_process_steps.xml
new file mode 100644
index 0000000000..1408a4ec49
--- /dev/null
+++ b/theme_artists/views/snippets/s_process_steps.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_process_steps" inherit_id="website.s_process_steps">
+    <!-- Layout -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_references.xml b/theme_artists/views/snippets/s_references.xml
new file mode 100644
index 0000000000..36f7615c69
--- /dev/null
+++ b/theme_artists/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_cc4" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_references_grid.xml b/theme_artists/views/snippets/s_references_grid.xml
new file mode 100644
index 0000000000..b9165496cb
--- /dev/null
+++ b/theme_artists/views/snippets/s_references_grid.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_references_grid" inherit_id="website.s_references_grid">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_references_social.xml b/theme_artists/views/snippets/s_references_social.xml
new file mode 100644
index 0000000000..01d417a9c9
--- /dev/null
+++ b/theme_artists/views/snippets/s_references_social.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_references_social" inherit_id="website.s_references_social">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_searchbar.xml b/theme_artists/views/snippets/s_searchbar.xml
new file mode 100644
index 0000000000..91b5c6748c
--- /dev/null
+++ b/theme_artists/views/snippets/s_searchbar.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_searchbar" inherit_id="website.s_searchbar">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_showcase.xml b/theme_artists/views/snippets/s_showcase.xml
new file mode 100644
index 0000000000..15b97592ee
--- /dev/null
+++ b/theme_artists/views/snippets/s_showcase.xml
@@ -0,0 +1,12 @@
+<?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=" "/>
+    </xpath>
+
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_striped.xml b/theme_artists/views/snippets/s_striped.xml
new file mode 100644
index 0000000000..43c3e156a0
--- /dev/null
+++ b/theme_artists/views/snippets/s_striped.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_striped" inherit_id="website.s_striped">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/04_001','colors':{'c3': 'o-color-1'},'flip':['y'], 'showOnMobile':true}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
+        <attribute name="style">background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-1&amp;flip=y'); background-position: 50% 100%;</attribute>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_striped_center_top.xml b/theme_artists/views/snippets/s_striped_center_top.xml
index 5eb99da9a3..6b9ad1ebdb 100644
--- a/theme_artists/views/snippets/s_striped_center_top.xml
+++ b/theme_artists/views/snippets/s_striped_center_top.xml
@@ -2,6 +2,14 @@
 <odoo>
 
 <template id="s_striped_center_top" inherit_id="website.s_striped_center_top">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/04_001','colors':{'c3': 'o-color-1'},'flip':['y'], 'showOnMobile':true}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
+        <attribute name="style">background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-1&amp;flip=y'); background-position: 50% 100%;</attribute>
+    </xpath>
     <!-- Title -->
     <xpath expr="//h1" position="replace" mode="inner">
         Unleash Your Creative
diff --git a/theme_artists/views/snippets/s_striped_top.xml b/theme_artists/views/snippets/s_striped_top.xml
index a34db5e7df..72d59c83b1 100644
--- a/theme_artists/views/snippets/s_striped_top.xml
+++ b/theme_artists/views/snippets/s_striped_top.xml
@@ -2,6 +2,14 @@
 <odoo>
 
 <template id="s_striped_top" inherit_id="website.s_striped_top">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/04_001','colors':{'c3': 'o-color-1'},'flip':['y'], 'showOnMobile':true}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
+        <attribute name="style">background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-1&amp;flip=y'); background-position: 50% 100%;</attribute>
+    </xpath>
     <!-- Title -->
     <xpath expr="//h1" position="attributes">
         <attribute name="class" add="h2-fs" separator=" "/>
diff --git a/theme_artists/views/snippets/s_table_of_content.xml b/theme_artists/views/snippets/s_table_of_content.xml
new file mode 100644
index 0000000000..529a0e3fd7
--- /dev/null
+++ b/theme_artists/views/snippets/s_table_of_content.xml
@@ -0,0 +1,14 @@
+<?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_cc5" remove="o_cc1" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('s_table_of_content_navbar_wrap')]" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_text_block.xml b/theme_artists/views/snippets/s_text_block.xml
new file mode 100644
index 0000000000..b1ed287581
--- /dev/null
+++ b/theme_artists/views/snippets/s_text_block.xml
@@ -0,0 +1,11 @@
+<?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_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_three_columns.xml b/theme_artists/views/snippets/s_three_columns.xml
index f3aceb46cf..de0310727f 100644
--- a/theme_artists/views/snippets/s_three_columns.xml
+++ b/theme_artists/views/snippets/s_three_columns.xml
@@ -11,6 +11,9 @@
         <attribute name="class" add="shadow" separator=" "/>
         <attribute name="style" add="border-width: 0px !important;" separator=";"/>
     </xpath>
+    <xpath expr="//div[hasclass('s_card')]" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
+    </xpath>
     <!-- Column #1 - Title -->
     <xpath expr="//div[hasclass('card-body')]//h5" position="replace" mode="inner">
         My artistic process
@@ -28,6 +31,9 @@
         <attribute name="class" add="shadow" separator=" "/>
         <attribute name="style" add="border-width: 0px !important;" separator=";"/>
     </xpath>
+    <xpath expr="(//div[hasclass('s_card')])[2]" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
+    </xpath>
     <!-- Column #2 - Title -->
     <xpath expr="(//div[hasclass('card-body')])[2]//h5" position="replace" mode="inner">
         My work
@@ -45,6 +51,9 @@
         <attribute name="class" add="shadow" separator=" "/>
         <attribute name="style" add="border-width: 0px !important;" separator=";"/>
     </xpath>
+    <xpath expr="(//div[hasclass('s_card')])[3]" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
+    </xpath>
     <!-- Column #3 - Title -->
     <xpath expr="(//div[hasclass('card-body')])[3]//h5" position="replace" mode="inner">
         About me
diff --git a/theme_artists/views/snippets/s_timeline.xml b/theme_artists/views/snippets/s_timeline.xml
new file mode 100644
index 0000000000..cf472c3852
--- /dev/null
+++ b/theme_artists/views/snippets/s_timeline.xml
@@ -0,0 +1,25 @@
+<?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_cc5" separator=" "/>
+    </xpath>
+
+    <!-- Cards -->
+    <xpath expr="//div[hasclass('s_timeline_card')]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('s_timeline_card')])[2]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('s_timeline_card')])[3]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('s_timeline_card')])[4]" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_timeline_list.xml b/theme_artists/views/snippets/s_timeline_list.xml
new file mode 100644
index 0000000000..8a0c53b3d7
--- /dev/null
+++ b/theme_artists/views/snippets/s_timeline_list.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_timeline_list" inherit_id="website.s_timeline_list">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_title_form.xml b/theme_artists/views/snippets/s_title_form.xml
new file mode 100644
index 0000000000..cd51dcccd9
--- /dev/null
+++ b/theme_artists/views/snippets/s_title_form.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_title_form" inherit_id="website.s_title_form">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_unveil.xml b/theme_artists/views/snippets/s_unveil.xml
new file mode 100644
index 0000000000..105c056ac3
--- /dev/null
+++ b/theme_artists/views/snippets/s_unveil.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_unveil" inherit_id="website.s_unveil">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/views/snippets/s_wavy_grid.xml b/theme_artists/views/snippets/s_wavy_grid.xml
index d356a99174..1431e03fab 100644
--- a/theme_artists/views/snippets/s_wavy_grid.xml
+++ b/theme_artists/views/snippets/s_wavy_grid.xml
@@ -4,12 +4,10 @@
 <template id="s_wavy_grid" inherit_id="website.s_wavy_grid">
     <!-- Layout -->
     <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Floats/12','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
+        <attribute name="data-oe-shape-data"/>
         <attribute name="class" add="o_cc o_cc5" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Floats_12 o_we_animated"/>
-    </xpath>
+    <xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
 
     <!-- Texts -->
     <xpath expr="//h2" position="replace" mode="inner">