[IMP] theme_nano: revamp the theme

This commit revamps the design of the `theme_nano`.

task-4178081
part of task-4177975

closes odoo/design-themes#966

X-original-commit: 47568ec66f
Related: odoo/odoo#182004
Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
Signed-off-by: Chrysanthe Gomrée (chgo) <chgo@odoo.com>

theme_nano/static/src/js/tour.js

@@ -4,35 +4,50 @@ import * as wTourUtils from '@website/js/tours/tour_utils';
 
 const snippets = [
     {
-        id: 's_cover',
-        name: 'Cover',
+        id: 's_discovery',
+        name: 'Discovery',
         groupName: "Intro",
     },
-    {
-        id: 's_features',
-        name: 'Features',
-        groupName: "Content",
-    },
-    {
-        id: 's_text_block',
-        name: 'Text',
-        groupName: "Text",
-    },
-    {
-        id: 's_images_wall',
-        name: 'Images Wall',
-        groupName: "Images",
-    },
     {
         id: 's_parallax',
         name: 'Parallax',
         groupName: "Images",
     },
+    {
+        id: 's_text_block',
+        name: 'Text',
+        groupName: "Text",
+    },
+    {
+        id: 's_key_images',
+        name: 'Key Images',
+        groupName: "Columns",
+    },
+    {
+        id: 's_image_text_overlap',
+        name: 'Image - Text Overlap',
+        groupName: "Content",
+    },
+    {
+        id: 's_company_team',
+        name: 'Team',
+        groupName: "People",
+    },
     {
         id: 's_references',
         name: 'References',
         groupName: "People",
     },
+    {
+        id: 's_numbers',
+        name: 'Numbers',
+        groupName: "Content",
+    },
+    {
+        id: 's_cta_box',
+        name: 'Box Call to Action',
+        groupName: "Content",
+    },
 ];
 
 wTourUtils.registerThemeHomepageTour("nano_tour", () => [

theme_nano/static/src/scss/primary_variables.scss

@@ -7,24 +7,29 @@ $o-website-values-palettes: (
         'color-palettes-name':              'nano-1',
 
         // Header
-        'header-template':                  'search',
         'header-font-size':                 1rem,
         'header-links-style':               'fill',
         'menu-border-radius':               0,
 
         // Font
-        'font':                             'Oxygen',
-        'headings-font':                    'Nunito',
-        'buttons-font':                     'Nunito',
+        'font':                             'Inter',
+        'headings-font':                    'Manrope',
+        'buttons-font':                     'Manrope',
+
+        // Buttons
+        'btn-padding-y':                    .5rem,
+        'btn-padding-x':                    1rem,
+        'btn-padding-y-lg':                 1rem,
+        'btn-padding-x-lg':                 2rem,
+        'btn-border-radius':                10rem,
+        'btn-border-radius-sm':             10rem,
+        'btn-border-radius-lg':             10rem,
 
         // Body
-        'layout':                           'postcard',
         'btn-ripple':                       true,
 
         // Footer
         'footer-template':                  'descriptive',
-        'footer-effect':                    'slideout_slide_hover',
-        'footer-scrolltop':                 true,
     ),
 );
 
@@ -87,6 +92,14 @@ $o-theme-font-configs: (
         'family': ('Nunito', sans-serif),
         'url': 'Nunito:300,300i,400,400i,700,700i',
     ),
+    'Manrope': (
+        'family': ('Manrope', sans-serif),
+        'url': 'Manrope:300,300i,400,400i,700,700i',
+    ),
+    'Inter': (
+        'family': ('Inter', sans-serif),
+        'url': 'Inter:300,300i,400,400i,700,700i',
+    ),
 );
 
 // Headings
@@ -114,7 +127,7 @@ $o-theme-btn-font-weight:                   400;
 $o-theme-color-palettes: map-merge($o-theme-color-palettes,
     (
         'nano-1': (
-            'alpha':                        #ed8558,
+            'alpha':                        #e33a07,
             'beta':                         #74bcc5,
             'gamma':                        #7cc086,
             'delta':                        #afd5a6,