NOV 04: [ADD] Initial Commit 'theme_fuge'

theme_fuge/README.rst

@@ -0,0 +1,48 @@
+.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg
+    :target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html
+    :alt: License: LGPL-3
+
+Theme Fuge
+==========
+* Design Web Pages with Theme Fuge
+
+Configuration
+============
+    - www.odoo.com/documentation/17.0/setup/install.html
+    - Install our custom addon
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+License
+-------
+General Public License, Version 3 (LGPL v3).
+(https://www.gnu.org/licenses/lgpl-3.0-standalone.html)
+
+Credits
+-------
+* Developer: (V17) Swaraj R, Contact: odoo@cybrosys.com
+             (V18) Athira K, Contact: odoo@cybrosys.com
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+* Website : https://cybrosys.com
+
+Bug Tracker
+-----------
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Maintainer
+--------
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit https://www.cybrosys.com
+
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com"
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

theme_fuge/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import controllers
+from . import models

theme_fuge/__manifest__.py

@@ -0,0 +1,70 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+{
+    'name': 'Theme Fuge',
+    'version': '18.0.1.0.0',
+    'category': 'Theme/eCommerce',
+    'summary': 'Design Web Pages with theme fuge',
+    'description': 'Theme Fuge is an attractive and modern eCommerce Website'
+                   ' theme',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'depends': ['website', 'website_sale_wishlist', 'website_blog'],
+    'data': [
+        'views/views.xml',
+        'views/shop_view.xml',
+        'views/shop_sidebar_view.xml',
+        'views/product_view.xml',
+        'views/blog.xml',
+        'views/popular_posts.xml',
+        'views/blog_details.xml',
+        'views/about.xml',
+        'views/contact.xml',
+        'views/footer.xml',
+        'views/snippets/banner.xml',
+        'views/snippets/shop_with_us.xml',
+        'views/snippets/offer_men.xml',
+        'views/snippets/offer_women.xml',
+        'views/snippets/product_section.xml',
+        'views/snippets/latest_blogs.xml',
+        'views/snippets/customer_review.xml',
+        'views/snippets/subscribe.xml',
+    ],
+    'assets': {
+        'web.assets_frontend': [
+            'theme_fuge/static/src/css/style.css',
+            'theme_fuge/static/src/css/owl.carousel.min.css',
+            'theme_fuge/static/src/css/owl.theme.default.min.css',
+            'theme_fuge/static/src/js/product.js',
+        ],
+    },
+    "images": [
+        "static/description/banner.jpg",
+        "static/description/theme_sreenshot.jpg",
+    ],
+    'license': 'LGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

theme_fuge/controllers/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import main
+from . import popular_post

theme_fuge/controllers/main.py

@@ -0,0 +1,92 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo.addons.website_sale.controllers.main import WebsiteSale
+from odoo import http, fields
+from odoo.http import request
+
+
+class MainProduct(http.Controller):
+    """Class MainProduct with function get_main_product to fetch
+    main product and return to corresponding template"""
+    @http.route('/get_main_product', auth="public", type='json',
+                website=True)
+    def get_main_product(self):
+        """Function returns the main products values to the
+        product_section snippet"""
+        main_products = request.env['product.template'].sudo().search(
+            [('website_published', '=', True)],
+            order='create_date asc', limit=8)
+        values = {
+            'main_products': main_products,
+        }
+        response = http.Response(template='theme_fuge.product_snippet_section',
+                                 qcontext=values)
+        return response.render()
+
+
+class WebsiteBlog(http.Controller):
+    """Class WebsiteBlog with function get_blog_post to fetch
+       main blog and return to corresponding template"""
+    @http.route('/get_blog_post', auth="public", type='json',
+                website=True)
+    def get_blog_post(self):
+        """Function returns the value of latest blog to
+        the snippet od template id latest_blog"""
+        posts = request.env['blog.post'].sudo().search(
+            [('website_published', '=', True),
+             ('post_date', '<=', fields.Datetime.now())],
+            order='published_date desc', limit=4)
+        values = {
+            'posts_recent': posts,
+        }
+        response = http.Response(template='theme_fuge.latest_blog_section',
+                                 qcontext=values)
+        return response.render()
+
+
+class WebsiteContactUs(http.Controller):
+    """Class WebsiteContactUs to with defined route to render contact us
+    thanks template when successful contact is created"""
+    @http.route('/contactus-thank-you', type="http", website=True,
+                auth='public')
+    def create_contact_us(self, **kw):
+        """this function related to the above controller renders the template
+        contactus_thanks after successful submission of contact us form"""
+        return request.render("website.contactus_thanks", {})
+
+
+class WebsiteProductComparison(WebsiteSale):
+    """Class WebsiteProductComparison with defined function to check
+    the comparison settings is enabled in website config settings"""
+    @http.route()
+    def shop(self, **post):
+        """Extracts the value of the module_website_sale_comparison field from
+         the fetched configuration settings. This represents a boolean
+         indicating whether product comparison is enabled or not"""
+        res = super().shop(**post)
+        res_config_settings = request.env['res.config.settings'].sudo().search(
+            [], limit=1, order='id desc')
+        boolean_product_comparison = (
+            res_config_settings.module_website_sale_comparison)
+        res.qcontext.update(
+            {'boolean_product_comparison': boolean_product_comparison})
+        return res

theme_fuge/controllers/popular_post.py

@@ -0,0 +1,78 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import http, fields
+from odoo.http import request
+from odoo.osv import expression
+from odoo.addons.website_blog.controllers.main import WebsiteBlog
+
+
+class WebsiteBlogInherit(WebsiteBlog):
+    """Class WebsiteBlogInherit with multiple routes to fetch blog related
+     data using function blog and blog_post"""
+
+    @http.route([
+        '/blog',
+        '/blog/page/<int:page>',
+        '/blog/tag/<string:tag>',
+        '/blog/tag/<string:tag>/page/<int:page>',
+        '''/blog/<model("blog.blog"):blog>''',
+        '''/blog/<model("blog.blog"):blog>/page/<int:page>''',
+        '''/blog/<model("blog.blog"):blog>/tag/<string:tag>''',
+        '''/blog/<model("blog.blog"):blog>/tag/<string:tag>/page/<int:page>''',
+    ], type='http', auth="public", website=True, sitemap=True)
+    def blog(self, blog=None, tag=None, page=1, search=None, **opt):
+        """On user choosing blog filters in the website blogs this function
+        returns the blog of count 3 on order published_date descending"""
+        limit = 3
+        order = 'published_date desc'
+        dom = expression.AND([
+            [('website_published', '=', True),
+             ('post_date', '<=', fields.Datetime.now())],
+            request.website.website_domain()
+        ])
+        posts = request.env['blog.post'].search(dom, limit=limit, order=order)
+        res = super(WebsiteBlogInherit, self).blog(blog=blog, tag=tag, page=1,
+                                                   search=search, **opt)
+        res.qcontext.update({'posts_popular': posts})
+        return res
+
+    @http.route(['''/blog/<model("blog.blog"):blog>/<model'''
+                 '''("blog.post", "[('blog_id','=',blog.id)]"):blog_post>''', ],
+                type='http', auth="public", website=True, sitemap=True)
+    def blog_post(self, blog, blog_post, tag_id=None, page=1,
+                  enable_editor=None, **post):
+        """This function returns the popular top 3 blogs to the
+        corresponding template of order published_date descending"""
+        limit = 3
+        order = 'published_date desc'
+        dom = expression.AND([
+            [('website_published', '=', True),
+             ('post_date', '<=', fields.Datetime.now())],
+            request.website.website_domain()
+        ])
+        posts = request.env['blog.post'].search(dom, limit=limit, order=order)
+        res = super(WebsiteBlogInherit, self).blog_post(blog, blog_post,
+                                                        tag_id=tag_id, page=1,
+                                                        enable_editor=None,
+                                                        **post)
+        res.qcontext.update({'posts_popular': posts})
+        return res

theme_fuge/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <theme_fuge>
+
+#### 04.11.2024
+#### Version 18.0.1.0.0
+#### ADD
+- Initial commit for Theme Fuge

theme_fuge/models/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import theme_fuge

theme_fuge/models/theme_fuge.py

@@ -0,0 +1,37 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import models
+
+
+class FugeTheme(models.AbstractModel):
+    """Class FugeTheme inherited them.utils with function _fuge_theme_post_copy
+    for manipulating views"""
+    _inherit = 'theme.utils'
+
+    def _fuge_theme_post_copy(self, mod):
+        """Views are manipulated related to the blog post some of them are
+        enabled and some of them are disabled"""
+        self.enable_view('website_blog.opt_blog_sidebar_show')
+        self.enable_view('website_blog.opt_blog_list_view')
+        self.disable_view('website_blog.opt_posts_loop_show_author')
+        self.disable_view('website_sale.add_grid_or_list_option')
+        self.disable_view('website_sale.products_list_view')

theme_fuge/static/description/img/arrows-repeat.svg

@@ -0,0 +1,10 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_48_838)">
+<path d="M0.000110011 16.2916C0.000110011 9.65172 5.40186 4.24997 12.0418 4.24997H26.9168V1.89405C26.9168 0.631803 28.4425 -3.05772e-05 29.335 0.892469L33.585 5.37339C34.1389 5.9273 34.1375 6.82405 33.585 7.37655L29.335 11.8575C28.4425 12.75 26.9168 12.1181 26.9168 10.8559V8.49997H12.0418C7.74503 8.49997 4.25011 11.9963 4.25011 16.2916C4.25011 17.4646 3.29953 18.4166 2.12511 18.4166C0.950693 18.4166 0.000110011 17.4646 0.000110011 16.2916ZM31.8751 15.5833C30.7007 15.5833 29.7501 16.5353 29.7501 17.7083C29.7501 22.0036 26.2552 25.5 21.9584 25.5H7.08344V23.1441C7.08344 21.8818 5.55769 21.25 4.66519 22.1425L0.415193 26.6234C-0.138723 27.1773 -0.138723 28.0741 0.415193 28.6266L4.66519 33.1075C5.55769 34 7.08344 33.3681 7.08344 32.1059V29.75H21.9584C28.5984 29.75 34.0001 24.3482 34.0001 17.7083C34.0001 16.5353 33.0495 15.5833 31.8751 15.5833Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_48_838">
+<rect width="34" height="34" fill="white"/>
+</clipPath>
+</defs>
+</svg>

theme_fuge/static/description/img/banner-bg-1.svg

@@ -0,0 +1,66 @@
+<svg width="1408" height="694" viewBox="0 0 1408 694" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2133_160)">
+<rect width="1408" height="694" rx="32" fill="url(#paint0_linear_2133_160)"/>
+<g clip-path="url(#clip1_2133_160)">
+<g opacity="0.3" clip-path="url(#clip2_2133_160)">
+<g clip-path="url(#clip3_2133_160)">
+<path d="M356.462 674.053C353.888 671.48 353.887 668.9 356.457 666.329C353.887 668.9 351.307 668.898 348.734 666.325C351.307 668.898 351.309 671.478 348.738 674.049C351.309 671.478 353.888 671.48 356.462 674.053ZM349.506 667.098C351.57 669.161 353.624 669.162 355.686 667.101C353.624 669.162 353.626 671.217 355.689 673.28C353.626 671.217 351.571 671.216 349.51 673.277C351.571 671.216 351.57 669.161 349.506 667.098Z" fill="#375DFB"/>
+<path d="M395.06 635.455C392.487 632.881 392.485 630.301 395.056 627.73C392.485 630.301 389.906 630.3 387.332 627.726C389.906 630.3 389.907 632.88 387.336 635.45C389.907 632.88 392.487 632.881 395.06 635.455ZM388.105 628.499C390.168 630.563 392.223 630.564 394.284 628.502C392.223 630.564 392.224 632.618 394.288 634.682C392.224 632.618 390.17 632.617 388.108 634.678C390.17 632.617 390.168 630.563 388.105 628.499Z" fill="#375DFB"/>
+<path d="M434.475 674.869C431.383 671.777 431.381 668.688 434.469 665.6C431.381 668.688 428.292 668.686 425.201 665.595C428.292 668.686 428.294 671.776 425.206 674.864C428.294 671.776 431.383 671.777 434.475 674.869ZM426.128 666.522C428.601 668.995 431.073 668.997 433.543 666.526C431.073 668.997 431.074 671.468 433.547 673.941C431.074 671.468 428.602 671.467 426.132 673.937C428.602 671.467 428.601 668.995 426.128 666.522Z" fill="#375DFB"/>
+<path d="M433.659 596.856C431.085 594.282 431.084 591.703 433.655 589.132C431.084 591.703 428.504 591.701 425.931 589.128C428.504 591.701 428.506 594.281 425.935 596.852C428.506 594.281 431.085 594.282 433.659 596.856ZM426.703 589.901C428.767 591.964 430.821 591.965 432.883 589.904C430.821 591.965 430.823 594.02 432.886 596.083C430.823 594.02 428.768 594.019 426.707 596.08C428.768 594.019 428.767 591.964 426.703 589.901Z" fill="#375DFB"/>
+<path d="M473.073 636.27C469.982 633.179 469.98 630.089 473.068 627.001C469.98 630.089 466.89 630.088 463.799 626.996C466.89 630.088 466.892 633.177 463.804 636.265C466.892 633.177 469.982 633.179 473.073 636.27ZM464.727 627.924C467.2 630.397 469.671 630.398 472.142 627.928C469.671 630.398 469.673 632.87 472.146 635.343C469.673 632.87 467.201 632.868 464.731 635.339C467.201 632.868 467.2 630.397 464.727 627.924Z" fill="#375DFB"/>
+<path d="M512.487 675.684C508.878 672.075 508.876 668.476 512.481 664.871C508.876 668.476 505.277 668.474 501.668 664.865C505.277 668.474 505.279 672.073 501.674 675.678C505.279 672.073 508.878 672.075 512.487 675.684ZM502.75 665.947C505.632 668.829 508.521 668.831 511.4 665.952C508.521 668.831 508.523 671.72 511.405 674.602C508.523 671.72 505.634 671.718 502.754 674.598C505.634 671.718 505.632 668.829 502.75 665.947Z" fill="#375DFB"/>
+<path d="M472.257 558.257C469.684 555.684 469.683 553.104 472.253 550.533C469.683 553.104 467.103 553.103 464.529 550.529C467.103 553.103 467.104 555.683 464.533 558.253C467.104 555.683 469.684 555.684 472.257 558.257ZM465.302 551.302C467.365 553.365 469.42 553.367 471.481 551.305C469.42 553.367 469.421 555.421 471.485 557.485C469.421 555.421 467.367 555.42 465.305 557.481C467.367 555.42 467.365 553.365 465.302 551.302Z" fill="#375DFB"/>
+<path d="M511.672 597.672C508.58 594.58 508.579 591.491 511.666 588.403C508.579 591.491 505.489 591.489 502.398 588.398C505.489 591.489 505.491 594.579 502.403 597.666C505.491 594.579 508.58 594.58 511.672 597.672ZM503.325 589.325C505.798 591.798 508.27 591.8 510.74 589.329C508.27 591.8 508.271 594.271 510.744 596.744C508.271 594.271 505.799 594.27 503.329 596.74C505.799 594.27 505.798 591.798 503.325 589.325Z" fill="#375DFB"/>
+<path d="M551.086 637.086C547.477 633.477 547.475 629.877 551.08 626.272C547.475 629.877 543.875 629.875 540.266 626.266C543.875 629.875 543.877 633.475 540.272 637.08C543.877 633.475 547.477 633.477 551.086 637.086ZM541.348 627.348C544.231 630.231 547.12 630.232 549.999 627.353C547.12 630.232 547.121 633.121 550.004 636.004C547.121 633.121 544.232 633.12 541.353 635.999C544.232 633.12 544.231 630.231 541.348 627.348Z" fill="#375DFB"/>
+<path d="M590.5 676.5C586.381 672.381 586.379 668.256 590.493 664.142C586.379 668.256 582.254 668.254 578.135 664.135C582.254 668.254 582.256 672.379 578.142 676.493C582.256 672.379 586.381 672.381 590.5 676.5ZM579.371 665.371C582.671 668.671 585.962 668.673 589.258 665.377C585.962 668.673 585.963 671.964 589.263 675.263C585.963 671.964 582.673 671.962 579.377 675.258C582.673 671.962 582.671 668.671 579.371 665.371Z" fill="#375DFB"/>
+<path d="M510.856 519.659C508.282 517.085 508.281 514.506 510.852 511.935C508.281 514.506 505.701 514.504 503.128 511.931C505.701 514.504 505.703 517.084 503.132 519.655C505.703 517.084 508.282 517.085 510.856 519.659ZM503.9 512.703C505.964 514.767 508.019 514.768 510.08 512.707C508.019 514.768 508.02 516.823 510.083 518.886C508.02 516.823 505.965 516.822 503.904 518.883C505.965 516.822 505.964 514.767 503.9 512.703Z" fill="#375DFB"/>
+<path d="M550.27 559.073C547.179 555.982 547.177 552.892 550.265 549.804C547.177 552.892 544.087 552.89 540.996 549.799C544.087 552.89 544.089 555.98 541.001 559.068C544.089 555.98 547.179 555.982 550.27 559.073ZM541.924 550.727C544.397 553.2 546.868 553.201 549.339 550.731C546.868 553.201 546.87 555.673 549.343 558.146C546.87 555.673 544.398 555.671 541.928 558.142C544.398 555.671 544.397 553.2 541.924 550.727Z" fill="#375DFB"/>
+<path d="M589.684 598.487C586.075 594.878 586.073 591.279 589.678 587.674C586.073 591.279 582.474 591.277 578.865 587.668C582.474 591.277 582.476 594.876 578.871 598.481C582.476 594.876 586.075 594.878 589.684 598.487ZM579.947 588.75C582.829 591.632 585.718 591.634 588.598 588.755C585.718 591.634 585.72 594.523 588.602 597.405C585.72 594.523 582.831 594.521 579.951 597.401C582.831 594.521 582.829 591.632 579.947 588.75Z" fill="#375DFB"/>
+<path d="M549.454 481.06C546.881 478.487 546.879 475.907 549.45 473.336C546.879 475.907 544.3 475.906 541.726 473.332C544.3 475.906 544.301 478.485 541.73 481.056C544.301 478.485 546.881 478.487 549.454 481.06ZM542.499 474.105C544.562 476.168 546.617 476.17 548.678 474.108C546.617 476.17 546.618 478.224 548.682 480.288C546.618 478.224 544.564 478.223 542.502 480.284C544.564 478.223 544.562 476.168 542.499 474.105Z" fill="#375DFB"/>
+<path d="M588.869 520.475C585.777 517.383 585.776 514.294 588.864 511.206C585.776 514.294 582.686 514.292 579.595 511.201C582.686 514.292 582.688 517.382 579.6 520.469C582.688 517.382 585.777 517.383 588.869 520.475ZM580.522 512.128C582.995 514.601 585.467 514.602 587.937 512.132C585.467 514.602 585.468 517.074 587.941 519.547C585.468 517.074 582.997 517.073 580.526 519.543C582.997 517.073 582.995 514.601 580.522 512.128Z" fill="#375DFB"/>
+<path d="M588.053 442.462C585.48 439.888 585.478 437.308 588.049 434.738C585.478 437.308 582.898 437.307 580.325 434.734C582.898 437.307 582.9 439.887 580.329 442.458C582.9 439.887 585.48 439.888 588.053 442.462ZM581.098 435.506C583.161 437.57 585.216 437.571 587.277 435.51C585.216 437.571 585.217 439.626 587.28 441.689C585.217 439.626 583.162 439.624 581.101 441.686C583.162 439.624 583.161 437.57 581.098 435.506Z" fill="#375DFB"/>
+<path d="M317.455 673.645C315.137 671.327 315.136 669.01 317.452 666.694C315.136 669.01 312.818 669.008 310.5 666.69C312.818 669.008 312.82 671.325 310.504 673.641C312.82 671.325 315.137 671.327 317.455 673.645ZM311.196 667.385C313.05 669.24 314.904 669.241 316.757 667.388C314.904 669.241 314.905 671.095 316.76 672.95C314.905 671.095 313.051 671.094 311.199 672.947C313.051 671.094 313.05 669.24 311.196 667.385Z" fill="#375DFB"/>
+<path d="M356.054 635.047C353.736 632.728 353.734 630.411 356.05 628.095C353.734 630.411 351.417 630.41 349.099 628.091C351.417 630.41 351.418 632.727 349.102 635.043C351.418 632.727 353.736 632.728 356.054 635.047ZM349.794 628.787C351.649 630.642 353.503 630.643 355.355 628.79C353.503 630.643 353.504 632.496 355.358 634.351C353.504 632.496 351.65 632.495 349.797 634.348C351.65 632.495 351.649 630.642 349.794 628.787Z" fill="#375DFB"/>
+<path d="M395.468 674.461C392.632 671.625 392.63 668.798 395.463 665.964C392.63 668.798 389.803 668.796 386.967 665.96C389.803 668.796 389.805 671.623 386.972 674.456C389.805 671.623 392.632 671.625 395.468 674.461ZM387.817 666.81C390.082 669.074 392.352 669.076 394.614 666.814C392.352 669.076 392.354 671.346 394.618 673.611C392.354 671.346 390.083 671.345 387.821 673.607C390.083 671.345 390.082 669.074 387.817 666.81Z" fill="#375DFB"/>
+<path d="M394.653 596.448C392.334 594.13 392.333 591.813 394.649 589.497C392.333 591.813 390.016 591.811 387.697 589.493C390.016 591.811 390.017 594.128 387.701 596.444C390.017 594.128 392.334 594.13 394.653 596.448ZM388.393 590.188C390.247 592.043 392.101 592.044 393.954 590.191C392.101 592.044 392.102 593.898 393.957 595.753C392.102 593.898 390.248 593.897 388.396 595.75C390.248 593.897 390.247 592.043 388.393 590.188Z" fill="#375DFB"/>
+<path d="M434.067 635.862C431.23 633.026 431.229 630.199 434.062 627.366C431.229 630.199 428.402 630.198 425.566 627.361C428.402 630.198 428.403 633.024 425.57 635.858C428.403 633.024 431.23 633.026 434.067 635.862ZM426.416 628.211C428.68 630.476 430.951 630.477 433.213 628.215C430.951 630.477 430.952 632.748 433.217 635.012C430.952 632.748 428.681 632.747 426.419 635.008C428.681 632.747 428.68 630.476 426.416 628.211Z" fill="#375DFB"/>
+<path d="M473.481 675.277C470.135 671.93 470.133 668.578 473.475 665.235C470.133 668.578 466.78 668.576 463.434 665.23C466.78 668.576 466.782 671.928 463.44 675.271C466.782 671.928 470.135 671.93 473.481 675.277ZM464.439 666.235C467.121 668.916 469.793 668.918 472.472 666.239C469.793 668.918 469.794 671.59 472.476 674.272C469.794 671.59 467.122 671.589 464.443 674.267C467.122 671.589 467.121 668.916 464.439 666.235Z" fill="#375DFB"/>
+<path d="M433.251 557.85C430.933 555.531 430.931 553.214 433.247 550.898C430.931 553.214 428.614 553.213 426.296 550.894C428.614 553.213 428.615 555.53 426.299 557.846C428.615 555.53 430.933 555.531 433.251 557.85ZM426.991 551.59C428.846 553.444 430.7 553.446 432.552 551.593C430.7 553.446 430.701 555.299 432.556 557.154C430.701 555.299 428.847 555.298 426.994 557.151C428.847 555.298 428.846 553.444 426.991 551.59Z" fill="#375DFB"/>
+<path d="M472.665 597.264C469.829 594.428 469.827 591.601 472.661 588.767C469.827 591.601 467 591.599 464.164 588.763C467 591.599 467.002 594.426 464.169 597.259C467.002 594.426 469.829 594.428 472.665 597.264ZM465.014 589.613C467.279 591.877 469.549 591.879 471.811 589.617C469.549 591.879 469.551 594.149 471.815 596.414C469.551 594.149 467.28 594.148 465.018 596.41C467.28 594.148 467.279 591.877 465.014 589.613Z" fill="#375DFB"/>
+<path d="M512.079 636.678C508.733 633.332 508.731 629.979 512.074 626.637C508.731 629.979 505.379 629.978 502.033 626.631C505.379 629.978 505.381 633.33 502.038 636.672C505.381 633.33 508.733 633.332 512.079 636.678ZM503.037 627.636C505.719 630.318 508.392 630.319 511.07 627.64C508.392 630.319 508.393 632.992 511.075 635.673C508.393 632.992 505.721 632.99 503.042 635.669C505.721 632.99 505.719 630.318 503.037 627.636Z" fill="#375DFB"/>
+<path d="M551.494 676.092C547.629 672.228 547.627 668.366 551.487 664.506C547.627 668.366 543.765 668.364 539.901 664.5C543.765 668.364 543.767 672.226 539.908 676.086C543.767 672.226 547.629 672.228 551.494 676.092ZM541.06 665.659C544.152 668.75 547.241 668.752 550.329 665.664C547.241 668.752 547.243 671.842 550.334 674.933C547.243 671.842 544.153 671.84 541.066 674.928C544.153 671.84 544.152 668.75 541.06 665.659Z" fill="#375DFB"/>
+<path d="M471.85 519.251C469.531 516.933 469.53 514.615 471.846 512.299C469.53 514.615 467.213 514.614 464.894 512.296C467.213 514.614 467.214 516.931 464.898 519.247C467.214 516.931 469.531 516.933 471.85 519.251ZM465.59 512.991C467.444 514.846 469.298 514.847 471.151 512.994C469.298 514.847 469.299 516.701 471.154 518.556C469.299 516.701 467.445 516.7 465.593 518.552C467.445 516.7 467.444 514.846 465.59 512.991Z" fill="#375DFB"/>
+<path d="M511.264 558.665C508.428 555.829 508.426 553.002 511.259 550.169C508.426 553.002 505.599 553 502.763 550.164C505.599 553 505.601 555.827 502.767 558.661C505.601 555.827 508.428 555.829 511.264 558.665ZM503.613 551.014C505.877 553.279 508.148 553.28 510.41 551.018C508.148 553.28 508.149 555.551 510.414 557.815C508.149 555.551 505.878 555.55 503.617 557.811C505.878 555.55 505.877 553.279 503.613 551.014Z" fill="#375DFB"/>
+<path d="M550.678 598.079C547.332 594.733 547.33 591.381 550.672 588.038C547.33 591.381 543.978 591.379 540.631 588.033C543.978 591.379 543.979 594.731 540.637 598.074C543.979 594.731 547.332 594.733 550.678 598.079ZM541.636 589.037C544.318 591.719 546.99 591.721 549.669 589.042C546.99 591.721 546.992 594.393 549.673 597.075C546.992 594.393 544.319 594.392 541.64 597.07C544.319 594.392 544.318 591.719 541.636 589.037Z" fill="#375DFB"/>
+<path d="M590.092 637.494C586.228 633.63 586.226 629.768 590.086 625.908C586.226 629.768 582.364 629.765 578.5 625.901C582.364 629.765 582.366 633.627 578.506 637.487C582.366 633.627 586.228 633.63 590.092 637.494ZM579.659 627.061C582.75 630.152 585.84 630.154 588.928 627.066C585.84 630.154 585.842 633.243 588.933 636.334C585.842 633.243 582.752 633.241 579.664 636.329C582.752 633.241 582.75 630.152 579.659 627.061Z" fill="#375DFB"/>
+<path d="M510.448 480.653C508.13 478.334 508.128 476.017 510.444 473.701C508.128 476.017 505.811 476.016 503.493 473.697C505.811 476.016 505.812 478.333 503.497 480.649C505.812 478.333 508.13 478.334 510.448 480.653ZM504.188 474.393C506.043 476.247 507.897 476.248 509.749 474.396C507.897 476.248 507.898 478.102 509.753 479.957C507.898 478.102 506.044 478.101 504.191 479.954C506.044 478.101 506.043 476.247 504.188 474.393Z" fill="#375DFB"/>
+<path d="M549.862 520.067C547.026 517.231 547.024 514.403 549.858 511.57C547.024 514.403 544.197 514.402 541.361 511.566C544.197 514.402 544.199 517.229 541.366 520.062C544.199 517.229 547.026 517.231 549.862 520.067ZM542.211 512.416C544.476 514.68 546.747 514.681 549.008 512.42C546.747 514.681 546.748 516.952 549.012 519.217C546.748 516.952 544.477 516.951 542.215 519.213C544.477 516.951 544.476 514.68 542.211 512.416Z" fill="#375DFB"/>
+<path d="M589.276 559.481C585.93 556.135 585.928 552.782 589.271 549.44C585.928 552.782 582.576 552.781 579.23 549.434C582.576 552.781 582.578 556.133 579.235 559.475C582.578 556.133 585.93 556.135 589.276 559.481ZM580.234 550.439C582.916 553.121 585.589 553.122 588.267 550.443C585.589 553.122 585.59 555.795 588.272 558.476C585.59 555.795 582.918 555.793 580.239 558.472C582.918 555.793 582.916 553.121 580.234 550.439Z" fill="#375DFB"/>
+<path d="M549.047 442.054C546.728 439.735 546.727 437.418 549.043 435.102C546.727 437.418 544.41 437.417 542.091 435.099C544.41 437.417 544.411 439.734 542.095 442.05C544.411 439.734 546.728 439.735 549.047 442.054ZM542.787 435.794C544.642 437.649 546.495 437.65 548.348 435.797C546.495 437.65 546.496 439.504 548.351 441.358C546.496 439.504 544.643 439.503 542.79 441.355C544.643 439.503 544.642 437.649 542.787 435.794Z" fill="#375DFB"/>
+<path d="M588.461 481.468C585.625 478.632 585.623 475.805 588.456 472.972C585.623 475.805 582.796 475.803 579.96 472.967C582.796 475.803 582.798 478.63 579.964 481.464C582.798 478.63 585.625 478.632 588.461 481.468ZM580.81 473.817C583.074 476.082 585.345 476.083 587.607 473.821C585.345 476.083 585.346 478.354 587.611 480.618C585.346 478.354 583.075 478.352 580.814 480.614C583.075 478.352 583.074 476.082 580.81 473.817Z" fill="#375DFB"/>
+<path d="M587.645 403.455C585.327 401.137 585.325 398.82 587.641 396.504C585.325 398.82 583.008 398.818 580.69 396.5C583.008 398.818 583.01 401.136 580.694 403.452C583.01 401.136 585.327 401.137 587.645 403.455ZM581.385 397.196C583.24 399.05 585.094 399.051 586.947 397.199C585.094 399.051 585.095 400.905 586.95 402.76C585.095 400.905 583.241 400.904 581.388 402.757C583.241 400.904 583.24 399.05 581.385 397.196Z" fill="#375DFB"/>
+</g>
+</g>
+</g>
+<rect x="0.5" y="0.5" width="1407" height="693" rx="31.5" stroke="#D6E0FF"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2133_160" x1="704" y1="0" x2="704" y2="694" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E5EEFF"/>
+<stop offset="1" stop-color="#F9FBFF"/>
+</linearGradient>
+<clipPath id="clip0_2133_160">
+<rect width="1408" height="694" rx="32" fill="white"/>
+</clipPath>
+<clipPath id="clip1_2133_160">
+<rect width="281" height="281" fill="white" transform="translate(311 397)"/>
+</clipPath>
+<clipPath id="clip2_2133_160">
+<rect width="281" height="281" fill="white" transform="translate(310.5 396.5)"/>
+</clipPath>
+<clipPath id="clip3_2133_160">
+<rect width="281" height="281" fill="white" transform="translate(310.5 396.5)"/>
+</clipPath>
+</defs>
+</svg>

