[IMP] theme_odoo_experts: revamp the theme

task-4178086
part of task-4177975

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

theme_odoo_experts/__manifest__.py

@@ -49,6 +49,9 @@
         'views/snippets/s_big_number.xml',
         'views/snippets/s_wavy_grid.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_list.xml',
+        'views/snippets/s_showcase.xml',
+        'views/snippets/s_mockup_image.xml',
         'views/new_page_template.xml',
     ],
     'images': [
@@ -56,11 +59,15 @@
         'static/description/odoo_experts_screenshot.jpg',
     ],
     'images_preview_theme': {
-        'website.s_picture_default_image': '/theme_odoo_experts/static/src/img/snippets/s_picture.jpg',
+        'website.s_mockup_image_default_image': '/theme_odoo_experts/static/src/img/snippets/s_mockup_image_default_image.jpg',
         'website.s_text_image_default_image': '/theme_odoo_experts/static/src/img/snippets/s_text_image.jpg',
+        'website.s_image_text_default_image': '/theme_odoo_experts/static/src/img/snippets/s_image_text.jpg',
+        'website.s_showcase_default_image': '/theme_odoo_experts/static/src/img/snippets/s_showcase_default_image.jpg',
+        'website.library_image_08': '/theme_odoo_experts/static/src/img/snippets/library_image_08.jpg',
+        'website.s_picture_default_image': '/theme_odoo_experts/static/src/img/snippets/s_picture.jpg',
     },
     'configurator_snippets': {
-        'homepage': ['s_picture', 's_references', 's_image_text', 's_text_image', 's_title', 's_comparisons', 's_call_to_action'],
+        'homepage': ['s_mockup_image', 's_references', 's_image_text', 's_text_image', 's_showcase', 's_faq_collapse', 's_cta_box'],
     },
     'new_page_templates': {
         'about': {

theme_odoo_experts/models/theme_odoo_experts.py

@@ -5,5 +5,4 @@ class ThemeOdooExperts(models.AbstractModel):
     _inherit = 'theme.utils'
 
     def _theme_odoo_experts_post_copy(self, mod):
-        self.enable_view('website.template_header_sales_three')
         self.enable_view('website.template_footer_contact')

theme_odoo_experts/static/src/js/tour.js

@@ -5,9 +5,9 @@ import { _t } from "@web/core/l10n/translation";
 
 const snippets = [
     {
-        id: 's_picture',
-        name: 'Title - Image',
-        groupName: "Images",
+        id: 's_mockup_image',
+        name: 'Mockup Image',
+        groupName: "content",
     },
     {
         id: 's_references',
@@ -25,24 +25,24 @@ const snippets = [
         groupName: "Content",
     },
     {
-        id: 's_title',
-        name: 'Title',
-        groupName: "Text",
-    },
-    {
-        id: 's_comparisons',
-        name: 'Comparisons',
+        id: 's_showcase',
+        name: 'Showcase',
         groupName: "Content",
     },
     {
-        id: 's_call_to_action',
-        name: 'Call to Action',
+        id: 's_faq_collapse',
+        name: 'FAQ Block',
+        groupName: "Text",
+    },
+    {
+        id: 's_cta_box',
+        name: 'Box Call to Action',
         groupName: "Content",
     },
 ];
 
 wTourUtils.registerThemeHomepageTour("odoo_experts_tour", () => [
-    wTourUtils.assertCssVariable('--color-palettes-name', '"odoo-experts-1"'),
+    wTourUtils.assertCssVariable('--color-palettes-name', '"default-11"'),
     ...wTourUtils.insertSnippet(snippets[0]),
     ...wTourUtils.insertSnippet(snippets[1]),
     ...wTourUtils.insertSnippet(snippets[2]),

theme_odoo_experts/static/src/scss/primary_variables.scss

@@ -51,17 +51,17 @@ $o-theme-font-configs: (
         'family': ('Anton', sans-serif),
         'url': 'Anton:300,300i,400,400i,700,700i',
     ),
-    'Lato': (
-        'family': ('Lato', sans-serif),
-        'url': 'Lato:300,300i,400,400i,700,700i',
+    'Inter': (
+        'family': ('Inter', sans-serif),
+        'url': 'Inter:300,300i,400,400i,700,700i',
     ),
     'Oswald': (
         'family': ('Oswald', sans-serif),
         'url': 'Oswald:300,300i,400,400i,700,700i',
     ),
-    'Work Sans': (
-        'family': ('Work Sans', sans-serif),
-        'url': 'Work+Sans:300,300i,400,400i,700,700i',
+    'Manrope': (
+        'family': ('Manrope', sans-serif),
+        'url': 'Manrope:300,300i,400,400i,700,700i',
     ),
 );
 
@@ -71,30 +71,29 @@ $o-theme-font-configs: (
 
 $o-website-values-palettes: (
     (
-        'color-palettes-name': 'odoo-experts-1',
+        'color-palettes-name': 'default-11',
         'logo-height': (52 / 16) * 1rem,
         'fixed-logo-height': (52 / 16) * 1rem,
         'header-font-size': 1rem,
-        'btn-border-radius': 10rem,
-        'btn-border-radius-lg': 10rem,
-        'btn-border-radius-sm': 10rem,
+        'btn-border-radius': .5rem,
+        'btn-border-radius-lg': .5rem,
+        'btn-border-radius-sm': .5rem,
         'btn-padding-y': .45rem,
         'btn-padding-x': 1.35rem,
         'btn-padding-y-sm': .3rem,
         'btn-padding-x-sm': .9rem,
         'btn-padding-y-lg': .6rem,
         'btn-padding-x-lg': 1.8rem,
-        'font': 'Lato',
-        'headings-font': 'Work Sans',
-        'navbar-font': 'Work Sans',
-        'header-template': 'sales_three',
+        'font': 'Inter',
+        'headings-font': 'Manrope',
+        'navbar-font': 'Inter',
+        'header-template': 'default',
         'footer-template': 'contact',
         'link-underline': 'never',
     ),
 );
 
 $o-palette-priority-prefix: 'odoo-experts';
-$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'odoo-experts-1');
 
 $o-color-palettes-compatibility-indexes: (
     1: 'odoo-experts-1',

theme_odoo_experts/views/images.xml

@@ -350,6 +350,21 @@ Check in theme_loftspace's primary_variables.scss and theme.scss -->
     <field name="name">website.s_images_constellation_default_image_2</field>
     <field name="url">/theme_odoo_experts/static/src/img/snippets/s_images_constellation_default_image_2.jpg</field>
 </record>
+<record id="s_cta_box_default_image" model="theme.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_odoo_experts/static/src/img/snippets/library_image_08.jpg</field>
+</record>
+<record id="s_showcase_default_image" model="theme.ir.attachment">
+    <field name="key">website.s_showcase_default_image</field>
+    <field name="name">website.s_showcase_default_image</field>
+    <field name="url">/theme_odoo_experts/static/src/img/snippets/s_showcase_default_image.jpg</field>
+</record>
+<record id="s_mockup_image_default_image" model="theme.ir.attachment">
+    <field name="key">website.s_mockup_image_default_image</field>
+    <field name="name">website.s_mockup_image_default_image</field>
+    <field name="url">/theme_odoo_experts/static/src/img/snippets/s_mockup_image_default_image.jpg</field>
+</record>
 
 <!-- Use custom records to prevent some images from changing by the Configurator -->
 <record id="s_image_text_device" model="theme.ir.attachment">

theme_odoo_experts/views/new_page_template.xml

@@ -207,4 +207,16 @@
     </xpath>
 </template>
 
+<template id="new_page_template_s_image_text" inherit_id="website.new_page_template_s_image_text">
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="pt64 pb64" separator=" "/>
+    </xpath>
+</template>
+
+<template id="new_page_template_s_text_image" inherit_id="website.new_page_template_s_text_image">
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" remove="pt64 pb64" separator=" "/>
+    </xpath>
+</template>
+
 </odoo>

theme_odoo_experts/views/snippets/s_cta_box.xml

@@ -2,6 +2,14 @@
 <odoo>
 
 <template id="s_cta_box" inherit_id="website.s_cta_box">
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5 pt0 pb120" remove="pt80 pb80" separator=" "/>
+        <attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/04_001', 'flip':[], 'showOnMobile':true}</attribute>
+    </xpath>
+
+    <xpath expr="//div[hasclass('container')]" position="before">
+        <div class="o_we_shape o_web_editor_Origins_04_001" style="background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-4'); background-position: 50% 100%;"/>
+    </xpath>
     <!-- Card -->
     <xpath expr="//div[hasclass('card')]" position="attributes">
         <attribute name="class" add="o_cc5" remove="o_cc4" separator=" "/>
@@ -14,13 +22,9 @@
     <xpath expr="//p" position="replace" mode="inner">
        Get in touch with us and see how we can help you.
     </xpath>
-    <!-- Image -->
-    <xpath expr="//img" position="attributes">
-        <attribute name="src">/theme_odoo_experts/static/src/img/content/content_img_02.jpg</attribute>
-    </xpath>
     <!-- Button -->
-    <xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
-        Contact us
+    <xpath expr="//a[hasclass('btn')]" position="attributes">
+        <attribute name="class" add="btn-primary" remove="btn-secondary" separator=" "/>
     </xpath>
 </template>
 

theme_odoo_experts/views/snippets/s_image_text.xml

@@ -2,40 +2,34 @@
 <odoo>
 
 <template id="s_image_text" inherit_id="website.s_image_text">
-    <!-- Column #1 -->
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="pt64 pb64" remove="pt80 pb80" separator=" "/>
     </xpath>
+
+    <!-- Title -->
+    <xpath expr="//h2" position="replace">
+        <h2>End-to-End  24/7 Customer Support</h2>
+    </xpath>
+
+    <!-- Paragraphs -->
+    <xpath expr="//p" position="replace">
+        <p class="lead"><br/>From initial consultation to full implementation, we’re with you every step of the way, ensuring that all aspects of your business are optimized, giving you the tools and resources needed to achieve lasting results.</p>
+    </xpath>
+    <xpath expr="//p[2]" position="replace"/>
+
+    <!-- Button -->
+    <xpath expr="//a[hasclass('btn')]" position="attributes">
+        <attribute name="class" add="btn-primary" remove="btn-secondary" separator=" "/>
+    </xpath>
+
     <!-- Image -->
     <xpath expr="//img" position="attributes">
-        <attribute name="src">/web_editor/image_shape/website.s_image_text_device_perspective/web_editor/devices/iphone_3d_portrait_01.svg?c5=o-color-5</attribute>
-        <attribute name="data-shape">web_editor/devices/iphone_3d_portrait_01</attribute>
+        <attribute name="src">/web_editor/image_shape/website.s_image_text_default_image/web_editor/devices/browser_03.svg?</attribute>
+        <attribute name="data-shape">web_editor/devices/browser_03</attribute>
         <attribute name="data-original-mimetype">image/jpg</attribute>
-        <attribute name="data-file-name">s_image_text_device_perspective.svg</attribute>
-        <attribute name="data-shape-colors">;;;;o-color-5</attribute>
-        <attribute name="style">padding: 48px !important;</attribute>
-    </xpath>
-    <!-- Column #2 - Title -->
-    <xpath expr="//h2" position="replace" mode="inner">
-        A solution for <br/>every need
-    </xpath>
-    <!-- Column #2 - Paragraphs -->
-    <xpath expr="//p" position="replace" mode="inner">
-        <br/>
-    </xpath>
-    <xpath expr="//p[2]" position="replace" mode="inner">
-        We see our role as that of a legal partner responsible for constantly finding practical and pragmatic solutions that are adapted to our clients' needs.
-    </xpath>
-</template>
-
-<template id="configurator_s_image_text" inherit_id="website.configurator_s_image_text">
-    <!-- Shape option -->
-    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/01","flip":[]}</attribute>
-    </xpath>
-    <!-- Shape -->
-    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_01"/>
+        <attribute name="data-file-name">s_image_text.svg</attribute>
+        <attribute name="class" add="shadow" separator=" "/>
     </xpath>
 </template>
 

theme_odoo_experts/views/snippets/s_mockup_image.xml

@@ -0,0 +1,39 @@
+<?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="data-oe-shape-data"/>
+        <attribute name="class" add="pt64 pb64" remove="pt72 pb72" separator=" "/>
+    </xpath>
+    <!-- Remove shape -->
+    <xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
+    <xpath expr="//div[hasclass('col-lg-4')]" position="replace">
+        <div class="col-lg-5 pt16 pb16">
+            <h1 class="o_default_snippet_text">
+                Unlock the
+                <span class="o_text_highlight o_translate_inline o_text_highlight_circle_1" style="--text-highlight-color: var(--o-color-1); --text-highlight-width: 6px;"><span class="o_text_highlight_item">growth</span></span>
+                of your business
+            </h1>
+            <p>With over 15 years of proven success, we deliver expert guidance and strategic insights for your business’s future.</p>
+            <p><br/></p>
+            <a t-att-href="cta_btn_href" class="btn btn-primary btn-lg o_default_snippet_text"><t t-esc="cta_btn_text">Learn more</t></a>
+        </div>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-8')]" position="attributes">
+        <attribute name="class" add="col-lg-6 offset-lg-1" remove="col-lg-8" separator=" "/>
+    </xpath>
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web_editor/image_shape/website.s_image_text_device_perspective/web_editor/devices/iphone_3d_portrait_02.svg?c5=o-color-5</attribute>
+        <attribute name="data-shape">web_editor/devices/iphone_3d_portrait_02</attribute>
+        <attribute name="data-original-mimetype">image/jpg</attribute>
+        <attribute name="data-file-name">s_image_text_device_perspective.svg</attribute>
+        <attribute name="data-shape-colors">;;;;o-color-5</attribute>
+        <attribute name="style" add="width: 50% !important;" separator=";"/>
+        <attribute name="class" add="mx-auto" remove="ms-auto" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>

theme_odoo_experts/views/snippets/s_numbers_list.xml

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_list" inherit_id="website.s_numbers_list">
+    <xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
+        <attribute name="class" add="col-lg-7" remove="col-lg-5" separator=" "/>
+    </xpath>
+    <!-- Title -->
+    <xpath expr="//h3" position="replace">
+        <p class="o_small">SOME NUMBERS</p>
+    </xpath>
+    <!-- Paragraph -->
+    <xpath expr="//p" position="replace">
+        <h3>Over the last decade, we've help many businesses to grow.</h3>
+    </xpath>
+    <!-- Second row -->
+    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
+        <attribute name="class" add="col-lg-5" remove="col-lg-6 offset-lg-1" separator=" "/>
+    </xpath>
+
+    <xpath expr="//div[hasclass('col-lg-6')]" position="replace">
+        <div class="col-6 col-lg-12 pt16 pb16" data-name="Number">
+            <span class="h2-fs">200+</span>
+            <p>Successful Projects</p>
+            <div class="s_hr pt16 pb0">
+                <hr class="w-100 mx-auto"/>
+            </div>
+        </div>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-6')][2]" position="replace">
+        <div class="col-6 col-lg-12 pt16 pb16" data-name="Number">
+            <span class="h2-fs">95%</span>
+            <p>Client Retentation Rate</p>
+            <div class="s_hr pt16 pb0">
+                <hr class="w-100 mx-auto"/>
+            </div>
+        </div>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-6')][3]" position="replace">
+        <div class="col-6 col-lg-12 pt16 pb16" data-name="Number">
+            <span class="h2-fs">50M</span>
+            <p>Revenue Generated for Clients</p>
+            <div class="s_hr pt16 pb0">
+                <hr class="w-100 mx-auto"/>
+            </div>
+        </div>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-6')]" position="replace"/>
+    <xpath expr="//div[hasclass('col-lg-6')][2]" position="replace"/>
+</template>
+
+</odoo>

theme_odoo_experts/views/snippets/s_references.xml

@@ -4,10 +4,42 @@
 <template id="s_references" inherit_id="website.s_references">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pt0 pb56 o_cc2" remove="pt80 pb80 o_cc1" separator=" "/>
+        <attribute name="class" add="pt0 pb56" remove="pt80 pb80" separator=" "/>
     </xpath>
     <!-- Remove title, subtitle and button -->
     <xpath expr="//div[hasclass('col-lg-12')]" position="replace"/>
+
+    <xpath expr="//div[hasclass('row')]" position="attributes">
+        <attribute name="class" add="o_grid_mode" separator=" "/>
+        <attribute name="data-row-count">2</attribute>
+        <attribute name="style" add="column-gap: 24px;"/>
+    </xpath>
+
+    <!-- Items -->
+    <xpath expr="//div[hasclass('col-lg-2')]" position="attributes">
+        <attribute name="class" add="o_grid_item g-col-lg-2 g-height-2 o_grid_item_image o_cc o_cc2" separator=" "/>
+        <attribute name="style" add="grid-area: 1 / 1 / 3 / 3; z-index: 1;" separator=";"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('col-lg-2')])[2]" position="attributes">
+        <attribute name="class" add="o_grid_item g-col-lg-2 g-height-2 o_grid_item_image o_cc o_cc2" separator=" "/>
+        <attribute name="style" add="grid-area: 1 / 3 / 3 / 5; z-index: 2;" separator=";"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('col-lg-2')])[3]" position="attributes">
+        <attribute name="class" add="o_grid_item g-col-lg-2 g-height-2 o_grid_item_image o_cc o_cc2" separator=" "/>
+        <attribute name="style" add="grid-area: 1 / 5 / 3 / 7; z-index: 3;" separator=";"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('col-lg-2')])[4]" position="attributes">
+        <attribute name="class" add="o_grid_item g-col-lg-2 g-height-2 o_grid_item_image o_cc o_cc2" separator=" "/>
+        <attribute name="style" add="grid-area: 1 / 7 / 3 / 9; z-index: 4;" separator=";"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('col-lg-2')])[5]" position="attributes">
+        <attribute name="class" add="o_grid_item g-col-lg-2 g-height-2 o_grid_item_image o_cc o_cc2" separator=" "/>
+        <attribute name="style" add="grid-area: 1 / 9 / 3 / 11; z-index: 5;" separator=";"/>
+    </xpath>
+    <xpath expr="(//div[hasclass('col-lg-2')])[6]" position="attributes">
+        <attribute name="class" add="o_grid_item g-col-lg-2 g-height-2 o_grid_item_image o_cc o_cc2" separator=" "/>
+        <attribute name="style" add="grid-area: 1 / 11 / 3 / 13; z-index: 6;" separator=";"/>
+    </xpath>
 </template>
 
 </odoo>

