[ADD] theme 14.0

theme_cobalt/LICENSE

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

theme_cobalt/__init__.py

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

theme_cobalt/__manifest__.py

@@ -0,0 +1,21 @@
+{
+    'name': 'Cobalt Theme',
+    'description': 'Clean and sharp design.',
+    'category': 'Theme/Corporate',
+    'summary': 'Design, Tech, Computers, IT, Blogs',
+    'sequence': 110,
+    'version': '2.0.0',
+    'author': 'Odoo S.A.',
+    'depends': ['website'],
+    'data': [
+        'views/assets.xml',
+        'views/images.xml',
+        'views/customizations.xml',
+    ],
+    'images': [
+        'static/description/cobalt_poster.jpg',
+        'static/description/cobalt_screenshot.jpg',
+    ],
+    'license': 'LGPL-3',
+    'live_test_url': 'https://theme-cobalt.odoo.com'
+}

theme_cobalt/models/__init__.py

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

theme_cobalt/models/theme_cobalt.py

@@ -0,0 +1,12 @@
+from odoo import models
+
+
+class ThemeCobalt(models.AbstractModel):
+    _inherit = 'theme.utils'
+
+    def _theme_cobalt_post_copy(self, mod):
+        # For compatibility
+        # self.enable_view('theme_common.compatibility-saas-10-2')
+
+        self.enable_view('website.option_ripple_effect')
+        self.enable_header_off_canvas()

theme_cobalt/static/src/js/tour.js

@@ -0,0 +1,49 @@
+odoo.define("theme_cobalt.tour.cobalt", function (require) {
+"use strict";
+
+const core = require("web.core");
+const _t = core._t;
+
+const wTourUtils = require("website.tour_utils");
+var tour = require("web_tour.tour");
+
+const snippets = [
+    {
+        id: 's_text_image',
+        name: 'Image - Text',
+    },
+    {
+        id: 's_references',
+        name: 'References',
+    },
+    {
+        id: 's_text_image',
+        name: 'Text - Image',
+    },
+    {
+        id: 's_three_columns',
+        name: 'Columns',
+    },
+    {
+        id: 's_picture',
+        name: 'Picture',
+    },
+];
+
+
+wTourUtils.registerThemeHomepageTour("cobalt_tour", [
+    wTourUtils.dragNDrop(snippets[0]),
+    wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
+    wTourUtils.goBackToBlocks(),
+
+    wTourUtils.dragNDrop(snippets[1]),
+    wTourUtils.dragNDrop(snippets[2]),
+    wTourUtils.dragNDrop(snippets[3]),
+
+    wTourUtils.dragNDrop(snippets[4]),
+    wTourUtils.clickOnSnippet(snippets[4], 'top'),
+    wTourUtils.changeOption('BackgroundShape', 'we-toggler', _t('Background Shape')),
+    wTourUtils.selectNested('we-select-page', 'BackgroundShape', ':not(.o_we_pager_controls)', _t('Background Shape')),
+    wTourUtils.clickOnSave(),
+]);
+});

theme_cobalt/static/src/scss/bootstrap_overridden.scss

@@ -0,0 +1,8 @@
+//------------------------------------------------------------------------------
+// Bootstrap Overridden
+//------------------------------------------------------------------------------
+
+// Headings
+
+$headings-line-height: 1.1 !default;
+$headings-font-weight: 600 !default;

theme_cobalt/static/src/scss/primary_variables.scss