theme_fuge/static/description/img/check.svg

@@ -0,0 +1,10 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1413_85)">
+<path d="M512 256.002C512 219.82 493.653 187.927 465.749 169.111C472.171 136.087 462.592 100.567 437.013 74.9671C411.435 49.3885 375.915 39.8098 342.869 46.2311C324.053 18.3271 292.16 -0.0195312 255.979 -0.0195312C219.797 -0.0195312 187.904 18.3271 169.088 46.2311C136.064 39.8098 100.523 49.3885 74.944 74.9671C49.3653 100.546 39.7866 136.066 46.2079 169.111C18.3039 187.927 -0.0427246 219.82 -0.0427246 256.002C-0.0427246 292.183 18.3039 324.076 46.2079 342.892C39.7866 375.916 49.3653 411.458 74.944 437.036C100.523 462.615 136.043 472.194 169.088 465.772C187.904 493.676 219.797 512.023 255.979 512.023C292.16 512.023 324.053 493.676 342.869 465.772C375.893 472.194 411.435 462.615 437.013 437.036C462.592 411.458 472.171 375.938 465.749 342.892C493.653 324.076 512 292.183 512 256.002ZM254.059 328.94C245.803 337.196 234.944 341.314 224.043 341.314C213.141 341.314 202.176 337.154 193.835 328.834L134.485 271.319L164.203 240.663L223.787 298.412L347.712 176.791L377.664 207.191L254.059 328.94Z" fill="#4AB58E"/>
+</g>
+<defs>
+<clipPath id="clip0_1413_85">
+<rect width="512" height="512" fill="white"/>
+</clipPath>
+</defs>
+</svg>