theme_odoo_experts/views/snippets/s_showcase.xml

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_showcase" inherit_id="website.s_showcase">
+    <!-- Remove title, subtitle and button -->
+    <xpath expr="//div[hasclass('col-lg-6')]" position="before">
+        <div class="col-12 col-lg-12 pt0 pb80" style="text-align: center;">
+            <p class="o_small">OUR DATA-DRIVEN SERVICES</p>
+            <h2 style="text-align: center">
+                <span class="o_text_highlight o_translate_inline o_text_highlight_circle_1" style="--text-highlight-width: 6px; --text-highlight-color: var(--o-color-1);"><span class="o_text_highlight_item">Transform</span></span> your busines<br/>with real metrics
+            </h2>
+        </div>
+    </xpath>
+    <xpath expr="(//div[hasclass('col-12')])[2]" position="replace"/>
+    <xpath expr="(//div[hasclass('col-12')])[5]" position="replace"/>
+
+    <xpath expr="(//div[hasclass('col-12')])[2]" position="replace">
+        <div class="col-12 pt8 pb8" data-name="Feature">
+            <i class="s_showcase_icon fa fa-check me-auto rounded-circle float-start bg-o-color-3" role="img"/>
+            <div class="d-flex flex-column">
+                <h5 class="s_showcase_title">Strategic Planning</h5>
+                <p>Aligning your business objectives with forward-thinking strategies for long-term success.</p>
+            </div>
+        </div>
+    </xpath>
+    <xpath expr="(//div[hasclass('col-12')])[3]" position="replace">
+        <div class="col-12 pt8 pb8" data-name="Feature">
+            <i class="s_showcase_icon fa fa-check me-auto rounded-circle float-start bg-o-color-3" role="img"/>
+            <div class="d-flex flex-column">
+                <h5 class="s_showcase_title">Financial Consulting</h5>
+                <p>Providing expert guidance to optimize your financial resources and maximize profitability.</p>
+            </div>
+        </div>
+    </xpath>
+    <xpath expr="(//div[hasclass('col-12')])[4]" position="replace">
+        <div class="col-12 pt8 pb8" data-name="Feature">
+            <i class="s_showcase_icon fa fa-check me-auto rounded-circle float-start bg-o-color-3" role="img"/>
+            <div class="d-flex flex-column">
+                <h5 class="s_showcase_title">Market Analysis</h5>
+                <p>Delivering in-depth insights and market trends to keep you ahead of the competition.</p>
+            </div>
+        </div>
+    </xpath>
+
+    <!-- Image -->
+    <xpath expr="//img" position="attributes">
+        <attribute name="src">/web_editor/image_shape/website.s_showcase_default_image/web_editor/devices/macbook_front.svg?</attribute>
+        <attribute name="data-shape">web_editor/devices/macbook_front</attribute>
+        <attribute name="data-original-mimetype">image/jpg</attribute>
+        <attribute name="data-file-name">s_showcase_default_image.svg</attribute>
+        <attribute name="class" remove="rounded" separator=" "/>
+    </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>
+</template>
+
+</odoo>

