<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <!-- Page Record -->
    <record id="portfolio_page" model="website.page">
        <field name="name">Portfolio</field>
        <field name="type">qweb</field>
        <field name="url">/portfolio</field>
        <field name="website_published">True</field>
        <field name="key">theme_aakriti_v2.portfolio_page_template</field>
        <field name="arch" type="xml">
            <t name="Portfolio" t-name="theme_aakriti_v2.portfolio_page_template">
                <t t-call="website.layout">
                    <div id="wrap" class="oe_structure oe_empty" style="background-color: var(--v2-cream); font-family: 'Jost', sans-serif;">
                        <!-- Inner Banner -->
                        <section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/inner-banner/1.webp');">
                            <div class="v2-inner-banner-content">
                                <h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">Portfolio</h1>
                                <div class="v2-inner-banner-breadcrumb">
                                    <a href="/">Home</a> / <span class="v2-active">Portfolio</span>
                                </div>
                            </div>
                        </section>

                        <!-- Portfolio Section -->
                        <section class="v2-portfolio-section">

    <div class="v2-portfolio-tabs">

        <button class="v2-portfolio-tab active" data-filter="all">
            <img src="/theme_aakriti_v2/static/src/img/portfolio/all.png"
                 alt="All Events"
                 width="40"
                 height="40"/>
            ALL
        </button>

        <button class="v2-portfolio-tab" data-filter="weddings">
            <img src="/theme_aakriti_v2/static/src/img/portfolio/wedding.png"
                 alt="Weddings"
                 width="40"
                 height="40"/>
            WEDDINGS
        </button>

        <button class="v2-portfolio-tab" data-filter="pre-wedding">
            <img src="/theme_aakriti_v2/static/src/img/portfolio/pre-wedding.png"
                 alt="Pre Wedding"
                 width="40"
                 height="40"/>
            PRE-WEDDING
        </button>

        <button class="v2-portfolio-tab" data-filter="engagements">
            <img src="/theme_aakriti_v2/static/src/img/portfolio/engagements.png"
                 alt="Engagements"
                 width="40"
                 height="40"/>
            ENGAGEMENTS
        </button>

        <button class="v2-portfolio-tab" data-filter="celebrations">
            <img src="/theme_aakriti_v2/static/src/img/portfolio/celebrations.png"
                 alt="Celebrations"
                 width="40"
                 height="40"/>
            CELEBRATIONS
        </button>

        <button class="v2-portfolio-tab" data-filter="corporate">
            <img src="/theme_aakriti_v2/static/src/img/portfolio/corporate.png"
                 alt="Corporate"
                 width="40"
                 height="40"/>
            CORPORATE
        </button>

        <button class="v2-portfolio-tab" data-filter="cultural">
            <img src="/theme_aakriti_v2/static/src/img/portfolio/cultural.png"
                 alt="Cultural"
                 width="40"
                 height="40"/>
            CULTURAL
        </button>

        <button class="v2-portfolio-tab" data-filter="festivals">
            <img src="/theme_aakriti_v2/static/src/img/portfolio/festivals.png"
                 alt="Festivals"
                 width="40"
                 height="40"/>
            FESTIVALS
        </button>

    </div>

    <div class="v2-masonry-grid" id="v2-portfolio-grid">
        <!-- Portfolio items injected by theme_v2.js -->
    </div>

</section>
                    </div>
                </t>
            </t>
        </field>
    </record>
</odoo>