@@ -0,0 +1,75 @@
+//------------------------------------------------------------------------------
+// Colors
+//------------------------------------------------------------------------------
+
+$o-color-palettes: (
+    (   // Palette 1
+        'o-color-1': #116466,
+        'o-color-2': #2B3737,
+        'o-color-3': #F6F4F2,
+        'o-color-4': #ffffff,
+        'o-color-5': #a9bcbc,
+
+        'o-cc3-headings': 'o-color-3',
+        'o-cc3-text': 'o-color-5',
+        'o-cc3-link': 'o-color-4',
+        'o-cc3-btn-primary': 'o-color-4',
+        'o-cc3-btn-secondary': 'o-color-5',
+
+        'header': 1,
+        'footer': 3,
+        'copyright': 'black-15',
+    ),
+);
+
+//------------------------------------------------------------------------------
+// Fonts
+//------------------------------------------------------------------------------
+
+$o-theme-h1-font-size-multiplier: (48.83 / 16);
+$o-theme-h2-font-size-multiplier: (39.06 / 16);
+$o-theme-h3-font-size-multiplier: (31.25 / 16);
+$o-theme-h4-font-size-multiplier: (25.00 / 16);
+$o-theme-h5-font-size-multiplier: (20.00 / 16);
+$o-theme-h6-font-size-multiplier: 1.1;
+
+$o-theme-font-configs: (
+    'Inter': (
+        'family': ('Inter', serif),
+        'url': 'Inter:400,400i,600,600i,800,800i',
+    ),
+
+    'Abril Fatface': (
+        'family': ('Abril Fatface', serif),
+        'url': 'Abril+Fatface:300,300i,400,400i,700,700i',
+    ),
+);
+
+
+//------------------------------------------------------------------------------
+// Website customizations
+//------------------------------------------------------------------------------
+
+$o-website-values-palettes: (
+    (
+        'font': 'Inter',
+        'headings-font': 'Inter',
+        '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,
+    ),
+);

theme_cobalt/views/assets.xml

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <template id="_assets_primary_variables" inherit_id="website._assets_primary_variables" priority="1">
+        <xpath expr="//link[last()]" position="after">
+            <link rel="stylesheet" type="text/scss" href="/theme_cobalt/static/src/scss/primary_variables.scss"/>
+        </xpath>
+    </template>
+    <template id="_assets_frontend_helpers" inherit_id="website._assets_frontend_helpers" priority="1">
+        <xpath expr="//link" position="before">
+            <link rel="stylesheet" type="text/scss" href="/theme_cobalt/static/src/scss/bootstrap_overridden.scss"/>
+        </xpath>
+    </template>
+
+    <!-- Onboarding Tour -->
+    <template id="assets_editor" inherit_id="website.assets_editor">
+        <xpath expr="//script[last()]" position="after">
+            <script type="text/javascript" src="/theme_cobalt/static/src/js/tour.js"/>
+        </xpath>
+    </template>
+</odoo>

theme_cobalt/views/customizations.xml