theme_fuge/static/description/img/feature-star.svg

@@ -0,0 +1,13 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_164_404)">
+<path d="M256 0C114.841 0 0 114.841 0 256C0 397.159 114.841 512 256 512C256.025 512 256.049 511.999 256.074 511.999L282.08 253.809L256.074 0.001C256.049 0.001 256.025 0 256 0Z" fill="#FFF4CB"/>
+<path d="M512 256C512 114.866 397.199 0.0409766 256.074 0.000976562V511.999C397.199 511.959 512 397.134 512 256Z" fill="#FFE99A"/>
+<path d="M243.382 78.1571L188.343 163.79L89.8933 189.673C84.9563 190.971 81.0193 194.69 79.4423 199.545C77.8653 204.4 78.8643 209.723 82.0953 213.675L146.529 292.482L140.723 394.111C140.432 399.207 142.752 404.101 146.882 407.102C149.483 408.992 152.576 409.967 155.699 409.967C157.534 409.967 159.379 409.631 161.139 408.945L255.999 372.018L266 253.887L255.999 71.2671C250.895 71.2681 246.141 73.8641 243.382 78.1571Z" fill="#FFD748"/>
+<path d="M432.558 199.545C430.981 194.691 427.043 190.971 422.107 189.673L323.657 163.79L268.618 78.1571C265.858 73.8631 261.104 71.2671 256 71.2671V372.018L350.861 408.945C355.619 410.797 360.991 410.103 365.119 407.102C369.249 404.102 371.569 399.207 371.278 394.111L365.472 292.482L429.905 213.675C433.136 209.723 434.135 204.4 432.558 199.545Z" fill="#FFC335"/>
+</g>
+<defs>
+<clipPath id="clip0_164_404">
+<rect width="512" height="512" fill="white"/>
+</clipPath>
+</defs>
+</svg>

theme_fuge/static/description/img/gear.svg

@@ -0,0 +1,10 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_48_635)">
+<path d="M15.5549 16.005L18.4799 17.685L20.7299 13.785L17.8199 12.105C17.9399 11.58 17.9999 11.04 17.9999 10.485C17.9999 9.93 17.9249 9.39 17.8199 8.865L20.7299 7.185L18.4799 3.285L15.5549 4.965C14.7599 4.23 13.7999 3.69 12.7499 3.36V0H8.24991V3.39C7.19991 3.72 6.23991 4.275 5.44491 4.995L2.51991 3.315L0.284912 7.215L3.19491 8.895C3.07491 9.42 3.01491 9.96 3.01491 10.515C3.01491 11.07 3.08991 11.61 3.19491 12.135L0.284912 13.785L2.53491 17.685L5.45991 16.005C6.25491 16.74 7.21491 17.28 8.26491 17.61V21H12.7649V17.61C13.8149 17.28 14.7749 16.725 15.5699 16.005H15.5549ZM10.4999 7.5C12.1499 7.5 13.4999 8.85 13.4999 10.5C13.4999 12.15 12.1499 13.5 10.4999 13.5C8.84991 13.5 7.49991 12.15 7.49991 10.5C7.49991 8.85 8.84991 7.5 10.4999 7.5ZM32.9999 25.5C32.9999 24.945 32.9249 24.405 32.8199 23.88L35.7299 22.2L33.4799 18.3L30.5549 19.98C29.7599 19.245 28.7999 18.705 27.7499 18.375V14.985H23.2499V18.375C22.1999 18.705 21.2399 19.26 20.4449 19.98L17.5199 18.3L15.2699 22.2L18.1799 23.88C18.0599 24.405 17.9999 24.945 17.9999 25.5C17.9999 26.055 18.0749 26.595 18.1799 27.12L15.2699 28.8L17.5199 32.7L20.4449 31.02C21.2399 31.755 22.1999 32.295 23.2499 32.625V36.015H27.7499V32.625C28.7999 32.295 29.7599 31.74 30.5549 31.02L33.4799 32.7L35.7299 28.8L32.8199 27.12C32.9399 26.595 32.9999 26.055 32.9999 25.5ZM25.4999 28.5C23.8499 28.5 22.4999 27.15 22.4999 25.5C22.4999 23.85 23.8499 22.5 25.4999 22.5C27.1499 22.5 28.4999 23.85 28.4999 25.5C28.4999 27.15 27.1499 28.5 25.4999 28.5Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_48_635">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

