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

    <!-- ============================================================
         THEME AAKRITI V2 — Premium Events Theme
         All templates are self-contained. Nothing in
         theme_aakriti_events is modified.
         ============================================================ -->

    <!-- ── 0. INJECT CSS + JS INTO HEAD ───────────────────────── -->
    <template id="v2_assets_head" inherit_id="website.layout" priority="500" name="V2 Assets Head">
        <xpath expr="//head" position="inside">
            <link rel="stylesheet" type="text/css" href="/theme_aakriti_v2/static/src/css/theme_v2.css"/>
            <script type="text/javascript" src="/theme_aakriti_v2/static/src/js/theme_v2.js" defer="defer"></script>
            <link rel="preconnect" href="https://fonts.googleapis.com"/>
            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/>
            <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&amp;family=Jost:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
            <style>
                /* Force hide old theme header parts that may bleed through */
                html, body { overflow-x: hidden !important; max-width: 100% !important; }
            </style>
        </xpath>
    </template>

    <!-- ── 1. HEADER + FOOTER OVERRIDE ────────────────────────── -->
    <template id="v2_header_footer_inherit" inherit_id="website.layout" priority="500" name="V2 Header and Footer">

        <!-- Replace the header -->
        <xpath expr="//header" position="replace">

            <!-- Mobile Drawer Overlay -->
            <div id="v2-drawer-overlay"></div>

            <!-- Mobile Drawer Panel -->
            <div id="v2-mobile-drawer">
                <div class="v2-drawer-header">
                    <a href="/">
                        <img src="/theme_aakriti_v2/static/src/img/logo.png" alt="Aakriti Events" style="height:44px;width:auto;object-fit:contain;"/>
                    </a>
                    <button id="v2-drawer-close" aria-label="Close menu" style="background:none;border:none;cursor:pointer;color:#1a1206;padding:4px;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
                    </button>
                </div>
                <nav class="v2-drawer-nav">
                    <a href="/">Home</a>
                    <a href="/aboutus">About Us</a>
                    <a href="/rentals">Services</a>
                    <a href="/contactus">Contact</a>
                </nav>
                <div class="v2-drawer-footer">
                    <a href="/rental/request" class="v2-btn-gold" style="width:100%;justify-content:center;">Plan Your Event →</a>
                </div>
            </div>

            <!-- Sticky Header -->
            <header id="v2-header" data-anchor="true">
                <div class="v2-header-inner">
                    <!-- Logo -->
                    <a class="v2-logo" href="/" aria-label="Aakriti Events Home">
                        <img src="/theme_aakriti_v2/static/src/img/logo.png" alt="Aakriti Events"/>
                    </a>

                    <!-- Desktop Nav -->
                    <nav class="v2-nav">
                        <a href="/">Home</a>
                        <a href="/aboutus">About Us</a>
                        <a href="/rentals">Services</a>
                        <a href="/portfolio">Portfolio</a>
                        <!-- <a href="/aboutus">Experience</a> -->
                        <a href="/blog">Blog</a>
                        <a href="/contactus">Contact</a>
                        <a href="/rental/request" class="v2-nav-cta" style="display:inline-flex; align-items:center;">
                            Plan Your Event
                            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                            </span>
                        </a>
                    </nav>

                    <!-- Mobile Toggle -->
                    <button id="v2-mobile-toggle" aria-label="Toggle menu">
                        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5h16"/><path d="M4 12h16"/><path d="M4 19h16"/></svg>
                    </button>
                </div>
            </header>
        </xpath>

        <!-- Hide Odoo default copyright -->
        <xpath expr="//div[hasclass('o_footer_copyright')]" position="attributes">
            <attribute name="class" add="d-none" separator=" "/>
        </xpath>

        <!-- Replace Footer -->
        <xpath expr="//div[@id='footer']" position="replace">
            <div id="footer">
                <footer id="v2-footer-new">

    <div class="v2-footer-new-inner">

        <!-- Column 1 -->
        <div class="v2-footer-col">
            <div class="v2-footer-logo-new">
                <img src="/theme_aakriti_v2/static/src/img/logo.png" alt="Aakriti Events"/>
            </div>

            <p class="v2-footer-about">
                Creating unforgettable celebrations with elegance,
                creativity, and memorable experiences for every occasion.
            </p>
        </div>

        <!-- Column 2 -->
        <div class="v2-footer-col">
            <h4>Menu</h4>

            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/aboutus">About Us</a></li>
                <li><a href="/rentals">Services</a></li>
                <li><a href="/blog">Blog</a></li>
                <li><a href="/contactus">Contact</a></li>
            </ul>
        </div>

        <!-- Column 3 -->
        <div class="v2-footer-col">
            <h4>Services</h4>

            <ul>
                <li>Wedding Planning</li>
                <li>Stage Decoration</li>
                <li>Event Management</li>
                <li>Corporate Events</li>
                <li>Photography</li>
            </ul>
        </div>

        <!-- Column 4 -->
        <div class="v2-footer-col">
            <h4>Get In Touch</h4>

            <div class="v2-footer-contact">
                <p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
                    stroke-width="2">
                        <path d="M22 16.92v3a2 2 0 0 1-2.18 2
                        19.79 19.79 0 0 1-8.63-3.07
                        19.5 19.5 0 0 1-6.5-6.5
                        A19.79 19.79 0 0 1 1.08 4.18
                        2 2 0 0 1 3.06 2h3a2 2 0 0 1 2 1.72"/>
                    </svg>

                    +91 98765 43210
                </p>

                <p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
                    stroke-width="2">
                        <rect x="2" y="4" width="20" height="16" rx="2"/>
                        <path d="m22 7-10 6L2 7"/>
                    </svg>

                    hello@aakrithievents.com
                </p>

                <p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
                    stroke-width="2">
                        <path d="M21 10c0 7-9 12-9 12S3 17 3 10a9 9 0 0 1 18 0"/>
                        <circle cx="12" cy="10" r="3"/>
                    </svg>

                    123 Celebration Avenue <br/>
                    Bangalore, India - 560001
                </p>

                <div class="v2-footer-social">
                    <!-- Facebook -->
                    <a href="#">
                        <svg xmlns="http://www.w3.org/2000/svg"
                        width="18" height="18"
                        fill="white"
                        viewBox="0 0 24 24">
                            <path d="M15 3h4V0h-4c-4 0-7 3-7 7v3H5v4h3v10h4V14h4l1-4h-5V7c0-1.2.8-2 2-2"/>
                        </svg>
                    </a>

                    <!-- Instagram -->
                    <a href="#">
                        <svg xmlns="http://www.w3.org/2000/svg"
                        width="18" height="18"
                        fill="white"
                        viewBox="0 0 24 24">
                            <rect x="2" y="2" width="20"
                            height="20" rx="5"/>
                            <circle cx="12" cy="12" r="4"/>
                            <circle cx="18" cy="6" r="1"/>
                        </svg>
                    </a>

                    <!-- Twitter/X -->
                    <a href="#">
                        <svg xmlns="http://www.w3.org/2000/svg"
                        width="18" height="18"
                        fill="white"
                        viewBox="0 0 24 24">
                            <path d="M4 4L20 20M20 4L4 20"/>
                        </svg>
                    </a>

                    <!-- YouTube -->
                    <a href="#">
                        <svg xmlns="http://www.w3.org/2000/svg"
                        width="18" height="18"
                        fill="white"
                        viewBox="0 0 24 24">
                            <path d="M23 12s0-4-1-6c-.5-1-1.5-2-2.5-2.2C17.8 3.5 12 3.5 12 3.5s-5.8 0-7.5.3C3.5 4 2.5 5 2 6c-1 2-1 6-1 6s0 4 1 6c.5 1 1.5 2 2.5 2.2 1.7.3 7.5.3 7.5.3s5.8 0 7.5-.3c1-.2 2-1.2 2.5-2.2 1-2 1-6 1-6z"/>
                            <polygon points="10,8 16,12 10,16"/>
                        </svg>
                    </a>
                </div>
            </div>

        </div>

    </div>

    <div class="v2-footer-bottom">
        ©<span id="v2-footer-year">2024</span>
        Aakrithi Events. All Rights Reserved.
    </div>