theme_odoo_experts/views/snippets/s_text_image.xml

@@ -6,48 +6,30 @@
     <xpath expr="//section" position="attributes">
         <attribute name="class" add="pt64 pb64" remove="pt80 pb80" separator=" "/>
     </xpath>
-    <!-- Column #1 -->
-    <xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
-        <attribute name="class" add="col-lg-3" remove="col-lg-5" separator=" "/>
-    </xpath>
-    <!-- Column #2 -->
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-8" remove="col-lg-6" separator=" "/>
-    </xpath>
+
     <!-- Title -->
-    <xpath expr="//h2" position="replace" mode="inner">
-        We care about results
+    <xpath expr="//h2" position="replace">
+        <h2>Expert Guidance for Long-Term Success</h2>
     </xpath>
+
     <!-- Paragraphs -->
-    <xpath expr="//p" position="replace" mode="inner">
-        <br/>
-    </xpath>
-    <xpath expr="//p[2]" position="replace" mode="inner">
-        Guided by expertise gained over 20 years of achieving success for clients, we practice with passion and strategic focus on the future.
+    <xpath expr="//p" position="replace">
+        <p class="lead"><br/>Our team provides the expertise and strategic insight needed to help your business thrive in a competitive landscape. We create tailored solutions that foster sustainable growth and long-term success.</p>
     </xpath>