theme_fuge/static/description/img/hire-odoo.svg

@@ -0,0 +1,12 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_63_514)">
+<path d="M35.5528 30.1866L35.4888 30.1001C34.1698 28.5729 32.5491 27.4542 30.9818 26.3735C30.342 25.932 29.205 25.2204 28.4006 24.648C30.2674 22.0121 31.2673 18.8605 31.2616 15.6305C31.2616 6.9982 24.2634 0 15.6305 0C6.9975 0 0 6.9982 0 15.6305C0 24.2627 6.9982 31.2616 15.6305 31.2616C18.8564 31.2665 22.0042 30.2687 24.6382 28.4062C25.2113 29.2099 25.9221 30.3448 26.3644 30.9846C27.4479 32.5547 28.568 34.1719 30.0938 35.4895L30.1802 35.5528C30.6668 35.8503 31.2271 36.0052 31.7974 36C32.6595 35.9973 33.49 35.6752 34.1283 35.0958L35.0719 34.1543L35.0944 34.1311C36.0991 33.0314 36.2918 31.3727 35.5528 30.1866ZM15.6305 27.1835C12.9572 27.1838 10.3666 26.2572 8.29999 24.5615C6.23339 22.8658 4.81869 20.5059 4.29696 17.8841C3.77523 15.2623 4.17875 12.5406 5.43876 10.183C6.69877 7.82531 8.7373 5.97748 11.207 4.95436C13.6767 3.93123 16.4248 3.79611 18.9829 4.57203C21.5411 5.34794 23.7511 6.98687 25.2363 9.20956C26.7215 11.4323 27.3901 14.1012 27.128 16.7615C26.866 19.4219 25.6897 21.9091 23.7994 23.7994C22.7292 24.8756 21.4561 25.7288 20.0539 26.3097C18.6517 26.8906 17.1482 27.1876 15.6305 27.1835Z" fill="white"/>
+<path d="M15.6304 17.0723C18.1642 17.0723 20.2183 15.0182 20.2183 12.4844C20.2183 9.95055 18.1642 7.89648 15.6304 7.89648C13.0965 7.89648 11.0425 9.95055 11.0425 12.4844C11.0425 15.0182 13.0965 17.0723 15.6304 17.0723Z" fill="white"/>
+<path d="M23.1884 20.8558C23.1196 20.2123 22.8316 19.6121 22.3728 19.1557C21.9122 18.694 21.3081 18.4029 20.66 18.3302C19.7115 18.2296 17.3553 18.1748 15.8879 18.1748C14.4205 18.1748 11.5327 18.2296 10.5835 18.3302C9.93556 18.4029 9.33159 18.6938 8.87069 19.155C8.4121 19.6114 8.12438 20.2117 8.05577 20.8551V20.8748C8.03327 21.0928 8.01991 21.2819 8.01147 21.4436C8.27125 21.7834 8.55311 22.1056 8.85522 22.4083C10.6527 24.2055 13.0905 25.2152 15.6323 25.2152C18.1741 25.2152 20.6119 24.2055 22.4094 22.4083C22.7068 22.1104 22.9846 21.7935 23.2412 21.4598C23.2306 21.2946 23.2151 21.1005 23.1919 20.8755L23.1884 20.8558Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_63_514">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

theme_fuge/static/description/img/life-ring-icon.svg

@@ -0,0 +1,13 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_32_1689)">
+<path d="M10.4999 17.9999C10.5002 16.5303 10.9349 15.0936 11.7494 13.8704L4.26741 6.38843C1.51255 9.63015 0 13.7458 0 17.9999C0 22.2541 1.51255 26.3697 4.26741 29.6114L11.7494 22.1294C10.9349 20.9062 10.5002 19.4695 10.4999 17.9999Z" fill="white"/>
+<path d="M31.7325 6.38843L24.2505 13.8704C25.0652 15.0935 25.4999 16.5303 25.4999 17.9999C25.4999 19.4695 25.0652 20.9063 24.2505 22.1294L31.7325 29.6114C34.4873 26.3697 35.9999 22.2541 35.9999 17.9999C35.9999 13.7458 34.4873 9.63015 31.7325 6.38843Z" fill="white"/>
+<path d="M17.9999 25.5C16.5303 25.4997 15.0936 25.065 13.8704 24.2505L6.38843 31.7325C9.63015 34.4873 13.7458 35.9999 17.9999 35.9999C22.2541 35.9999 26.3697 34.4873 29.6114 31.7325L22.1294 24.2505C20.9062 25.065 19.4695 25.4997 17.9999 25.5Z" fill="white"/>
+<path d="M17.9999 10.4999C19.4695 10.5002 20.9062 10.9349 22.1294 11.7494L29.6114 4.26741C26.3697 1.51255 22.2541 0 17.9999 0C13.7458 0 9.63015 1.51255 6.38843 4.26741L13.8704 11.7494C15.0936 10.9349 16.5303 10.5002 17.9999 10.4999Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_32_1689">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

theme_fuge/static/description/img/odoo-consultancy.svg

@@ -0,0 +1,4 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.3242 28.2889C29.5991 26.131 26.7094 24.7803 24.6491 23.8749C23.842 23.5214 21.6075 22.9216 21.3389 21.9053C21.2428 21.5392 21.2558 21.194 21.3346 20.8631C21.2104 20.8869 21.0844 20.9009 20.9541 20.9009H19.6117C18.5399 20.9009 17.6691 20.029 17.6691 18.958C17.6691 17.8877 18.5403 17.0176 19.6117 17.0176H20.9541C21.3976 17.0176 21.8181 17.1677 22.1572 17.4356C22.6544 17.3693 23.1339 17.2631 23.581 17.1238C24.1682 15.8937 24.6261 14.4227 24.7287 13.1566C25.1668 7.73933 21.8458 4.56989 17.0841 5.11781C13.622 5.51633 11.5538 8.09789 11.3302 11.4214C11.1041 14.809 12.3602 17.311 13.6943 19.1463C14.2786 19.9487 14.8924 20.4646 14.7981 21.4316C14.6887 22.5749 13.4661 22.8935 12.5917 23.2449C11.5556 23.6611 10.4396 24.2925 9.91254 24.5845C8.09706 25.5871 6.10446 26.7945 5.65662 28.4462C4.66482 32.1067 8.01426 33.2155 10.7794 33.7274C13.1525 34.1651 15.8284 34.1997 18.0295 34.1997C22.0107 34.1997 29.1697 34.0402 30.3242 31.0475C30.6525 30.1983 30.5117 28.8451 30.3242 28.2889Z" fill="white"/>
+<path d="M21.8037 18.4113C21.6215 18.1337 21.3101 17.9494 20.9548 17.9494H19.6124C19.0522 17.9494 18.6004 18.4019 18.6004 18.9592C18.6004 19.5186 19.0522 19.9719 19.6124 19.9719H20.9548C21.3468 19.9719 21.6795 19.7483 21.8472 19.425C23.7189 19.2778 25.3468 18.7061 26.4894 17.8619C26.7519 18.0311 27.0622 18.1301 27.397 18.1301H27.4812C28.4144 18.1301 29.1689 17.3748 29.1689 16.4406V13.0682C29.1689 12.3964 28.7751 11.8168 28.207 11.5475C27.9593 6.13204 23.4762 1.7998 17.9999 1.7998C12.5236 1.7998 8.03981 6.13204 7.79321 11.5475C7.22405 11.8172 6.83057 12.3964 6.83057 13.0682V16.4406C6.83057 17.3748 7.58585 18.1301 8.51681 18.1301H8.60213C9.53381 18.1301 10.2894 17.3748 10.2894 16.4406V13.0682C10.2894 12.4061 9.90677 11.8352 9.35057 11.559C9.59141 6.99604 13.3779 3.35896 17.9999 3.35896C22.6202 3.35896 26.4084 6.99604 26.6482 11.559C26.0927 11.8355 25.7104 12.4061 25.7104 13.0682V16.4406C25.7104 16.6646 25.754 16.873 25.8306 17.0678C24.8471 17.7716 23.4154 18.273 21.8037 18.4113Z" fill="white"/>
+</svg>

theme_fuge/static/description/img/odoo-licencing.svg

@@ -0,0 +1,3 @@
+<svg width="36" height="35" viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 4.40625C5.84315 4.40625 4.5 5.67087 4.5 7.23081V27.0027C4.5 28.5627 5.84315 29.8273 7.5 29.8273H28.5C30.1569 29.8273 31.5 28.5627 31.5 27.0027V7.23081C31.5 5.67087 30.1569 4.40625 28.5 4.40625H7.5ZM12 18.5291C12 17.749 11.3284 17.1168 10.5 17.1168C9.67157 17.1168 9 17.749 9 18.5291V24.1782C9 24.9582 9.67157 25.5905 10.5 25.5905C11.3284 25.5905 12 24.9582 12 24.1782V18.5291ZM18 12.8799C18.8284 12.8799 19.5 13.5122 19.5 14.2922V24.1782C19.5 24.9582 18.8284 25.5905 18 25.5905C17.1716 25.5905 16.5 24.9582 16.5 24.1782V14.2922C16.5 13.5122 17.1716 12.8799 18 12.8799ZM27 10.0554C27 9.27536 26.3284 8.64309 25.5 8.64309C24.6716 8.64309 24 9.27536 24 10.0554V24.1782C24 24.9582 24.6716 25.5905 25.5 25.5905C26.3284 25.5905 27 24.9582 27 24.1782V10.0554Z" fill="white"/>
+</svg>

theme_fuge/static/description/img/puzzle-piece-icon.svg

@@ -0,0 +1,10 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="puzzle-piece 1" clip-path="url(#clip0_226_336)">
+<path id="Vector" d="M30 15.75C28.9888 15.7847 27.9837 15.9214 27 16.158V13.5C27 12.3065 26.5259 11.1619 25.682 10.318C24.8381 9.47411 23.6935 9 22.5 9H19.092C19.3296 8.01646 19.4663 7.01126 19.5 6C19.5 4.4087 18.8679 2.88258 17.7426 1.75736C16.6174 0.632141 15.0913 0 13.5 0C11.9087 0 10.3826 0.632141 9.25736 1.75736C8.13214 2.88258 7.5 4.4087 7.5 6C7.53374 7.01126 7.67045 8.01646 7.908 9H4.5C3.30653 9 2.16193 9.47411 1.31802 10.318C0.474106 11.1619 0 12.3065 0 13.5L0 36H9.804L9.45 34.5C9.19694 33.5182 9.04614 32.5128 9 31.5C9 30.3065 9.47411 29.1619 10.318 28.318C11.1619 27.4741 12.3065 27 13.5 27C14.6935 27 15.8381 27.4741 16.682 28.318C17.5259 29.1619 18 30.3065 18 31.5C17.9539 32.5128 17.8031 33.5182 17.55 34.5L17.1945 36H27V27.342C27.9837 27.5786 28.9888 27.7153 30 27.75C31.5913 27.75 33.1174 27.1179 34.2426 25.9926C35.3679 24.8674 36 23.3413 36 21.75C36 20.1587 35.3679 18.6326 34.2426 17.5074C33.1174 16.3821 31.5913 15.75 30 15.75Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_226_336">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

theme_fuge/static/description/img/translate.svg