<script>
(function(){
var el=document.getElementById('v2-footer-year');
if(el){
el.textContent=new Date().getFullYear();
}
})();
</script>

</footer>
            </div>
        </xpath>

        <!-- Hide Odoo's bottom footer area style -->
        <xpath expr="//footer[@id='bottom']" position="attributes">
            <attribute name="style">background-color: #1e1208 !important; border-top: none !important; padding: 0 !important;</attribute>
        </xpath>
    </template>


    <!-- ── 2. HOMEPAGE TEMPLATE ───────────────────────────────── -->
    <template id="v2_homepage" inherit_id="website.homepage" name="V2 Aakriti Events Homepage" active="True" customize_show="False" priority="500">
        <xpath expr="//div[@id='wrap']" position="replace">
            <div id="wrap" class="oe_structure oe_empty" style="background-color: #fdf6e3; font-family: 'Jost', sans-serif;">

                <!-- ═══════════════════════════════════════════
                     FLOATING SIDEBAR
                ═══════════════════════════════════════════ -->
                <div class="v2-floating-sidebar">
                    <a href="tel:+919876543210" aria-label="Phone">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.5 2 2 0 0 1 3.6 1.29h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.89-.89a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16z"/></svg>
                    </a>
                    <a href="https://wa.me/919876543210" aria-label="WhatsApp">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>
                    </a>
                    <a href="https://instagram.com" aria-label="Instagram">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/></svg>
                    </a>
                    <a href="/contactus" aria-label="Location">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
                    </a>
                </div>

                <!-- ═══════════════════════════════════════════
                     SECTION 1 — HERO
                ═══════════════════════════════════════════ -->
                <section id="v2-hero">
                    <div class="v2-hero-bg"></div>
                    <div class="v2-hero-overlay"></div>
                    <div class="v2-hero-content">
                        <span class="v2-hero-eyebrow hero-title">WE DON'T JUST PLAN EVENTS</span>
                        <h1 class="v2-hero-title v2-reveal">
                            <span class="v2-dark-text hero-title">WE CREATE</span><br/>
                            <span class="v2-gold-text hero-title">EXPERIENCES</span><br/>
                            <span class="v2-dark-text hero-title">TO REMEMBER</span>
                        </h1>
                        <div class="v2-hero-divider v2-reveal">
                            <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
                        </div>
                        <p class="v2-hero-sub v2-reveal v2-reveal-delay-1 hero-title">
                            Aakrithi Events crafts unforgettable weddings,
                            corporate gatherings, cultural celebrations and
                            luxury experiences with purpose, passion and
                            flawless execution.
                        </p>
                        <div class="v2-hero-btns v2-reveal v2-reveal-delay-2">
                            <a href="/rental/request" class="v2-btn-gold" style="display:inline-flex; align-items:center;">
                                PLAN YOUR EVENT
                                <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                                </span>
                            </a>
                            <a href="/rentals" class="v2-btn-play">
                                VIEW OUR WORK 
                                <span class="v2-play-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>
                                </span>
                            </a>
                        </div>
                    </div>
                </section>


                <!-- ═══════════════════════════════════════════
                     SECTION 2 — FEATURES BAR
                ═══════════════════════════════════════════ -->
                <section id="v2-features">
                    <div class="v2-features-card">
                        <div class="v2-features-grid">
                            <div class="v2-feature-item v2-reveal">
    <div class="v2-feature-icon">
        <img src="/theme_aakriti_v2/static/src/img/home/features/creative-concepts.webp"
             alt="Creative Concepts"
             width="40"
             height="40"/>
    </div>

    <div class="v2-feature-title">Creative Concepts</div>
    <div class="v2-feature-desc">
        Unique ideas that<br/>
        bring your vision to life.
    </div>