+    <xpath expr="//p[2]" position="replace"/>
+
     <!-- Button -->
     <xpath expr="//a[hasclass('btn')]" position="attributes">
-        <attribute name="class" add="btn-lg" separator=" "/>
+        <attribute name="class" add="btn-primary" remove="btn-secondary" separator=" "/>
     </xpath>
+
     <!-- Image -->
     <xpath expr="//img" position="attributes">
-        <attribute name="src">/web_editor/image_shape/website.s_text_image_default_image/web_editor/devices/browser_02.svg?c4=o-color-4&amp;c5=o-color-2</attribute>
-        <attribute name="data-shape">web_editor/devices/browser_02</attribute>
+        <attribute name="src">/web_editor/image_shape/website.s_text_image_default_image/web_editor/devices/ipad_front_landscape.svg</attribute>
+        <attribute name="data-shape">web_editor/devices/ipad_front_landscape</attribute>
         <attribute name="data-original-mimetype">image/jpg</attribute>
         <attribute name="data-file-name">s_text_image.svg</attribute>
-        <attribute name="data-shape-colors">;;;o-color-4;o-color-2</attribute>
-        <attribute name="class" add="shadow" separator=" "/>
-    </xpath>
-</template>
-
-<template id="configurator_s_text_image" inherit_id="website.configurator_s_text_image">
-    <!-- Shape option -->
-    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_001","flip":["y"]}</attribute>
-    </xpath>
-    <!-- Shape -->
-    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_12_001" style="background-image: url('/web_editor/shape/web_editor/Airy/12_001.svg?c1=o-color-5&amp;c3=o-color-4&amp;flip=y'); background-position: 50% 100%;"/>
+        <attribute name="class" remove="rounded" separator=" "/>
     </xpath>
 </template>