[IMP] theme_cobalt: update the theme

This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.

task-2614510

X-original-commit: 00982a6616
Part-of: odoo/design-themes#501

theme_cobalt/__manifest__.py

@@ -16,6 +16,14 @@
         'static/description/cobalt_poster.jpg',
         'static/description/cobalt_screenshot.jpg',
     ],
+    'images_preview_theme': {
+        'website.library_image_03': '/theme_cobalt/static/src/img/pictures/s_image_1.jpg',
+        'website.library_image_14': '/theme_cobalt/static/src/img/pictures/s_image_6.jpg',
+        'website.library_image_10': '/theme_cobalt/static/src/img/pictures/s_image_4.jpg',
+        'website.library_image_13': '/theme_cobalt/static/src/img/pictures/s_image_2.jpg',
+        'website.library_image_16': '/theme_cobalt/static/src/img/pictures/s_image_3.jpg',
+        'website.library_image_05': '/theme_cobalt/static/src/img/pictures/s_image_5.jpg',
+    },
     'license': 'LGPL-3',
     'live_test_url': 'https://theme-cobalt.odoo.com',
     'assets': {

theme_cobalt/data/ir_asset.xml

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

theme_cobalt/static/src/js/tour.js

@@ -1,16 +1,11 @@
-odoo.define("theme_cobalt.tour.cobalt", function (require) {
+/** @odoo-module */
-"use strict";
 
-const core = require("web.core");
+import wTourUtils from 'website.tour_utils';
-const _t = core._t;
-
-const wTourUtils = require("website.tour_utils");
-var tour = require("web_tour.tour");
 
 const snippets = [
     {
-        id: 's_text_image',
+        id: 's_banner',
-        name: 'Image - Text',
+        name: 'Banner',
     },
     {
         id: 's_references',
@@ -21,12 +16,16 @@ const snippets = [
         name: 'Text - Image',
     },
     {
-        id: 's_three_columns',
+        id: 's_color_blocks_2',
-        name: 'Columns',
+        name: 'Big Boxes',
     },
     {
-        id: 's_picture',
+        id: 's_title',
-        name: 'Picture',
+        name: 'Title',
+    },
+    {
+        id: 's_image_gallery',
+        name: 'Images Wall',
     },
 ];
 
@@ -41,8 +40,6 @@ wTourUtils.registerThemeHomepageTour("cobalt_tour", [
     wTourUtils.dragNDrop(snippets[3]),
 
     wTourUtils.dragNDrop(snippets[4]),
-    wTourUtils.clickOnSnippet(snippets[4], 'top'),
+    wTourUtils.dragNDrop(snippets[5]),
-    wTourUtils.changeOption('BackgroundShape', 'we-toggler', _t('Background Shape')),
+
-    wTourUtils.selectNested('we-select-page', 'BackgroundShape', ':not(.o_we_pager_controls)', _t('Background Shape')),
 ]);
-});

theme_cobalt/static/src/scss/primary_variables.scss

@@ -2,11 +2,11 @@
 // Fonts
 //------------------------------------------------------------------------------
 
-$o-theme-h1-font-size-multiplier: (48.83 / 16);
+$o-theme-h1-font-size-multiplier: (62 / 16);
-$o-theme-h2-font-size-multiplier: (39.06 / 16);
+$o-theme-h2-font-size-multiplier: (48 / 16);
-$o-theme-h3-font-size-multiplier: (31.25 / 16);
+$o-theme-h3-font-size-multiplier: (32 / 16);
-$o-theme-h4-font-size-multiplier: (25.00 / 16);
+$o-theme-h4-font-size-multiplier: (24 / 16);
-$o-theme-h5-font-size-multiplier: (20.00 / 16);
+$o-theme-h5-font-size-multiplier: (20 / 16);
 $o-theme-h6-font-size-multiplier: 1.1;
 
 $o-theme-font-configs: (
@@ -35,20 +35,12 @@ $o-website-values-palettes: (
         'navbar-font': 'Inter',
         'buttons-font': 'Inter',
 
-        'font-size-base': (14 / 16) * 1rem,
-        'header-font-size': (14 / 16) * 1rem,
-
         'hamburger-type': 'off-canvas',
         'menu-box-shadow': false,
 
         'btn-ripple': true,
         'btn-secondary-outline': true,
-        'btn-font-size': (14 / 16) * 1rem,
         'btn-border-radius': 2px,
-
-        'btn-font-size-lg': (12 / 16) * 1rem,
-        'btn-padding-y-lg': 1rem,
-        'btn-padding-x-lg': 3.3rem,
     ),
 );
 
@@ -78,7 +70,9 @@ $o-color-palettes-compatibility-indexes: (
 //------------------------------------------------------------------------------
 // Shapes
 //------------------------------------------------------------------------------
-
+// Keep for compatibility
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/03', (2: 2));
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Bold/01', (2: 2));
 $o-bg-shapes: add-footer-shape-colors-mapping('web_editor', 'Bold/01', (2: 'footer'));
+// New
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/11_001', (3: 1));

theme_cobalt/views/customizations.xml

@@ -1,42 +1,44 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
 
-<!-- General Components, Layout -->
-
-<!-- ==== Headers ===== -->
-<template id="header_shadow" inherit_id="website.template_header_default" name="Cobalt Header Shadow">
-    <xpath expr="//t[@t-set='_navbar_classes']" position="attributes">
-        <attribute name="t-valuef" remove="shadow-sm" separator=" "/>
-    </xpath>
-</template>
-
-
-<!-- Snippets -->
-
 <!-- ==== Banner ===== -->
 <template id="s_banner" inherit_id="website.s_banner" name="Cobalt s_banner">
+    <!-- Content -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pt152 pb152 o_half_screen_height" remove="pt96 pb96" separator=" "/>
+        <attribute name="class" add="o_cc o_cc2 pt152 pb128" remove="parallax pt96 pb96" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/11_001","flip":["y"]}</attribute>
+    </xpath>
+    <xpath expr="//section/div" position="before">
+        <div class="o_we_shape o_web_editor_Origins_11_001 o_we_flip_y"/>
     </xpath>
     <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="offset-lg-6 p-5 shadow-lg rounded" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" remove="jumbotron rounded pt32 pb32 o_cc o_cc1" separator=" "/>
     </xpath>
-    <xpath expr="//h1" position="replace">
+    <!-- Image -->
-        <h1>Reach more People.<br/>Grow your Business.</h1><br/>
+    <xpath expr="//div[hasclass('col-lg-6')]" position="after">
+        <div class="pt16 pb16 o_colored_level col-lg-5 offset-lg-1">
+            <img src="/web_editor/shape/theme_cobalt/s_banner.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
+        </div>
+    </xpath>
+    <!-- Content -->
+    <xpath expr="//h1" position="replace" mode="inner">
+        The ultimate marketing platform for brands
     </xpath>
     <xpath expr="//p" position="replace">
         <p class="lead">Building game-changing digital experiences designed to set your brand apart.</p>
+        <p><br/></p>
     </xpath>
-    <xpath expr="//a" position="before">
+    <xpath expr="//t[@t-esc='cta_btn_text']" position="replace" mode="inner">
-        <br/>
+        Start now
     </xpath>
-    <xpath expr="//t[@t-esc='cta_btn_text']" position="replace">
+    <xpath expr="//a" position="attributes">
-        <t t-esc="cta_btn_text">Start now</t>
+        <attribute name="class" add="btn-lg flat" separator=" "/>
     </xpath>
 </template>
 
 <!-- ==== Image-Text ===== -->
 <template id="s_image_text" inherit_id="website.s_image_text" name="Cobalt s_image_text">
+    <!-- Section -->
     <xpath expr="//section" position="attributes">
         <attribute name="class" add="pt152 pb128" remove="pt32 pb32" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/03","flip":[]}</attribute>
@@ -45,35 +47,38 @@
     <xpath expr="//section/div" position="before">
         <div class="o_we_shape o_web_editor_Blobs_03"/>
     </xpath>
-
+    <!-- Layout -->
     <xpath expr="//div[hasclass('col-lg-6')][2]" position="attributes">
         <attribute name="class" add="col-lg-5 offset-lg-1" remove="col-lg-6" separator=" "/>
     </xpath>
-
+    <!-- Image -->
-    <xpath expr="//h2" position="replace">
+    <xpath expr="//img" position="replace">
-        <h1>Digital strategy synchronising multiple channels</h1><br/>
+        <img src="/web_editor/shape/theme_cobalt/s_image_text.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
     </xpath>
-
+    <!-- Content -->
-    <xpath expr="//p" position="replace">
+    <xpath expr="//h2" position="replace" mode="inner">
-        <p>We create a consistent customer experience through a detailed digital strategy built on precise customer research.</p>
+        Strategy synchronising multiple channels
+    </xpath>
+    <xpath expr="//p" position="replace" mode="inner">
+        We create a consistent customer experience through a detailed digital strategy built on precise customer research.
     </xpath>
-
     <xpath expr="//p[last()-1]" position="replace"/>
-
     <xpath expr="//a[hasclass('btn')]" position="replace"/>
 </template>
 
 <!-- ==== Text-Image ===== -->
 <template id="s_text_image" inherit_id="website.s_text_image" name="Cobalt s_text_image">
+    <!-- Section -->
     <xpath expr="//section" position="attributes">
         <attribute name="class" add="pt80 pb88" remove="pt32 pb32" separator=" "/>
     </xpath>
-
+    <!-- Content -->
-    <xpath expr="//h2" position="replace">
+    <xpath expr="//h2" position="replace" mode="inner">
-        <h2>What we can do, <b>for you</b></h2>
+        What we can do, <b>for you</b><br/>
-        <br/>
+    </xpath>
+    <xpath expr="//img" position="replace">
+            <img src="/web_editor/shape/theme_cobalt/s_text_image.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
     </xpath>
-
     <xpath expr="//p" position="replace"/>
     <xpath expr="//p" position="replace">
         <h5>Digital Transformation</h5>
@@ -82,20 +87,23 @@
         <h5>Web &amp; App Development</h5>
         <p>We have collected solid experience in building native and cross-platform mobile applications and websites. Check our portfolio from clients around the world.</p>
         <br/>
-        <h5>Marketing Promotion &amp; Strategy</h5>
-        <p>We’ll build with you a clear promotion strategy. Thus, you’ll have an actionable plan to influence people about your business, generate more leads, and boost customer engagement.</p>
-        <br/>
     </xpath>
-
     <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
         <attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
     </xpath>
     <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
         <attribute name="class" add="col-lg-7" remove="col-lg-6" separator=" "/>
     </xpath>
+    <xpath expr="//a[hasclass('btn')]" position="replace"/>
+</template>
 
-    <xpath expr="//a[hasclass('btn')]" position="replace">
+<!-- ======== TITLE ======== -->
-        <a href="#" class="btn btn-secondary btn-lg mb-2">DISCOVER MORE</a>
+<template id="s_title" inherit_id="website.s_title" name="Cobalt s_title">
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="pt56" remove="pt40" separator=" "/>
+    </xpath>
+    <xpath expr="//h1" position="replace" mode="inner">
+        Projects
     </xpath>
 </template>
 
@@ -120,9 +128,8 @@
 <!-- ==== References ===== -->
 <template id="s_references" inherit_id="website.s_references" name="Cobalt s_references">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc2" remove="pt48 pb32" separator=" "/>
+        <attribute name="class" add="o_cc o_cc1" remove="pt48 pb32" separator=" "/>
     </xpath>
-
     <xpath expr="//h2" position="replace"/>
     <xpath expr="//p" position="replace"/>
 </template>
@@ -140,87 +147,103 @@
         <h2 style="text-align: center;">Latest projects</h2>
         <p/>
     </xpath>
-    <xpath expr="//div[hasclass('row')]/div/div" position="replace">
-        <img class="d-block img-fluid figure-img rounded shadow-lg" src="/web/image/website.s_three_columns_default_image_1" alt="s_three_columns_1"/>
-        <h5>Hey Balàzs!</h5>
-        <p>This minimalist weather application was created to be multi-platform. It’s available for iPhone or Android phones.</p>
-        <a href="#" class="btn btn-secondary mb-2">READ MORE</a>
-    </xpath>
-    <xpath expr="//div[hasclass('row')]/div[2]/div" position="replace">
-        <img class="d-block img-fluid figure-img rounded shadow-lg" src="/web/image/website.s_three_columns_default_image_2" alt="s_three_columns_2"/>
-        <h5>Frank Clothes eCommerce</h5>
-        <p>We wanted to propose a friendly shopping experience for the fans of Frank Clothes. Read more how we developed it.</p>
-        <a href="#" class="btn btn-secondary mb-2">READ MORE</a>
-    </xpath>
-    <xpath expr="//div[hasclass('row')]/div[3]/div" position="replace">
-        <img class="d-block img-fluid figure-img rounded shadow-lg" src="/web/image/website.s_three_columns_default_image_3" alt="s_three_columns_3"/>
-        <h5>Earthquake Monitor</h5>
-        <p>We developed this application to  help the population of Goma living under the threat of a volcano.Now it’s available for every area.</p>
-        <a href="#" class="btn btn-secondary mb-2">READ MORE</a>
-    </xpath>
 </template>
 
 <!-- ==== Call To Action ===== -->
 <template id="s_call_to_action" inherit_id="website.s_call_to_action" name="Cobalt s_call_to_action">
-    <xpath expr="//t[@t-esc='cta_btn_text']" position="replace">
+    <xpath expr="//t[@t-esc='cta_btn_text']" position="replace" mode="inner">
-        <t t-esc="cta_btn_text and cta_btn_text.upper()">START NOW</t>
+        START NOW
     </xpath>
 </template>
 
-
 <!-- ==== Picture ===== -->
 <template id="s_picture" inherit_id="website.s_picture" name="Cobalt s_picture">
     <xpath expr="//section" position="attributes">
         <attribute name="class" add="bg-o-color-3 pt72 overflow-hidden" remove="o_cc o_cc2 pt48" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/01","flip":["y"]}</attribute>
     </xpath>
-
     <xpath expr="//section/div" position="before">
         <div class="o_we_shape o_web_editor_Bold_01 o_we_flip_y"></div>
     </xpath>
-
     <xpath expr="//div[hasclass('container')]" position="attributes">
         <attribute name="class" add="container-fluid px-5 px-lg-0" remove="container" separator=" "/>
     </xpath>
-
-    <xpath expr="//h2" position="replace"/>
-    <xpath expr="//p" position="replace"/>
-    <xpath expr="//p" position="replace"/>
-
     <xpath expr="//img" position="attributes">
         <attribute name="class" add="img-fluid" remove="img-thumbnail padding-large" separator=" "/>
     </xpath>
-
     <xpath expr="//figcaption" position="replace">
-        <figcaption class="text-400"><em>Our offices in Dhaka</em></figcaption>
+        <figcaption class="text-400"><em>Our office in Dhaka</em></figcaption>
+    </xpath>
+</template>
+
+<!-- ==== Images Gallery ===== -->
+ <template id="s_image_gallery" inherit_id="website.s_image_gallery">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="s_image_gallery_cover" separator=" "/>
+    </xpath>
+</template>
+
+<!-- ==== Images Wall ===== -->
+<template id="s_images_wall" inherit_id="website.s_images_wall">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="pb64" remove="pb24" separator=" "/>
+    </xpath>
+    <!-- Delete 3rd col -->
+    <xpath expr="(//div[hasclass('col-lg-4')])[last()]" position="replace"/>
+    <!-- Switch to col-4-->
+    <xpath expr="//div[hasclass('col-lg-4')]" position="attributes">
+        <attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
+    </xpath>
+    <!-- Add one more row of images -->
+    <xpath expr="//div[hasclass('col-lg-6')]/img" position="after">
+        <img class="img img-fluid d-block" src="/web/image/website.library_image_14" data-index="1" data-name="Image"/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-6')][2]/img" position="after">
+        <img class="img img-fluid d-block" src="/web/image/website.library_image_16" data-index="1" data-name="Image"/>
+    </xpath>
+</template>
+
+<!-- ======== BIG BOXES ======== -->
+<template id="s_color_blocks_2" inherit_id="website.s_color_blocks_2" name="Cobalt s_color_blocks_2">
+    <!-- Left column -->
+    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc3" separator=" "/>
+        <attribute name="style" add="background-image: linear-gradient(135deg, var(--o-color-2) 0%, var(--o-color-1) 100%);" separator=";"/>
+    </xpath>
+    <!-- Left column - Icon -->
+    <xpath expr="//div[hasclass('col-lg-6')]//i" position="replace"/>
+    <!-- Left column - Text -->
+    <xpath expr="//div[hasclass('col-lg-6')]//p" position="replace"/>
+    <!-- Left column - Title -->
+    <xpath expr="//div[hasclass('col-lg-6')][1]//h2" position="replace" mode="inner">
+        Are you a startup or a seasoned company looking for a new brand identity?
+    </xpath>
+    <!-- Left column - Button -->
+    <xpath expr="//div[hasclass('col-lg-6')]//a[hasclass('btn')]" position="attributes">
+        <attribute name="class" add="btn-lg flat" separator=" "/>
     </xpath>
 
-    <xpath expr="//div[hasclass('row')]/div" position="before">
+    <!-- Right column -->
-        <div class="col offset-lg-2">
+    <xpath expr="//div[hasclass('col-lg-6')][2]" position="attributes">
-            <h2>Our Offices</h2>
+        <attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
-            <p/>
+        <attribute name="style" add="background-image: linear-gradient(315deg, var(--o-color-2) 0%, var(--o-color-1) 100%);" separator=";"/>
-            <div class="row">
-                <div class="col-6 pt24 bg-white-75">
-                    <h5>Dhaka</h5>
-                    <p>This is our headquarter. That’s where, we’re building the strategy of the company.</p>
-                    <br/>
-                    <h5>Calgary</h5>
-                    <p>Opened in 2011, this office holds the Sales team for Americas and is composed of 100 people.</p>
-                </div>
-                <div class="col-6 pt24 bg-white-75">
-                    <h5>Abu Dhabi</h5>
-                    <p>R&amp;D department. Where the magic happens. We’re recruiting devs, so contact us.</p>
-                    <br/>
-                    <h5>Hong Kong</h5>
-                    <p>Our first step in Asia, opened in 2020. Holds Sales and Services department.</p>
-                </div>
-            </div>
-        </div>
     </xpath>
-
+    <!-- Right column - Filter -->
-    <xpath expr="//div[hasclass('offset-lg-1')]" position="attributes">
+    <xpath expr="//div[hasclass('col-lg-6')][2]//i" position="replace"/>
-        <attribute name="class" add="col-lg-6 px-0" remove="col-lg-10" separator=" "/>
+    <!-- Right column - Title -->
-        <attribute name="style" remove="text-align: center;" separator=";"/>
+    <xpath expr="//div[hasclass('col-lg-6')][2]//h2" position="replace" mode="inner">
+        Are you an established brand looking for ongoing creative services?
+    </xpath>
+    <!-- Right column - Text -->
+    <xpath expr="//div[hasclass('col-lg-6')][2]//p" position="replace"/>
+    <!-- Right column - Button -->
+    <xpath expr="//div[hasclass('col-lg-6')][2]//a[hasclass('btn')]" position="attributes">
+        <attribute name="class" add="btn-lg flat" separator=" "/>
     </xpath>
 </template>
 

theme_cobalt/views/images.xml

@@ -1,204 +1,234 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
 
-    <!-- ======== Change default snippets images ======== -->
+<!-- ======== Change default snippets images ======== -->
-    <!-- Cover -->
+<!-- Cover -->
-    <record id="s_cover_default_image" model="theme.ir.attachment">
+<record id="s_cover_default_image" model="theme.ir.attachment">
-        <field name="key">website.s_cover_default_image</field>
+    <field name="key">website.s_cover_default_image</field>
-        <field name="name">website.s_cover_default_image</field>
+    <field name="name">website.s_cover_default_image</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_cover.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_cover.jpg</field>
-    </record>
+</record>
 
-    <!-- Banner -->
+<!-- Banner -->
-    <record id="s_banner_default_image" model="theme.ir.attachment">
+<record id="s_banner_default_image" model="theme.ir.attachment">
-        <field name="key">website.s_banner_default_image</field>
+    <field name="key">website.s_banner_default_image</field>
-        <field name="name">website.s_banner_default_image</field>
+    <field name="name">website.s_banner_default_image</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_banner.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_banner.jpg</field>
-    </record>
+</record>
 
-    <!-- Text - Image -->
+<!-- (Big) Picture -->
-    <record id="s_text_image_default_image" model="theme.ir.attachment">
+<record id="s_picture_default_image" model="theme.ir.attachment">
-        <field name="key">website.s_text_image_default_image</field>
+    <field name="key">website.s_picture_default_image</field>
-        <field name="name">website.s_text_image_default_image</field>
+    <field name="name">website.s_picture_default_image</field>
-        <field name="url">/theme_cobalt/static/src/img/illustrations/s_text_image_default_image.svg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_picture.jpg</field>
-    </record>
+</record>
 
-    <!-- Image - Text -->
+<!-- Columns -->
-    <record id="s_image_text_default_image" model="theme.ir.attachment">
+<record id="library_image_11" model="theme.ir.attachment">
-        <field name="key">website.s_image_text_default_image</field>
+    <field name="key">website.library_image_11</field>
-        <field name="name">website.s_image_text_default_image</field>
+    <field name="name">website.library_image_11</field>
-        <field name="url">/theme_cobalt/static/src/img/illustrations/s_image_text_default_image.svg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_three_columns_1.jpg</field>
-    </record>
+</record>
+<record id="s_three_columns_default_image_2" model="theme.ir.attachment">
+    <field name="key">s_three_columns_default_image_2</field>
+    <field name="name">s_three_columns_default_image_2</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_three_columns_2.jpg</field>
+</record>
+<record id="library_image_07" model="theme.ir.attachment">
+    <field name="key">website.library_image_07</field>
+    <field name="name">website.library_image_07</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_three_columns_3.jpg</field>
+</record>
 
-    <!-- (Big) Picture -->
+<!-- Masonry Blocks -->
-    <record id="s_picture_default_image" model="theme.ir.attachment">
+<record id="s_masonry_block_default_image_1" model="theme.ir.attachment">
-        <field name="key">website.s_picture_default_image</field>
+    <field name="key">website.s_masonry_block_default_image_1</field>
-        <field name="name">website.s_picture_default_image</field>
+    <field name="name">website.s_masonry_block_default_image_1</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_picture.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_masonry_block_1.jpg</field>
-    </record>
+</record>
 
-    <!-- Columns -->
+<!-- Carousel Blocks -->
-    <record id="library_image_11" model="theme.ir.attachment">
+<record id="s_carousel_default_image_1" model="theme.ir.attachment">
-        <field name="key">website.library_image_11</field>
+    <field name="key">website.s_carousel_default_image_1</field>
-        <field name="name">website.library_image_11</field>
+    <field name="name">website.s_carousel_default_image_1</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_three_columns_1.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_1.jpg</field>
-    </record>
+</record>
-    <record id="library_image_13" model="theme.ir.attachment">
+<record id="s_carousel_default_image_2" model="theme.ir.attachment">
-        <field name="key">website.library_image_13</field>
+    <field name="key">website.s_carousel_default_image_2</field>
-        <field name="name">website.library_image_13</field>
+    <field name="name">website.s_carousel_default_image_2</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_three_columns_2.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_2.jpg</field>
-    </record>
+</record>
-    <record id="library_image_07" model="theme.ir.attachment">
+<record id="s_carousel_default_image_3" model="theme.ir.attachment">
-        <field name="key">website.library_image_07</field>
+    <field name="key">website.s_carousel_default_image_3</field>
-        <field name="name">website.library_image_07</field>
+    <field name="name">website.s_carousel_default_image_3</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_three_columns_3.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_3.jpg</field>
-    </record>
+</record>
 
-    <!-- Masonry Blocks -->
+<!-- Parallax -->
-    <record id="s_masonry_block_default_image_1" model="theme.ir.attachment">
+<record id="s_parallax_default_image" model="theme.ir.attachment">
-        <field name="key">website.s_masonry_block_default_image_1</field>
+    <field name="key">website.s_parallax_default_image</field>
-        <field name="name">website.s_masonry_block_default_image_1</field>
+    <field name="name">website.s_parallax_default_image</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_masonry_block_1.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_parallax.jpg</field>
-    </record>
+</record>
 
-    <!-- Carousel Blocks -->
+<!-- Team Snippet -->
-    <record id="s_carousel_default_image_1" model="theme.ir.attachment">
+<record id="s_company_team_image_1" model="theme.ir.attachment">
-        <field name="key">website.s_carousel_default_image_1</field>
+    <field name="key">website.s_company_team_image_1</field>
-        <field name="name">website.s_carousel_default_image_1</field>
+    <field name="name">website.s_company_team_image_1</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_1.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_1.jpg</field>
-    </record>
+</record>
-    <record id="s_carousel_default_image_2" model="theme.ir.attachment">
+<record id="s_company_team_image_2" model="theme.ir.attachment">
-        <field name="key">website.s_carousel_default_image_2</field>
+    <field name="key">website.s_company_team_image_2</field>
-        <field name="name">website.s_carousel_default_image_2</field>
+    <field name="name">website.s_company_team_image_2</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_2.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_2.jpg</field>
-    </record>
+</record>
-    <record id="s_carousel_default_image_3" model="theme.ir.attachment">
+<record id="s_company_team_image_3" model="theme.ir.attachment">
-        <field name="key">website.s_carousel_default_image_3</field>
+    <field name="key">website.s_company_team_image_3</field>
-        <field name="name">website.s_carousel_default_image_3</field>
+    <field name="name">website.s_company_team_image_3</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_3.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_3.jpg</field>
-    </record>
+</record>
+<record id="s_company_team_image_4" model="theme.ir.attachment">
+    <field name="key">website.s_company_team_image_4</field>
+    <field name="name">website.s_company_team_image_4</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_4.jpg</field>
+</record>
 
-    <!-- Parallax -->
+<!-- Quotes Carousel -->
-    <record id="s_parallax_default_image" model="theme.ir.attachment">
+<!-- Avatar 1 -->
-        <field name="key">website.s_parallax_default_image</field>
+<record id="s_quotes_carousel_demo_image_3" model="theme.ir.attachment">
-        <field name="name">website.s_parallax_default_image</field>
+    <field name="key">website.s_quotes_carousel_demo_image_3</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_parallax.jpg</field>
+    <field name="name">website.s_quotes_carousel_demo_image_3</field>
-    </record>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_4.jpg</field>
+</record>
+<!-- Avatar 2 -->
+<record id="s_quotes_carousel_demo_image_4" model="theme.ir.attachment">
+    <field name="key">website.s_quotes_carousel_demo_image_4</field>
+    <field name="name">website.s_quotes_carousel_demo_image_4</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_2.jpg</field>
+</record>
+<!-- BG 2 -->
+<record id="s_quotes_carousel_demo_image_1" model="theme.ir.attachment">
+    <field name="key">website.s_quotes_carousel_demo_image_1</field>
+    <field name="name">website.s_quotes_carousel_demo_image_1</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_quotes_carousel_bg_slide2.jpg</field>
+</record>
+<!-- Avatar 3 -->
+<record id="s_quotes_carousel_demo_image_5" model="theme.ir.attachment">
+    <field name="key">website.s_quotes_carousel_demo_image_5</field>
+    <field name="name">website.s_quotes_carousel_demo_image_5</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_3.jpg</field>
+</record>
+<!-- BG 3 -->
+<record id="s_quotes_carousel_demo_image_2" model="theme.ir.attachment">
+    <field name="key">website.s_quotes_carousel_demo_image_2</field>
+    <field name="name">website.s_quotes_carousel_demo_image_2</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_quotes_carousel_bg_slide3.jpg</field>
+</record>
 
-    <!-- Team Snippet -->
+<!-- Product Catalog (menu) -->
-    <record id="s_company_team_image_1" model="theme.ir.attachment">
+<record id="s_product_catalog_default_image" model="theme.ir.attachment">
-        <field name="key">website.s_company_team_image_1</field>
+    <field name="key">website.s_product_catalog_default_image</field>
-        <field name="name">website.s_company_team_image_1</field>
+    <field name="name">website.s_product_catalog_default_image</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_1.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_product_catalog.jpg</field>
-    </record>
+</record>
-    <record id="s_company_team_image_2" model="theme.ir.attachment">
-        <field name="key">website.s_company_team_image_2</field>
-        <field name="name">website.s_company_team_image_2</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_2.jpg</field>
-    </record>
-    <record id="s_company_team_image_3" model="theme.ir.attachment">
-        <field name="key">website.s_company_team_image_3</field>
-        <field name="name">website.s_company_team_image_3</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_3.jpg</field>
-    </record>
-    <record id="s_company_team_image_4" model="theme.ir.attachment">
-        <field name="key">website.s_company_team_image_4</field>
-        <field name="name">website.s_company_team_image_4</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_4.jpg</field>
-    </record>
 
-    <!-- Quotes Carousel -->
+<!-- Media List -->
-    <!-- Avatar 1 -->
+<record id="s_media_list_default_image_1" model="theme.ir.attachment">
-    <record id="s_quotes_carousel_demo_image_3" model="theme.ir.attachment">
+    <field name="key">website.s_media_list_default_image_1</field>
-        <field name="key">website.s_quotes_carousel_demo_image_3</field>
+    <field name="name">website.s_media_list_default_image_1</field>
-        <field name="name">website.s_quotes_carousel_demo_image_3</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_1.jpg</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_4.jpg</field>
+</record>
-    </record>
+<record id="s_media_list_default_image_2" model="theme.ir.attachment">
-    <!-- Avatar 2 -->
+    <field name="key">website.s_media_list_default_image_2</field>
-    <record id="s_quotes_carousel_demo_image_4" model="theme.ir.attachment">
+    <field name="name">website.s_media_list_default_image_2</field>
-        <field name="key">website.s_quotes_carousel_demo_image_4</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_2.jpg</field>
-        <field name="name">website.s_quotes_carousel_demo_image_4</field>
+</record>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_2.jpg</field>
+<record id="s_media_list_default_image_3" model="theme.ir.attachment">
-    </record>
+    <field name="key">website.s_media_list_default_image_3</field>
-    <!-- BG 2 -->
+    <field name="name">website.s_media_list_default_image_3</field>
-    <record id="s_quotes_carousel_demo_image_1" model="theme.ir.attachment">
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_3.jpg</field>
-        <field name="key">website.s_quotes_carousel_demo_image_1</field>
+</record>
-        <field name="name">website.s_quotes_carousel_demo_image_1</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_quotes_carousel_bg_slide2.jpg</field>
-    </record>
-    <!-- Avatar 3 -->
-    <record id="s_quotes_carousel_demo_image_5" model="theme.ir.attachment">
-        <field name="key">website.s_quotes_carousel_demo_image_5</field>
-        <field name="name">website.s_quotes_carousel_demo_image_5</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_3.jpg</field>
-    </record>
-    <!-- BG 3 -->
-    <record id="s_quotes_carousel_demo_image_2" model="theme.ir.attachment">
-        <field name="key">website.s_quotes_carousel_demo_image_2</field>
-        <field name="name">website.s_quotes_carousel_demo_image_2</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_quotes_carousel_bg_slide3.jpg</field>
-    </record>
 
-    <!-- Product Catalog (menu) -->
+<!-- Product List -->
-    <record id="s_product_catalog_default_image" model="theme.ir.attachment">
+<record id="s_product_list_default_image_1" model="theme.ir.attachment">
-        <field name="key">website.s_product_catalog_default_image</field>
+    <field name="key">website.s_product_list_default_image_1</field>
-        <field name="name">website.s_product_catalog_default_image</field>
+    <field name="name">website.s_product_list_default_image_1</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_product_catalog.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_1.jpg</field>
-    </record>
+</record>
+<record id="s_product_list_default_image_2" model="theme.ir.attachment">
+    <field name="key">website.s_product_list_default_image_2</field>
+    <field name="name">website.s_product_list_default_image_2</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_2.jpg</field>
+</record>
+<record id="s_product_list_default_image_3" model="theme.ir.attachment">
+    <field name="key">website.s_product_list_default_image_3</field>
+    <field name="name">website.s_product_list_default_image_3</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_3.jpg</field>
+</record>
+<record id="s_product_list_default_image_4" model="theme.ir.attachment">
+    <field name="key">website.s_product_list_default_image_4</field>
+    <field name="name">website.s_product_list_default_image_4</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_4.jpg</field>
+</record>
+<record id="s_product_list_default_image_5" model="theme.ir.attachment">
+    <field name="key">website.s_product_list_default_image_5</field>
+    <field name="name">website.s_product_list_default_image_5</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_5.jpg</field>
+</record>
+<record id="s_product_list_default_image_6" model="theme.ir.attachment">
+    <field name="key">website.s_product_list_default_image_6</field>
+    <field name="name">website.s_product_list_default_image_6</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_6.jpg</field>
+</record>
 
-    <!-- Media List -->
+<!-- Popup -->
-    <record id="s_media_list_default_image_1" model="theme.ir.attachment">
+<record id="s_popup_default_image" model="theme.ir.attachment">
-        <field name="key">website.s_media_list_default_image_1</field>
+    <field name="key">website.s_popup_default_image</field>
-        <field name="name">website.s_media_list_default_image_1</field>
+    <field name="name">website.s_popup_default_image</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_1.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_popup.jpeg</field>
-    </record>
+</record>
-    <record id="s_media_list_default_image_2" model="theme.ir.attachment">
-        <field name="key">website.s_media_list_default_image_2</field>
-        <field name="name">website.s_media_list_default_image_2</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_2.jpg</field>
-    </record>
-    <record id="s_media_list_default_image_3" model="theme.ir.attachment">
-        <field name="key">website.s_media_list_default_image_3</field>
-        <field name="name">website.s_media_list_default_image_3</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_3.jpg</field>
-    </record>
 
-    <!-- Product List -->
+<!-- Images Wall -->
-    <record id="s_product_list_default_image_1" model="theme.ir.attachment">
+<record id="library_image_10" model="theme.ir.attachment">
-        <field name="key">website.s_product_list_default_image_1</field>
+    <field name="key">website.library_image_10</field>
-        <field name="name">website.s_product_list_default_image_1</field>
+    <field name="name">website.library_image_10</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_1.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_image_4.jpg</field>
-    </record>
+</record>
-    <record id="s_product_list_default_image_2" model="theme.ir.attachment">
+<record id="library_image_13" model="theme.ir.attachment">
-        <field name="key">website.s_product_list_default_image_2</field>
+    <field name="key">website.library_image_13</field>
-        <field name="name">website.s_product_list_default_image_2</field>
+    <field name="name">website.library_image_13</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_2.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_image_2.jpg</field>
-    </record>
+</record>
-    <record id="s_product_list_default_image_3" model="theme.ir.attachment">
+<record id="library_image_05" model="theme.ir.attachment">
-        <field name="key">website.s_product_list_default_image_3</field>
+    <field name="key">website.library_image_05</field>
-        <field name="name">website.s_product_list_default_image_3</field>
+    <field name="name">website.library_image_05</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_3.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_image_5.jpg</field>
-    </record>
+</record>
-    <record id="s_product_list_default_image_4" model="theme.ir.attachment">
+<record id="library_image_16" model="theme.ir.attachment">
-        <field name="key">website.s_product_list_default_image_4</field>
+    <field name="key">website.library_image_16</field>
-        <field name="name">website.s_product_list_default_image_4</field>
+    <field name="name">website.library_image_16</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_4.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_image_3.jpg</field>
-    </record>
+</record>
-    <record id="s_product_list_default_image_5" model="theme.ir.attachment">
+<record id="library_image_14" model="theme.ir.attachment">
-        <field name="key">website.s_product_list_default_image_5</field>
+    <field name="key">website.library_image_14</field>
-        <field name="name">website.s_product_list_default_image_5</field>
+    <field name="name">website.library_image_14</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_5.jpg</field>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_image_6.jpg</field>
-    </record>
+</record>
-    <record id="s_product_list_default_image_6" model="theme.ir.attachment">
+<!-- Images Gallery -->
-        <field name="key">website.s_product_list_default_image_6</field>
+<record id="library_image_08" model="theme.ir.attachment">
-        <field name="name">website.s_product_list_default_image_6</field>
+    <field name="key">website.library_image_08</field>
-        <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_6.jpg</field>
+    <field name="name">website.library_image_08</field>
-    </record>
+    <field name="url">/theme_cobalt/static/src/img/pictures/s_gallery_1.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_cobalt/static/src/img/pictures/s_image_1.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_cobalt/static/src/img/pictures/s_gallery_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_cobalt/static/src/img/pictures/s_popup.jpeg</field>
-    </record>
 </odoo>