</div>
                            <div class="v2-feature-item v2-reveal v2-reveal-delay-1">
                                <div class="v2-feature-icon">
        <img src="/theme_aakriti_v2/static/src/img/home/features/flawless-planning.webp" alt="Creative Concepts" width="40" height="40"/>
    </div>
                                <div class="v2-feature-title">Flawless Planning</div>
                                <div class="v2-feature-desc">Every detail planned<br/>to perfection.</div>
                            </div>
                            <div class="v2-feature-item v2-reveal v2-reveal-delay-2">
                                <div class="v2-feature-icon">
        <img src="/theme_aakriti_v2/static/src/img/home/features/vendor-management.webp" alt="Creative Concepts" width="40" height="40"/>
    </div>
                                <div class="v2-feature-title">Vendor Management</div>
                                <div class="v2-feature-desc">Trusted network,<br/>seamless coordination.</div>
                            </div>
                            <div class="v2-feature-item v2-reveal v2-reveal-delay-3">
                                <div class="v2-feature-icon">
        <img src="/theme_aakriti_v2/static/src/img/home/features/premium-design.webp" alt="Creative Concepts" width="40" height="40"/>     
    </div>
                                <div class="v2-feature-title">Premium Design</div>
                                <div class="v2-feature-desc">Stunning decor &amp; styling<br/>that leaves an impression.</div>
                            </div>
                            <div class="v2-feature-item v2-reveal v2-reveal-delay-4">
                                <div class="v2-feature-icon">
        <img src="/theme_aakriti_v2/static/src/img/home/features/memorable-experiences.webp" alt="Creative Concepts" width="40" height="40"/>
    </div>
                                <div class="v2-feature-title">Memorable Experiences</div>
                                <div class="v2-feature-desc">Creating moments your<br/>guests will never forget.</div>
                            </div>
                        </div>
                    </div>
                </section>


                <!-- ═══════════════════════════════════════════
                     SECTION 3 — SERVICES
                ═══════════════════════════════════════════ -->
                <section id="v2-services" style="background-color: var(--v2-white);">
                    <div class="v2-services-inner">
                        <div class="v2-services-left">
                            <div class="v2-section-header-group">
                                <span class="v2-eyebrow-num">02.</span>
                                <span class="v2-eyebrow-text">OUR SERVICES</span>
                                <div class="v2-eyebrow-line"></div>
                            </div>
                            <h2 class="v2-section-title v2-reveal">
                                <span class="v2-gold-text">WE PLAN.</span>
                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">YOU CELEBRATE.</span>
                            </h2>
                            <div class="v2-hero-divider">
                                <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
                            </div>
                            <p class="v2-reveal v2-reveal-delay-1" style="color: var(--v2-text); font-weight: 500;">
                                From intimate gatherings to grand celebrations,<br/>we offer end-to-end event management<br/>services tailored to your needs.
                            </p>
                            <a href="/rentals" class="v2-btn-gold v2-reveal v2-reveal-delay-2" style="margin-top: 20px; padding: 12px 20px; font-size: 0.75rem; border-radius: 6px;">
                                EXPLORE SERVICES
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                            </a>
                        </div>

                        <div class="v2-services-grid v2-services-grid-new">
                            <a href="/rentals" class="v2-service-card-new">
                                <div class="v2-service-title-top">WEDDING</div>
                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/wedding.webp" alt="Wedding" loading="lazy"/></div>
                            </a>
                            <a href="/rentals" class="v2-service-card-new">
                                <div class="v2-service-title-top">CORPORATE EVENTS</div>
                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/corporate-events.webp" alt="Corporate" loading="lazy"/></div>
                            </a>
                            <a href="/rentals" class="v2-service-card-new">
                                <div class="v2-service-title-top">BIRTHDAY CELEBRATIONS</div>
                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/birthday.webp" alt="Birthday" loading="lazy"/></div>
                            </a>
                            <a href="/rentals" class="v2-service-card-new">
                                <div class="v2-service-title-top">CULTURAL EVENTS</div>
                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/cultural-event.webp" alt="Cultural" loading="lazy"/></div>
                            </a>
                            <a href="/rentals" class="v2-service-card-new">
                                <div class="v2-service-title-top">STAGE &amp; DECOR DESIGN</div>
                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/stage-decor.webp" alt="Decor" loading="lazy"/></div>
                            </a>
                            <a href="/rentals" class="v2-service-card-new">
                                <div class="v2-service-title-top">BRAND LAUNCHES</div>
                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/brand-launches.webp" alt="Brand" loading="lazy"/></div>
                            </a>
                            <a href="/rentals" class="v2-service-card-new">
                                <div class="v2-service-title-top">PRIVATE PARTIES</div>
                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/private-parties.webp" alt="Parties" loading="lazy"/></div>
                            </a>
                            <a href="/rentals" class="v2-service-card-new">
                                <div class="v2-service-title-top">EVENT COORDINATION</div>
                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/event-coordination.webp" alt="Coordination" loading="lazy"/></div>
                            </a>
                        </div>
                    </div>
                </section>


                <!-- ═══════════════════════════════════════════
                     SECTION 4 — GALLERY
                ═══════════════════════════════════════════ -->
                <section id="v2-gallery" style="background-color: var(--v2-cream);">
                    <div class="v2-gallery-inner">
                        <div class="v2-gallery-left">
                            <div class="v2-section-header-group">
                                <span class="v2-eyebrow-num">03.</span>
                                <span class="v2-eyebrow-text">OUR WORK SPEAKS</span>
                                <div class="v2-eyebrow-line"></div>
                            </div>
                            <h2 class="v2-section-title v2-reveal">
                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">Moments</span>
                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">We've Created</span>
                            </h2>
                            <div class="v2-hero-divider">
                                <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
                            </div>
                            <p class="v2-reveal v2-reveal-delay-1" style="color: var(--v2-text); font-weight: 500;">
                                A glimpse of celebrations<br/>we've had the privilege<br/>to design and deliver.
                            </p>
                            <a href="/portfolio" class="v2-btn-gold v2-reveal v2-reveal-delay-2" style="margin-top: 20px; padding: 12px 20px; font-size: 0.75rem; border-radius: 6px;">
                                VIEW FULL GALLERY
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                            </a>
                        </div>
                        <div class="v2-gallery-right">
                            <div class="v2-gallery-track" id="v2-gallery-track">
                                <div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/1.webp" alt="Gallery 1" loading="lazy"/></div>
                                <div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/2.webp" alt="Gallery 2" loading="lazy"/></div>
                                <div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/3.webp" alt="Gallery 3" loading="lazy"/></div>
                                <div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/4.webp" alt="Gallery 4" loading="lazy"/></div>
                                <div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/5.webp" alt="Gallery 5" loading="lazy"/></div>
                                <div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/6.webp" alt="Gallery 6" loading="lazy"/></div>
                            </div>
                            <div class="v2-gallery-nav">
                                <button id="v2-gallery-prev" class="v2-gallery-btn-nav" aria-label="Previous">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5"/><path d="m12 19-7-7 7-7"/></svg>
                                </button>
                                <button id="v2-gallery-next" class="v2-gallery-btn-nav" aria-label="Next">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                            </button>
                            </div>
                        </div>
                    </div>
                </section>


                <!-- ═══════════════════════════════════════════
                     SECTION 5 — PROCESS
                ═══════════════════════════════════════════ -->
                <section id="v2-process">
                    <div class="v2-process-inner">
                        <span class="v2-eyebrow">OUR PROCESS</span>
                        <h2 class="v2-section-title v2-reveal" style="font-family: var(--v2-font-display);">From Vision To Reality</h2>
                        <div class="v2-process-timeline">
    <div class="v2-process-line"></div>

    <div class="v2-step v2-reveal">
        <div class="v2-step-icon-circle">
            <img src="/theme_aakriti_v2/static/src/img/home/process/discover.png"
                 alt="Discover"
                 width="40"
                 height="40"/>
        </div>
        <div class="v2-step-num">1</div>
        <div class="v2-step-title">DISCOVER</div>
        <p class="v2-step-desc">We listen, understand<br/>and align with your goals.</p>
    </div>

    <div class="v2-step v2-reveal v2-reveal-delay-1">
        <div class="v2-step-icon-circle">
            <img src="/theme_aakriti_v2/static/src/img/home/process/design.png"
                 alt="Design"
                 width="40"
                 height="40"/>
        </div>
        <div class="v2-step-num">2</div>
        <div class="v2-step-title">DESIGN</div>
        <p class="v2-step-desc">We create a concept<br/>that reflects your style.</p>
    </div>

    <div class="v2-step v2-reveal v2-reveal-delay-2">
        <div class="v2-step-icon-circle">
            <img src="/theme_aakriti_v2/static/src/img/home/process/plan.png"
                 alt="Plan"
                 width="40"
                 height="40"/>
        </div>
        <div class="v2-step-num">3</div>
        <div class="v2-step-title">PLAN</div>
        <p class="v2-step-desc">We plan every detail<br/>with precision.</p>
    </div>

    <div class="v2-step v2-reveal v2-reveal-delay-3">
        <div class="v2-step-icon-circle">
            <img src="/theme_aakriti_v2/static/src/img/home/process/execute.png"
                 alt="Execute"
                 width="40"
                 height="40"/>
        </div>
        <div class="v2-step-num">4</div>
        <div class="v2-step-title">EXECUTE</div>
        <p class="v2-step-desc">We execute flawlessly<br/>to bring it to life.</p>
    </div>

    <div class="v2-step v2-reveal v2-reveal-delay-4">
        <div class="v2-step-icon-circle">
            <img src="/theme_aakriti_v2/static/src/img/home/process/celebrate.png"
                 alt="Celebrate"
                 width="40"
                 height="40"/>
        </div>
        <div class="v2-step-num">5</div>
        <div class="v2-step-title">CELEBRATE</div>
        <p class="v2-step-desc">You enjoy every moment,<br/>we handle the rest.</p>
    </div>