@@ -0,0 +1,10 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_36_1835)">
+<path d="M5.41675 16.25V18.4167C5.41658 18.9633 5.62302 19.4898 5.9947 19.8906C6.36638 20.2914 6.87583 20.5369 7.42091 20.5779L7.58342 20.5833H10.8334V22.75H7.58342C6.43414 22.75 5.33194 22.2934 4.51929 21.4808C3.70663 20.6681 3.25008 19.5659 3.25008 18.4167V16.25H5.41675ZM19.5001 10.8333L24.2667 22.75H21.9322L20.6311 19.5H16.2002L14.9013 22.75H12.5678L17.3334 10.8333H19.5001ZM18.4167 13.9587L17.0658 17.3333H19.7655L18.4167 13.9587ZM8.66675 2.16666V4.33332H13.0001V11.9167H8.66675V15.1667H6.50008V11.9167H2.16675V4.33332H6.50008V2.16666H8.66675ZM18.4167 3.24999C19.566 3.24999 20.6682 3.70654 21.4809 4.51919C22.2935 5.33185 22.7501 6.43405 22.7501 7.58332V9.74999H20.5834V7.58332C20.5834 7.00869 20.3551 6.45759 19.9488 6.05126C19.5425 5.64493 18.9914 5.41666 18.4167 5.41666H15.1667V3.24999H18.4167ZM6.50008 6.49999H4.33341V9.74999H6.50008V6.49999ZM10.8334 6.49999H8.66675V9.74999H10.8334V6.49999Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_36_1835">
+<rect width="26" height="26" fill="white"/>
+</clipPath>
+</defs>
+</svg>

theme_fuge/static/description/img/wrench-icon.svg

@@ -0,0 +1,10 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_48_827)">
+<path d="M34.5195 5.66404L27.6225 12.561C26.451 13.7325 24.552 13.7325 23.3805 12.561C22.209 11.3895 22.209 9.49054 23.3805 8.31904L30.258 1.43854L29.82 1.21654C28.227 0.408035 26.52 -0.00146484 24.7485 -0.00146484C18.5445 -0.00146484 13.4985 5.04454 13.4985 11.2485C13.4985 12.687 13.7655 14.0775 14.295 15.399L1.37699 28.3185C-0.375012 30.0735 -0.375012 32.9265 1.37699 34.6815C2.25449 35.559 3.40649 35.997 4.55849 35.997C5.71049 35.997 6.86399 35.559 7.74149 34.6815L20.688 21.735C21.9855 22.2435 23.3475 22.5 24.75 22.5C30.954 22.5 36 17.454 36 11.25C36 9.43804 35.5755 7.70104 34.7385 6.08704L34.5195 5.66404Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_48_827">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

theme_fuge/static/description/index.html