@@ -0,0 +1,206 @@
+<?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="//nav" position="attributes">
+        <attribute name="class" remove="shadow-sm" separator=" "/>
+    </xpath>
+</template>
+
+<template id="header_button" inherit_id="website.template_header_default_oe_structure_header_default_1" name="Cobalt Header Button">
+    <xpath expr="//a[hasclass('btn')]" position="attributes">
+        <attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
+    </xpath>
+</template>
+
+
+<!-- Snippets -->
+
+<!-- ==== Image-Text ===== -->
+<template id="s_image_text" inherit_id="website.s_image_text" name="Cobalt s_image_text">
+    <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","colors":{"c2":"o-color-3"},"flip":[]}</attribute>
+    </xpath>
+
+    <xpath expr="//section/div" position="before">
+        <div class="o_we_shape o_web_editor_Blobs_03" style="background-image: url(&quot;/web_editor/shape/web_editor/Blobs/03.svg?c2=%23F6F4F2&quot;);"/>
+    </xpath>
+
+    <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>
+
+    <xpath expr="//h2" position="replace">
+        <h1>Reach more People.<br/>Grow your Business.</h1><br/>
+    </xpath>
+
+    <xpath expr="//p" position="replace"/>
+    <xpath expr="//p" position="replace"/>
+
+    <xpath expr="//a[hasclass('btn')]" position="replace">
+        <a href="#" class="btn btn-primary btn-lg mb-2">START NOW</a>
+    </xpath>
+</template>
+
+<!-- ==== Text-Image ===== -->
+<template id="s_text_image" inherit_id="website.s_text_image" name="Cobalt s_text_image">
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="pt80 pb88" remove="pt32 pb32" separator=" "/>
+    </xpath>
+
+    <xpath expr="//h2" position="replace">
+        <h2>What we can do, <b>for you</b></h2>
+        <br/>
+    </xpath>
+
+    <xpath expr="//p" position="replace"/>
+    <xpath expr="//p" position="replace">
+        <h5>Digital Transformation</h5>
+        <p>Leader in digital business, we’re helping companies of all sizes to thrive in an ever-changing landscape.</p>
+        <br/>
+        <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">
+        <a href="#" class="btn btn-secondary btn-lg mb-2">DISCOVER MORE</a>
+    </xpath>
+</template>
+
+<!-- ======== QUOTES ======== -->
+ <template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel" name="Cobalt s_quotes_carousel">
+    <!-- Assign slide3 as 'active' and move it in first position -->
+    <xpath expr="//div[hasclass('carousel-inner')]/div" position="attributes">
+        <attribute name="class" remove="active" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="attributes">
+        <attribute name="class" add="active" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('carousel-inner')]/div" position="before">
+        <xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="move"/>
+    </xpath>
+    <!-- Adjust  (new-)slide3 bg position -->
+    <xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="attributes">
+        <attribute name="style" remove="background-position: 50% 50%;" add="background-position: 50% 20%;" separator=";"/>
+    </xpath>
+</template>
+
+<!-- ==== 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=" "/>
+    </xpath>
+
+    <xpath expr="//h2" position="replace"/>
+    <xpath expr="//p" position="replace"/>
+</template>
+
+<!-- ==== Three Columns ===== -->
+<template id="s_three_columns" inherit_id="website.s_three_columns" name="Cobalt s_three_columns">
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="bg-200 pt32 pb32" add="pt72 pb120" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/01","colors":{"c2":"o-color-3"},"flip":["x"]}</attribute>
+    </xpath>
+    <xpath expr="//section/div" position="before">
+        <div class="o_we_shape o_web_editor_Bold_01 o_we_flip_x" style="background-image: url(&quot;/web_editor/shape/web_editor/Bold/01.svg?c2=%23F6F4F2&quot;);"/>
+    </xpath>
+    <xpath expr="//div[hasclass('row')]" position="before">
+        <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="//a" position="replace">
+        <a href="/contactus" class="btn btn-primary btn-lg mb-2">START NOW</a>
+    </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="bg-200 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="//h2" position="replace"/>
+    <xpath expr="//p" position="replace"/>
+    <xpath expr="//p" position="replace"/>
+
+    <xpath expr="//img" position="attributes">
+        <attribute name="class" add="" remove="img-thumbnail padding-large" separator=" "/>
+    </xpath>
+
+    <xpath expr="//figcaption" position="replace">
+        <figcaption class="text-400"><em>Our offices in Dhaka</em></figcaption>
+    </xpath>
+
+    <xpath expr="//div[hasclass('row')]/div" position="before">
+        <div class="col col-lg-5">
+            <h2>Our Offices</h2>
+            <p/>
+            <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>
+
+    <xpath expr="//div[hasclass('offset-lg-1')]" position="attributes">
+        <attribute name="class" add="col-lg-6" remove="col-lg-10" separator=" "/>
+        <attribute name="style" remove="text-align: center;" separator=";"/>
+    </xpath>
+</template>
+
+</odoo>

theme_cobalt/views/images.xml