</div>
                    </div>
                </section>


                <!-- ═══════════════════════════════════════════
                     SECTION 6 — TESTIMONIALS
                ═══════════════════════════════════════════ -->
                <section id="v2-testimonials">
                    <div class="v2-testimonials-inner">
                        <div class="v2-testimonials-left v2-reveal">
                            <div class="v2-section-header-group">
                                <span class="v2-eyebrow-num">05.</span>
                                <span class="v2-eyebrow-text">CLIENT LOVE</span>
                            </div>
                            <h2 class="v2-section-title">
                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">Loved By Clients,</span><br/>
                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">Remembered</span><br/>
                                <span class="v2-gold-text" style="font-family: var(--v2-font-display); font-style: italic;">By</span>
                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);"> Guests</span>
                            </h2>
                            <div class="v2-hero-divider v2-reveal">
                            <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
                        </div>
                            <a href="/contactus" class="v2-btn-outline-dark">READ MORE REVIEWS +</a>
                        </div>
                        <div class="v2-testimonials-right">
                            <div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-1">
                                <div class="v2-testimonial-top-row">
                                    <div class="v2-quote-mark-new">&#8220;</div>
                                    <div class="v2-stars"><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span></div>
                                </div>
                                <p class="v2-testimonial-text-new">Aakrithi Events made our dream wedding an absolute fairytale. Every detail was beyond perfect! Every detail was beyond perfect!</p>
                                <div class="v2-testimonial-author-new">- Priya &amp; Arjun</div>
                            </div>
                            <div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-2">
                                <div class="v2-testimonial-top-row">
                                    <div class="v2-quote-mark-new">&#8220;</div>
                                    <div class="v2-stars"><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span></div>
                                </div>
                                <p class="v2-testimonial-text-new">Professional, creative and incredibly supportive team. They turned our vision into an unforgettable experience. Every detail was beyond perfect!</p>
                                <div class="v2-testimonial-author-new">- Rohit Mehta</div>
                            </div>
                            <div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-3">
                                <div class="v2-testimonial-top-row">
                                    <div class="v2-quote-mark-new">&#8220;</div>
                                    <div class="v2-stars"><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span></div>
                                </div>
                                <p class="v2-testimonial-text-new">From planning to execution, everything was seamless. Our guests are still talking about the event! Every detail was beyond perfect!</p>
                                <div class="v2-testimonial-author-new">- Neha Sharma</div>
                            </div>
                        </div>
                    </div>
                </section>


                <!-- ═══════════════════════════════════════════
                     SECTION 7 — STATS STRIP
                ═══════════════════════════════════════════ -->
                <section id="v2-stats">
    <div class="v2-stats-grid">

        <div class="v2-stat-item">
            <div class="v2-stat-icon-wrap">
                <img src="/theme_aakriti_v2/static/src/img/home/counter/experience.webp"
                     alt="Years Experience"
                     width="50"
                     height="50"/>
            </div>
            <div class="v2-stat-number">10+</div>
            <div class="v2-stat-label">YEARS OF EXPERIENCE</div>
        </div>

        <div class="v2-stat-dot">&#8226;</div>

        <div class="v2-stat-item">
            <div class="v2-stat-icon-wrap">
                <img src="/theme_aakriti_v2/static/src/img/home/counter/events-executed.webp"
                     alt="Events Executed"
                     width="50"
                     height="50"/>
            </div>
            <div class="v2-stat-number">500+</div>
            <div class="v2-stat-label">EVENTS EXECUTED</div>
        </div>

        <div class="v2-stat-dot">&#8226;</div>

        <div class="v2-stat-item">
            <div class="v2-stat-icon-wrap">
                <img src="/theme_aakriti_v2/static/src/img/home/counter/happy-clients.webp"
                     alt="Happy Clients"
                     width="50"
                     height="50"/>
            </div>
            <div class="v2-stat-number">1000+</div>
            <div class="v2-stat-label">HAPPY CLIENTS</div>
        </div>

        <div class="v2-stat-dot">&#8226;</div>

        <div class="v2-stat-item">
            <div class="v2-stat-icon-wrap">
                <img src="/theme_aakriti_v2/static/src/img/home/counter/expert-team.webp"
                     alt="Expert Team"
                     width="50"
                     height="50"/>
            </div>
            <div class="v2-stat-number">50+</div>
            <div class="v2-stat-label">EXPERT TEAM MEMBERS</div>
        </div>

        <div class="v2-stat-dot">&#8226;</div>

        <div class="v2-stat-item">
            <div class="v2-stat-icon-wrap">
                <img src="/theme_aakriti_v2/static/src/img/home/counter/client-satisfaction.webp"
                     alt="Client Satisfaction"
                     width="50"
                     height="50"/>
            </div>
            <div class="v2-stat-number">100%</div>
            <div class="v2-stat-label">CLIENT SATISFACTION</div>
        </div>

    </div>
