<?xml version="1.0" encoding="utf-8"?>
<odoo>

<template id="s_bento_grid" name="Bento Grid">
    <section class="s_bento_grid o_colored_level pt64 pb64">
        <div class="container">
            <div class="row o_grid_mode" style="gap: 32px;" data-row-count="19">
                <div
                    class="o_grid_item o_grid_item_image oe_img_bg o_bg_img_center o_colored_level o_cc o_cc5 g-col-lg-6 g-height-6 col-lg-6 rounded"
                    style="--grid-item-padding-x: 32px; --grid-item-padding-y: 32px; background-image: url('/web/image/website.s_bento_grid_default_image_2'); border-radius: 6.4px !important; grid-area: 1 / 1 / 7 / 7;"
                    >
                    <div class="o_we_bg_filter bg-black-25"/>
                    <h2 class="h3-fs">Timeless Design</h2>
                    <p class="lead">
                        Elevate your living space with furniture that blends modern aesthetics and classic charm, crafted to bring both comfort and style to your home.
                        <br/><br/><br/><br/><br/><br/>
                    </p>
                </div>
                <div
                    class="o_grid_item o_grid_item_image oe_img_bg o_bg_img_center o_colored_level o_cc o_cc5 g-col-lg-6 g-height-5 col-lg-6 rounded d-lg-block d-none o_snippet_mobile_invisible"
                    style="--grid-item-padding-x: 32px; --grid-item-padding-y: 32px; background-image: url('/web/image/website.s_bento_grid_default_image_4'); border-radius: 6.4px !important; grid-area: 1 / 7 / 6 / 13;"
                    >
                </div>
                <div
                    class="o_grid_item o_colored_level o_cc o_cc5 g-col-lg-6 g-height-3 col-lg-6 rounded"
                    style="--grid-item-padding-x: 32px; --grid-item-padding-y: 32px; border-radius: 6.4px !important; grid-area: 17 / 1 / 20 / 7;"
                    >
                    <h2 class="h3-fs">30% Off Your First Purchase</h2>
                    <p class="lead">Shop today and unlock an exclusive discount!</p>
                    <p>
                        <a class="o_translate_inline btn btn-secondary" t-att-href="cta_btn_href">
                            Shop Now
                        </a>
                        <br/>
                    </p>
                </div>
                <div
                    class="o_grid_item o_grid_item_image oe_img_bg o_bg_img_center o_colored_level o_cc o_cc5 g-col-lg-6 g-height-10 col-lg-6 rounded"
                    style="--grid-item-padding-x: 32px; --grid-item-padding-y: 32px; background-image: url('/web/image/website.s_bento_grid_default_image_1'); border-radius: 6.4px !important; grid-area: 7 / 1 / 17 / 7;"
                    >
                    <div class="o_we_bg_filter bg-black-25"/>
                    <h2 class="h3-fs">Sustainable Materials</h2>
                    <p class="lead">
                        Elevate your living space with furniture that blends modern aesthetics and classic charm, crafted to bring both comfort and style to your home.
                        <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
                    </p>
                </div>
                <div
                    class="o_grid_item o_grid_item_image oe_img_bg o_bg_img_center o_colored_level o_cc o_cc5 g-col-lg-6 g-height-14 col-lg-6 rounded"
                    style="--grid-item-padding-x: 32px; --grid-item-padding-y: 32px; background-image: url('/web/image/website.s_bento_grid_default_image_3'); border-radius: 6.4px !important; grid-area: 6 / 7 / 20 / 13;"
                    >
                    <div class="o_we_bg_filter bg-black-25"/>
                    <blockquote class="s_blockquote o_animable position-relative d-flex flex-column gap-4 w-100 mx-auto p-1 fst-normal s_blockquote_default" data-vcss="001" data-snippet="s_blockquote" data-name="Blockquote">
                        <div class="s_blockquote_line_elt position-absolute top-0 start-0 bottom-0 bg-o-color-1"/>
                        <div class="s_blockquote_wrap_icon position-absolute top-0 start-50 translate-middle w-100">
                            <i class="s_blockquote_icon fa fa-quote-right d-block mx-auto rounded bg-o-color-1" role="img"></i>
                        </div>
                        <h2 class="h3-fs" style="text-align: center;">Expert's Review</h2>
                        <p class="s_blockquote_quote lead" style="text-align: center;">
                            <span class="h3-fs">
                                "This collection masterfully combines premium craftsmanship with timeless design, creating pieces that elevate any interior space."
                            </span>
                        </p>
                        <div class="s_blockquote_infos gap-2 w-100 flex-column align-items-center text-center d-flex">
                            <div class="s_blockquote_author">
                                <h3 class="h5-fs">
                                    <strong>Friedrich von Hohenberg</strong>
                                </h3>
                                <p>
                                    <span class="o_small-fs">
                                        Furniture Design Specialist
                                        <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
                                    </span>
                                </p>
                            </div>
                        </div>
                    </blockquote>
                </div>
            </div>
        </div>
    </section>
</template>

</odoo>