@@ -0,0 +1,204 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <!-- ======== Change default snippets images ======== -->
+    <!-- Cover -->
+    <record id="s_cover_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_cover_default_image</field>
+        <field name="name">website.s_cover_default_image</field>
+        <field name="url">/theme_cobalt/static/src/img/pictures/s_cover.jpg</field>
+    </record>
+
+    <!-- Banner -->
+    <record id="s_banner_default_image" model="theme.ir.attachment">
+        <field name="key">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>
+    </record>
+
+    <!-- Text - Image -->
+    <record id="s_text_image_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_text_image_default_image</field>
+        <field name="name">website.s_text_image_default_image</field>
+        <field name="url">/theme_cobalt/static/src/img/illustrations/s_text_image_default_image.svg</field>
+    </record>
+
+    <!-- Image - Text -->
+    <record id="s_image_text_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_image_text_default_image</field>
+        <field name="name">website.s_image_text_default_image</field>
+        <field name="url">/theme_cobalt/static/src/img/illustrations/s_image_text_default_image.svg</field>
+    </record>
+
+    <!-- (Big) Picture -->
+    <record id="s_picture_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_picture_default_image</field>
+        <field name="name">website.s_picture_default_image</field>
+        <field name="url">/theme_cobalt/static/src/img/pictures/s_picture.jpg</field>
+    </record>
+
+    <!-- Columns -->
+    <record id="library_image_11" model="theme.ir.attachment">
+        <field name="key">website.library_image_11</field>
+        <field name="name">website.library_image_11</field>
+        <field name="url">/theme_cobalt/static/src/img/pictures/s_three_columns_1.jpg</field>
+    </record>
+    <record id="library_image_13" model="theme.ir.attachment">
+        <field name="key">website.library_image_13</field>
+        <field name="name">website.library_image_13</field>
+        <field name="url">/theme_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>
+
+    <!-- Masonry Blocks -->
+    <record id="s_masonry_block_default_image_1" model="theme.ir.attachment">
+        <field name="key">website.s_masonry_block_default_image_1</field>
+        <field name="name">website.s_masonry_block_default_image_1</field>
+        <field name="url">/theme_cobalt/static/src/img/pictures/s_masonry_block_1.jpg</field>
+    </record>
+
+    <!-- Carousel Blocks -->
+    <record id="s_carousel_default_image_1" model="theme.ir.attachment">
+        <field name="key">website.s_carousel_default_image_1</field>
+        <field name="name">website.s_carousel_default_image_1</field>
+        <field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_1.jpg</field>
+    </record>
+    <record id="s_carousel_default_image_2" model="theme.ir.attachment">
+        <field name="key">website.s_carousel_default_image_2</field>
+        <field name="name">website.s_carousel_default_image_2</field>
+        <field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_2.jpg</field>
+    </record>
+    <record id="s_carousel_default_image_3" model="theme.ir.attachment">
+        <field name="key">website.s_carousel_default_image_3</field>
+        <field name="name">website.s_carousel_default_image_3</field>
+        <field name="url">/theme_cobalt/static/src/img/pictures/s_carousel_3.jpg</field>
+    </record>
+
+    <!-- Parallax -->
+    <record id="s_parallax_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_parallax_default_image</field>
+        <field name="name">website.s_parallax_default_image</field>
+        <field name="url">/theme_cobalt/static/src/img/pictures/s_parallax.jpg</field>
+    </record>
+
+    <!-- Team Snippet -->
+    <record id="s_company_team_image_1" model="theme.ir.attachment">
+        <field name="key">website.s_company_team_image_1</field>
+        <field name="name">website.s_company_team_image_1</field>
+        <field name="url">/theme_cobalt/static/src/img/pictures/s_company_team_image_1.jpg</field>
+    </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 -->
+    <!-- Avatar 1 -->
+    <record id="s_quotes_carousel_demo_image_3" model="theme.ir.attachment">
+        <field name="key">website.s_quotes_carousel_demo_image_3</field>
+        <field name="name">website.s_quotes_carousel_demo_image_3</field>
+        <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>
+
+    <!-- Product Catalog (menu) -->
+    <record id="s_product_catalog_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_product_catalog_default_image</field>
+        <field name="name">website.s_product_catalog_default_image</field>
+        <field name="url">/theme_cobalt/static/src/img/pictures/s_product_catalog.jpg</field>
+    </record>
+
+    <!-- Media List -->
+    <record id="s_media_list_default_image_1" model="theme.ir.attachment">
+        <field name="key">website.s_media_list_default_image_1</field>
+        <field name="name">website.s_media_list_default_image_1</field>
+        <field name="url">/theme_cobalt/static/src/img/pictures/s_media_list_1.jpg</field>
+    </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 -->
+    <record id="s_product_list_default_image_1" model="theme.ir.attachment">
+        <field name="key">website.s_product_list_default_image_1</field>
+        <field name="name">website.s_product_list_default_image_1</field>
+        <field name="url">/theme_cobalt/static/src/img/pictures/s_product_list_1.jpg</field>
+    </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>
+
+    <!-- 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>