@@ -0,0 +1,685 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>app index</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" />
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
+    rel="stylesheet">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" />
+  <style>
+    :root {
+      --primary-color: #F5C000;
+      --bg-white: #fff;
+      --text-color: #121212;
+      --text-color-light: #64728f;
+    }
+
+    body {
+      font-family: "Montserrat", sans-serif;
+    }
+  </style>
+</head>
+
+<body>
+  <!-- overview -->
+  <div class="container">
+
+    <!-- support-header -->
+
+    <div class="supports my-5 py-3" style="border-bottom: 1px solid #e7e7e7;">
+      <div class="row justify-content-between">
+        <div class="col-4">
+          <div class="my-3">
+            <img src="//apps.odoocdn.com/apps/assets/17.0/theme_boec/images/Cybrosys.png?fcdde35"
+              style="width:auto !important; height:40px !important">
+          </div>
+        </div>
+        <div class="col-6">
+          <div class="row" style="margin-top:10px">
+
+            <div class="my-3 d-flex align-items-center justify-content-end">
+              <span class="me-3"><b>Supports: </b></span>
+              <div class="text-center"
+                style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
+                Community
+              </div>
+              <div class="text-center"
+                style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
+                Enterprise
+              </div>
+            </div>
+          </div>
+          <div class="row" style="margin-top:10px">
+            <div class="d-flex align-items-center justify-content-end">
+              <span class="me-3"><b>Availability: </b></span>
+              <div class="text-center col"
+                style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
+                <i class="fa fa-times" style="color:red"></i> Odoo Online
+              </div>
+              <div class="text-center col"
+                style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
+                <i class="fa fa-check" style="color:green"></i> Odoo.sh
+              </div>
+              <div class="text-center col"
+                style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
+                <i class="fa fa-check" style="color:green"></i> On Premise
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!--  -->
+
+    <!-- banner-section -->
+    <div class="my-5">
+      <div class="">
+        <img src="./img/Banner-2.jpg" class="img-fluid" style="border-radius: 16px; width:1300px">
+      </div>
+    </div>
+
+    <!--  -->
+
+    <!--feature section  -->
+
+    <div class="my-5" style="padding: 100px; background-color: #f1f5fd; border-radius: 16px;">
+      <div class="container">
+        <div class="row mb-60">
+          <div class="col-lg-12 d-flex justify-content-center align-items-center flex-wrap gap-3">
+            <div class="position-relative" ; style="
+    text-align: center;
+    font-size: 46.875px;
+    font-style: normal;
+     padding-bottom: 40px; ">
+              <h2 style="font-weight: 600;">Our Features</h2>
+
+              <p style="color: #999;
+        text-align: center;
+        font-size: 15.625px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 25.6px;">info includes 300+ elements that you may need to create website without
+                external plugins.</p>
+            </div>
+          </div>
+        </div>
+        <div class="row g-4">
+          <div class="col-lg-4 col-md-6" style="visibility: visible;">
+            <div style="background-color: #fff;height: 100%;
+  border-radius: 12px;
+  padding: 35px 30px;">
+              <div class="content">
+                <img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px">
+                <h4 class="mt-3"><a href="#" style=" color: #121212;
+    font-size: 18px;
+    text-decoration: none;
+    font-weight: 700;
+    line-height: 1.2;">A striking frontend theme</a></h4>
+
+                <p style="    font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5;
+                color: #212529;"> Theme Fugestore : A striking frontend theme tailored for eCommerce.</p>
+              </div>
+
+            </div>
+          </div>
+          <div class="col-lg-4 col-md-6">
+            <div style="background-color: #fff; height: 100%;
+  border-radius: 12px;
+  padding: 35px 30px;">
+              <div class="content">
+                <img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px">
+                <h4 class="mt-3"><a href="#" style=" color: #121212;
+    font-size: 18px;
+    text-decoration: none;
+    font-weight: 700;
+    line-height: 1.2;">Custom-designed snippets</a></h4>
+
+                <p style="font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5;
+                color: #212529;">Custom-designed snippets enhance user experience.</p>
+              </div>
+
+            </div>
+          </div>
+          <div class="col-lg-4 col-md-6">
+            <div style="background-color: #fff; height: 100%;
+  border-radius: 12px;
+  padding: 35px 30px;">
+              <div class="content">
+                <img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px">
+                <h4 class="mt-3"><a href="#" style=" color: #121212;
+    font-size: 18px;
+    text-decoration: none;
+    font-weight: 700;
+    line-height: 1.2;">Features dynamic elements</a></h4>
+
+                <p style="font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5;
+                color: #212529;">Features dynamic elements like product sliders and testimonials.</p>
+              </div>
+
+              </a>
+            </div>
+          </div>
+          <div class="col-lg-4 col-md-6">
+            <div style="background-color: #fff;height: 100%;
+  border-radius: 12px;
+  padding: 35px 30px;">
+              <div class="content">
+                <img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px">
+                <h4 class="mt-3"><a href="#" style=" color: #121212;
+    font-size: 18px;
+    text-decoration: none;
+    font-weight: 700;
+    line-height: 1.2;">Customized eCommerce websites</a></h4>
+
+                <p style="font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5;
+                color: #212529;">Fully customizes eCommerce websites, including shop and product views.</p>
+              </div>
+
+            </div>
+          </div>
+          <div class="col-lg-4 col-md-6">
+            <div style="background-color: #fff;height: 100%;
+  border-radius: 12px;
+  padding: 35px 30px;">
+              <div class="content">
+                <img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px">
+                <h4 class="mt-3"><a href="#" style=" color: #121212;
+    font-size: 18px;
+    text-decoration: none;
+    font-weight: 700;
+    line-height: 1.2;">Modified Structure</a></h4>
+
+                <p style="font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5;
+                color: #212529;"> Modified Structure for All Type Views.</p>
+              </div>
+
+            </div>
+          </div>
+          <div class="col-lg-4 col-md-6">
+            <div style="background-color: #fff;height: 100%;
+  border-radius: 12px;
+  padding: 35px 30px;">
+              <div class="content">
+                <img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px">
+                <h4 class="mt-3"><a href="#" style=" color: #121212;
+    font-size: 18px;
+    text-decoration: none;
+    font-weight: 700;
+    line-height: 1.2;">User-friendly interface</a></h4>
+
+                <p style="font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5;
+                color: #212529;">User-friendly interface for both desktop and mobile devices.</p>
+              </div>
+
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!--  -->
+    <section class="container my-5">
+      <div class="row">
+        <div class="col-md-12">
+          <ul role="tablist" class="nav nav-tabs justify-content-center d-flex justify-content-center" data-tabs="tabs"
+            style="border:none; background-color:unset; margin:0 auto">
+          </ul>
+        </div>
+        <div class="col-md-12  tab-content ui-front"
+          style="border-radius:20px;border: 1px solid #D6E0FF; height:auto;padding: 20px;">
+        
+
+
+          <div class="tab-pane active show fade" id="Features" role="tabpanel" aria-labelledby="features-1">
+            <section class="">
+              <section class="mt-5">
+                <h2 class="pb-5" style="font-weight: 700; text-align: center;">Theme Features</h2>
+                <div class="row" style="margin-bottom: 24px;">
+                  <div class="col-md-8">
+                    <div style="border-radius: 10px; padding: 32px;
+                      background-color: #303030;
+                      -webkit-backdrop-filter: blur(5px);
+                      backdrop-filter: blur(5px); height: 100%;">
+                      <div class="info">
+                        <span class="label" style="font-size: 12px;
+                          font-style: normal;
+                          font-weight: 700;
+                          line-height: 32px;
+                          color: #f14848;
+                          margin-bottom: 13px;
+                          text-transform: uppercase;">HIGHLIGHT</span>
+                        <h3 class="text-white" style="    color: #fff;
+                          font-size: 24px;
+                          font-weight: 500;
+                          line-height: 32px;
+                          margin-bottom: 9px;">Shop Smarter, Live Better</h3>
+                        <p class="des" style="color: #c7c7c7;
+                          font-size: 16px;
+                          font-style: normal;
+                          font-weight: 400;
+                          line-height: 24px;
+                          margin-bottom: 0;">Find exactly what you’re looking for in our
+                          easy-to-navigate online store. Secure payments,
+                          fast delivery, and great deals—shopping made simple.</p>
+                       
+
+                      </div>
+                      <div class="mt-5">
+                        <img src="./img/1.jpg" alt="Grid item" class="img-fluid" style="height:700px;">
+                      </div>
+                      <a href="#" target="_blank" class="url_link" name="grid_popup"
+                        aria-label="Url link label"><span></span></a>
+                    </div>
+                  </div>
+                  <!--  -->
+                  <div class="col-md-4">
+                    <div style="border-radius: 10px; padding: 32px;
+                      background-color: #303030;
+                      -webkit-backdrop-filter: blur(5px);
+                      backdrop-filter: blur(5px); height: 100%;">
+                      <div class="info">
+                        <span class="label" style="font-size: 12px;
+                          font-style: normal;
+                          font-weight: 700;
+                          line-height: 32px;
+                          color: #f14848;
+                          margin-bottom: 13px;
+                          text-transform: uppercase;">HIGHLIGHT</span>
+
+                      </div>
+                      <div class="mt-5">
+                        <img src="./img/demo-1.png" alt="Grid item" class="img-fluid">
+                      </div>
+                      <a href="#" target="_blank" class="url_link" name="grid_popup"
+                        aria-label="Url link label"><span></span></a>
+                    </div>
+                  </div>
+                </div>
+                <!--  -->
+
+                <!--row-3 -->
+
+                <div class="row" style="margin-bottom: 20px;">
+                  <div class="col-md-4">
+                    <div style="border-radius: 10px; padding: 32px;
+                    background-color: rgba(48, 48, 48, 1);
+                    -webkit-backdrop-filter: blur(5px);
+                    backdrop-filter: blur(5px); height: 100%;">
+                      <div class="info">
+                        <span class="label" style="font-size: 12px;
+                        font-style: normal;
+                        font-weight: 700;
+                        line-height: 32px;
+                        color: #f14848;
+                        margin-bottom: 13px;
+                        text-transform: uppercase;">HIGHLIGHT</span>
+
+                      </div>
+                      <div class="mt-5">
+                        <img src="./img/demo-2.png" alt="Grid item" class="img-fluid">
+                      </div>
+                      <a href="#" target="_blank" class="url_link" name="grid_popup"
+                        aria-label="Url link label"><span></span></a>
+                    </div>
+                  </div>
+                  <!--  -->
+                  <div class="col-md-8">
+                    <div style="border-radius: 10px; padding: 32px;
+                    background-color: rgba(48, 48, 48, 1);
+                    -webkit-backdrop-filter: blur(5px);
+                    backdrop-filter: blur(5px); height: 100%;">
+                      <div class="info">
+                        <span class="label" style="font-size: 12px;
+                        font-style: normal;
+                        font-weight: 700;
+                        line-height: 32px;
+                        color: #f14848;
+                        margin-bottom: 13px;
+                        text-transform: uppercase;">HIGHLIGHT</span>
+                        <h3 class="text-white" style="    color: #fff;
+                        font-size: 24px;
+                        font-weight: 500;
+                        line-height: 32px;
+                        margin-bottom: 9px;">Your Digital Guide to Success</h3>
+                        <p class="des" style="color: #c7c7c7;
+                        font-size: 16px;
+                        font-style: normal;
+                        font-weight: 400;
+                        line-height: 24px;
+                        margin-bottom: 0;">Browse through our expert articles, how-to guides,
+                          and helpful tips to navigate today’s fast-paced world.
+                          Our blog helps you stay informed and empowered in every area of life.</p>
+
+                      </div>
+                      <div class=" mt-5" style="--aspect-ratioapt: 872/443;">
+                        <img src="./img/2.jpg" alt="Grid item" class="img-fluid" style="height:700px;">
+                      </div>
+                      <a href="#" target="_blank" class="url_link" name="grid_popup"
+                        aria-label="Url link label"><span></span></a>
+                    </div>
+                  </div>
+                </div>
+
+                <!--  -->
+              </section>
+            </section>
+          </div>
+        </div>
+
+      </div>
+
+
+    </section>
+
+    <!--sections  -->
+
+
+
+    <!-- section content -->
+
+    <section class="mb-5"
+      style="background-color: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;">
+      <div class="row d-flex align-items-center">
+        <div class="col col-12 col-md-12 col-lg-6">
+          <div style="padding: 20px;">
+            <h4 class="" style="font-size: 46px;">
+              <span style="color: #212121;
+                font-weight: 700;
+                display: inline-block;
+                width: 100%;">Transform Your Website into a </span><br>
+              <span style="color: #212121;
+              font-weight: 700;
+              display: inline-block;
+              width: 100%;">Visual Masterpiece</span>
+            </h4>
+
+            <div class="mt-4">
+              <p style="color: #444; font-size: 16px;
+              font-weight: 400;
+              line-height: 1.5;">Unlock the full potential of your online presence with a stunning website design.
+                Whether viewed on desktop, tablet, or mobile, your site will look incredible and function seamlessly.
+                Delight visitors with a visually striking,
+                user-friendly interface that keeps them coming back.</p>
+              <ul class="d-flex flex-column gap-3 ms-0 ps-0 mt-4">
+                <li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg"
+                    style="width: 24px;"><span style="  color: #444;
+                    font-size: 16px;
+                    font-style: normal;
+                    font-weight: 400;
+                    line-height: 32px;">High-Quality Visuals</span></li>
+                <li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg"
+                    style="width: 24px;"><span style="  color: #444;
+                    font-size: 16px;
+                    font-style: normal;
+                    font-weight: 400;
+                    line-height: 32px;">Fast Load Times</span></li>
+                <li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg"
+                    style="width: 24px;"><span style=" color: #444;
+                    font-size: 16px;
+                    font-style: normal;
+                    font-weight: 400;
+                    line-height: 32px;">Intuitive Navigation and User Experience</span></li>
+                <li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg"
+                    style="width: 24px;"><span style=" color: #444;
+                    font-size: 16px;
+                    font-style: normal;
+                    font-weight: 400;
+                    line-height: 32px;">Responsive and Adaptive Design</span></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div class="col col-12 col-md-12 col-lg-6">
+          <div>
+            <div>
+              <img class="img-fluid" src="./img/3.jpg" style="
+                border-radius: 20px;
+            ">
+            </div>
+
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- 2 -->
+
+    <section class=""
+      style="background-color: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;">
+      <div class="row d-flex align-items-center">
+        <div class="col col-12 col-md-12 col-lg-6">
+          <div>
+            <div>
+              <img class="img-fluid" src="./img/phone-screenshots.jpg" style="
+                border-radius: 20px;
+            ">
+            </div>
+
+          </div>
+        </div>
+        <div class="col col-12 col-md-12 col-lg-6">
+          <div style="padding: 20px;">
+            <h4 class="" style="font-size: 46px;">
+              <span style="color: #212121;
+              font-weight: 700;
+              display: inline-block;
+              width: 100%;">Designed for Mobile, </span><br>
+              <span style="color: #212121;
+              font-weight: 700;
+              display: inline-block;
+              width: 100%;">Built to Impress</span>
+            </h4>
+
+            <div class="mt-4">
+              <p style="color: #444; font-size: 16px;
+              font-weight: 400;
+              line-height: 1.5;">Every detail of your website is crafted to deliver
+                a stunning, user-friendly experience on any mobile device.
+                Your customers will love the seamless navigation and clear visuals.</p>
+              <ul class="d-flex flex-column gap-3 ms-0 ps-0 mt-4">
+                <li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg"
+                    style="width: 24px;"><span style="  color: #444;
+                    font-size: 16px;
+                    font-style: normal;
+                    font-weight: 400;
+                    line-height: 32px;">Fast Loading Times</span></li>
+                <li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg"
+                    style="width: 24px;"><span style=" color: #444;
+                    font-size: 16px;
+                    font-style: normal;
+                    font-weight: 400;
+                    line-height: 32px;">User-Friendly Navigation</span></li>
+                <li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg"
+                    style="width: 24px;"><span style=" color: #444;
+                    font-size: 16px;
+                    font-style: normal;
+                    font-weight: 400;
+                    line-height: 32px;">Responsive Design for Any Device</span></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </section>
+
+    <!--  -->
+
+    <!--  -->
+
+
+
+    <div class="my-5">
+      <!-- banner card -->
+
+
+
+      <!-- service-section -->
+
+      <section id="services" class="mt-5" style="border-radius: 16px;
+    border: 1px solid #EBEEF2;
+    background-color: #FFF;
+    padding: 60px 40px;
+    box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);">
+        <div class="text-center mt-4">
+          <h3 class="mb-0" style="color: #000;
+          text-align: center;
+          font-family: Montserrat;
+          font-size: 40px;
+          font-style: normal;
+          font-weight: 700;
+          line-height: normal;
+          text-transform: uppercase;
+          padding-bottom: 50px;">Our Services</h3>
+        </div>
+        <div class="row mt-3">
+          <div class="col-lg-3 col-sm-12 mb-3">
+            <a href="#" style="text-decoration:none">
+              <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; border-radius: 8px;">
+
+                <div class="d-flex justify-content-center align-items-center"
+                  style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px">
+                  <img src="./img/gear.svg" class="img-responsive" height="28px" width="28px">
+                </div>
+                <span class="mt-3" style="font-size: 18px;
+                      color: #121212;
+                      font-weight: 600;"> Odoo Customization</span>
+              </div>
+            </a>
+          </div>
+          <div class="col-lg-3 col-sm-12 mb-3">
+            <a href="#" style="text-decoration:none">
+              <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; border-radius: 8px;">
+
+                <div class="d-flex justify-content-center align-items-center"
+                  style="background-color:#FF947A; border-radius:50%; height:56px; width:56px">
+                  <img src="./img/wrench-icon.svg" class="img-responsive" height="28px" width="28px">
+                </div>
+                <span class="mt-3" style="font-size: 18px;
+                    color: #121212;
+                    font-weight: 600;"> Odoo Implementation</span>
+              </div>
+            </a>
+          </div>
+          <div class="col-lg-3 col-sm-12 mb-3">
+            <a href="#" style="text-decoration:none">
+              <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; border-radius: 8px;">
+
+                <div class="d-flex justify-content-center align-items-center"
+                  style="background-color:#3CD856; border-radius:50%; height:56px; width:56px">
+                  <img src="./img/life-ring-icon.svg" class="img-responsive" height="28px" width="28px">
+                </div>
+                <span class="mt-3" style="font-size: 18px;
+                  color: #121212;
+                  font-weight: 600;">Odoo Support</span>
+              </div>
+            </a>
+          </div>
+          <div class="col-lg-3 col-sm-12 mb-3">
+            <a href="#" style="text-decoration:none">
+              <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; border-radius: 8px;">
+
+                <div class="d-flex justify-content-center align-items-center"
+                  style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px">
+                  <img src="./img/arrows-repeat.svg" class="img-responsive" height="28px" width="28px">
+                </div>
+                <span class="mt-3" style="font-size: 18px;
+                color: #121212;
+                font-weight: 600;">Odoo Migration</span>
+              </div>
+            </a>
+          </div>
+          <div class="col-lg-3 col-sm-12 mb-3">
+            <a href="#" style="text-decoration:none">
+              <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; border-radius: 8px;">
+
+                <div class="d-flex justify-content-center align-items-center"
+                  style="background-color:#01649C; border-radius:50%; height:56px; width:56px">
+                  <img src="./img/puzzle-piece-icon.svg" class="img-responsive" height="28px" width="28px">
+                </div>
+                <span class="mt-3" style="font-size: 18px;
+              color: #121212;
+              font-weight: 600;">Odoo integration</span>
+              </div>
+            </a>
+          </div>
+          <div class="col-lg-3 col-sm-12 mb-3">
+            <a href="#" style="text-decoration:none">
+              <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; border-radius: 8px;">
+
+                <div class="d-flex justify-content-center align-items-center"
+                  style="background-color:#69CC70; border-radius:50%; height:56px; width:56px">
+                  <img src="./img/odoo-consultancy.svg" class="img-responsive" height="28px" width="28px">
+                </div>
+                <span class="mt-3" style="font-size: 18px;
+            color: #121212;
+            font-weight: 600;">Odoo Consultancy</span>
+              </div>
+            </a>
+          </div>
+          <div class="col-lg-3 col-sm-12 mb-3">
+            <a href="#" style="text-decoration:none">
+              <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; border-radius: 8px;">
+
+                <div class="d-flex justify-content-center align-items-center"
+                  style="background-color:#2E4556; border-radius:50%; height:56px; width:56px">
+                  <img src="./img/odoo-licencing.svg" class="img-responsive" height="28px" width="28px">
+                </div>
+                <span class="mt-3" style="font-size: 18px;
+          color: #121212;
+          font-weight: 600;">Odoo Licensing</span>
+              </div>
+            </a>
+          </div>
+          <div class="col-lg-3 col-sm-12 mb-3">
+            <a href="#" style="text-decoration:none">
+              <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; border-radius: 8px;">
+
+                <div class="d-flex justify-content-center align-items-center"
+                  style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px">
+                  <img src="./img/hire-odoo.svg" class="img-responsive" height="28px" width="28px">
+                </div>
+                <span class="mt-3" style="font-size: 18px;
+          color: #121212;
+          font-weight: 600;">Hire Odoo Developer</span>
+              </div>
+            </a>
+          </div>
+        </div>
+        <!--  -->
+    </div>
+  </div>
+  </section>
+  <!--  -->
+  </div>
+  </div>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
+
+</html>

theme_fuge/static/src/css/owl.carousel.min.css

@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:flex}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

theme_fuge/static/src/css/owl.theme.default.min.css

@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

theme_fuge/static/src/js/product.js