</section>


                <!-- ═══════════════════════════════════════════
                     SECTION 8 — CTA + CONTACT FORM
                ═══════════════════════════════════════════ -->
                <section id="v2-cta-new">
                    <div class="v2-cta-new-inner">
                        <div class="v2-cta-col-text">
                            <div class="v2-section-header-group">
                                <span class="v2-eyebrow-num">06.</span>
                            </div>
                            <h2 class="v2-section-title">
                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">Ready To Create</span><br/>
                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">Something Incredible?</span>
                            </h2>
                            <div class="v2-hero-divider">
                                <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
                            </div>
                            <p>Let's make your next event an extraordinary experience that your guests will never forget.</p>
                        </div>
                        <div class="v2-cta-col-form">
                            <form action="/rental/request" method="get">
                                <div class="v2-form-row">
                                    <div class="v2-form-group-new">
                                        <input type="text" id="v2-fname" name="customer_name" placeholder="Your Name"/>
                                    </div>
                                    <div class="v2-form-group-new">
                                        <input type="tel" id="v2-phone" name="customer_phone" placeholder="Phone Number"/>
                                    </div>
                                </div>
                                <div class="v2-form-row">
                                    <div class="v2-form-group-new">
                                        <input type="email" id="v2-email" name="customer_email" placeholder="Email Address"/>
                                    </div>
                                    <div class="v2-form-group-new">
                                        <select id="v2-etype" name="event_type">
                                            <option value="">Event Type</option>
                                            <option value="wedding">Wedding</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="v2-form-row">
                                    <div class="v2-form-group-new">
                                        <input type="date" id="v2-date" name="event_date"/>
                                    </div>
                                    <div class="v2-form-group-new">
                                        <select id="v2-budget" name="budget">
                                            <option value="">Budget</option>
                                            <option value="low">Low</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="v2-form-group-new">
                                    <textarea id="v2-message" name="message" placeholder="Message"></textarea>
                                </div>
                                <button type="submit" class="v2-btn-gold v2-btn-submit-new">
                                    LET'S PLAN TOGETHER
                                    <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                                    </span>
                                </button>
                            </form>
                        </div>
                        <!-- <div class="v2-cta-col-image-info">
                            <div class="v2-cta-image-curve">
                                <img src="/theme_aakriti_v2/static/src/img/wedding.png" alt="Contact"/>
                            </div>
                            <div class="v2-cta-contact-info">
                                <div class="v2-contact-line">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.5 2 2 0 0 1 3.6 1.29h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.89-.89a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16z"/></svg>
                                    <span>+91 98765 43210</span>
                                </div>
                                <div class="v2-contact-line">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
                                    <span>hello@aakrithievents.com</span>
                                </div>
                                <div class="v2-contact-line">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
                                    <span>123, Celebration Avenue,<br/>Bangalore, India - 560001</span>
                                </div>
                                <div class="v2-contact-social">
                                    <span class="v2-eyebrow" style="font-size: 0.65rem;">FOLLOW US</span>
                                    <div class="v2-social-icons">
                                        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg></a>
                                        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/></svg></a>
                                        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"/></svg></a>
                                        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33 2.78 2.78 0 0 0 1.94 2c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.33 29 29 0 0 0-.46-5.33z"/><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"/></svg></a>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </section>

                <hr class="v2-divider"/>
            </div>
        </xpath>
    </template>


    <!-- ── 3. CATALOG PAGE OVERRIDE ───────────────────────────── -->
    <template id="v2_rental_catalog_inherit" inherit_id="event_rental.rental_catalog_template" name="V2 Rental Catalog" priority="500">
        <xpath expr="//div[@id='wrap']" position="replace">
            <div id="wrap" class="oe_structure oe_empty" style="background-color:#fdf6e3; font-family:'Jost',sans-serif; padding-top:96px;">
                <section style="max-width:1600px; margin:0 auto; padding:60px 32px 80px;">
                    <div style="margin-bottom:48px;">
                        <span class="v2-eyebrow" style="display:block; margin-bottom:12px;">Rental Collection</span>
                        <h1 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(2.5rem,5vw,4rem); font-weight:700; color:#1a1206; margin:0 0 16px; line-height:1.1;">Our Event Rental Products</h1>
                        <p style="color:#6b5e4e; font-size:0.95rem; max-width:560px; line-height:1.75; margin:0;">Browse our premium collection of event rental items to elevate your special occasion.</p>
                    </div>
                    <div class="row">
                        <div class="col-md-3 mb-4">
                            <div style="background:#ffffff; border:1px solid rgba(201,151,58,0.2); border-radius:12px; padding:20px; box-shadow:0 4px 20px rgba(30,18,8,0.06);">
                                <h5 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.2rem; font-weight:700; color:#1a1206; margin:0 0 16px; padding-bottom:12px; border-bottom:2px solid #C9973A;">Categories</h5>
                                <div style="display:flex; flex-direction:column; gap:4px;">
                                    <a t-att-href="'/rentals' + (search and ('?search=' + search) or '')"
                                       t-att-style="'display:block; padding:9px 12px; border-radius:6px; font-size:0.85rem; font-weight:600; text-decoration:none; transition:all 0.2s; ' + (not current_category and 'background:#1e1208; color:#ffffff;' or 'color:#1a1206;')">
                                        All Products
                                    </a>
                                    <t t-foreach="categories" t-as="cat">
                                        <a t-att-href="'/rentals?category=' + str(cat.id) + (search and ('&amp;search=' + search) or '')"
                                           t-att-style="'display:block; padding:9px 12px; border-radius:6px; font-size:0.85rem; font-weight:600; text-decoration:none; transition:all 0.2s; ' + (current_category == cat.id and 'background:#1e1208; color:#ffffff;' or 'color:#1a1206;')">
                                            <span t-field="cat.name"/>
                                        </a>
                                    </t>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-9">
                            <div style="margin-bottom:24px;">
                                <form action="/rentals" method="get" style="display:flex; gap:12px;">
                                    <input type="hidden" name="category" t-att-value="current_category" t-if="current_category"/>
                                    <input type="text" name="search" class="form-control" placeholder="Search rental products…" t-att-value="search" style="border:1.5px solid rgba(201,151,58,0.3); border-radius:8px; padding:10px 16px; font-family:'Jost',sans-serif;"/>
                                    <button type="submit" style="background:#C9973A; color:#fff; border:none; border-radius:8px; padding:10px 24px; font-weight:700; font-size:0.85rem; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; white-space:nowrap;">Search</button>
                                </form>
                            </div>
                            <div t-if="not products" style="text-align:center; padding:80px 20px; background:#ffffff; border-radius:12px; border:1px solid rgba(201,151,58,0.2);">
                                <h3 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.8rem; color:#1a1206; margin:0 0 8px;">No Products Found</h3>
                                <p style="color:#6b5e4e; font-size:0.9rem;">We couldn't find any rental products matching your filters.</p>
                                <a href="/rentals" style="display:inline-block; margin-top:16px; color:#C9973A; font-weight:600; text-decoration:underline; font-size:0.9rem;">Clear Filters</a>
                            </div>
                            <div class="row" t-if="products">
                                <t t-foreach="products" t-as="product">
                                    <div class="col-md-4 col-sm-6 mb-4">
                                        <div style="background:#ffffff; border:1px solid rgba(201,151,58,0.15); border-radius:12px; overflow:hidden; box-shadow:0 4px 20px rgba(30,18,8,0.06); transition:transform 0.3s ease, box-shadow 0.3s ease; height:100%; display:flex; flex-direction:column;">
                                            <div style="height:200px; overflow:hidden; background:#f5ead0; position:relative;">
                                                <img t-if="product.image_1920" t-att-src="image_data_uri(product.image_1920)" style="width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;" loading="lazy"/>
                                                <div t-else="" style="display:flex; align-items:center; justify-content:center; height:100%; color:#C9973A; font-size:3rem;">🎪</div>
                                            </div>
                                            <div style="padding:20px; display:flex; flex-direction:column; flex:1;">
                                                <h3 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.2rem; font-weight:700; color:#1a1206; margin:0 0 8px;" t-field="product.name"/>
                                                <p style="font-size:0.82rem; color:#6b5e4e; line-height:1.65; flex:1; margin:0 0 16px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;" t-field="product.description_sale"/>
                                                <div style="display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid rgba(201,151,58,0.15);">
                                                    <div>
                                                        <span style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.3rem; font-weight:700; color:#1e1208;" t-field="product.rental_price_per_day" t-options="{'widget': 'monetary', 'display_currency': res_company.currency_id}"/>
                                                        <span style="font-size:0.72rem; color:#6b5e4e; display:block;">/ day</span>
                                                    </div>
                                                    <a t-att-href="'/rentals/%s' % slug(product)" style="background:#1e1208; color:#ffffff; font-size:0.75rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:8px 16px; border-radius:6px; text-decoration:none; transition:background 0.2s;">View Details</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </t>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </xpath>
    </template>


    <!-- ── 4. ABOUT US PAGE ───────────────────────────────────── -->
    <template id="v2_aboutus" inherit_id="website.aboutus" name="V2 About Us" active="True" priority="500">
        <xpath expr="//div[@id='wrap']" position="replace">
            <div id="wrap" class="oe_structure oe_empty" style="background-color:#ffffff; font-family:'Jost',sans-serif;">
                <!-- Inner Banner -->
                <section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/inner-banner/2.webp');">
                    <div class="v2-inner-banner-content">
                        <h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">About Us</h1>
                        <div class="v2-inner-banner-breadcrumb">
                            <a href="/">Home</a> / <span class="v2-active">About Us</span>
                        </div>
                    </div>
                </section>
                <style>
                    .v2-about-section {
                        max-width: 1320px;
                        margin: 0 auto;
                        padding: 80px 24px;
                    }
                    .v2-story-grid {
                        display: grid;
                        gap: 60px;
                        align-items: center;
                        grid-template-columns: 1fr;
                    }
                    @media (min-width: 992px) {
                        .v2-story-grid {
                            grid-template-columns: 1fr 1fr;
                        }
                    }
                    .v2-about-label {
                        font-size: 0.75rem;
                        font-weight: 700;
                        color: #C9973A;
                        text-transform: uppercase;
                        letter-spacing: 0.15em;
                        display: flex;
                        align-items: center;
                        gap: 16px;
                        margin-bottom: 16px;
                    }
                    .v2-about-label::after, .v2-about-label.center::before {
                        content: "";
                        height: 1px;
                        background-color: #C9973A;
                        flex: 1;
                        max-width: 40px;
                    }
                    .v2-about-title {
                        font-family: 'Cormorant Garamond', Georgia, serif;
                        font-size: clamp(2.5rem, 4vw, 3.5rem);
                        color: #1a1206;
                        line-height: 1.1;
                        margin-bottom: 24px;
                        font-weight: 600;
                    }
                    .v2-about-title span.gold {
                        color: #C9973A;
                    }
                    .v2-about-text {
                        color: #666;
                        font-size: 0.95rem;
                        line-height: 1.8;
                        margin-bottom: 16px;
                    }
                    .v2-btn-gold-solid {
                        background-color: #C9973A;
                        color: white;
                        padding: 12px 24px;
                        border-radius: 4px;
                        text-decoration: none;
                        font-weight: 600;
                        font-size: 0.85rem;
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        transition: all 0.3s ease;
                        text-transform: uppercase;
                        letter-spacing: 0.05em;
                        border: none;
                    }
                    .v2-btn-gold-solid:hover {
                        background-color: #b5852f;
                        color: white;
                    }
                    .v2-features-grid-about {
                        display: grid;
                        gap: 20px;
                        grid-template-columns: 1fr;
                    }
                    @media (min-width: 768px) {
                        .v2-features-grid-about {
                            grid-template-columns: repeat(3, 1fr);
                        }
                    }
                    @media (min-width: 1024px) {
                        .v2-features-grid-about {
                            grid-template-columns: repeat(6, 1fr);
                        }
                    }
                    .v2-feature-card {
                        border: 1px solid #f0e6d2;
                        border-radius: 12px;
                        padding: 32px 16px;
                        text-align: center;
                        background: #ffffff;
                        transition: transform 0.3s ease, box-shadow 0.3s ease;
                        height: 100%;
                    }
                    .v2-feature-card:hover {
                        transform: translateY(-5px);
                        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
                        border-color: #C9973A;
                    }
                    .v2-feature-icon-new {
                        color: #C9973A;
                        margin-bottom: 20px;
                        display: flex;
                        justify-content: center;
                    }
                    .v2-feature-icon-new svg {
                        width: 36px;
                        height: 36px;
                    }
                    .v2-feature-card h4 {
                        font-family: 'Jost', sans-serif;
                        font-size: 1rem;
                        font-weight: 600;
                        color: #1a1206;
                        margin-bottom: 12px;
                        line-height: 1.3;
                    }
                    .v2-feature-card p {
                        font-size: 0.85rem;
                        color: #666;
                        line-height: 1.6;
                        margin: 0;
                    }
                    .v2-founder-section {
                        background-color: #fdf9f1;
                        padding: 80px 24px;
                    }
                    .v2-founder-grid {
                        max-width: 1320px;
                        margin: 0 auto;
                        display: grid;
                        gap: 40px;
                        grid-template-columns: 1fr;
                        align-items: center;
                    }
                    @media (min-width: 992px) {
                        .v2-founder-grid {
                            grid-template-columns: 1fr 1.2fr 1fr;
                        }
                    }
                    .v2-founder-img {
                        width: 100%;
                        border-radius: 12px;
                        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
                        object-fit: cover;
                    }
                    .v2-founder-quote-card {
                        background: #ffffff;
                        border-radius: 12px;
                        padding: 40px 32px;
                        box-shadow: 0 15px 40px rgba(0,0,0,0.04);
                        position: relative;
                        overflow: hidden;
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                    }
                    .v2-quote-icon {
                        font-size: 4rem;
                        color: #C9973A;
                        font-family: Georgia, serif;
                        line-height: 0.6;
                        margin-bottom: 16px;
                    }
                    .v2-quote-text {
                        font-size: 0.95rem;
                        color: #666;
                        line-height: 1.7;
                        margin-bottom: 24px;
                    }
                    .v2-quote-author {
                        font-family: 'Cormorant Garamond', serif;
                        font-size: 1.8rem;
                        font-style: italic;
                        color: #1a1206;
                        font-weight: 600;
                    }
                    .v2-flower-deco {
                        position: absolute;
                        bottom: -15px;
                        right: -15px;
                        width: 120px;
                        opacity: 0.5;
                        pointer-events: none;
                    }
                    .v2-cta-banner {
                        position: relative;
                        padding: 100px 24px;
                        text-align: center;
                        background-image: url('/theme_aakriti_v2/static/src/img/about/cta.webp');
                        background-size: cover;
                        background-position: center;
                        <!-- background-attachment: fixed; -->
                    }
                    .v2-cta-banner::before {
                        content: '';
                        position: absolute;
                        top: 0; left: 0; right: 0; bottom: 0;
                        <!-- background: linear-gradient(to right, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.98) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.98) 75%, rgba(255,255,255,0.2) 100%); -->
                    }
                    .v2-cta-banner-content {
                        position: relative;
                        max-width: 800px;
                        margin: 0 auto;
                        z-index: 1;
                    }
                    .v2-cta-banner-title {
                        font-family: 'Cormorant Garamond', Georgia, serif;
                        font-size: clamp(2.5rem, 4vw, 3.5rem);
                        color: #1a1206;
                        margin-bottom: 16px;
                        line-height: 1.1;
                        font-weight: 600;
                    }
                    .v2-cta-banner-text {
                        color: #666;
                        font-size: 1.05rem;
                        line-height: 1.6;
                        margin-bottom: 32px;
                        max-width: 600px;
                        margin-left: auto;
                        margin-right: auto;
                    }
                </style>

                <!-- SECTION 1: OUR STORY -->
                <section class="v2-about-section">
                    <div class="v2-story-grid">
                        <!-- Images Left -->
                        <div style="display: grid; gap: 16px;">
                            <img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-top.webp" alt="Event setup" style="width: 100%; height: 320px; object-fit: cover; border-radius: 12px;"/>
                            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
                                <img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-left.webp" alt="Event details" style="width: 100%; height: 220px; object-fit: cover; border-radius: 12px;"/>
                                <img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-right.webp" alt="Event setup" style="width: 100%; height: 220px; object-fit: cover; border-radius: 12px;"/>
                            </div>
                        </div>
                        
                        <!-- Content Right -->
                        <div style="padding-right: 20px;">
                            <div class="v2-about-label">OUR STORY</div>
                            <h2 class="v2-about-title">Events Made<br/><span class="gold">With Purpose</span></h2>
                            
                            <!-- Small decorative divider line -->
                            <div style="display:flex; align-items:center; gap:8px; margin-bottom:24px; color:#C9973A;">
                                <div style="width:5px; height:5px; background:#C9973A; transform:rotate(45deg);"></div>
                                <div style="height:1px; width:60px; background:#C9973A;"></div>
                                <div style="width:5px; height:5px; background:#C9973A; transform:rotate(45deg);"></div>
                            </div>

                            <p class="v2-about-text">Custom event decor and wedding design created with meaning, intention, and cultural understanding.</p>
                            <p class="v2-about-text">Aakriti Design specializes in creating environments that reflect your story, your culture, and the experience you want every guest to remember.</p>
                            <p class="v2-about-text">Every celebration carries emotion, movement, and energy. We believe beautiful events are designed not only to look extraordinary but to feel effortless.</p>
                            <p class="v2-about-text">From intimate gatherings to large multicultural weddings, our approach blends creativity with flawless execution.</p>
                            
                            <div style="margin-top: 36px;">
                                <a href="/rental/request" class="v2-btn-gold-solid">
                                    LET'S CREATE TOGETHER
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- SECTION 2: WHAT MAKES US DIFFERENT -->
                <section class="v2-about-section" style="padding-top: 40px; padding-bottom: 120px;">
    <div style="text-align: center; margin-bottom: 60px;">
        <div class="v2-about-label center" style="justify-content: center;">WHAT MAKES US DIFFERENT</div>
        <h2 class="v2-about-title">The Aakriti Difference</h2>
    </div>

    <div class="v2-features-grid-about">

        <!-- Card 1 -->
        <div class="v2-feature-card">
            <div class="v2-feature-icon-new">
                <img src="/theme_aakriti_v2/static/src/img/about/icons/fusion-weddings.webp"
                     alt="Fusion Weddings"
                     width="40"
                     height="40"/>
            </div>
            <h4>Fusion Weddings</h4>
            <p>Blending traditions beautifully while respecting every culture.</p>
        </div>

        <!-- Card 2 -->
        <div class="v2-feature-card">
            <div class="v2-feature-icon-new">
                <img src="/theme_aakriti_v2/static/src/img/about/icons/intentional-design.webp"
                     alt="Intentional Design"
                     width="40"
                     height="40"/>
            </div>
            <h4>Intentional Design</h4>
            <p>Every space is planned around guest experience and flow.</p>
        </div>

        <!-- Card 3 -->
        <div class="v2-feature-card">
            <div class="v2-feature-icon-new">
                <img src="/theme_aakriti_v2/static/src/img/about/icons/creative-styling.webp"
                     alt="Creative Styling"
                     width="40"
                     height="40"/>
            </div>
            <h4>Creative Styling</h4>
            <p>Every celebration is designed from the ground up.</p>
        </div>

        <!-- Card 4 -->
        <div class="v2-feature-card">
            <div class="v2-feature-icon-new">
                <img src="/theme_aakriti_v2/static/src/img/about/icons/execution-expertise.webp"
                     alt="Execution Expertise"
                     width="40"
                     height="40"/>
            </div>
            <h4>Execution Expertise</h4>
            <p>Over a decade of practical planning experience.</p>
        </div>

        <!-- Card 5 -->
        <div class="v2-feature-card">
            <div class="v2-feature-icon-new">
                <img src="/theme_aakriti_v2/static/src/img/about/icons/personalized-service.webp"
                     alt="Personalized Service"
                     width="40"
                     height="40"/>
            </div>
            <h4>Personalized Service</h4>
            <p>No templates. Every design is uniquely yours.</p>
        </div>

        <!-- Card 6 -->
        <div class="v2-feature-card">
            <div class="v2-feature-icon-new">
                <img src="/theme_aakriti_v2/static/src/img/about/icons/stress-free-process.webp"
                     alt="Stress-Free Process"
                     width="40"
                     height="40"/>
            </div>
            <h4>Stress-Free Process</h4>
            <p>Calm guidance from concept to celebration.</p>
        </div>

    </div>
