<?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;family=Great+Vibes&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/aakriti-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">Rentals</a>
                    <a href="/services">Services</a>
                    <a href="/portfolio">Portfolio</a>
                    <a href="/blog">Blog</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/aakriti-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">Rentals</a>
                        <a href="/services">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/aakriti-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">Rentals</a></li>
                <li><a href="/services">Services</a></li>
                <li><a href="/portfolio">Portfolio</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>

                    <a href="mailto:info@aakritidesign.com" style="color: inherit; text-decoration: none;">info@aakritidesign.com</a>
                </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">
                    <style>
                        .v2-footer-social {
                            display: flex;
                            gap: 10px;
                            margin-top: 20px;
                            flex-wrap: wrap;
                        }
                        .v2-social-link {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: 38px;
                            height: 38px;
                            border-radius: 50%;
                            background: rgba(255,255,255,0.08);
                            border: 1px solid rgba(255,255,255,0.15);
                            transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
                            color: #fff;
                            text-decoration: none;
                        }
                        .v2-social-link:hover {
                            background: #C9973A;
                            border-color: #C9973A;
                            transform: translateY(-3px);
                        }
                        .v2-social-link svg {
                            display: block;
                        }
                    </style>

                    <!-- Facebook -->
                    <a href="#" class="v2-social-link" aria-label="Facebook">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/>
                        </svg>
                    </a>

                 <!-- Instagram -->
                    <a href="https://www.instagram.com/your_username/"
                    class="v2-social-link"
                    aria-label="Instagram"
                    target="_blank"
                    rel="noopener noreferrer">

                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/>
                        </svg>

                    </a>

                    <!-- Twitter / X -->
                    <a href="#" class="v2-social-link" aria-label="Twitter / X">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
                        </svg>
                    </a>

                    <!-- LinkedIn -->
                    <a href="#" class="v2-social-link" aria-label="LinkedIn">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/>
                            <rect width="4" height="12" x="2" y="9"/>
                            <circle cx="4" cy="4" r="2"/>
                        </svg>
                    </a>
                </div>
            </div>

        </div>

    </div>

    <div class="v2-footer-bottom">
        ©<span id="v2-footer-year">2024</span>
        Aakriti 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">
                            Aakriti 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 1.5 — ABOUT US (OUR STORY)
                ═══════════════════════════════════════════ -->
                <section id="v2-home-about" style="padding: 60px 0; background-color: var(--v2-cream); overflow: hidden; position: relative;">
                    <style>
                        .v2-about-wrapper {
                            max-width: 1600px;
                            margin: 0 auto;
                            <!-- padding: 0 32px; -->
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            gap: 20px;
                            flex-wrap: wrap;
                        }
                        .v2-about-text {
                            flex: 1;
                            min-width: 300px;
                            padding: 0 20px;
                            text-align: center;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                        }
                        .v2-about-eyebrow {
                            font-family: 'Great Vibes', cursive;
                            color: var(--v2-gold);
                            font-size: 2.5rem;
                            margin-bottom: 10px;
                            line-height: 1;
                        }
                        .v2-about-title {
                            font-family: var(--v2-font-display);
                            font-size: clamp(2.5rem, 4vw, 3.8rem);
                            color: var(--v2-dark);
                            line-height: 1.15;
                            margin-bottom: 20px;
                            font-weight: 600;
                        }
                        .v2-about-desc {
                            color: var(--v2-text);
                            font-size: 1.1rem;
                            line-height: 1.8;
                            margin-bottom: 40px;
                            max-width: 90%;
                        }
                        .v2-about-images {
                            <!-- flex: 0 0 790px; -->
                            max-width: 100%;
                            display: flex;
                            justify-content: flex-end;
                            align-items: center;
                        }
                        .v2-about-img-single {
                            width: 790px;
                            max-width: 100%;
                            height: auto;
                            display: block;
                        }
                        .v2-about-btn {
                            display: inline-flex;
                            align-items: center;
                            gap: 10px;
                            color: var(--v2-gold);
                            font-size: 0.85rem;
                            font-weight: 600;
                            letter-spacing: 2px;
                            text-transform: uppercase;
                            text-decoration: none;
                            border: 1px solid var(--v2-gold);
                            padding: 14px 28px;
                            border-radius: 4px;
                            transition: all 0.3s ease;
                        }
                        .v2-about-btn:hover {
                            background-color: var(--v2-gold);
                            color: #fff;
                        }
                        .v2-about-btn svg {
                            transition: transform 0.3s ease;
                        }
                        .v2-about-btn:hover svg {
                            transform: translateX(4px);
                        }
                        @media (max-width: 991px) {
                            .v2-about-wrapper { flex-direction: column-reverse; gap: 40px; }
                        }
                    </style>
                    <div class="v2-about-wrapper">
                                            <div class="v2-about-images v2-reveal v2-reveal-delay-1">
                            <img src="/theme_aakriti_v2/static/src/img/home/about-us.png" alt="Our Story" class="v2-about-img-single"/>
                        </div>
                        <div class="v2-about-text v2-reveal">
                            <div class="v2-about-eyebrow">Our Story</div>
                            <h2 class="v2-about-title">From a Dream<br/>to Beautiful<br/>Realities</h2>
                            <div style="margin-bottom: 25px; width: 100%; display: flex; justify-content: center;">
                                <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Divider" style="max-width: 200px; height: auto;" />
                            </div>
                            <p class="v2-about-desc">
                                Aakriti Design was born from a love for celebrations and a passion for creating unforgettable experiences. What started as a small idea has grown into a creative studio trusted by clients for life's most special moments.
                            </p>
                            <a href="/aboutus" class="v2-about-btn">
                                OUR JOURNEY 
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 16 16 12 12 8"/><line x1="8" x2="16" y1="12" y2="12"/></svg>
                            </a>
                        </div>
                    </div>
                </section>
                <!-- <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:;">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 5.5 — CTA
                ═══════════════════════════════════════════ -->
                <section id="v2-cta" class="v2-reveal">
                    <div class="v2-cta-inner">
                        <h2 class="v2-cta-title" style="font-family: var(--v2-font-display);">Where Flowers Tell Your Story</h2>
                        <p class="v2-cta-subtitle">Flowers for Every Chapter — Celebrate, Comfort, and<br/>Connect with the Perfect Blooms. Let's Create Something<br/>Meaningful Together.</p>
                        <a href="/contactus" class="v2-btn-cta">Book a consult</a>
                    </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">Aakriti 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@Aakritievents.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;
                    }

                    .v2-story-images { order: 2; }
                    .v2-story-content { order: 1; }

                    /* Responsive spacing adjustments for mobile and tablet */
                    @media (max-width: 991.98px) {
                        .v2-about-section, .v2-founder-section {
                            padding: 48px 20px !important;
                        }
                        .v2-cta-banner {
                            padding: 64px 20px !important;
                        }
                        .v2-story-grid, .v2-founder-grid {
                            gap: 32px;
                        }
                    }

                    @media (min-width: 992px) {
                        .v2-story-images { order: 1; }
                        .v2-story-content { order: 2; }
                    }
                </style>

                <!-- SECTION 1: OUR STORY -->
                <section class="v2-about-section">
                    <div class="v2-story-grid">
                        <!-- Images Left -->
                        <div class="v2-story-images" style="display: grid; gap: 16px;">
                            <!-- <img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Event setup" style="width: 100%; height: 320px; object-fit: cover; border-radius: 12px;"/> -->
                        <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>
                        </div>
                        <!-- Content Right -->
                        <div class="v2-story-content" 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>
                                    <a href="mailto:info@aakritidesign.com" style="color: inherit; text-decoration: none;">info@aakritidesign.com</a>
                                </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>

    <!-- ── 6. SERVICES PAGE ───────────────────────────────────── -->
    <template id="v2_services_template" name="Services">
        <t t-call="website.layout">
            <div id="wrap" class="oe_structure oe_empty" style="background-color:#faf8f5; font-family:'Jost',sans-serif;">
                
                <!-- Inner Banner -->
                <section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/inner-banner/service-banner.png');">
                    <div class="v2-inner-banner-content">
                        <h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">Our Services</h1>
                        <div class="v2-inner-banner-breadcrumb">
                            <a href="/">Home</a> / <span class="v2-active">Services</span>
                        </div>
                    </div>
                </section>

                <!-- ═══════════════════════════════════════════════
                     SECTION 1 — EVENT THEMES & DECOR (Accordion + Image)
                ═══════════════════════════════════════════════ -->
                <section class="svc-themes-section">
                    <div class="svc-themes-wrap">

                        <!-- LEFT: Accordion -->
                        <div class="svc-themes-left">
                            <span class="svc-eyebrow">EXPLORE OUR THEMES</span>
                            <h2 class="svc-themes-title" style="font-family:var(--v2-font-display);">Event Themes<br/>&amp; Decor</h2>
                            <p class="svc-themes-intro">Every event deserves a story. Explore our curated themes and let us bring your vision to life with stunning Decor, florals, and design that leave lasting impressions.</p>

                            <div class="svc-accordion" id="svcThemesAccordion">

                                <!-- Bohemian -->
                                <div class="svc-acc-item active" data-img="/theme_aakriti_v2/static/src/img/services/theme/Bohemian.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">Bohemian</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p><strong>Bohemian Event Decor</strong></p>
                                        <p>Creating a bohemian-inspired event is all about embracing a relaxed yet artistic aesthetic, showcasing creativity, and incorporating natural elements. Below are key elements and ideas to consider when designing your bohemian event Decor.</p>
                                        <p><strong>1. Natural Textures:</strong> Utilise a variety of textures to bring depth and interest to your space. Consider using organic materials such as wood, wicker, and linen. Throw rugs and macramé hangings can add warmth and a touch of boho flair.</p>
                                        <p><strong>2. Earthy Colour Palette:</strong> Opt for a colour scheme that reflects nature, such as muted tones of greens, browns, and soft pastels. Layer these colours in your textiles, flowers, and table settings to create a harmonious look.</p>
                                        <p><strong>3. Layered Textiles:</strong> Incorporate a mix of fabrics, such as flowing drapes, patterned cushions, and eclectic blankets. Drape fabric from ceilings or use it to create canopies over seating areas, fostering an inviting atmosphere.</p>
                                        <p><strong>4. Wildflower Arrangements:</strong> Choose loose, wildflower floral arrangements for centrepieces and other displays. Seasonal blooms and foraged greenery can enhance the natural vibe, making each display unique.</p>
                                        <p><strong>5. Vintage Furnishings:</strong> Source vintage or antique furniture pieces to create an effortlessly chic setting. Low tables, poufs, and floor cushions along with a mix of old and new items can help set the tone.</p>
                                        <p><strong>6. Ambient Lighting:</strong> Use soft, warm lighting to create a magical ambiance. String lights, candles, and lanterns can illuminate your space beautifully, especially during evening events. Consider using fairy lights intertwined with greenery for added charm.</p>
                                        <p><strong>7. Artistic Touches:</strong> Encourage artistic expression in your Decor. Incorporate handmade elements, like painted signs or DIY decorations, that reflect personal touches and foster a creative atmosphere.</p>
                                        <p><strong>8. Nature-Inspired Elements:</strong> Bring the outside in by using elements such as stones, feathers, and wood in your Decor. These natural details can connect your event with nature and reinforce the bohemian ethos.</p>
                                        <p><strong>9. Unique Seating Arrangements:</strong> Move away from traditional seating models. Use a mix of benches, pouffs, and floor cushions arranged in circles or casual clusters to encourage social interaction and a relaxed vibe.</p>
                                        <p><strong>10. Personalisation:</strong> Finally, add personal touches that reflect the host's personality and story. Incorporate items that hold sentimental value, such as family heirlooms or travel souvenirs, to create a warm and inviting atmosphere.</p>
                                        <p>By focusing on these elements, your bohemian event Decor will not only captivate guests but will also create an unforgettable experience that feels organic and true to the bohemian spirit.</p>
                                    </div>
                                </div>

                                <!-- Elegance -->
                                <div class="svc-acc-item" data-img="/theme_aakriti_v2/static/src/img/services/theme/Elegance.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">Elegance</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p><strong>Elegant Event Decor</strong></p>
                                        <p>Creating an ambiance of elegance for your event requires careful consideration of various elements that not only enhance the aesthetic appeal but also create a memorable experience for guests. Here are some key components to consider when planning elegant event Decor:</p>
                                        <p><strong>Colour Palette:</strong> Choose a sophisticated colour palette that complements the theme of your event. Soft neutrals, muted pastels, and rich jewel tones can convey elegance. Incorporating metallics, such as gold or silver, can add a touch of luxury.</p>
                                        <p><strong>Centrepieces:</strong> The centrepiece is often the focal point of each table. Opt for tall floral arrangements featuring exquisite blossoms like orchids, hydrangeas, or peonies, arranged in elegant vases. For a more minimalist approach, consider using simple candle arrangements with tasteful accents of greenery.</p>
                                        <p><strong>Table Settings:</strong> Use fine table linens, such as satin or brocade, to create an upscale look. Layer your table settings with exquisite china, crystal glassware, and polished cutlery. Adding personalised place cards can elevate the experience for each guest.</p>
                                        <p><strong>Lighting:</strong> Lighting is crucial in setting the mood. Utilize a combination of soft uplighting, chandeliers, or fairy lights to create a warm and inviting atmosphere. Dimmed lights during the evening enhance the elegance of the decor while highlighting key features of the event space.</p>
                                        <p><strong>Floral Arrangements:</strong> Incorporate lush floral arrangements throughout the venue. Use a mix of seasonal flowers with varying heights to create visual interest. Elegant greenery can serve as a beautiful contrast and add depth to the arrangements.</p>
                                        <p><strong>Styling Spaces:</strong> Consider designated areas for guests to relax and mingle, furnished with stylish lounge seating. Use elegant draping, stylish furniture, and decorative accessories that reflect the overall theme to enhance these spaces.</p>
                                        <p><strong>Final Touches:</strong> Small details can make a big impact. Incorporate elements such as bespoke signage, beautifully wrapped favours, or custom lighting to bring the overall decor together seamlessly.</p>
                                        <p>By thoughtfully combining these components, you can achieve an elegant atmosphere that leaves a lasting impression on your guests, ensuring your event is both refined and memorable.</p>
                                    </div>
                                </div>

                                <!-- Fairy Tale -->
                                <div class="svc-acc-item" data-img="/theme_aakriti_v2/static/src/img/services/theme/Fairy-Tale.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">Fairy Tale</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p><strong>Fairy Tale Event Decor</strong></p>
                                        <p>Transform your special occasion into a whimsical fairy tale with exquisite decor that evokes magic and romance. At Wedding Dream Decor &amp; Flowers, we believe every event deserves an enchanting atmosphere that tells a story. Here are key elements to consider for a fairy tale-themed decor:</p>
                                        <p><strong>1. Venue Selection:</strong> Choose a venue that embodies the charm of a fairy tale, such as a castle, lush garden, or a grand ballroom. The setting itself should evoke a sense of wonder, enhancing the overall theme of your event.</p>
                                        <p><strong>2. Colour Palette:</strong> Opt for soft, ethereal colours like blush pink, lavender, gold, and ivory. These shades can create a dreamy ambiance. Accentuate with pops of deeper hues like royal blue or emerald green for added depth and sophistication.</p>
                                        <p><strong>3. Floral Arrangements:</strong> Incorporate lush floral arrangements that include peonies, roses, and delicate greenery. Consider cascading floral designs for centerpieces or statement installations that create a whimsical focal point. Add elements like fairy lights intertwined with the florals to enhance the magical feel.</p>
                                        <p><strong>4. Lighting:</strong> Create an enchanting atmosphere with soft, warm lighting. Use chandeliers, fairy lights, and lanterns to illuminate your space. Uplighting can also be effective in highlighting architectural features and creating a romantic glow.</p>
                                        <p><strong>5. Table Settings:</strong> Select elegant tableware that reflects a fairy tale aesthetic. Consider using vintage-inspired plates, crystal glassware, and ornate cutlery. Accentuate each place setting with personalised name cards and small tokens for your guests.</p>
                                        <p><strong>6. Thematic Elements:</strong> Incorporate thematic decor items such as candelabras, vintage mirrors, and whimsical centrepieces that nod to classic fairy tales. Consider elements like enchanted forests or royal ball motifs, complete with small details that add layers to your theme.</p>
                                        <p><strong>7. Draping and Fabrics:</strong> Use soft fabrics like tulle, chiffon, or silk to create draped ceiling treatments or backdrops. These elements can help create a fairytale-like environment, making the space feel intimate and romantic.</p>
                                        <p><strong>8. Focal Points:</strong> Create statement areas within your venue, such as a beautifully decorated archway for the ceremony or a whimsical cake display. These components can serve as stunning photo opportunities and focal points for your guests.</p>
                                        <p>Embrace your fairy tale dreams with decor that blends elegance with enchantment. Let every detail reflect the magic of your love story, ensuring a memorable event that feels truly like a fairy tale come to life.</p>
                                    </div>
                                </div>

                                <!-- Hollywood Glamour -->
                                <div class="svc-acc-item" data-img="/theme_aakriti_v2/static/src/img/services/theme/Hollywood-Glamour.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">Hollywood Glamour</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p><strong>Hollywood Glamour Event Decor</strong></p>
                                        <p>Transform your event space into a luxurious Hollywood-inspired oasis that radiates glamour and sophistication. At Wedding Dream Decor &amp; Flowers, we pay attention to every detail to capture the essence of iconic film premieres and red carpet events.</p>
                                        <p><strong>Colour Palette:</strong> Opt for a classic colour scheme of black, gold, and white. These tones evoke elegance while allowing for various accent colours, such as deep reds or rich royal blues, to enhance your design.</p>
                                        <p><strong>Lighting:</strong> Emphasize dramatic lighting effects. Use chandeliers and elegant pendant lights to create a warm, inviting atmosphere. Incorporate soft spotlights to highlight key areas, such as the stage, dining tables, and entrance, ensuring a celebrity-worthy welcome.</p>
                                        <p><strong>Table Settings:</strong> Select opulent tableware, including gold-rimmed plates, crystal glassware, and sleek cutlery. Layer table linens with luxurious fabrics like satin or sequined overlays. Centrepieces can feature tall floral arrangements in gold vases, adorned with feathers, crystals, or pearls, reminiscent of vintage Hollywood glamour.</p>
                                        <p><strong>Backdrops:</strong> Create stunning backdrops that serve as photo opportunities. Options include a shimmering sequined wall, a lush floral arrangement intertwined with greenery, or a vintage-style marquee sign. These elements will not only enhance the visual interest but also provide guests with memorable photo moments.</p>
                                        <p><strong>Floral Decor:</strong> Choose extravagant floral arrangements with orchids, roses, and lilies, interspersed with gold accents. Consider using oversized arrangements or cascading floral installations to instil a sense of grandeur throughout the venue.</p>
                                        <p><strong>Accessories:</strong> Incorporate accessories that exude luxury, such as gold candelabras, art deco sculptures, and plush lounge seating. This will enhance the overall aesthetic and provide comfort for guests.</p>
                                        <p><strong>Final Touches:</strong> Elevate the experience with silk drapery, luxe lounge areas with rich fabrics, and plush throw pillows. For a truly immersive experience, consider offering a signature cocktails menu inspired by classic Hollywood films.</p>
                                        <p>By blending lavish decor with attention to detail, your Hollywood glamour event will dazzle guests and create unforgettable memories. Let Wedding Dream Decor &amp; Flowers help you craft an enchanting event that truly embodies the elegance and glamour of Tinseltown.</p>
                                    </div>
                                </div>

                                <!-- Romance -->
                                <div class="svc-acc-item" data-img="/theme_aakriti_v2/static/src/img/services/theme/Romance.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">Romance</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p><strong>Romantic Event Decor</strong></p>
                                        <p>Creating a romantic atmosphere for your event involves a careful selection of decor elements that evoke intimacy and elegance. Here are key aspects to consider:</p>
                                        <p><strong>Colour Palette:</strong> Opt for soft, muted colours such as blush pinks, ivory, and light greys, complemented by deeper shades like burgundy or navy blue. These combinations create a warm and inviting backdrop.</p>
                                        <p><strong>Lighting:</strong> Utilise soft lighting to enhance the romance. String lights, fairy lights, and candle arrangements can add a magical touch. Consider using dimmable fixtures to adjust the ambiance throughout the event.</p>
                                        <p><strong>Floral Arrangements:</strong> Choose lush and full floral arrangements with seasonal blossoms. Romantic flowers such as roses, peonies, and hydrangeas work beautifully. Incorporate greenery for added texture and to create a more organic feel.</p>
                                        <p><strong>Fabrics and Textures:</strong> Layer different fabrics like silk, lace, and velvet to bring depth to the decor. Table runners, chair sashes, and drapery can all be crafted from these materials for a cohesive look.</p>
                                        <p><strong>Table Settings:</strong> Set the scene with elegant table settings. Use fine china, crystal glassware, and polished silverware. Personalised touches, such as custom place cards or folded napkins, can enhance the overall aesthetic.</p>
                                        <p><strong>Centrepieces:</strong> Create striking centrepieces that not only catch the eye but also tie in the floral themes and colour palette. Tall arrangements, clusters of small vases, or lanterns filled with candles can serve as focal points.</p>
                                        <p><strong>Ambient Music:</strong> Finally, select a playlist that complements the romantic theme. Soft instrumental music or acoustic love songs create a serene environment conducive to connection and celebration.</p>
                                        <p>By meticulously crafting each element, your event decor will encapsulate the essence of romance, leaving a lasting impression on your guests.</p>
                                    </div>
                                </div>

                                <!-- The Royal Wedding -->
                                <div class="svc-acc-item" data-img="/theme_aakriti_v2/static/src/img/services/theme/Royal-Wedding.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">The Royal Wedding</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p><strong>Royal Wedding Event Decor</strong></p>
                                        <p>Transforming your wedding into a royal affair requires meticulous attention to detail and a touch of grandeur. Here are some essential elements to consider for achieving that opulent look:</p>
                                        <p><strong>Venue Selection:</strong> Choose a majestic venue that evokes a sense of history and elegance. Places such as heritage manors, luxurious hotels, or sprawling gardens can serve as stunning backdrops.</p>
                                        <p><strong>Colour Palette:</strong> Opt for rich, regal colours like deep burgundy, navy blue, gold, or emerald green. These shades create a sophisticated atmosphere and can be wonderfully complemented with soft whites or blush tones.</p>
                                        <p><strong>Floral Arrangements:</strong> Luxurious blooms such as peonies, roses, and orchids can be used to create extravagant centrepieces and bouquets. Consider cascading arrangements or ornate floral arches to enhance the overall aesthetic.</p>
                                        <p><strong>Table Settings:</strong> Dress each table with elegant linens, perhaps in silk or satin, paired with fine china and crystal glassware. Incorporate gold or silver cutlery for that added touch of opulence.</p>
                                        <p><strong>Lighting:</strong> Utilize chandeliers or candelabras for ambient lighting. Warm, soft lighting can evoke a romantic feel while highlighting the intricate decor elements.</p>
                                        <p><strong>Ceremony Decor:</strong> For the ceremony, think grand entrance pieces and elaborate altar setups. Incorporating flowing draperies and plush seating arrangements can elevate the overall experience.</p>
                                        <p><strong>Thematic Elements:</strong> Consider incorporating items like vintage books, ornate mirrors, or regal seat assignments to enhance the royal theme. Personal touches, such as monogrammed items, can also add a bespoke feel.</p>
                                        <p><strong>Grand Cake:</strong> A tiered wedding cake adorned with intricate sugar flowers, gold accents, or regal motifs can serve as a stunning focal point.</p>
                                        <p>Creating a royal wedding involves harmonizing all these elements to present a cohesive vision that wows guests and creates unforgettable memories. By investing in high-quality decor and thoughtful design, your wedding can truly reflect the grandeur of a royal celebration.</p>
                                    </div>
                                </div>

                                <!-- Rustic -->
                                <div class="svc-acc-item" data-img="/theme_aakriti_v2/static/src/img/services/theme/Rustic.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">Rustic</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p><strong>Rustic Event Decor: Capturing the Essence of Nature</strong></p>
                                        <p>Rustic event decor embodies a warm and inviting atmosphere, drawing inspiration from the great outdoors. This style is characterised by its earthy tones, natural textures, and handcrafted elements, making it ideal for weddings, birthdays, and corporate events that seek a charming and down-to-earth feel.</p>
                                        <p><strong>Materials and Textures:</strong> Utilising materials like reclaimed wood, burlap, and metal creates an authentic rustic aesthetic. Wooden pallets can serve as backdrops or display areas, while burlap table runners add warmth and texture to tablescapes. Incorporating wrought iron elements like candle holders and lanterns enhances the rugged beauty typical of rustic designs.</p>
                                        <p><strong>Floral Arrangements:</strong> Florals play a significant role in rustic decor. Opt for wildflowers, dried flowers, and greenery to create arrangements that feel organic and unstructured. Mason jars, wooden crates, or vintage tins can serve as unique vases, providing a charming touch while complementing the overall aesthetic.</p>
                                        <p><strong>Lighting:</strong> Soft, ambient lighting is crucial in setting the mood for a rustic event. String lights twinkling overhead, along with the warm glow of lanterns and candles, can transform any space into a cozy retreat. Consider using Edison bulbs for a vintage feel, as they evoke a sense of nostalgia and simplicity.</p>
                                        <p><strong>Furniture and Seating:</strong> Choose farmhouse-style tables and mismatched chairs to enhance the rustic vibe. Long banquet tables foster a communal atmosphere, encouraging conversation and connection among guests. If the event permits, mixing different seating options can add character and flair.</p>
                                        <p><strong>Additional Touches:</strong> Personalisation is key to rustic decor. Custom signage made from reclaimed wood, hand-painted details, and personal mementos can make your event memorable. Photo displays using wooden frames or string displays of memories evoke a sense of nostalgia and connection.</p>
                                        <p><strong>Conclusion:</strong> Rustic event decor creates a welcoming environment that allows guests to feel at ease while celebrating life's special moments. By thoughtfully integrating natural materials, warm lighting, and personal touches, you can craft an unforgettable experience that reflects the beauty of simplicity and nature.</p>
                                    </div>
                                </div>

                                <!-- Shimmer, Sparkle, and Bling! -->
                                <div class="svc-acc-item" data-img="/theme_aakriti_v2/static/src/img/services/theme/Shimmer.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">Shimmer, Sparkle, and Bling!</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p><strong>Shimmer, Sparkle, and Blind Event Decor</strong></p>
                                        <p>Elevate your event with decor that mesmerizes and enchants. Shimmer and sparkle are not just themes; they are experiences that transform your venue into a breathtaking wonderland. When meticulously designed, these elements can create an unforgettable atmosphere that captivates your guests.</p>
                                        <p><strong>Incorporating Shimmering Textures:</strong> Utilise fabrics such as satin, silk, and organza in your draping and table settings to introduce a luxurious feel. Sequined tablecloths, shimmering overlays, and metallic accents can create an opulent base for your decor. Consider pairing these with ambient lighting to reflect and amplify the sparkle throughout the space.</p>
                                        <p><strong>Dazzling Centrepieces:</strong> Centrepieces serve as a focal point at any gathering. Opt for designs that incorporate crystals, glass, and mirrored surfaces to capture and refract light. Floral arrangements can be enhanced with glitter or metallic-painted branches that catch the eye, providing both height and depth.</p>
                                        <p><strong>Lighting as a Key Element:</strong> Lighting plays a critical role in achieving a "blindly" stunning effect. Soft fairy lights, up-lighting, and chandeliers can illuminate your space, highlighting the shimmering elements. Incorporate LED lights within floral arrangements or along pathways to guide guests through a shimmering landscape.</p>
                                        <p><strong>Accents and Details:</strong> Don't overlook the importance of smaller details. Use shimmer-infused candles, glittering table numbers, or reflective place cards to tie in the theme subtly. Even your signage can be embellished with metallic accents or sparkling elements to ensure consistency and elegance.</p>
                                        <p><strong>Conclusion:</strong> Utilising shimmer, sparkle, and blind decor can elevate your event to extraordinary heights. By thoughtfully incorporating these elements, you will create an enchanting environment that leaves a lasting impression on all who attend. Ensure every detail is carefully curated for a cohesive, dazzling experience that truly shines.</p>
                                    </div>
                                </div>

                                <!-- Vintage -->
                                <div class="svc-acc-item" data-img="/theme_aakriti_v2/static/src/img/services/theme/Vintage.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">Vintage</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p><strong>Vintage Event Decor</strong></p>
                                        <p>Creating a vintage atmosphere for your event is an art that blends nostalgia with elegance. Here are essential elements to consider when crafting a vintage-inspired Decor:</p>
                                        <p><strong>1. Colour Palette:</strong> Opt for muted tones like pastels, creams, and earthy hues. Incorporate soft pinks, dusty blues, or sage greens to evoke a romantic, bygone era. Accents of gold or brass can add a touch of sophistication.</p>
                                        <p><strong>2. Furniture and Seating:</strong> Think about incorporating antique furniture pieces such as Victorian chairs, side tables, and vintage settees. Mixing and matching different styles can create a charming, curated look. Look for items with intricate detailing and rich textures.</p>
                                        <p><strong>3. Table Settings:</strong> Utilise mismatched china, vintage cutlery, and ornate glassware for table settings. Lace or burlap runners can provide the perfect foundation for your centrepieces. Consider using doilies for added texture and old-world appeal.</p>
                                        <p><strong>4. Floral Arrangements:</strong> Choose flowers that were popular in vintage times, such as peonies, hydrangeas, and daisies. Use vintage vases or mason jars to hold your arrangements, and incorporate dried flowers for a rustic touch.</p>
                                        <p><strong>5. Lighting:</strong> Soft, warm lighting sets the tone for any vintage event. Use strings of fairy lights, chandeliers, or lanterns to create a magical ambience. Candles, especially in vintage holders, can add a romantic glow to your space.</p>
                                        <p><strong>6. Accessories and Props:</strong> Incorporate vintage props like typewriters, old books, gramophones, or globes. These small touches can greatly enhance the vintage feel. Consider using antique frames for photographs or signage to tie everything together.</p>
                                        <p><strong>7. Themed Elements:</strong> Customize elements of your event to reflect the specific vintage era you wish to evoke. Whether it's the Roaring Twenties, the elegant Fifties, or the bohemian Sixties, ensure all Decor aligns with your chosen theme.</p>
                                        <p><strong>8. Textiles:</strong> Incorporate vintage fabrics through table linens, drapery, or cushions. Items like lace, brocade, or patterned fabrics can create depth and interest in your Decor.</p>
                                        <p>By thoughtfully blending these elements, your vintage event Decor will transport guests to a charming past, creating an unforgettable experience. Let the beauty of yesteryears define the elegance of your celebration.</p>
                                    </div>
                                </div>

                                <!-- Winter, Spring, Summer, Fall -->
                                <div class="svc-acc-item" data-img="/theme_aakriti_v2/static/src/img/services/theme/Winter.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">Winter, Spring, Summer, Fall</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p>Seasonal weddings offer a unique opportunity to reflect the beauty and charm of each time of year through decor that resonates with nature's offerings.</p>
                                        <p><strong>Winter Weddings:</strong> Embrace the cozy sparkle of winter with soft, twinkling lights that mimic the starry night. Incorporate elegant elements such as frosted greenery, deep jewel tones, and luxurious fabrics. Accents like candles and faux fur can create warmth and intimacy, inviting guests to share in the magic of the season.</p>
                                        <p><strong>Spring Weddings:</strong> Celebrate the vibrant awakening of spring with fresh blooms that announce the season's arrival. Pastel colors, botanical prints, and delicate floral arrangements can inspire joy and renewal. Incorporate elements like rustic wooden tables adorned with wildflowers and greenery to create an enchanting garden feel.</p>
                                        <p><strong>Summer Weddings:</strong> Capture the essence of summer with bright, bold colors and sun-kissed themes. Utilize outdoor settings where natural light enhances floral decor. Focus on vibrant hues, tropical motifs, and light, airy fabrics that evoke a sense of freedom and celebration. Incorporate elements like picnic-style seating, lanterns, and seasonal fruits to bring a playful, festive atmosphere.</p>
                                        <p><strong>Fall Weddings:</strong> Welcome the rich, rustic hues of fall with a palette of deep reds, oranges, and browns. Utilize natural elements such as pumpkins, akins, and abundant harvest florals. Create a warm ambiance with wooden accents, cozy blankets, and soft candlelight, enticing guests to feel the comforting spirit of the season.</p>
                                        <p>By tailoring your decor to the distinct features of each season, your wedding can showcase not only the beauty of love but also the beauty of nature in all its forms. Each seasonal event is an opportunity to create a memorable experience that reflects your style and embraces the magic of the chosen time of year.</p>
                                    </div>
                                </div>

                                <!-- Culturally-specific themes -->
                                <div class="svc-acc-item" data-img="/theme_aakriti_v2/static/src/img/services/theme/Culturally-specific-themes.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">Culturally-specific themes</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p>Culturally specific event decor plays a pivotal role in creating an authentic and immersive atmosphere that resonates with the traditions and values of different communities. At Wedding Dream Decor &amp; Flowers, we understand that every culture has its unique customs, symbols, and aesthetics, and we strive to reflect these elements in our decor designs.</p>
                                        <p>From the vibrant colours and intricate patterns of Indian weddings to the elegant simplicity of Scandinavian celebrations, our team is well-versed in the specifics that define various cultural ceremonies. For a traditional Indian wedding, we incorporate rich textiles, ornate mandaps, and elaborate floral arrangements that highlight the significance of each ritual.</p>
                                        <p>For Chinese weddings, we emphasise red and gold hues, using lanterns, dragon motifs, and intricately designed centrepieces that honour heritage and invite good fortune. Similarly, for a Jewish ceremony, we focus on elements like the chuppah adorned with meaningful flowers and textiles that resonate with the couple's story.</p>
                                        <p>By offering decor that is both culturally specific and steeped in respect for tradition, we ensure that each event not only celebrates love but does so in a way that is deeply meaningful to the families and communities involved. Our goal is to create a harmonious blend of personal expression and cultural integrity, making your event truly unforgettable.</p>
                                    </div>
                                </div>

                                <!-- Black Tie Affair -->
                                <div class="svc-acc-item" data-img="/theme_aakriti_v2/static/src/img/services/theme/Black-Tie-Affair.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">Black Tie Affair</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p><strong>Black Tie Affair Decor</strong></p>
                                        <p>Creating an enchanting atmosphere for a black tie affair involves a careful selection of decor elements that exude elegance and sophistication. Here are key components to consider for your event:</p>
                                        <p><strong>Colour Palette:</strong> Stick to a refined colour scheme that typically includes black, white, gold, or silver. These classic hues will help set the tone for a luxurious evening. Incorporating rich jewel tones like deep emerald or royal blue can also add a contemporary touch.</p>
                                        <p><strong>Table Settings:</strong> Opt for crisp white table linens paired with black satin napkins. Consider using gold or silver charger plates to enhance the opulence. Centrepieces can feature low arrangements of seasonal flowers in monochromatic shades, complemented by candles in elegant holders to create a warm, inviting glow.</p>
                                        <p><strong>Lighting:</strong> Strategic lighting plays a crucial role in establishing an upscale ambiance. Use dimmable chandeliers or candelabras that cast a soft light. Uplighting around the venue can accentuate architectural features and enhance the overall decor.</p>
                                        <p><strong>Floral Arrangements:</strong> Choose lavish floral arrangements that reflect your colour palette. Think about using classic blooms like roses or orchids, alongside greenery for texture. Tall centrepieces can be impactful, while low arrangements provide an intimate feel.</p>
                                        <p><strong>Chairs and Tables:</strong> Select sleek and stylish furniture. Chiavari chairs adorned with plush cushions offer both comfort and style. For tables, consider round setups for a cohesive look or long banquet styles for a more communal feel, dressed in elegant table runners.</p>
                                        <p><strong>Additional Touches:</strong> Incorporate elements such as personalised place cards, menu cards in calligraphy, and elegant floral accents at each setting. Use sophisticated glassware and cutlery to elevate the dining experience.</p>
                                        <p>By thoughtfully combining these decor elements, your black tie affair will leave a lasting impression and provide a wonderfully elegant setting for any event.</p>
                                    </div>
                                </div>

                                <!-- Simplistic -->
                                <div class="svc-acc-item" data-img="/theme_aakriti_v2/static/src/img/services/theme/Simplistic.webp">
                                    <button class="svc-acc-btn" type="button">
                                        <span class="svc-acc-icon">✦</span>
                                        <span class="svc-acc-label">Simplistic</span>
                                        <span class="svc-acc-arrow">→</span>
                                    </button>
                                    <div class="svc-acc-body">
                                        <p><strong>Simplistic Event Decor</strong></p>
                                        <p>Embracing a minimalist aesthetic can transform any event into a serene and sophisticated experience. Simplistic event decor focuses on clean lines, subtle colour palettes, and thoughtfully curated elements that highlight the beauty of simplicity.</p>
                                        <p><strong>Key Components of Simplistic Decor:</strong></p>
                                        <ul>
                                            <li><strong>Neutral Colour Schemes:</strong> Opt for soft tones like whites, creams, and pale pastels. These colours can create a calm and inviting atmosphere, allowing other elements of the decor to shine.</li>
                                            <li><strong>Natural Elements:</strong> Incorporate elements from nature such as greenery, flowers, and raw materials. A simple arrangement of fresh foliage or a few understated blooms can serve as a stunning focal point without overwhelming the senses.</li>
                                            <li><strong>Minimalist Table Settings:</strong> Use sleek tableware, understated linens, and delicate glassware. A single floral centrepiece or a stylish candle can add elegance without clutter.</li>
                                            <li><strong>Lighting:</strong> Soft, ambient lighting sets the tone for any event. Consider string lights, candles, or simple lanterns to create an intimate and warm environment.</li>
                                            <li><strong>Open Spaces:</strong> Allow for plenty of space in your layout. Avoid overcrowding tables or seating areas, which can create a chaotic feeling. Less is often more in minimalist design.</li>
                                            <li><strong>Personal Touches:</strong> While simplicity is key, incorporating personal elements like custom signage or small mementos can add a unique flair that resonates with guests.</li>
                                        </ul>
                                    </div>
                                </div>

                            </div><!-- /svc-accordion -->
                        </div><!-- /left -->

                        <!-- RIGHT: Sticky Image Panel -->
                        <div class="svc-themes-right">
                            <div class="svc-themes-img-frame">
                                <!-- <div class="svc-themes-img-badge">FEATURED THEME</div> -->
                                <img id="svcThemeImg"
                                     src="/theme_aakriti_v2/static/src/img/services/theme/Bohemian.webp"
                                     alt="Event Theme"
                                     class="svc-themes-img"/>
                                <div class="svc-themes-img-overlay">
                                    <span id="svcThemeLabel" class="svc-themes-img-label">Bohemian</span>
                                </div>
                            </div>
                        </div>

                    </div><!-- /wrap -->
                </section>

                <!-- ═══════════════════════════════════════════════
                     SECTION 2 — CTA BANNER
                ═══════════════════════════════════════════════ -->
                <section id="v2-cta" class="svc-cta-section">
                    <div class="v2-cta-inner">
                        <h2 class="v2-cta-title" style="font-family: var(--v2-font-display);">Let's Create Your<br/>Perfect Event</h2>
                        <p class="v2-cta-subtitle">From intimate gatherings to grand celebrations — every detail, beautifully crafted.<br/>Share your vision and let us bring it to life.</p>
                        <a href="/contactus" class="v2-btn-cta">Plan Your Event →</a>
                    </div>
                </section>

                <!-- ═══════════════════════════════════════════════
                     SECTION 3 — SERVICE CARDS (Circle + Content)
                ═══════════════════════════════════════════════ -->
                <section class="svc-cards-section">
                    <div class="svc-cards-wrap">
                        <span class="svc-eyebrow" style="text-align:center; display:block;">WHAT WE OFFER</span>
                        <h2 class="svc-cards-title" style="font-family:var(--v2-font-display); text-align:center;">Experiences We Craft</h2>
                        <p class="svc-cards-subtitle">Every service is tailored to tell your unique story.</p>

                        <div class="svc-cards-grid">

                            <!-- Card 1 -->
                            <div class="svc-card" style="--card-color: #f9e8e8;">
                                <div class="svc-card-circle" style="--circle-color: #f9e8e8;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/bridal-bouquet.webp" alt="Fusion Weddings"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Bridal Bouquet</h3>
                                    <p class="svc-card-desc">Carefully arranged bunch of flowers carried by the bride.</p>

                                </div>
                            </div>

                            <!-- Card 2 -->
                            <div class="svc-card" style="--card-color: #e8f3e8;">
                                <div class="svc-card-circle" style="--circle-color: #e8f3e8;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/bridal-party-bouquet.webp" alt="Home Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Bridal Party Bouquets</h3>
                                    <p class="svc-card-desc">Smaller, coordinated floral arrangements carried by bridesmaids, maid of honour etc.</p>

                                </div>
                            </div>

                            <!-- Card 3 -->
                            <div class="svc-card" style="--card-color: #fef3e2;">
                                <div class="svc-card-circle" style="--circle-color: #fef3e2;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Boutonnieres.webp" alt="Haldi Mehndi"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Boutonnieres</h3>
                                    <p class="svc-card-desc">Small floral decorations worn on the lapel of a suit or tuxedo jacket.</p>

                                </div>
                            </div>

                            <!-- Card 4 -->
                            <div class="svc-card" style="--card-color: #e8eaf9;">
                                <div class="svc-card-circle" style="--circle-color: #e8eaf9;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Corsages.webp" alt="Stage Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Corsages</h3>
                                    <p class="svc-card-desc">Small floral arrangements worn on the wrist or pinned to clothing.</p>

                                </div>
                            </div>

                            <!-- Card 5 -->
                            <div class="svc-card" style="--card-color: #fce8f3;">
                                <div class="svc-card-circle" style="--circle-color: #fce8f3;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Flower-Girl-Bouquet.webp" alt="Entrance Styling"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Flower Girl Bouquet</h3>
                                    <p class="svc-card-desc">Smaller, charming floral arrangement carried by the flower girl.</p>

                                </div>
                            </div>

                            <!-- Card 6 -->
                            <div class="svc-card" style="--card-color: #e8f6fc;">
                                <div class="svc-card-circle" style="--circle-color: #e8f6fc;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Floral-Headpieces,-Wreaths,-and-Fascinators.webp" alt="Table Styling"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Floral Headpieces, Wreaths, and Fascinators</h3>
                                    <p class="svc-card-desc">Beautiful floral accessories worn in the hair to add elegance and style.</p>

                                </div>
                            </div>

                            <!-- Card 7 -->
                            <div class="svc-card" style="--card-color: #f9e8e8;">
                                <div class="svc-card-circle" style="--circle-color: #f9e8e8;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Garlands.webp" alt="Engagement"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Garlands</h3>
                                    <p class="svc-card-desc">Decorative strands made of flowers for venues, arches, or tables.</p>

                                </div>
                            </div>

                            <!-- Card 8 -->
                            <div class="svc-card" style="--card-color: #e8f3e8;">
                                <div class="svc-card-circle" style="--circle-color: #e8f3e8;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Centrepieces.webp" alt="Ceremony Design"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Centrepieces</h3>
                                    <p class="svc-card-desc">Decorative arrangements placed at the center of tables during weddings, often featuring flowers, candles, greenery, or themed elements.</p>

                                </div>
                            </div>

                            <!-- Card 9 -->
                            <div class="svc-card" style="--card-color: #fef3e2;">
                                <div class="svc-card-circle" style="--circle-color: #fef3e2;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Funeral-Arrangements.webp" alt="Proposal Backdrop"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Funeral Arrangements</h3>
                                    <p class="svc-card-desc">Thoughtfully crafted funeral floral arrangements designed to honor and celebrate the life of your loved one.</p>

                                </div>
                            </div>

                            <!-- Card 10 -->
                            <div class="svc-card" style="--card-color: #e8eaf9;">
                                <div class="svc-card-circle" style="--circle-color: #e8eaf9;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Milestones-&amp;-Achievements.webp" alt="Community Events"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Milestones &amp; Achievements</h3>
                                    <p class="svc-card-desc">Anniversary, Birthday, Baby’s arrival, Graduation/Prom, Congratulatory, Mother’s Day etc.</p>

                                </div>
                            </div>

                            <!-- Card 11 -->
                            <div class="svc-card" style="--card-color: #fce8f3;">
                                <div class="svc-card-circle" style="--circle-color: #fce8f3;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Care-&amp;-Comfort-Collection.webp" alt="Photobooth"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Care &amp; Comfort Collection</h3>
                                    <p class="svc-card-desc">Sympathy, Apology, Recovery/Get Well Soon, Gratitude, Just Because/Thinking of You etc.</p>

                                </div>
                            </div>

                            <!-- Card 12 -->
                            <div class="svc-card" style="--card-color: #e8f6fc;">
                                <div class="svc-card-circle" style="--circle-color: #e8f6fc;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Seasonal-Arrangements.webp" alt="Celebration of Life"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Seasonal Arrangements</h3>
                                    <p class="svc-card-desc">Designed with the freshest in-season flowers, each arrangement is a reflection of the time of year—vibrant, elegant, and always meaningful.</p>

                                </div>
                            </div>

                        </div><!-- /grid -->
                    </div>
                </section>

                <!-- JS: Accordion image switcher -->
                <script>
                (function() {
                    var items = document.querySelectorAll('.svc-acc-item');
                    var img   = document.getElementById('svcThemeImg');
                    var lbl   = document.getElementById('svcThemeLabel');

                    items.forEach(function(item) {
                        item.querySelector('.svc-acc-btn').addEventListener('click', function() {
                            // Close all
                            items.forEach(function(i) { i.classList.remove('active'); });
                            // Open clicked
                            item.classList.add('active');
                            // Swap image
                            var newSrc = item.getAttribute('data-img');
                            var newLbl = item.querySelector('.svc-acc-label').textContent;
                            img.style.opacity = '0';
                            setTimeout(function() {
                                img.src = newSrc;
                                lbl.textContent = newLbl;
                                img.style.opacity = '1';
                            }, 250);
                        });
                    });
                })();
                </script>
                
            </div>
        </t>
    </template>


</odoo>