@@ -0,0 +1,45 @@
+/** @odoo-module **/
+
+import { rpc } from "@web/core/network/rpc";
+import { registry } from "@web/core/registry";
+import animations from "@website/js/content/snippets.animation";
+
+animations.registry.get_blog_post = animations.Class.extend({
+ selector : '.blog',
+
+     //Initialising rpc from bindService to this.rpc
+     init() {
+        this._super(...arguments);
+     },
+
+    //Get blog related data from specified route '/get_blog_post' and append it
+    start: function(){
+        var self = this;
+        rpc('/get_blog_post', {})
+        .then(function (data) {
+            if(data){
+                self.$target.empty().append(data);
+            }
+        });
+    }
+});
+
+ animations.registry.get_main_product = animations.Class.extend({
+    selector : '.product',
+
+    //Initialising rpc from bindService to this.rpc
+     init() {
+        this._super(...arguments);
+     },
+
+     //Get product related data from specified route '/get_main_product'
+     start: function(){
+        var self = this;
+        rpc("/get_main_product", {
+        }).then((data) => {
+            if(data){
+                self.$target.empty().append(data);
+            }
+        });
+     }
+});

theme_fuge/static/src/scss/_normalize.scss

@@ -0,0 +1,350 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+ html {
+    line-height: 1.15; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+  }
+  
+  /* Sections
+     ========================================================================== */
+  
+  /**
+   * Remove the margin in all browsers.
+   */
+  
+  body {
+    margin: 0;
+  }
+  
+  /**
+   * Render the `main` element consistently in IE.
+   */
+  
+  main {
+    display: block;
+  }
+  
+  /**
+   * Correct the font size and margin on `h1` elements within `section` and
+   * `article` contexts in Chrome, Firefox, and Safari.
+   */
+  
+  h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+  }
+  
+  /* Grouping content
+     ========================================================================== */
+  
+  /**
+   * 1. Add the correct box sizing in Firefox.
+   * 2. Show the overflow in Edge and IE.
+   */
+  
+  hr {
+    box-sizing: content-box; /* 1 */
+    height: 0; /* 1 */
+    overflow: visible; /* 2 */
+  }
+  
+  /**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+  
+  pre {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  /* Text-level semantics
+     ========================================================================== */
+  
+  /**
+   * Remove the gray background on active links in IE 10.
+   */
+  
+  a {
+    background-color: transparent;
+  }
+  
+  /**
+   * 1. Remove the bottom border in Chrome 57-
+   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+   */
+  
+  abbr[title] {
+    border-bottom: none; /* 1 */
+    text-decoration: underline; /* 2 */
+    text-decoration: underline dotted; /* 2 */
+  }
+  
+  /**
+   * Add the correct font weight in Chrome, Edge, and Safari.
+   */
+  
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  
+  /**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+  
+  code,
+  kbd,
+  samp {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  /**
+   * Add the correct font size in all browsers.
+   */
+  
+  small {
+    font-size: 80%;
+  }
+  
+  /**
+   * Prevent `sub` and `sup` elements from affecting the line height in
+   * all browsers.
+   */
+  
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  
+  sub {
+    bottom: -0.25em;
+  }
+  
+  sup {
+    top: -0.5em;
+  }
+  
+  /* Embedded content
+     ========================================================================== */
+  
+  /**
+   * Remove the border on images inside links in IE 10.
+   */
+  
+  img {
+    border-style: none;
+  }
+  
+  /* Forms
+     ========================================================================== */
+  
+  /**
+   * 1. Change the font styles in all browsers.
+   * 2. Remove the margin in Firefox and Safari.
+   */
+  
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 1 */
+    line-height: 1.15; /* 1 */
+    margin: 0; /* 2 */
+  }
+  
+  /**
+   * Show the overflow in IE.
+   * 1. Show the overflow in Edge.
+   */
+  
+  button,
+  input { /* 1 */
+    overflow: visible;
+  }
+  
+  /**
+   * Remove the inheritance of text transform in Edge, Firefox, and IE.
+   * 1. Remove the inheritance of text transform in Firefox.
+   */
+  
+  button,
+  select { /* 1 */
+    text-transform: none;
+  }
+  
+  /**
+   * Correct the inability to style clickable types in iOS and Safari.
+   */
+  
+  button,
+  [type="button"],
+  [type="reset"],
+  [type="submit"] {
+    -webkit-appearance: button;
+  }
+  
+  /**
+   * Remove the inner border and padding in Firefox.
+   */
+  
+  button::-moz-focus-inner,
+  [type="button"]::-moz-focus-inner,
+  [type="reset"]::-moz-focus-inner,
+  [type="submit"]::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
+  }
+  
+  /**
+   * Restore the focus styles unset by the previous rule.
+   */
+  
+  button:-moz-focusring,
+  [type="button"]:-moz-focusring,
+  [type="reset"]:-moz-focusring,
+  [type="submit"]:-moz-focusring {
+    outline: 1px dotted ButtonText;
+  }
+  
+  /**
+   * Correct the padding in Firefox.
+   */
+  
+  fieldset {
+    padding: 0.35em 0.75em 0.625em;
+  }
+  
+  /**
+   * 1. Correct the text wrapping in Edge and IE.
+   * 2. Correct the color inheritance from `fieldset` elements in IE.
+   * 3. Remove the padding so developers are not caught out when they zero out
+   *    `fieldset` elements in all browsers.
+   */
+  
+  legend {
+    box-sizing: border-box; /* 1 */
+    color: inherit; /* 2 */
+    display: table; /* 1 */
+    max-width: 100%; /* 1 */
+    padding: 0; /* 3 */
+    white-space: normal; /* 1 */
+  }
+  
+  /**
+   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+   */
+  
+  progress {
+    vertical-align: baseline;
+  }
+  
+  /**
+   * Remove the default vertical scrollbar in IE 10+.
+   */
+  
+  textarea {
+    overflow: auto;
+  }
+  
+  /**
+   * 1. Add the correct box sizing in IE 10.
+   * 2. Remove the padding in IE 10.
+   */
+  
+  [type="checkbox"],
+  [type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+  }
+  
+  /**
+   * Correct the cursor style of increment and decrement buttons in Chrome.
+   */
+  
+  [type="number"]::-webkit-inner-spin-button,
+  [type="number"]::-webkit-outer-spin-button {
+    height: auto;
+  }
+  
+  /**
+   * 1. Correct the odd appearance in Chrome and Safari.
+   * 2. Correct the outline style in Safari.
+   */
+  
+  [type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    outline-offset: -2px; /* 2 */
+  }
+  
+  /**
+   * Remove the inner padding in Chrome and Safari on macOS.
+   */
+  
+  [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  
+  /**
+   * 1. Correct the inability to style clickable types in iOS and Safari.
+   * 2. Change font properties to `inherit` in Safari.
+   */
+  
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button; /* 1 */
+    font: inherit; /* 2 */
+  }
+  
+  /* Interactive
+     ========================================================================== */
+  
+  /*
+   * Add the correct display in Edge, IE 10+, and Firefox.
+   */
+  
+  details {
+    display: block;
+  }
+  
+  /*
+   * Add the correct display in all browsers.
+   */
+  
+  summary {
+    display: list-item;
+  }
+  
+  /* Misc
+     ========================================================================== */
+  
+  /**
+   * Add the correct display in IE 10+.
+   */
+  
+  template {
+    display: none;
+  }
+  
+  /**
+   * Add the correct display in IE 10.
+   */
+  
+  [hidden] {
+    display: none;
+  }
+  

theme_fuge/static/src/scss/_variables.scss

@@ -0,0 +1,27 @@
+//font
+$font-default:'Roboto', sans-serif;
+$font-offer: 'Kaushan Script', cursive;
+
+
+//colors
+$color-white: #ffffff;
+$color-orange: #3fc0b6;
+$color-black: #000000;
+$color-button: #00000056;
+$color-grey: #6b778d;
+$color-bg:#f4f4f4;
+$color-footer:#a09292;
+$color-carousel:#232020;
+$color-border:#cfcdcd;
+
+
+//fon-size
+$font-size-h1: 36px;
+$font-size-h6:14px;
+$font-size-subheading:25px;
+$font-size-text: 14px;
+$font-size-s:15px;
+$font-size-demo:40px;
+$font-size-form:12px;
+$font-sub-head:16px;
+$font-sub-blog:20px;

theme_fuge/static/src/scss/components/_buttons.scss

@@ -0,0 +1,232 @@
+.btn {
+    border: none !important;
+    outline: none !important;
+    &-primary {
+        background-color: #6f6f6f57  !important;
+        border-color: #6f6f6f57  !important;
+        padding: 9px 15px;
+        border-radius: 30px;
+        &:hover {
+            background-color: $color-orange !important;
+            border: none !important; 
+            color: #ffffff !important;
+        }
+    }
+
+    &-banner1 {
+        background-color: #ffffff !important;
+        border-color: #ffffff !important;
+        padding: 10px 17px;
+        border-radius: 30px;
+        color: black;
+        font-weight: 600;
+        &:hover {
+            background-color: $color-orange !important;
+            border: none !important; 
+            color: #ffffff !important;
+        }
+    }
+
+    &-contact {
+        background-color: $color-orange !important;
+        border-color: $color-orange !important;
+        padding: 11px 60px;
+        border-radius: 5px;
+        color: white;
+        font-weight: 600;
+        &:hover {
+            background-color:#ecb500 !important;
+            border: none !important; 
+            color: #ffffff !important;
+        }
+    }
+    &-banner2 {
+        background-color: #ffffff !important;
+        border-color: #ffffff !important;
+        padding: 9px 33px;
+        border-radius: 30px;
+        color: black;
+        font-weight: 600;
+        &:hover {
+            background-color: $color-orange !important;
+            border: none !important; 
+            color: #ffffff !important;
+        }
+    }
+    &-men {
+        background-color: #000000 !important;
+        border-color: #000000 !important;
+        padding: 10px 17px;
+        border-radius: 30px;
+        color: #ffffff;
+        font-weight: 600;
+        &:hover {
+            background-color: $color-orange !important;
+            border: none !important; 
+            color: #ffffff !important;
+        }
+    }
+
+    &-play {
+        background-color: #00000070 !important;
+        border-color: #00000070 !important;
+        padding: 16px 16px;
+        border-radius: 39px;
+        color: #ffffff;
+        font-weight: 600;
+        width: 60px;
+        position: absolute;
+        top: 207px;
+        left: 431px;
+        &:hover {
+            background-color: $color-orange !important;
+            border: none !important; 
+            
+        }
+    }
+
+    &-sub {
+        background-color: $color-orange !important;
+        border-color: $color-orange !important;
+        padding: 14px 30px;
+        border-top-right-radius: 25px;
+        border-bottom-right-radius: 25px;
+
+        border-top-left-radius: 0;
+                    border-bottom-left-radius: 0;
+        color: #ffffff;
+        font-weight: 600;
+        width: 80%;
+
+        &:hover {
+            background-color: $color-black !important;
+            border: none !important; 
+            color: $color-white;
+        }
+        @media screen  and(max-width:991px){
+
+            width: 100% !important;
+            
+        }
+        @media screen  and(max-width:767px){
+
+            width: 80% !important;
+            
+        }
+    }
+
+    &-search {
+        background-color: $color-black !important;
+        border-color: $color-black !important;
+        padding: 14px 30px;
+        border-top-right-radius: 5px;
+        border-bottom-right-radius: 5px;
+
+        border-top-left-radius: 0;
+                    border-bottom-left-radius: 0;
+        color: #ffffff;
+        font-weight: 600;
+        width: 80%;
+        &:hover {
+            background-color: $color-orange !important;
+            border: none !important; 
+            color: $color-white;
+        }
+    }
+
+    &-buy {
+        background-color: $color-orange !important;
+        border-color: #000000 !important;
+        padding:10px 52px;
+        font-weight: 600;
+        border-radius: 30px;
+        color: white;
+        
+        &:hover {
+            background-color: #000000 !important;
+            border: none !important; 
+            color: #ffffff !important;
+        }
+
+        @media screen and(max-width:991px) {
+            width: 100%;
+        }
+    }
+    &-cart_p {
+        
+        background-color: #000000 !important;
+        border-color: #000000 !important;
+        padding:10px 52px;
+        border-radius: 30px;
+        font-weight: 600;
+        color: white;
+        &:hover {
+            background-color: $color-orange !important;
+            border: none !important; 
+            color: #ffffff !important;
+        }
+
+        @media screen and(max-width:991px) {
+            width: 100%;
+        }
+    }
+
+    &-tag {
+        background-color:transparent !important;
+        border-color: $color-orange !important;
+        padding: 2px 5px;
+        border: 1px solid !important;
+       
+        color: #000000;
+        font-weight: 600;
+        margin-bottom: 7px;
+        margin-right: 5px;
+        &:hover {
+            background-color: $color-orange !important;
+            border: none !important; 
+            color: #ffffff !important;
+        }
+    }
+
+    &-fb {
+        background-color:#0084ff !important;
+        border-color: #0084ff !important;
+        padding: 11px 30px;
+        border-radius: 5px;
+        color: white;
+        font-weight: 600;
+        &:hover {
+            background-color:#0099ff !important;
+            border: none !important; 
+            color: #ffffff !important;
+        }
+    }
+    &-twitter {
+        background-color:#319db8 !important;
+        border-color: #319db8 !important;
+        padding: 11px 30px;
+        border-radius: 5px;
+        color: white;
+        font-weight: 600;
+        &:hover {
+            background-color:rgb(13, 103, 163) !important;
+            border: none !important; 
+            color: #ffffff !important;
+        }
+    }
+    &-google {
+        background-color:#ff3434 !important;
+        border-color: #ff3434 !important;
+        padding: 11px 30px;
+        border-radius: 5px;
+        color: white;
+        font-weight: 600;
+        &:hover {
+            background-color:#f54343 !important;
+            border: none !important; 
+            color: #ffffff !important;
+        }
+    }
+
+
+}

