[IMP] theme_artists: revamp the theme

Revamp the themes, add new images and adapt the existing snippets to fit
the new design.

task-4178014
Part of task-4177975

X-original-commit: 14993a5a1e
Part-of: odoo/design-themes#971
Related: odoo/odoo#182039
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

theme_artists/static/src/js/tour.js

@@ -4,34 +4,39 @@ import * as wTourUtils from '@website/js/tours/tour_utils';
 
 const snippets = [
     {
-        id: 's_carousel',
-        name: 'Carousel',
+        id: 's_sidegrid',
+        name: 'Side Grid',
         groupName: "Intro",
     },
     {
-        id: 's_text_image',
-        name: 'Text - Image',
+        id: 's_product_catalog',
+        name: 'Product Catalog',
         groupName: "Content",
     },
     {
-        id: 's_three_columns',
-        name: 'Columns',
-        groupName: "Columns",
+        id: 's_cta_box',
+        name: 'Box Call to Action',
+        groupName: "Content",
     },
     {
         id: 's_title',
         name: 'Title',
         groupName: "Text",
     },
+    {
+        id: 's_image_frame',
+        name: 'Image Frame',
+        groupName: "Images",
+    },
     {
         id: 's_images_wall',
         name: 'Images Wall',
         groupName: "Images",
     },
     {
-        id: 's_call_to_action',
-        name: 'Call to Action',
-        groupName: "Content",
+        id: 's_shape_image',
+        name: 'Shape Image',
+        groupName: "Images",
     },
 ];
 
@@ -47,4 +52,5 @@ wTourUtils.registerThemeHomepageTour("artists_tour", () => [
     wTourUtils.goBackToBlocks(),
     ...wTourUtils.insertSnippet(snippets[4]),
     ...wTourUtils.insertSnippet(snippets[5]),
+    ...wTourUtils.insertSnippet(snippets[6]),
 ]);

theme_artists/static/src/scss/primary_variables.scss

@@ -85,6 +85,10 @@ $o-theme-font-configs: (
         'family': ('Montserrat', sans-serif),
         'url': 'Montserrat:300,300i,400,400i,700,700i',
     ),
+    'Bebas Neue': (
+        'family': ('Bebas Neue', sans-serif),
+        'url': 'Bebas+Neue:400,700',
+    ),
 );
 
 //------------------------------------------------------------------------------
@@ -96,11 +100,23 @@ $o-website-values-palettes: (
         'color-palettes-name': 'artists-1',
         'header-font-size': (13 / 16) * 1rem,
         'font': 'Montserrat',
-        'headings-font': 'Oxygen',
+        'headings-font': 'Bebas Neue',
         'btn-ripple': true,
-        'header-template': 'hamburger',
+        'header-template': 'vertical',
         'footer-template': 'centered',
         'link-underline': 'never',
+        'btn-padding-y': .5rem,
+        'btn-padding-x': 1rem,
+        'btn-padding-y-sm': .25rem,
+        'btn-padding-x-sm': .5rem,
+        'btn-padding-y-lg': .75rem,
+        'btn-padding-x-lg': 1.5rem,
+        'btn-border-radius': 2px,
+        'btn-border-radius-sm': 2px,
+        'btn-border-radius-lg': 2px,
+        'input-border-radius': 2px,
+        'input-border-radius-sm': 2px,
+        'input-border-radius-lg': 2px,
     ),
 );