</section>

                <!-- SECTION 3: MEET THE FOUNDER -->
                <section class="v2-founder-section">
                    <div class="v2-founder-grid">
                        <!-- Left: Image -->
                        <div>
                            <img src="/theme_aakriti_v2/static/src/img/about/meet-the-founder.webp" alt="Founder" class="v2-founder-img" style="aspect-ratio: 4/5;"/>
                        </div>
                        
                        <!-- Middle: Content -->
                        <div>
                            <div class="v2-about-label">MEET THE FOUNDER</div>
                            <h2 class="v2-about-title" style="margin-bottom: 16px;">Meet The Creative<br/>Behind <span class="gold">Aakriti</span></h2>
                            
                            <div style="margin-bottom: 16px;">
                                <h4 style="font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; color: #C9973A; font-weight: 600; margin: 0;">Paarul Ladd</h4>
                                <p style="font-size: 0.85rem; color: #666; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; margin: 4px 0 0;">Founder &amp; Creative Director</p>
                            </div>
                            
                            <p class="v2-about-text">With over 10 years of experience in event decor, space planning, and multicultural celebrations, Paarul brings together creativity, precision, and calm leadership.</p>
                            <p class="v2-about-text">Her passion is creating spaces that feel beautiful, intentional, and deeply personal.</p>
                            
                            <div style="margin-top: 32px;">
                                <a href="/contactus" class="v2-btn-gold-solid">
                                    READ HER STORY
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                                </a>
                            </div>
                        </div>

                        <!-- Right: Quote Card -->
                        <div class="v2-founder-quote-card">
    <div class="v2-quote-icon">“</div>

    <p class="v2-quote-text">
        At Aakriti Design, we don't just design events—we create experiences that you and your guests will cherish forever.
    </p>

    <div class="v2-quote-author">Paarul Ladd</div>

    <!-- Flower Decoration Image -->
    <img class="v2-flower-deco"
         src="/theme_aakriti_v2/static/src/img/about/meet-the-founder-flower.webp"
         alt="Flower Decoration"
         width="120"
         height="120"/>