theme_fuge/static/src/scss/components/_components.scss

@@ -0,0 +1,2 @@
+@import './buttons';
+@import './product';

theme_fuge/static/src/scss/components/_product.scss

@@ -0,0 +1,123 @@
+.product{
+    margin-top: 90px;
+
+    h1{
+        
+        font-weight: 700;
+        margin-bottom: 10px;
+        span{
+            color: $color-orange;
+        }
+    }
+    p{
+        color: $color-grey;
+        font-size: $font-sub-head;
+    }
+
+    .product_sectoin{
+        padding-top:70px ;
+    }
+
+    .img_wrapper{
+        position: relative;
+
+img{
+    width: 100%;
+border-radius: 7px;
+}
+      
+
+      .product_details{
+
+
+        a{
+            text-decoration: none !important;
+        }
+        h4{
+            text-decoration: none !important;
+            font-weight: 600;
+            color: $color-black !important;
+            &:hover{
+                color: $color-orange !important;
+            }
+        }
+.old_rate{
+    color: $color-grey !important;
+    margin-right: 10px;
+    font-weight: normal;
+}
+        span{
+  font-weight: 600;
+            color: $color-black;
+        }
+      }
+  
+        img{
+            width: 100%;
+            border-radius: 7px;
+        }
+    }
+
+
+    .img_wrapper:hover .button {
+        position: absolute;
+        display: block;
+        text-decoration: none !important;
+        top: 280px;
+        width: 100%;
+        padding: 9px 77px;
+        font-size: 20px;
+        text-align: center;
+        color: #ffffff;
+        background-color: #ff7315;
+        &:hover{
+            background-color: #000000;
+        }
+        @media screen and(max-width:1199px) {
+
+            top: 230px;
+        width: 100%;
+        padding: 9px 50px;
+        font-size: 16px;
+        text-align: center;
+            
+        }
+        @media screen and(max-width:991px) {
+
+            top: 377px;
+        width: 100%;
+        padding: 11px 50px;
+        font-size: 18px;
+        text-align: center;
+            
+        }
+        @media screen and(max-width:767px) {
+
+            top: 260px;
+        padding: 11px 50px;
+        font-size: 18px;
+        text-align: center;
+            
+        }
+    }
+    
+    
+    
+    .button{
+        display:none;
+    }
+
+
+
+
+}
+
+
+@-webkit-keyframes flash {
+    0% { opacity: .3; }
+    100% { opacity: 1; }
+   }
+   @keyframes flash {
+    0% { opacity: .3; }
+    100% { opacity: 1; }
+   }

theme_fuge/static/src/scss/layout/_footer.scss

@@ -0,0 +1,197 @@
+.footer{
+    background-color:$color-carousel;
+    padding-top: 90px;
+    padding-bottom: 90px;
+
+    .footer_top{
+
+        border: 1px solid;
+        border-color: transparent;
+        border-bottom-color: $color-footer !important;
+        padding-bottom: 43px;
+    }
+
+
+    .footer_left{
+        text-align: left;
+        margin-top: 20px;
+
+        .footer_logo{
+            text-transform: uppercase;
+            font-size: 33px;
+            font-weight: 600;
+
+            a{
+                color: $color-white;
+                text-decoration: none;
+            }
+
+            color: $color-white;
+            span{
+                color: $color-orange;
+            }
+        }
+
+        .footer_desc{
+            color: $color-footer;
+            margin-top: 30px;
+            font-size: 14px;
+        }
+
+        .footer_icons{
+
+            ul{
+                display: flex;
+                list-style: none;
+                padding-left: 0;
+                margin-top: 40px;
+                
+                li{
+                    color: $color-white;
+                    
+                    font-size: 18px;
+                    width: 40px;
+                    height: 40px;
+                    border-radius: 50%;
+                    margin-right: 20px;
+                    background-color: #363434;
+                    text-align: center;
+                    padding-top: 11px;
+
+                    &:hover{
+                        background-color: $color-orange;
+                    }
+                }
+            }
+        }
+    }
+
+
+    .footer_right{
+        margin-top: 20px;
+
+        .footer_discount{
+            color: $color-white;
+            font-size: 33px;
+            font-weight: 700;
+        }
+
+        .footer_right_bottom{
+
+            margin-top: 40px;
+                padding-top: 20px;
+
+
+            .ul_wrapper{
+                display: flex;
+       justify-content: space-between;
+              
+               }
+
+                ul{
+                    padding-left: 0;
+                   
+                    padding-top: 10px;
+
+                    a{
+                        text-decoration: none;
+                    }
+                   
+                    li{
+                        font-size: 14px;
+                        list-style: none;
+                        padding-bottom: 10px;
+                       
+                        color: $color-footer;
+                        &:hover{
+                            color: $color-orange;
+                           
+                        }
+                    }
+
+
+                }
+            }
+
+
+            .f_r_h{
+                color: $color-white;
+                font-weight: 600;
+            }
+
+            .address{
+                color: $color-footer;
+                padding-top: 10px;
+                padding-bottom: 60px;
+                font-size: 14px;
+            }
+
+
+
+            .payment{
+
+                ul{
+                    display: flex;
+                    list-style: none;
+                    padding-left: 0;
+                    margin-top: 20px;
+                    
+                    li{
+                        
+                        font-size: 34px;
+margin: 0 14px 0px 0;
+    color: #acb2b7;
+    &:hover{
+        color: #636363;
+    }
+                    }
+                }
+            }
+
+        }
+
+
+        .footer_bottom{
+
+            padding-top: 50px;
+            .bottom_left{
+                span{
+
+                    margin: 0 14px 0px 0;
+                font-size: 16px;
+                a{
+                    color: $color-footer;
+                    text-decoration: none;
+
+                    &:hover{
+                        color: $color-orange;
+                    }
+                }
+                }
+                
+               
+            }
+
+            .bottom_right{
+                color: $color-footer;
+                font-size: 16px;
+                text-align: left !important;
+                a{
+                    color: $color-footer;
+                    text-decoration: none;
+
+                    &:hover{
+                        color: $color-orange;
+                    }
+                }
+            }
+
+
+            .f_b_r{
+                display: flex;
+justify-content: end;
+
+            }
+        }
+    }
+

theme_fuge/static/src/scss/layout/_header.scss

@@ -0,0 +1,226 @@
+.banner{
+    position: relative;
+.carousel-control-next-icon, .carousel-control-prev-icon{
+   
+}
+.carousel-indicators li{display: none;}
+.carousel-control-prev {
+    left: -33px;
+
+    @media screen and (max-width:1080px){
+        left:3px
+    }
+}
+    .bg-right{
+        background-image: linear-gradient(#11111191, #11111191),url(./../images/banner/banner1.jpg);
+
+        height: 100vh;
+
+        background-size: cover;
+            width: 100%;
+                background-repeat: no-repeat;
+        background-position: center;
+      padding-bottom: 200px;
+      
+    }
+    .bg-right2{
+        background-image: linear-gradient(#11111191, #11111191),url(./../images/banner/banner3.jpg);
+
+        height: 100vh;
+
+        background-size: cover;
+            width: 100%;
+                background-repeat: no-repeat;
+        background-position: center;
+      padding-bottom: 200px;
+      
+    }
+    .bg-right3{
+        background-image: linear-gradient(#11111191, #11111191),url(./../images/banner/banner4.jpg);
+
+        height: 100vh;
+
+        background-size: cover;
+            width: 100%;
+                background-repeat: no-repeat;
+        background-position: center;
+      padding-bottom: 200px;
+      
+    }
+    .bg-left{
+height: 100vh;
+        padding-bottom: 200px;
+        background-image: linear-gradient(#11111191, #11111191),url(./../images/banner/left3.jpg);
+        background-size: cover;
+            width: 100%;
+                background-repeat: no-repeat;
+        background-position: center;
+
+        @media screen and(max-width:767px){
+    
+            height: 50vh;
+
+            padding-bottom: 20px;
+        }
+    }
+.left_card{
+    margin-top: 200px;
+    background: transparent;
+    border: none;
+    margin-left: 50px;
+
+    .card-title{
+        color: #fff;
+    font-size: 50px;
+    text-align: left;
+    font-weight: 900;
+    @media screen and(max-width:839px){
+    
+        font-size:40px;
+        
+    }
+    @media screen and(max-width:790px){
+    
+        font-size:35px;
+        
+    }
+
+    @media screen and(max-width:768px){
+    
+        font-size:50px;
+        
+    }
+   
+
+   
+    }
+}
+
+
+
+.right_card{
+    margin-top: 200px;
+    background: transparent;
+    border: none;
+    margin-left: 0;
+    @media screen and(max-width:767px){
+    
+        margin-top: 75px;
+        
+    }
+
+
+    .card-title{color: #ffffff;
+        font-size: 50px;
+        text-align: left;
+        font-weight: 900;
+
+        @media screen and(max-width:1250px){
+
+            font-size:35px;
+            
+        }
+
+        @media screen and(max-width:768px){
+    
+            font-size:55px;
+            
+        }
+        }
+
+    
+}
+
+
+}
+
+.top_wrapper{
+    position: absolute;
+    display: flex;
+    z-index: 1;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0px 46px;
+
+    @media screen and(max-width:800px){
+        padding-right: 14px;
+   
+               
+       }
+
+
+    .top-right{
+        margin-left: 19px;
+        padding-top: 20px;
+        align-items: baseline;
+
+        @media screen and(max-width:800px){
+            padding-right: 14px;
+           display: none !important;
+                   
+           }
+        h6{
+            color:$color-white ;
+            font-weight: 700;
+            font-size: $font-size-h6;
+                
+               }
+            
+                    
+                    p{
+                        margin-left: 6px;
+                        color:$color-white ;
+                        font-weight: 600;
+                       
+                                }
+                                .more{
+                                    color:$color-orange;
+                                    margin-left: 5px;
+                                }
+                            }
+
+
+
+    .top-left{
+        padding-top: 20px;
+        align-items: baseline;
+        
+        margin-right: 20px;
+
+        @media screen and(max-width:800px){
+            width: 100%;
+            margin-right: 0;
+            justify-content: space-between !important;
+                    
+            }
+span{
+    margin-right: 20px;
+    color: #fff;
+    width: 36px;
+    height: 36px;
+    background: rgba(255, 255, 255, 0.141);
+    border-radius: 50%;
+    display: inline-block;
+    text-align: center;
+    line-height: 36px;
+
+    &:hover{
+        background-color: $color-orange;
+    }
+}
+    }
+
+    .cart{ 
+        color: $color-white;
+        background: rgba(255, 255, 255, 0.141);
+    }
+
+    .cart-svg{
+        width: 20px;
+        list-style: none;
+        margin-right: 0 !important;
+        margin-left: 5px;
+    }
+
+    
+}

theme_fuge/static/src/scss/layout/_layouts.scss

@@ -0,0 +1,5 @@
+@import './header';
+@import './navigation';
+@import './footer';
+@import './sidebar';
+@import './sidebar2';