</div>
                    </div>
                </section>

                <!-- SECTION 4: CTA BANNER -->
                <section class="v2-cta-banner">
                    <div class="v2-cta-banner-content">
                        <h2 class="v2-cta-banner-title">Let's Create Something<br/><span style="color:#C9973A;">Beautiful</span> Together</h2>
                        <p class="v2-cta-banner-text">Whether you're planning an intimate celebration or a grand wedding, we'll bring your vision to life.</p>
                        <a href="/contactus" class="v2-btn-gold-solid" style="display:inline-flex; align-items:center; gap:8px;">
                            BOOK A CONSULTATION
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                        </a>
                    </div>
                </section>
            </div>
        </xpath>
    </template>


    <!-- ── 5. CONTACT US PAGE ─────────────────────────────────── -->
    <template id="v2_contactus" inherit_id="website.contactus" name="V2 Contact Us" active="True" priority="500">
        <xpath expr="//div[@id='wrap']" position="replace">
            <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/3.webp');">
                    <div class="v2-inner-banner-content">
                        <h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">Contact Us</h1>
                        <div class="v2-inner-banner-breadcrumb">
                            <a href="/">Home</a> / <span class="v2-active">Contact</span>
                        </div>
                    </div>
                </section>
                <div class="v2-contact-page">
                    <!-- Top section -->
                    <div class="v2-contact-hero-grid">
                        <div class="v2-contact-hero-left">
                            <span class="v2-eyebrow-text" style="color: #c9973a; font-weight: 600; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 2px;">GET IN TOUCH</span>
                            <h1 class="v2-contact-title">
                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">LET'S CREATE</span><br/>
                                <span class="v2-gold-text" style="font-family: var(--v2-font-display);">SOMETHING</span><br/>
                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">INCREDIBLE TOGETHER</span>
                            </h1>
                            <div class="v2-hero-divider" style="margin-left: 0; margin-bottom: 25px;">
                                <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 150px; display: block;"/>
                            </div>
                            <p class="v2-contact-desc">
                                Have a question or ready to start planning your<br/>event? We'd love to hear from you.
                            </p>
                            <div class="v2-contact-details">
                                <!-- <div class="v2-contact-item">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6.5-6.5A19.79 19.79 0 0 1 1.08 4.18 2 2 0 0 1 3.06 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.89-.89a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16z"></path></svg>
                                    <span>+91 98765 43210</span>
                                </div> -->
                                <div class="v2-contact-item">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-10 6L2 7"></path></svg>
                                    <span>hello@aakritievents.com</span>
                                </div>
                                <!-- <div class="v2-contact-item">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
                                    <span>123 Celebration Avenue,<br/>Bangalore, India - 560001</span>
                                </div> -->
                            </div>
                        </div>
                        
                        <div class="v2-contact-hero-right">
                            <div class="v2-contact-form-card">
                                <h3 class="v2-form-title">SEND US A MESSAGE</h3>
                                <form action="/website/form/crm.lead" method="post" data-model_name="crm.lead" data-success_page="/contactus-thank-you" class="s_website_form">
                                    <div class="v2-form-grid">
                                        <div class="v2-form-group">
                                            <input type="text" name="contact_name" class="v2-form-input" placeholder="Your Name" required="1"/>
                                        </div>
                                        <div class="v2-form-group">
                                            <input type="tel" name="phone" class="v2-form-input" placeholder="Phone Number"/>
                                        </div>
                                        <div class="v2-form-group">
                                            <input type="email" name="email_from" class="v2-form-input" placeholder="Email Address" required="1"/>
                                        </div>
                                        <div class="v2-form-group" style="position:relative;">
                                            <select name="event_type" class="v2-form-select">
                                                <option value="" disabled="1" selected="1">Event Type</option>
                                                <option value="Wedding">Wedding</option>
                                                <option value="Corporate">Corporate</option>
                                                <option value="Birthday">Birthday</option>
                                                <option value="Other">Other</option>
                                            </select>
                                            <div class="v2-select-arrow">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m6 9 6 6 6-6"/></svg>
                                            </div>
                                        </div>
                                        <div class="v2-form-group" style="position:relative;">
                                            <select name="budget" class="v2-form-select">
                                                <option value="" disabled="1" selected="1">Budget</option>
                                                <option value="Under 5L">Under 5L</option>
                                                <option value="5L - 10L">5L - 10L</option>
                                                <option value="10L+">10L+</option>
                                            </select>
                                            <div class="v2-select-arrow">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m6 9 6 6 6-6"/></svg>
                                            </div>
                                        </div>
                                        <div class="v2-form-group" style="position:relative;">
                                            <input type="text" name="event_date" class="v2-form-input" placeholder="Event Date" onfocus="(this.type='date')" onblur="if(!this.value)this.type='text'"/>
                                        </div>
                                        <div class="v2-form-group v2-form-full-width">
                                            <textarea name="description" class="v2-form-textarea" placeholder="Message" rows="5"></textarea>
                                        </div>
                                        <div class="v2-form-group v2-form-full-width">
                                            <button type="submit" class="v2-btn-gold" style="display:inline-flex; align-items:center; font-size: 0.75rem; padding: 12px 10px; text-transform: uppercase; border-radius: 4px; border: none; cursor: pointer;">
                                                LET'S PLAN TOGETHER
                                                <span style="display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </xpath>
    </template>

</odoo>
